diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index ac1620b6b74e490c5c5c9d4fe08aa836c7ef63ae..796c1bb0c0aee036ec17aa318933d8ce5b939f18 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 57ac497778fc4b5b1cb86f4133ff55664a86fe42..fd643290d78b9f6ef2a6b74278ea2becf884b03b 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
@@ -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%;
@@ -453,8 +459,8 @@ onMounted(() => {
   color: var(--o-text-color-tertiary);
 }
 
-.upload-tip + .upload-tip {
-  margin-top: 24px;
+.upload-tip  .upload-tip2 {
+  margin-top: 4px;
 }
 
 .upload-preview {
@@ -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/DialogueFlow.vue b/src/components/dialoguePanel/DialogueFlow.vue
index fb8924128f774be995fd4c87ad99bff90b01c30a..d0e875dc92081987eb7e401807bc7b0aba1eead3 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/DialoguePanel.scss b/src/components/dialoguePanel/DialoguePanel.scss
index fbe8fdbce4d0423f6ac6fd0b4e2db67e6cd5e5d8..ba41435374ed1967008d63847c65ce96fbdbbb68 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 {
@@ -237,7 +236,7 @@
   &__content {
     display: flex;
     align-items: flex-start;
-    margin-top: 10px;
+    margin-top: 16px;
     overflow-wrap: break-word;
     word-break: break-all;
 
@@ -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/dialoguePanel/FlowCode.vue b/src/components/dialoguePanel/FlowCode.vue
index 0aec7296c87df57d1c720848095d0a0021051026..50a03465a457810465757a834d7196a3d14cace9 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/components/sessionCard/SessionCard.vue b/src/components/sessionCard/SessionCard.vue
index 388fbf590fe9f8d1882a432ccdf1d1fbe1fafef0..b07fefa57f7d062d9a93d804d15d285ffefa7397 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 328f740d2764618262298957b6a77def659eb77c..899c40cac89179cfddf8f6acfc12f2e6e5d551da 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',
@@ -187,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',
@@ -406,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 fb9dada4cfbbc09f69f86d5b8343d190e9840585..56c1277fa4417871b22455bc36ffe1ab4ce1311f 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: '接口描述',
@@ -185,6 +186,8 @@ export default {
     selected: '已选',
   },
   main: {
+    start: '开始',
+    end: '结束',
     describe1: '你好，我是',
     describe2: '，很高兴为你服务',
     left_describe: '热门应用',
@@ -394,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/api/components/MonacoEditor.vue b/src/views/api/components/MonacoEditor.vue
index 8490f3ba8ec1682f708fb218e57807acdb773d57..43b31687fcd654e5d4a9f7aeaf4517d3db177dcb 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/api/index.vue b/src/views/api/index.vue
index 7003fe33253135e35db763e177dcb3deead4a670..b46983b1f037f584a775d47704594d08b1d7b662 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 403e381a8e2d746c3bada28f49aef72844b305ad..a0a8daa3ece30bbf8237a6d0f3dbaf95bf31f8b1 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 918dd6798b6c038a3371200f9bc1c434253752f4..7adc13aebe3e70e8942525d9b017833cf7ee4d57 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 9435ec9ec2623862af1c7876dbbb85898c8aa8c8..ea779e08b6ea470e40e35e7057f9ea20e61103a8 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/createapp/components/appConfig.vue b/src/views/createapp/components/appConfig.vue
index f6c74f9d508816f40a3bdc776a87e44641f208a6..0d3d626a474524128dfc0840d12b773893d793ec 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/createapp/components/codeMirror/nodeMirrorText.vue b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
index 88eda98bfd7b99b543c211067764fa524fc2c433..9c6cd1084229bc3303a1347e5338c3df908b928d 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: '',
         },
       ],
diff --git a/src/views/createapp/components/types.ts b/src/views/createapp/components/types.ts
index b66bfee0cfa861fe823ce608dcc21bfe1a9b239a..8633df27cbc22404495a41cd0411d713364249c3 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缩放级别
@@ -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 772051eda668a185ca80b55b1ab6ba070d3fba8e..187ec8734aee3b8c0aeae431badbed164f1f27be 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>
@@ -951,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`"
@@ -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/CustomSaENode.vue b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
index 44dee8346e6bd30c99b230c990dc9a9c65e7d302..78422de7f55cb4e55f8402fcdeb55935abd60600 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 === '开始'|| 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/createapp/components/workFlowConfig/workFlowDialog.vue b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
index acac7ab56ba6c9d5845f8dc98e960319cc93ead0..25ed229cbb365a0c18de908faac9242c852afddb 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 2ed50588cdab76b36c593b63b30163900558084b..28f101bef41d389c620a7466d6aba10f9a11679e 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/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 9947aa7ee452c239dc34c709a0e4c05393f38a3d..e0b8da6f9348588467704f8a65ef2df18243042f 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;
 }
@@ -598,6 +615,7 @@ watch(
         width: 30px;
       }
       span {
+        font-size: 16px;
         font-weight: 600;
         color: var(--o-text-color-secondary);
       }
@@ -627,8 +645,8 @@ watch(
       align-items: center;
       border: 8px;
       border-radius: 8px;
-      margin: 1px 0;
       span {
+        font-size: 12px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -769,7 +787,7 @@ watch(
   }
 
   .history-record {
-    margin-top: 15px;
+    margin-top: 24px;
     flex: 1;
     display: flex;
     height: 100%;
@@ -819,8 +837,6 @@ watch(
       color: #4e5865;
       display: flex;
       align-items: center;
-      margin-top: 3px;
-
       :deep(.el-checkbox__label) {
         font-size: 12px;
       }
@@ -845,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 2deb58b2f1d2bd71e42e642c5016dee8f7967cc3..6438282cef1d26388dbd4d53c5067ba2bc5bf378 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 36dcc4671bb93feaaf12315ddfcab066569f8e86..fe9289e9e08995883d4abc2a1fc32e2912506ecb 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 d6dcd71b35a7f64eecc8654c0e886797ce3787de..3b939ace2c249724e358a06a2fd78c1761710a2a 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;
@@ -464,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 bd6b178b9cc5ffc2d987a1e29386772ec2f02085..5d60e69c780e4da05da426205936f9a6ed93cd4d 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);
@@ -287,6 +291,9 @@
   .el-icon {
     color: var(--o-text-color-tertiary);
   }
+  span{
+    min-width: auto !important;
+  }
 }
 
 .workFlowOption {
@@ -523,6 +530,7 @@
     align-items: center;
     gap: 8px;
     .nodeIdText {
+      font-size: 12px;
       flex: 1;
       color: #575d6c;
       white-space: nowrap;
@@ -559,7 +567,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 4b439d2086b03746a6ccd8bd5eff9674f023bb64..7a17c91af75d44a1898bdfd5728f854c2fdc7398 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);