From 76aed465ac0d281e8297a6f4c951e8a7fd502a58 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Mon, 16 Jun 2025 11:27:20 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue                | 18 +++++++++---------
 .../dialoguePanel/DialoguePanel.scss           |  2 +-
 src/views/api/index.vue                        |  7 ++++++-
 src/views/api/style.scss                       |  2 +-
 src/views/app/index.vue                        |  1 +
 src/views/app/style.scss                       |  2 +-
 .../dialogue/components/DialogueAside.vue      |  2 ++
 7 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 57ac497..e9fcca9 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -270,15 +270,15 @@ onMounted(() => {
         </el-icon>
         <div class="upload-tip">
           {{ $t('semantic.tip1') }}
-          <div style="margin-top: 16px">
-            <el-button type="primary" size="small">
-              {{ $t('semantic.choose_file') }}
-            </el-button>
+            <div class="upload-tip2">
+            {{ $t('semantic.tip2') }}
+            </div>
+            <div style="margin-top: 16px">
+              <el-button type="primary" size="small">
+                {{ $t('semantic.choose_file') }}
+              </el-button>
           </div>
         </div>
-        <div class="upload-tip">
-          {{ $t('semantic.tip2') }}
-        </div>
       </div>
       <div v-if="progressVal && !uploadDone" class="upload-loading">
         <el-progress
@@ -453,8 +453,8 @@ onMounted(() => {
   color: var(--o-text-color-tertiary);
 }
 
-.upload-tip + .upload-tip {
-  margin-top: 24px;
+.upload-tip  .upload-tip2 {
+  margin-top: 4px;
 }
 
 .upload-preview {
diff --git a/src/components/dialoguePanel/DialoguePanel.scss b/src/components/dialoguePanel/DialoguePanel.scss
index fbe8fdb..0bdf081 100644
--- a/src/components/dialoguePanel/DialoguePanel.scss
+++ b/src/components/dialoguePanel/DialoguePanel.scss
@@ -237,7 +237,7 @@
   &__content {
     display: flex;
     align-items: flex-start;
-    margin-top: 10px;
+    margin-top: 16px;
     overflow-wrap: break-word;
     word-break: break-all;
 
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 7003fe3..b46983b 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -615,8 +615,12 @@ onBeforeUnmount(() => {
   overflow-y: auto;
   height: calc(100% - 32px);
 }
+:deep(.el-drawer) {
+  margin-top: 48px;
+  height: calc(100% - 48px);
+}
 .el-drawer {
-  margin: 0px;
+  margin-top: 48px !important;
   padding: 0px;
   &::v-deep(.el-drawer__header) {
     margin-bottom: 0px !important;
@@ -750,6 +754,7 @@ img {
 
 <style>
 .plugin-tabs {
+  padding-right: 8px;
   --o-tabs-font-size: 14px;
   --o-tabs-item-padding: 5px 16px 0 5px;
   --o-tabs-line-height: 32px;
diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index 403e381..a0a8daa 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -151,7 +151,7 @@
         }
       }
       .appCenterNoData {
-        top: calc(50% - 80px);
+        top: 100%;
         position: relative;
         display: flex;
         flex-direction: column;
diff --git a/src/views/app/index.vue b/src/views/app/index.vue
index 918dd67..7adc13a 100644
--- a/src/views/app/index.vue
+++ b/src/views/app/index.vue
@@ -399,6 +399,7 @@ img {
 
 <style>
 .app-tabs {
+  padding-right: 8px;
   --o-tabs-font-size: 14px;
   --o-tabs-item-padding: 5px 16px 0 5px;
   --o-tabs-line-height: 32px;
diff --git a/src/views/app/style.scss b/src/views/app/style.scss
index 9435ec9..ea779e0 100644
--- a/src/views/app/style.scss
+++ b/src/views/app/style.scss
@@ -195,7 +195,7 @@
         }
       }
       .appCenterNoData {
-        top: calc(50% - 80px);
+        top: 100%;
         position: relative;
         display: flex;
         flex-direction: column;
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 9947aa7..b875413 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -598,6 +598,7 @@ watch(
         width: 30px;
       }
       span {
+        font-size: 16px;
         font-weight: 600;
         color: var(--o-text-color-secondary);
       }
@@ -629,6 +630,7 @@ watch(
       border-radius: 8px;
       margin: 1px 0;
       span {
+        font-size: 12px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
-- 
Gitee


From ada4a1d9c3e2f2843662bd1033340900f8e50f29 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Mon, 16 Jun 2025 17:17:43 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/main.scss                   |  3 ++
 src/components/Upload/index.vue               | 35 ++++++++++---
 .../dialoguePanel/DialoguePanel.scss          | 16 +++---
 src/components/sessionCard/SessionCard.vue    |  8 +--
 src/i18n/lang/en.ts                           |  3 +-
 src/i18n/lang/zh-cn.ts                        |  3 +-
 src/views/api/components/MonacoEditor.vue     |  3 +-
 src/views/createapp/components/appConfig.vue  |  2 -
 .../dialogue/components/DialogueAside.vue     | 24 +++++++--
 .../dialogue/components/DialogueSession.vue   | 50 +------------------
 .../dialogue/components/InterPreview.vue      |  1 +
 src/views/styles/createApp.scss               |  1 +
 12 files changed, 70 insertions(+), 79 deletions(-)

diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index ac1620b..796c1bb 100644
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -91,3 +91,6 @@ html.platform-linux {
   background-color: var(--o-scrollbar-thumb) !important;
   /* 鼠标悬停时的滚动条按钮颜色 */
 }
+:deep(.el-checkbox.el-checkbox--large){
+  height: auto !important;
+}
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index e9fcca9..fd64329 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -303,6 +303,7 @@ onMounted(() => {
       @update="updateFunc"
       @change="handleChange"
     /> -->
+    <div class="monaco-editor-container">
     <MonacoEditor
       v-if="uploadtype === 'edit' && getServiceYaml"
       :yamlContent="getServiceYaml"
@@ -310,9 +311,11 @@ onMounted(() => {
       :readOnly="!editable"
       :handleQueryYamlValue="handleChange"
     />
+    </div>
   </div>
   <div class="json-container" v-if="uploadtype === 'get'">
     <span class="serviceName" v-if="getServiceName">{{ getServiceName }}</span>
+    <div class="collapse-container">
     <el-collapse
       v-model="activeServiceNameList"
       class="o-hpc-collapse"
@@ -348,6 +351,7 @@ onMounted(() => {
         </div>
       </el-collapse-item>
     </el-collapse>
+    </div>
   </div>
   <div class="drawerFooter" v-if="uploadtype === 'upload'">
     <el-button @click="handleClose">{{ $t('semantic.cancel') }}</el-button>
@@ -363,18 +367,20 @@ onMounted(() => {
     </el-button>
   </div>
   <div class="drawerFooter" v-if="uploadtype === 'get'">
-    <el-button @click="handleClose">{{ $t('semantic.cancel') }}</el-button>
-    <el-button type="primary" @click="handleClose">
-      {{ $t('semantic.submit') }}
-    </el-button>
+    <el-button @click="handleClose">{{ $t('semantic.close') }}</el-button>
   </div>
 </template>
 
 <style lang="scss" scoped>
+.monaco-editor-container {
+  width: 100%;
+  height: calc(100%);
+  border: 1px solid var(--o-time-text);
+}
 .el-collapse-item__title {
   display: block;
   position: relative;
-  left: 4px;
+  left: -4px;
 }
 .code-container {
   height: calc(100% - 48px);
@@ -388,7 +394,7 @@ onMounted(() => {
 }
 .json-container {
   max-height: calc(100% - 8px);
-  overflow-y: scroll;
+  overflow-y: hidden;
 }
 .v-codemirror {
   height: 100%;
@@ -517,18 +523,30 @@ onMounted(() => {
     background-color: var(--el-collapse-header-bg) !important;
     height: 32px;
     padding: 8px 12px !important;
+    border-radius: 0px !important;
     border-bottom: 1px solid var(--el-collapse-border) !important;
     border-bottom-color: var(--el-collapse-border) !important;
   }
   :deep(.el-collapse-item__content) {
     background-color: var(--el-collapse-content-bg) !important;
     margin: 0px;
+    border-radius: 0px !important;
     border-bottom: 1px solid var(--el-collapse-border) !important;
     border-bottom-color: var(--el-collapse-border) !important;
   }
   :deep(.el-collapse-item__wrap) {
-    border-bottom: 1px solid var(--el-collapse-border) !important;
+    // border-bottom: 1px solid var(--el-collapse-border) !important;
     border-bottom-color: var(--el-collapse-border) !important;
+    border-radius: 0px !important;
+  }
+  .collapse-container{
+    max-height: calc(100% - 48px);
+    overflow-y: auto;
+  }
+  :deep(.el-collapse-item) {
+    &:last-child {
+      margin-bottom: 0px !important;
+    }
   }
 }
 
@@ -548,8 +566,9 @@ onMounted(() => {
       color: var(--o-font-size-subtitle);
     }
     div:last-child {
-      padding: 0px 12px;
+      padding: 0px 24px;
       word-break: break-all;
+      color: var(--o-text-color-primary);
     }
   }
 }
diff --git a/src/components/dialoguePanel/DialoguePanel.scss b/src/components/dialoguePanel/DialoguePanel.scss
index 0bdf081..ba41435 100644
--- a/src/components/dialoguePanel/DialoguePanel.scss
+++ b/src/components/dialoguePanel/DialoguePanel.scss
@@ -224,7 +224,6 @@
       justify-content: center;
       color: #8d98aa;
       font-size: 12px;
-      margin-top: 16px;
     }
 
     p {
@@ -245,7 +244,7 @@
       width: 48px;
       height: 48px;
       position: absolute;
-      left: -10px;
+      // left: -10px;
     }
 
     .content {
@@ -256,9 +255,11 @@
       // display: flex;
       // align-items: center;
       color: var(--o-text-color-primary);
-      margin-left: 45px;
+      margin-left: calc(48px + 16px);
       background-image: var(--o-content-bg);
+      min-height: 48px;
       .messaege {
+        line-height: 24px !important;
         top: 10px;
         margin-top: 24px;
         display: block;
@@ -269,7 +270,7 @@
 
   &__robot {
     position: relative;
-    padding-left: 45px;
+    padding-left: calc(48px + 16px);
     border-radius: 8px;
 
     .loading {
@@ -296,7 +297,7 @@
         top: 0px;
         width: 48px;
         height: 48px;
-        left: -10px;
+        left: 0px;
         background-image: url('src/assets/svgs/robot.svg');
       }
 
@@ -325,7 +326,7 @@
       &::before {
         content: '';
         position: absolute;
-        left: -10px;
+        // left: -10px;
         top: 30px;
         width: 48px;
         height: 48px;
@@ -345,7 +346,7 @@
       &::before {
         content: '';
         position: absolute;
-        left: -10px;
+        left: 0px;
         top: 0px;
         width: 48px;
         height: 48px;
@@ -522,6 +523,7 @@
     }
   }
   .dialogue-panel__user-time {
+    margin-top: 0px;
     height: 20px;
     line-height: 20px;
   }
diff --git a/src/components/sessionCard/SessionCard.vue b/src/components/sessionCard/SessionCard.vue
index 388fbf5..b07fefa 100644
--- a/src/components/sessionCard/SessionCard.vue
+++ b/src/components/sessionCard/SessionCard.vue
@@ -390,10 +390,10 @@ const deleteOne = (name: string, list: string[]) => {
   }
 }
 //dialog 顶部样式强制修改
-:deep(.el-dialog) {
-  width: 432px;
-  height: 184px;
-}
+// :deep(.el-dialog) {
+//   width: 432px !important;
+//   height: 184px !important;
+// }
 :deep(.dialog .el-dialog__header) {
   margin-right: 0px;
   border-radius: 4px 4px 0 0;
diff --git a/src/i18n/lang/en.ts b/src/i18n/lang/en.ts
index 328f740..46f5a26 100644
--- a/src/i18n/lang/en.ts
+++ b/src/i18n/lang/en.ts
@@ -51,6 +51,7 @@ export default {
     settings: 'Settings',
   },
   semantic: {
+    close: 'Close',
     semantic_interface: 'Semantic Interface',
     max_select_mcp_server: 'Choose up to {num} mcp services',
     mcp_service: 'MCP Service',
@@ -72,7 +73,7 @@ export default {
     edit_semantic_interface: 'Edit Interface',
     view_semantic_interface: 'View Interface',
     choose_file: 'Choose File',
-    tip1: 'Drag file here or',
+    tip1: 'Drag file here',
     tip2: 'Format: YAML, Size < 2M',
     cancel: 'Cancel',
     submit: 'Submit',
diff --git a/src/i18n/lang/zh-cn.ts b/src/i18n/lang/zh-cn.ts
index fb9dada..d202031 100644
--- a/src/i18n/lang/zh-cn.ts
+++ b/src/i18n/lang/zh-cn.ts
@@ -51,6 +51,7 @@ export default {
     settings: '设置',
   },
   semantic: {
+    close: '关闭',
     semantic_interface: '语义接口',
     max_select_mcp_server: '最多可选择 {num} 个MCP服务',
     mcp_service: 'MCP服务',
@@ -72,7 +73,7 @@ export default {
     edit_semantic_interface: '编辑语义接口',
     view_semantic_interface: '查看语义接口',
     choose_file: '选择文件',
-    tip1: '将文件拖拽到此处 或',
+    tip1: '将文件拖到此处',
     tip2: '格式: YAML, 大小 < 2M',
     interface_path: '接口路径',
     interface_description: '接口描述',
diff --git a/src/views/api/components/MonacoEditor.vue b/src/views/api/components/MonacoEditor.vue
index 8490f3b..43b3168 100644
--- a/src/views/api/components/MonacoEditor.vue
+++ b/src/views/api/components/MonacoEditor.vue
@@ -90,10 +90,9 @@ onBeforeUnmount(() => {
 .editor-container {
   width: 100%;
   height: 355px;
-
+  border: 1px solid var(--o-time-text);
   :deep(.monaco-editor) {
     outline: none;
-
     .overflow-guard {
       border: 1px solid rgb(195, 206, 223);
       border-radius: 4px;
diff --git a/src/views/createapp/components/appConfig.vue b/src/views/createapp/components/appConfig.vue
index f6c74f9..0d3d626 100644
--- a/src/views/createapp/components/appConfig.vue
+++ b/src/views/createapp/components/appConfig.vue
@@ -532,7 +532,6 @@ defineExpose({
                       :key="index"
                       :value="item?.userSub"
                     >
-                      <span class="circle"></span>
                       {{ item?.userName }}
                     </el-checkbox>
                   </el-checkbox-group>
@@ -555,7 +554,6 @@ defineExpose({
                       :key="index"
                       :value="item"
                     >
-                      <span class="circle"></span>
                       {{ item }}
                     </el-checkbox>
                   </el-checkbox-group>
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index b875413..e0b8da6 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -418,6 +418,7 @@ watch(
             <ElInput
               v-model="searchKey"
               :placeholder="$t('history.find_recent_chats')"
+              clearable
               class="search-input"
             >
               <template #suffix>
@@ -535,6 +536,22 @@ watch(
   </aside>
 </template>
 <style lang="scss" scoped>
+:deep(.el-dialog) {
+    --o-dialog-width: 432px;
+    border-radius: 12px;
+
+    .el-dialog__body {
+      padding: 16px 24px;
+      margin: 0;
+    }
+  .dialog-footer {
+    flex-direction: row;
+    .el-button {
+      width: 64px;
+      height: 24px;
+    }
+  }
+  }
 :deep(.el-collapse-item__title) {
   line-height: 18px !important;
 }
@@ -628,7 +645,6 @@ watch(
       align-items: center;
       border: 8px;
       border-radius: 8px;
-      margin: 1px 0;
       span {
         font-size: 12px;
         overflow: hidden;
@@ -771,7 +787,7 @@ watch(
   }
 
   .history-record {
-    margin-top: 15px;
+    margin-top: 24px;
     flex: 1;
     display: flex;
     height: 100%;
@@ -821,8 +837,6 @@ watch(
       color: #4e5865;
       display: flex;
       align-items: center;
-      margin-top: 3px;
-
       :deep(.el-checkbox__label) {
         font-size: 12px;
       }
@@ -847,7 +861,7 @@ watch(
         font-size: 16px;
         color: var(--o-text-color-primary);
         line-height: 24px;
-        font-weight: 500;
+        font-weight: 700;
       }
 
       span {
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index 2deb58b..6438282 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -1254,55 +1254,7 @@ button[disabled]:hover {
   width: 100%;
   display: flex;
   justify-content: center;
-  // padding-left: calc(50% - 0px);
-  align-items: center;
-  position: relative;
-
-  .mcp-list {
-    position: absolute;
-    right: 103px;
-    font-size: 12px;
-    display: flex;
-    align-items: center;
-    color: var(--o-text-color-tertiary);
-
-    .mcp-item {
-      width: 24px;
-      height: 24px;
-      margin-left: 8px;
-      border-radius: 50%;
-    }
-  }
-
-  .preTopContent {
-    display: flex;
-    align-items: center;
-    height: 40px;
-    padding: 8px;
-    border-radius: 20px;
-    gap: 8px;
-    background: linear-gradient(
-      122.39deg,
-      rgba(109, 117, 250, 0.2) -20.158%,
-      rgba(90, 179, 255, 0.2) 112.459%
-    );
-    .preTitleIcon {
-      width: 32px;
-      height: 32px;
-    }
-    .preMainAppName {
-      font-size: 16px;
-      margin-right: 8px;
-      line-height: 24px;
-      color: var(--o-text-color-primary);
-      font-weight: 700;
-    }
-  }
-}
-.preTop {
-  width: 100%;
-  display: flex;
-  justify-content: center;
+  margin-bottom: 16px;
   // padding-left: calc(50% - 0px);
   align-items: center;
   position: relative;
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 36dcc46..fe9289e 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -341,6 +341,7 @@ watch(
             padding: 8px 16px;
             background-color: var(--o-bg-color-base);
             .vue-text {
+              font-size: 12px;
               color: var(--o-question-color);
             }
           }
diff --git a/src/views/styles/createApp.scss b/src/views/styles/createApp.scss
index d6dcd71..2542bea 100644
--- a/src/views/styles/createApp.scss
+++ b/src/views/styles/createApp.scss
@@ -260,6 +260,7 @@
         }
       }
       .permissionItem {
+        margin-top: 8px;
         .el-form-item__label,
         .el-form-item__content {
           padding: 0px;
-- 
Gitee


From 4ea691147c6d40ebba4e650b4e29618be9ad5853 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Tue, 17 Jun 2025 16:57:16 +0800
Subject: [PATCH 3/5] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=8F=8A=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E6=B5=81=E6=A0=B7=E5=BC=8F=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/createapp/components/types.ts       |  3 +++
 src/views/createapp/components/workFlow.vue   | 22 ++++++++++++++-----
 .../workFlowConfig/workFlowDialog.vue         |  9 ++++----
 .../createapp/components/workFlowDebug.vue    |  1 -
 src/views/styles/createApp.scss               |  2 +-
 src/views/styles/workFlowArrange.scss         | 17 +++++++++-----
 src/views/styles/workFlowDebug.scss           |  7 +++---
 7 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/src/views/createapp/components/types.ts b/src/views/createapp/components/types.ts
index b66bfee..c09bea8 100644
--- a/src/views/createapp/components/types.ts
+++ b/src/views/createapp/components/types.ts
@@ -78,6 +78,9 @@ export const nodeTypeToIcon = {
 // 这里是对应的图标
 export const iconTypeList = [
   { name: 'HTTP请求', value: 'API', icon: API, class: 'otherNode' },
+  { name: 'MCP', value: 'MCP', icon: API, class: 'otherNode' },
+  { name: 'SQL查询', value: 'SQL', icon: API, class: 'otherNode' },
+  { name: '图表', value: 'Graph', icon: API, class: 'otherNode' },
   { name: '大模型', value: 'LLM', icon: LLM, class: 'systemNode' },
   { name: '知识库', value: 'RAG', icon: KENOWLEDGE_BASE, class: 'systemNode' },
   {
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index 772051e..06f2d08 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -780,14 +780,16 @@ defineExpose({
                       })
                     "
                   >
-                    <img class="nodeIcon" :src="getSrcIcon(node)" />
-                    <el-popover :content="node.name">
-                      <template #reference>
+                    <el-tooltip
+                    class="popper-class"
+                    placement="top"
+                    :content="node.name">
                         <div class="stancesName">
+                    <img class="nodeIcon" :src="getSrcIcon(node)" />
+
                           {{ node.name }}
                         </div>
-                      </template>
-                    </el-popover>
+                    </el-tooltip>
                   </div>
                 </el-collapse-item>
               </el-collapse>
@@ -1035,4 +1037,14 @@ defineExpose({
     margin-right: -4px;
   }
 }
+
+.popper-class {
+  width: auto !important;
+  height: 32px;
+  line-height: 32px;
+  text-align: center;
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
+}
 </style>
diff --git a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
index acac7ab..25ed229 100644
--- a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
+++ b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
@@ -10,7 +10,6 @@
       class=""
       :model="workFlowData"
       :rules="workFlowRules"
-      label-width="120px"
       label-position="left"
     >
       <el-form-item prop="name" :label="$t('flow.flow_name')">
@@ -18,7 +17,7 @@
           v-model="workFlowData.name"
           :placeholder="$t('semantic.pleaseEnter')"
           maxlength="20"
-          class="w320 o-validate-input"
+          class="o-validate-input"
           clearable
         ></el-input>
       </el-form-item>
@@ -29,7 +28,7 @@
           maxlength="150"
           v-model="workFlowData.description"
           :placeholder="$t('semantic.pleaseEnter')"
-          class="w320 workFlowDesc o-validate-input"
+          class="workFlowDesc o-validate-input"
           clearable
         ></el-input>
       </el-form-item>
@@ -178,7 +177,9 @@ const handleSubmit = (formEl: FormInstance | undefined) => {
 <style lang="scss">
 .workFlowDia.el-dialog {
   padding: 0px;
-  width: 560px;
+  width: 544px;
+  height: 304px;
+  border-radius: 8px;
   .el-form {
     margin-top: 0px;
     .el-form-item {
diff --git a/src/views/createapp/components/workFlowDebug.vue b/src/views/createapp/components/workFlowDebug.vue
index 2ed5058..28f101b 100644
--- a/src/views/createapp/components/workFlowDebug.vue
+++ b/src/views/createapp/components/workFlowDebug.vue
@@ -4,7 +4,6 @@
       <div class="title">{{ $t('flow.debug') }}</div>
       <div class="closeBtn" @click="handleCloseDebugDialog"><IconX /></div>
     </div>
-    <div class="divider"></div>
     <div class="debugContent">
       <div class="debugCheckArea" v-if="testFlag">
         <DialoguePanel
diff --git a/src/views/styles/createApp.scss b/src/views/styles/createApp.scss
index 2542bea..3b939ac 100644
--- a/src/views/styles/createApp.scss
+++ b/src/views/styles/createApp.scss
@@ -465,6 +465,6 @@
 
 .workFlowDesc {
   .el-textarea__inner {
-    height: 56px;
+    height: 88px;
   }
 }
diff --git a/src/views/styles/workFlowArrange.scss b/src/views/styles/workFlowArrange.scss
index bd6b178..d528800 100644
--- a/src/views/styles/workFlowArrange.scss
+++ b/src/views/styles/workFlowArrange.scss
@@ -157,17 +157,21 @@
     display: flex;
     gap: 8px;
     align-items: center;
-    .nodeIcon {
-      width: 24px;
-      height: 24px;
-      border-radius: 4px;
-    }
     .stancesName {
       width: 100%;
       text-align: left;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
+      display: flex;
+      align-items: center;
+      .nodeIcon {
+        width: 24px;
+        height: 24px;
+        border-radius: 4px;
+        line-height: 40px;
+        margin-right: 12px;
+      }
     }
     &:hover {
       background-color: var(--flow-bg-color);
@@ -523,6 +527,7 @@
     align-items: center;
     gap: 8px;
     .nodeIdText {
+      font-size: 12px;
       flex: 1;
       color: #575d6c;
       white-space: nowrap;
@@ -559,7 +564,7 @@
   height: 72px;
   padding: 4px 0px !important;
   border-radius: 4px;
-  .el-popper__arrow{
+  .el-popper__arrow {
     display: none;
   }
   .dealItem {
diff --git a/src/views/styles/workFlowDebug.scss b/src/views/styles/workFlowDebug.scss
index 4b439d2..7a17c91 100644
--- a/src/views/styles/workFlowDebug.scss
+++ b/src/views/styles/workFlowDebug.scss
@@ -19,15 +19,13 @@
     min-height: 32px;
     margin-right: 24px;
     align-items: center;
-    border-bottom: 1px solid #dfe5ef;
     justify-content: space-between;
     .title {
       width: 28px;
       font-size: 14px;
       height: 32px;
       line-height: 32px;
-      color: #6395fd;
-      border-bottom: 1px solid #6395fd;
+      color: var(--o-text-color-primary);
     }
     .closeBtn {
       width: 16px;
@@ -61,10 +59,11 @@
         display: flex;
         height: 48px;
         textarea {
+          font-size: 14px;
           width: 100%;
           border: none;
           outline: none;
-          padding: 8px 16px;
+          padding: 16px 16px;
           height: 100%;
           background-color: transparent;
           color: var(--o-text-color-primary);
-- 
Gitee


From 33fc95c569562d308068f37b6b63a371f1f5e396 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Tue, 17 Jun 2025 17:40:29 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialoguePanel/DialogueFlow.vue        |  2 +-
 src/components/dialoguePanel/FlowCode.vue            |  8 ++++----
 src/i18n/lang/en.ts                                  | 12 ++++++++++++
 src/i18n/lang/zh-cn.ts                               | 12 ++++++++++++
 .../components/codeMirror/nodeMirrorText.vue         |  2 +-
 src/views/createapp/components/types.ts              |  8 ++++----
 src/views/createapp/components/workFlow.vue          |  2 +-
 .../components/workFlowConfig/CustomSaENode.vue      |  3 ++-
 8 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/src/components/dialoguePanel/DialogueFlow.vue b/src/components/dialoguePanel/DialogueFlow.vue
index fb89241..d0e875d 100644
--- a/src/components/dialoguePanel/DialogueFlow.vue
+++ b/src/components/dialoguePanel/DialogueFlow.vue
@@ -77,7 +77,7 @@ watch(
               </div>
               <div v-else class="loading-text">
                 <div class="textTitle">
-                  {{ StatusInfoTitle[props.flowdata.status] }}
+                  {{ $t(`flow.${StatusInfoTitle[props.flowdata.status]}`) }}
                 </div>
                 <div
                   v-if="
diff --git a/src/components/dialoguePanel/FlowCode.vue b/src/components/dialoguePanel/FlowCode.vue
index 0aec729..50a0346 100644
--- a/src/components/dialoguePanel/FlowCode.vue
+++ b/src/components/dialoguePanel/FlowCode.vue
@@ -81,10 +81,10 @@ onMounted(() => {
 <template>
   <div class="json-display">
     <div class="json-header">
-      <span v-if="props.title === 'input'">输入</span>
-      <span v-else-if="props.title === 'output'">输出</span>
-      <span v-else-if="props.title === 'params'">参数</span>
-      <span v-else>补充参数 {{ props.title }}</span>
+      <span v-if="props.title === 'input'">{{ $t('flow.input')}}</span>
+      <span v-else-if="props.title === 'output'">{{ $t('flow.output')}}</span>
+      <span v-else-if="props.title === 'params'">{{ $t('flow.params')}}</span>
+      <span v-else>{{ $t('flow.supplementaryParameters')}} {{ props.title }}</span>
       <span
         @click="copy()"
         class="copyIcon"
diff --git a/src/i18n/lang/en.ts b/src/i18n/lang/en.ts
index 46f5a26..899c40c 100644
--- a/src/i18n/lang/en.ts
+++ b/src/i18n/lang/en.ts
@@ -188,6 +188,8 @@ export default {
     selected: 'Selected',
   },
   main: {
+    start: 'Start',
+    end: 'End',
     describe1: "Hi! I'm",
     describe2: ", and I'm happy to be of service.",
     left_describe: 'Popular Apps',
@@ -407,6 +409,16 @@ export default {
     choose_flow: 'Please choose a workflow',
     debug: 'Debug',
     enterWorkflowName: 'Please enter workflow name',
+    default: '',
+    success: 'successful',
+    error: 'failed',
+    running: 'Running',
+    pending: 'Running',
+    result: 'Result',
+    input: 'Input',
+    output: 'Output',
+    params: 'Parameters',
+    supplementaryParameters: 'Supplementary Parameters',
   },
   pagination: {
     prev: 'Previous',
diff --git a/src/i18n/lang/zh-cn.ts b/src/i18n/lang/zh-cn.ts
index d202031..56c1277 100644
--- a/src/i18n/lang/zh-cn.ts
+++ b/src/i18n/lang/zh-cn.ts
@@ -186,6 +186,8 @@ export default {
     selected: '已选',
   },
   main: {
+    start: '开始',
+    end: '结束',
     describe1: '你好，我是',
     describe2: '，很高兴为你服务',
     left_describe: '热门应用',
@@ -395,6 +397,16 @@ export default {
     choose_flow: '请选择工作流',
     debug: '调试',
     enterWorkflowName: '请输入工作流名称',
+    default: '',
+    success: '运行成功',
+    error: '运行失败',
+    running: '正在运行',
+    pending: '正在运行',
+    result: '展开结果',
+    input: '输入',
+    output: '输出',
+    params: '参数',
+    supplementaryParameters: '补充参数',
   },
   pagination: {
     prev: 'Previous',
diff --git a/src/views/createapp/components/codeMirror/nodeMirrorText.vue b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
index 88eda98..8abc5cd 100644
--- a/src/views/createapp/components/codeMirror/nodeMirrorText.vue
+++ b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
@@ -98,7 +98,7 @@ watch(
   () => {
     resultInfo.value.status = props.status;
     // 目前props.status只有success、error、running三种
-    resultInfo.value.title = StatusInfoTitle[props.status];
+    resultInfo.value.title = $t(`flow.${StatusInfoTitle[props.status]}`);
     if (props?.inputAndOutput) {
       resultInfo.value.time =
         props.inputAndOutput.input_parameters.timeout ?? 0;
diff --git a/src/views/createapp/components/types.ts b/src/views/createapp/components/types.ts
index c09bea8..8633df2 100644
--- a/src/views/createapp/components/types.ts
+++ b/src/views/createapp/components/types.ts
@@ -41,10 +41,10 @@ export enum BranchSourceIdType {
 // 这里配置的是各节点运行状态
 export const StatusInfoTitle = {
   default: '',
-  success: '运行成功',
-  error: '运行失败',
-  running: '运行中',
-  pending: '运行中',
+  success: 'success',
+  error: 'error',
+  running: 'running',
+  pending: 'pending',
 };
 
 // 这里配置工作流画布默认的viewPort缩放级别
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index 06f2d08..187ec87 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -953,7 +953,7 @@ defineExpose({
         <!-- 这里显示调试最终结果与耗时 -->
         <div class="debugStatus" v-if="debugStatus">
           <div class="icon" :class="`${debugStatus}Icon`"></div>
-          <div class="resultText">{{ StatusInfoTitle[debugStatus] }}</div>
+          <div class="resultText">{{ $t(`flow.${StatusInfoTitle[debugStatus]}`) }}</div>
           <span
             class="time"
             :class="`${debugStatus}Bg`"
diff --git a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
index 44dee83..a46b692 100644
--- a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
@@ -79,7 +79,8 @@ watch(
           v-else-if="props.data.name === '结束' || props.data.name === 'end'"
           class="saEIcon endIcon"
         ></div>
-        <div class="saEText">{{ props.data.name }}</div>
+        <div class="saEText"  v-if="props.data.name === '开始'">{{ $t('main.start') }}</div>
+        <div class="saEText"  v-else-if="props.data.name === '结束'">{{ $t('main.end') }}</div>
       </div>
     </div>
   </div>
-- 
Gitee


From 9bce2cacd57bacb641ad617168eb7af53c0a32a9 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Wed, 18 Jun 2025 14:27:00 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/codeMirror/nodeMirrorText.vue         | 12 ++++++------
 .../components/workFlowConfig/CustomSaENode.vue      |  4 ++--
 src/views/styles/workFlowArrange.scss                |  3 +++
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/views/createapp/components/codeMirror/nodeMirrorText.vue b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
index 8abc5cd..9c6cd10 100644
--- a/src/views/createapp/components/codeMirror/nodeMirrorText.vue
+++ b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
@@ -13,7 +13,7 @@
     >
       <template #title>
         <span class="icon" :class="`${resultInfo.status}Icon`"></span>
-        <span>{{ resultInfo.title }}</span>
+        <span>{{ $t(`flow.${resultInfo.title}`) }}</span>
         <!-- 这里接口返回的需要限制最大位数 -->
         <span
           class="time"
@@ -22,7 +22,7 @@
         >
           {{ resultInfo.time }}
         </span>
-        <span class="flexRight">展开结果</span>
+        <span class="flexRight">{{ $t('flow.result') }}</span>
         <el-icon class="el-collapse-item__arrow">
           <IconChevronDown></IconChevronDown>
         </el-icon>
@@ -33,7 +33,7 @@
         class="o-collapse-content"
       >
         <div class="itemTitle">
-          <div class="subName">{{ subItem.name }}</div>
+          <div class="subName">{{ $t(`flow.${subItem.name}`) }}</div>
           <div
             class="copyIcon"
             :class="themeStore.theme === 'light' ? 'lightCopy' : 'darkCopy'"
@@ -81,11 +81,11 @@ const resultInfo = ref({
       desc: [
         // 定义的假数据，后期由接口获取
         {
-          name: '输入',
+          name: 'input',
           code: '',
         },
         {
-          name: '输出',
+          name: 'output',
           code: '',
         },
       ],
@@ -98,7 +98,7 @@ watch(
   () => {
     resultInfo.value.status = props.status;
     // 目前props.status只有success、error、running三种
-    resultInfo.value.title = $t(`flow.${StatusInfoTitle[props.status]}`);
+    resultInfo.value.title = StatusInfoTitle[props.status];
     if (props?.inputAndOutput) {
       resultInfo.value.time =
         props.inputAndOutput.input_parameters.timeout ?? 0;
diff --git a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
index a46b692..78422de 100644
--- a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
@@ -79,8 +79,8 @@ watch(
           v-else-if="props.data.name === '结束' || props.data.name === 'end'"
           class="saEIcon endIcon"
         ></div>
-        <div class="saEText"  v-if="props.data.name === '开始'">{{ $t('main.start') }}</div>
-        <div class="saEText"  v-else-if="props.data.name === '结束'">{{ $t('main.end') }}</div>
+        <div class="saEText"  v-if="props.data.name === '开始'|| props.data.name === 'start'">{{ $t('main.start') }}</div>
+        <div class="saEText"  v-else-if="props.data.name === '结束'|| props.data.name === 'end'">{{ $t('main.end') }}</div>
       </div>
     </div>
   </div>
diff --git a/src/views/styles/workFlowArrange.scss b/src/views/styles/workFlowArrange.scss
index d528800..5d60e69 100644
--- a/src/views/styles/workFlowArrange.scss
+++ b/src/views/styles/workFlowArrange.scss
@@ -291,6 +291,9 @@
   .el-icon {
     color: var(--o-text-color-tertiary);
   }
+  span{
+    min-width: auto !important;
+  }
 }
 
 .workFlowOption {
-- 
Gitee