From 91dbe1907c42b557e54586fc9bb7e8a590999a17 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 26 Jun 2025 16:36:08 +0800
Subject: [PATCH] feat: workspace

---
 .../ai-chat/ExecutionDetailDialog.vue         |  76 +++---
 .../chat-input-operate/TouchChat.vue          |   2 +-
 .../component/chat-input-operate/index.vue    |   5 +-
 .../component/question-content/index.vue      |   8 +-
 ui/src/components/app-icon/icons/common.ts    |  48 ----
 ui/src/components/app-icon/icons/menu.ts      |  99 +++++--
 ui/src/components/app-icon/icons/system.ts    |  20 ++
 ui/src/components/app-icon/index.ts           |  30 ++-
 ui/src/components/common-list/index.vue       |   4 +-
 .../items/complex/ArrayObjectCard.vue         |   2 +-
 ui/src/components/folder-tree/index.vue       |   6 +-
 .../generate-related-dialog/index.vue         |   2 +-
 .../index.vue                                 |   2 +-
 .../components/workspace-dropdown/index.vue   |   4 +-
 ui/src/layout/layout-header/SystemHeader.vue  |   2 +-
 .../layout-header/avatar/AboutDialog.vue      |   2 +-
 ui/src/router/modules/system.ts               |   4 +-
 ui/src/styles/app.scss                        |   7 +-
 ui/src/styles/variables.scss                  |   3 +
 ui/src/utils/dynamics-api/permission-api.ts   |   1 -
 .../XPackDisplaySettingDialog.vue             |   2 +-
 .../component/DropdownMenu.vue                |   2 +-
 .../views/application/ApplicationSetting.vue  |   2 +-
 ui/src/views/chat-user/index.vue              |   4 +-
 ui/src/views/chat/user-login/index.vue        |   2 +-
 ui/src/views/document/ImportLarkDocument.vue  |   4 +-
 .../views/document/upload/UploadComponent.vue |   6 +-
 ui/src/views/login/index.vue                  |   2 +-
 ui/src/views/model/component/Provider.vue     |  65 ++---
 ui/src/views/model/index.vue                  |   4 +-
 ui/src/views/system-chat-user/group/index.vue |   2 +-
 .../AuthorizedWorkspaceDialog.vue             |   4 +-
 .../operate-log/component/DetailDialog.vue    |   2 +-
 ui/src/views/system/role/component/Member.vue |   7 +-
 .../component/PermissionConfiguration.vue     |  91 +++----
 ui/src/views/system/role/index.vue            |  17 +-
 .../system/workspace/component/Member.vue     |  87 ++++---
 ui/src/views/system/workspace/index.vue       | 246 +++++++++---------
 ui/src/views/tool/ToolFormDrawer.vue          |   2 +-
 ui/src/workflow/common/NodeContainer.vue      |   2 +-
 ui/src/workflow/nodes/mcp-node/index.vue      |   6 +-
 .../nodes/search-knowledge-node/index.vue     |   2 +-
 ui/src/workflow/nodes/start-node/index.vue    |   2 +-
 43 files changed, 477 insertions(+), 413 deletions(-)
 delete mode 100644 ui/src/components/app-icon/icons/common.ts

diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index e799f65d6..67889bf21 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -55,7 +55,7 @@
                       item.type === WorkflowType.Start || item.type === WorkflowType.Application
                     "
                   >
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.inputParam') }}
                       </h5>
@@ -104,7 +104,7 @@
                                 alt=""
                                 fit="cover"
                                 style="width: 40px; height: 40px; display: block"
-                                class="border-r-4"
+                                class="border-r-6"
                               />
                             </template>
                           </el-space>
@@ -120,7 +120,7 @@
                                 :src="f.url"
                                 controls
                                 style="width: 300px; height: 43px"
-                                class="border-r-4"
+                                class="border-r-6"
                               />
                             </template>
                           </el-space>
@@ -152,13 +152,13 @@
                   </template>
                   <!-- 知识库检索 -->
                   <template v-if="item.type == WorkflowType.SearchKnowledge">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.searchContent') }}
                       </h5>
                       <div class="p-8-12 border-t-dashed lighter">{{ item.question || '-' }}</div>
                     </div>
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.searchResult') }}
                       </h5>
@@ -185,7 +185,7 @@
                   </template>
                   <!-- 判断器 -->
                   <template v-if="item.type == WorkflowType.Condition">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.conditionResult') }}
                       </h5>
@@ -203,7 +203,7 @@
                     "
                   >
                     <div
-                      class="card-never border-r-4"
+                      class="card-never border-r-6"
                       v-if="item.type !== WorkflowType.Application"
                     >
                       <h5 class="p-8-12">
@@ -214,7 +214,7 @@
                       </div>
                     </div>
                     <div
-                      class="card-never border-r-4 mt-8"
+                      class="card-never border-r-6 mt-8"
                       v-if="item.type !== WorkflowType.Application"
                     >
                       <h5 class="p-8-12">{{ $t('chat.history') }}</h5>
@@ -233,7 +233,7 @@
                       </div>
                     </div>
                     <div
-                      class="card-never border-r-4 mt-8"
+                      class="card-never border-r-6 mt-8"
                       v-if="item.type !== WorkflowType.Application"
                     >
                       <h5 class="p-8-12">
@@ -243,7 +243,7 @@
                         {{ item.question || '-' }}
                       </div>
                     </div>
-                    <div class="card-never border-r-4 mt-8" v-if="item.type == WorkflowType.AiChat">
+                    <div class="card-never border-r-6 mt-8" v-if="item.type == WorkflowType.AiChat">
                       <h5 class="p-8-12">
                         {{ $t('views.applicationWorkflow.nodes.aiChatNode.think') }}
                       </h5>
@@ -251,7 +251,7 @@
                         {{ item.reasoning_content || '-' }}
                       </div>
                     </div>
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">
                         {{
                           item.type == WorkflowType.Application
@@ -275,7 +275,7 @@
 
                   <!-- 指定回复 -->
                   <template v-if="item.type === WorkflowType.Reply">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.replyContent') }}
                       </h5>
@@ -297,7 +297,7 @@
 
                   <!-- 文档内容提取 -->
                   <template v-if="item.type === WorkflowType.DocumentExtractNode">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12 flex align-center">
                         <span class="mr-4"> {{ $t('common.param.outputParam') }}</span>
 
@@ -333,7 +333,7 @@
                     </div>
                   </template>
                   <template v-if="item.type === WorkflowType.SpeechToTextNode">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.inputParam') }}
                       </h5>
@@ -350,7 +350,7 @@
                                   :src="f.url"
                                   controls
                                   style="width: 300px; height: 43px"
-                                  class="border-r-4"
+                                  class="border-r-6"
                                 />
                               </template>
                             </el-space>
@@ -358,7 +358,7 @@
                         </div>
                       </div>
                     </div>
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.outputParam') }}
                       </h5>
@@ -385,7 +385,7 @@
                   </template>
 
                   <template v-if="item.type === WorkflowType.TextToSpeechNode">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.inputParam') }}
                       </h5>
@@ -406,7 +406,7 @@
                         </div>
                       </div>
                     </div>
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.outputParam') }}
                       </h5>
@@ -426,13 +426,13 @@
                       item.type === WorkflowType.FunctionLibCustom
                     "
                   >
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">{{ $t('chat.executionDetails.input') }}</h5>
                       <div class="p-8-12 border-t-dashed lighter pre-wrap">
                         {{ item.params || '-' }}
                       </div>
                     </div>
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">{{ $t('chat.executionDetails.output') }}</h5>
                       <div class="p-8-12 border-t-dashed lighter pre-wrap">
                         {{ item.result || '-' }}
@@ -441,13 +441,13 @@
                   </template>
                   <!-- 多路召回 -->
                   <template v-if="item.type == WorkflowType.RrerankerNode">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.searchContent') }}
                       </h5>
                       <div class="p-8-12 border-t-dashed lighter">{{ item.question || '-' }}</div>
                     </div>
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.rerankerContent') }}
                       </h5>
@@ -467,7 +467,7 @@
                         <template v-else> -</template>
                       </div>
                     </div>
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.rerankerResult') }}
                       </h5>
@@ -492,7 +492,7 @@
 
                   <!-- 表单收集 -->
                   <template v-if="item.type === WorkflowType.FormNode">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.outputParam')
                         }}<span style="color: #f54a45">{{
@@ -517,7 +517,7 @@
                   <!-- 图片理解 -->
                   <template v-if="item.type == WorkflowType.ImageUnderstandNode">
                     <div
-                      class="card-never border-r-4"
+                      class="card-never border-r-6"
                       v-if="item.type !== WorkflowType.Application"
                     >
                       <h5 class="p-8-12">
@@ -528,7 +528,7 @@
                       </div>
                     </div>
                     <div
-                      class="card-never border-r-4 mt-8"
+                      class="card-never border-r-6 mt-8"
                       v-if="item.type !== WorkflowType.Application"
                     >
                       <h5 class="p-8-12">{{ $t('chat.history') }}</h5>
@@ -549,7 +549,7 @@
                                   alt=""
                                   fit="cover"
                                   style="width: 40px; height: 40px; display: inline-block"
-                                  class="border-r-4 mr-8"
+                                  class="border-r-6 mr-8"
                                 />
 
                                 <span v-else>{{ h.text }}<br /></span>
@@ -562,7 +562,7 @@
                         <template v-else> -</template>
                       </div>
                     </div>
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.currentChat') }}
                       </h5>
@@ -575,7 +575,7 @@
                                 alt=""
                                 fit="cover"
                                 style="width: 40px; height: 40px; display: block"
-                                class="border-r-4"
+                                class="border-r-6"
                               />
                             </template>
                           </el-space>
@@ -585,7 +585,7 @@
                         </div>
                       </div>
                     </div>
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">
                         {{
                           item.type == WorkflowType.Application
@@ -608,7 +608,7 @@
                   </template>
                   <!-- 图片生成 -->
                   <template v-if="item.type == WorkflowType.ImageGenerateNode">
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">
                         {{ $t('chat.executionDetails.currentChat') }}
                       </h5>
@@ -616,7 +616,7 @@
                         {{ item.question || '-' }}
                       </div>
                     </div>
-                    <div class="card-never border-r-4 mt-8">
+                    <div class="card-never border-r-6 mt-8">
                       <h5 class="p-8-12">
                         {{
                           item.type == WorkflowType.Application
@@ -640,7 +640,7 @@
 
                   <!-- 变量赋值 -->
                   <template v-if="item.type === WorkflowType.VariableAssignNode">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.inputParam') }}
                       </h5>
@@ -650,7 +650,7 @@
                         </div>
                       </div>
                     </div>
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.outputParam') }}
                       </h5>
@@ -664,7 +664,7 @@
 
                   <!-- MCP 节点 -->
                   <template v-if="item.type === WorkflowType.McpNode">
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('views.applicationWorkflow.nodes.mcpNode.tool') }}
                       </h5>
@@ -674,7 +674,7 @@
                         </div>
                       </div>
                     </div>
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('views.applicationWorkflow.nodes.mcpNode.toolParam') }}
                       </h5>
@@ -684,7 +684,7 @@
                         </div>
                       </div>
                     </div>
-                    <div class="card-never border-r-4">
+                    <div class="card-never border-r-6">
                       <h5 class="p-8-12">
                         {{ $t('common.param.outputParam') }}
                       </h5>
@@ -697,7 +697,7 @@
                   </template>
                 </template>
                 <template v-else>
-                  <div class="card-never border-r-4">
+                  <div class="card-never border-r-6">
                     <h5 class="p-8-12">{{ $t('chat.executionDetails.errMessage') }}</h5>
                     <div class="p-8-12 border-t-dashed lighter">{{ item.err_message || '-' }}</div>
                   </div>
diff --git a/ui/src/components/ai-chat/component/chat-input-operate/TouchChat.vue b/ui/src/components/ai-chat/component/chat-input-operate/TouchChat.vue
index 148baa1b3..0130b23cd 100644
--- a/ui/src/components/ai-chat/component/chat-input-operate/TouchChat.vue
+++ b/ui/src/components/ai-chat/component/chat-input-operate/TouchChat.vue
@@ -28,7 +28,7 @@
         <p class="lighter" :style="{ visibility: isTouching ? 'visible' : 'hidden' }">
           {{ message }}
         </p>
-        <div class="speech-img flex-center border-r-4 mt-16">
+        <div class="speech-img flex-center border-r-6 mt-16">
           <img v-if="isTouching" src="@/assets/chat/acoustic-color.svg" alt="" />
           <img v-else src="@/assets/chat/acoustic.svg" alt="" />
         </div>
diff --git a/ui/src/components/ai-chat/component/chat-input-operate/index.vue b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
index a457e81ee..cb4ae01c1 100644
--- a/ui/src/components/ai-chat/component/chat-input-operate/index.vue
+++ b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
@@ -130,7 +130,7 @@
           <el-space wrap>
             <template v-for="(item, index) in uploadImageList" :key="index">
               <div
-                class="file file-image cursor border border-r-4"
+                class="file file-image cursor border border-r-6"
                 v-if="item.url"
                 @mouseenter.stop="mouseenter(item)"
                 @mouseleave.stop="mouseleave()"
@@ -149,7 +149,7 @@
                   alt=""
                   fit="cover"
                   style="width: 40px; height: 40px; display: block"
-                  class="border-r-4"
+                  class="border-r-6"
                 />
               </div>
             </template>
@@ -432,7 +432,6 @@ const uploadFile = async (file: any, fileList: any) => {
   formData.append('file', file.raw, file.name)
   //
   const extension = file.name.split('.').pop().toUpperCase() // 获取文件后缀名并转为小写
-  console.log(documentExtensions)
   if (imageExtensions.includes(extension)) {
     uploadImageList.value.push(file)
   } else if (documentExtensions.includes(extension)) {
diff --git a/ui/src/components/ai-chat/component/question-content/index.vue b/ui/src/components/ai-chat/component/question-content/index.vue
index a4a233d9b..4e3420c1a 100644
--- a/ui/src/components/ai-chat/component/question-content/index.vue
+++ b/ui/src/components/ai-chat/component/question-content/index.vue
@@ -26,7 +26,7 @@
         <div class="mb-8" v-if="image_list.length">
           <el-space wrap>
             <template v-for="(item, index) in image_list" :key="index">
-              <div class="file cursor border-r-4" v-if="item.url">
+              <div class="file cursor border-r-6" v-if="item.url">
                 <el-image
                   :src="item.url"
                   :zoom-rate="1.2"
@@ -37,7 +37,7 @@
                   alt=""
                   fit="cover"
                   style="width: 170px; height: 170px; display: block"
-                  class="border-r-4"
+                  class="border-r-6"
                 />
               </div>
             </template>
@@ -46,12 +46,12 @@
         <div class="mb-8" v-if="audio_list.length">
           <el-space wrap>
             <template v-for="(item, index) in audio_list" :key="index">
-              <div class="file cursor border-r-4" v-if="item.url">
+              <div class="file cursor border-r-6" v-if="item.url">
                 <audio
                   :src="item.url"
                   controls
                   style="width: 350px; height: 43px"
-                  class="border-r-4"
+                  class="border-r-6"
                 />
               </div>
             </template>
diff --git a/ui/src/components/app-icon/icons/common.ts b/ui/src/components/app-icon/icons/common.ts
deleted file mode 100644
index 9c324b444..000000000
--- a/ui/src/components/app-icon/icons/common.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { h } from 'vue'
-export default {
-  'app-go': {
-    iconReader: () => {
-      return h('i', [
-        h(
-          'svg',
-          {
-            style: { height: '100%', width: '100%' },
-            viewBox: '0 0 16 16',
-            version: '1.1',
-            xmlns: 'http://www.w3.org/2000/svg',
-          },
-          [
-            h('path', {
-              d: 'M2.66671 4.66665V13.3333H13.3334V8.66665H14.6667V14C14.6667 14.3682 14.3682 14.6666 14 14.6666H2.00004C1.63185 14.6666 1.33337 14.3682 1.33337 14V3.99998C1.33337 3.63179 1.63185 3.33331 2.00004 3.33331H7.33337V4.66665H2.66671Z',
-              fill: 'currentColor',
-            }),
-            h('path', {
-              d: 'M14.6665 1.99998V6.66665H13.3332V3.60931L9.34987 7.59265C9.28736 7.65514 9.20259 7.69024 9.11421 7.69024C9.02582 7.69024 8.94105 7.65514 8.87854 7.59265L8.40721 7.12131C8.34472 7.0588 8.30961 6.97403 8.30961 6.88565C8.30961 6.79726 8.34472 6.71249 8.40721 6.64998L12.3905 2.66665H9.33321V1.33331H13.9999C14.1767 1.33331 14.3463 1.40355 14.4713 1.52858C14.5963 1.6536 14.6665 1.82317 14.6665 1.99998Z',
-              fill: 'currentColor',
-            }),
-          ],
-        ),
-      ])
-    },
-  },
-  'right-outlined': {
-    iconReader: () => {
-      return h('i', [
-        h(
-          'svg',
-          {
-            viewBox: '0 0 12 12',
-            version: '1.1',
-            xmlns: 'http://www.w3.org/2000/svg',
-          },
-          [
-            h('path', {
-              d: 'M8.13909 6L4.07322 1.93414C3.97559 1.83651 3.97559 1.67822 4.07322 1.58059L4.42678 1.22703C4.52441 1.1294 4.6827 1.1294 4.78033 1.22703L9.19975 5.64645C9.39501 5.84171 9.39501 6.15829 9.19975 6.35356L4.78033 10.773C4.6827 10.8706 4.52441 10.8706 4.42678 10.773L4.07322 10.4194C3.97559 10.3218 3.97559 10.1635 4.07322 10.0659L8.13909 6Z',
-              fill: 'currentColor',
-            }),
-          ],
-        ),
-      ])
-    },
-  },
-}
diff --git a/ui/src/components/app-icon/icons/menu.ts b/ui/src/components/app-icon/icons/menu.ts
index 8b692d196..da3bf2a81 100644
--- a/ui/src/components/app-icon/icons/menu.ts
+++ b/ui/src/components/app-icon/icons/menu.ts
@@ -54,30 +54,7 @@ export default {
       ])
     },
   },
-  'app-shared-active': {
-    iconReader: () => {
-      return h('i', [
-        h(
-          'svg',
-          {
-            viewBox: '0 0 20 20',
-            version: '1.1',
-            xmlns: 'http://www.w3.org/2000/svg',
-          },
-          [
-            h('path', {
-              d: 'M0.833334 3.33333C0.833334 2.8731 1.20643 2.5 1.66667 2.5H8.65164C8.96728 2.5 9.25583 2.67834 9.39699 2.96066L10 4.16667H18.3333C18.7936 4.16667 19.1667 4.53976 19.1667 5V16.6667C19.1667 17.1269 18.7936 17.5 18.3333 17.5H1.66667C1.20643 17.5 0.833334 17.1269 0.833334 16.6667V3.33333Z',
-              fill: 'currentColor',
-            }),
-            h('path', {
-              d: 'M10.5403 9.27428C10.505 9.15191 10.4861 9.02261 10.4861 8.88889C10.4861 8.12183 11.1079 7.5 11.875 7.5C12.6421 7.5 13.2639 8.12183 13.2639 8.88889C13.2639 9.65595 12.6421 10.2778 11.875 10.2778C11.492 10.2778 11.1451 10.1227 10.8939 9.87195L9.39028 10.7604C9.42555 10.8828 9.44444 11.0121 9.44444 11.1458C9.44444 11.2379 9.43549 11.3278 9.41841 11.4149L11.3337 12.3342C11.5885 12.0321 11.9697 11.8403 12.3958 11.8403C13.1629 11.8403 13.7847 12.4621 13.7847 13.2292C13.7847 13.9962 13.1629 14.6181 12.3958 14.6181C11.6288 14.6181 11.0069 13.9962 11.0069 13.2292C11.0069 13.1371 11.0159 13.0472 11.033 12.9601L9.11769 12.0408C8.86291 12.3429 8.48164 12.5347 8.05556 12.5347C7.28849 12.5347 6.66667 11.9129 6.66667 11.1458C6.66667 10.3788 7.28849 9.75694 8.05556 9.75694C8.43859 9.75694 8.78541 9.912 9.03667 10.1628L10.5403 9.27428Z',
-              fill: 'currentColor',
-            }),
-          ],
-        ),
-      ])
-    },
-  },
+
   'app-shared': {
     iconReader: () => {
       return h('i', [
@@ -102,6 +79,30 @@ export default {
       ])
     },
   },
+  'app-shared-active': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            viewBox: '0 0 20 20',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M0.833334 3.33333C0.833334 2.8731 1.20643 2.5 1.66667 2.5H8.65164C8.96728 2.5 9.25583 2.67834 9.39699 2.96066L10 4.16667H18.3333C18.7936 4.16667 19.1667 4.53976 19.1667 5V16.6667C19.1667 17.1269 18.7936 17.5 18.3333 17.5H1.66667C1.20643 17.5 0.833334 17.1269 0.833334 16.6667V3.33333Z',
+              fill: 'currentColor',
+            }),
+            h('path', {
+              d: 'M10.5403 9.27428C10.505 9.15191 10.4861 9.02261 10.4861 8.88889C10.4861 8.12183 11.1079 7.5 11.875 7.5C12.6421 7.5 13.2639 8.12183 13.2639 8.88889C13.2639 9.65595 12.6421 10.2778 11.875 10.2778C11.492 10.2778 11.1451 10.1227 10.8939 9.87195L9.39028 10.7604C9.42555 10.8828 9.44444 11.0121 9.44444 11.1458C9.44444 11.2379 9.43549 11.3278 9.41841 11.4149L11.3337 12.3342C11.5885 12.0321 11.9697 11.8403 12.3958 11.8403C13.1629 11.8403 13.7847 12.4621 13.7847 13.2292C13.7847 13.9962 13.1629 14.6181 12.3958 14.6181C11.6288 14.6181 11.0069 13.9962 11.0069 13.2292C11.0069 13.1371 11.0159 13.0472 11.033 12.9601L9.11769 12.0408C8.86291 12.3429 8.48164 12.5347 8.05556 12.5347C7.28849 12.5347 6.66667 11.9129 6.66667 11.1458C6.66667 10.3788 7.28849 9.75694 8.05556 9.75694C8.43859 9.75694 8.78541 9.912 9.03667 10.1628L10.5403 9.27428Z',
+              fill: 'white',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
   'app-setting': {
     iconReader: () => {
       return h('i', [
@@ -210,4 +211,54 @@ export default {
       ])
     },
   },
+  'app-workspace': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M523.477333 113.92l429.568 273.408a21.333333 21.333333 0 0 1 0 36.010667L523.52 696.704a21.333333 21.333333 0 0 1-22.912 0L70.954667 423.338667a21.333333 21.333333 0 0 1 0-36.010667l429.610666-273.365333a21.333333 21.333333 0 0 1 22.912 0zM201.6 405.333333L512 602.88l310.4-197.546667L512 207.786667 201.6 405.333333z',
+              fill: 'currentColor',
+            }),
+            h('path', {
+              d: 'M110.805333 592.469333a21.333333 21.333333 0 0 0-29.354666 7.04l-22.314667 36.394667a21.333333 21.333333 0 0 0 7.04 29.312l390.613333 239.530667a84.992 84.992 0 0 0 89.088 0l390.613334-239.530667a21.333333 21.333333 0 0 0 7.04-29.312l-22.314667-36.394667a21.333333 21.333333 0 0 0-29.312-7.04L506.88 828.586667a10.666667 10.666667 0 0 1-11.136 0l-384.981333-236.074667z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
+  'app-workspace-active': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 20 20',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M10.2237 2.22566L18.6143 7.56512C18.8716 7.72885 18.8716 8.10444 18.6143 8.26817L10.2237 13.6076C10.0872 13.6945 9.91279 13.6945 9.7763 13.6076L1.38573 8.26817C1.12844 8.10444 1.12844 7.72885 1.38573 7.56512L9.7763 2.22566C9.91279 2.13881 10.0872 2.13881 10.2237 2.22566Z',
+              fill: 'currentColor',
+            }),
+            h('path', {
+              d: 'M2.1637 11.5717C1.96752 11.4515 1.71097 11.513 1.59069 11.7092L1.15509 12.4196C1.03481 12.6158 1.09633 12.8723 1.29251 12.9926L8.9218 17.6705C9.45711 17.9987 10.1262 17.9987 10.6615 17.6705L18.2908 12.9926C18.487 12.8723 18.5485 12.6158 18.4282 12.4196L17.9926 11.7092C17.8723 11.513 17.6158 11.4515 17.4196 11.5717L9.90055 16.182C9.83373 16.223 9.74957 16.223 9.68275 16.182L2.1637 11.5717Z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
 }
diff --git a/ui/src/components/app-icon/icons/system.ts b/ui/src/components/app-icon/icons/system.ts
index e15e00d74..44bbf89ca 100644
--- a/ui/src/components/app-icon/icons/system.ts
+++ b/ui/src/components/app-icon/icons/system.ts
@@ -20,4 +20,24 @@ export default {
       ])
     },
   },
+  'app-delete-users': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M661.333333 277.333333a213.333333 213.333333 0 1 0-426.752 0.085334A213.333333 213.333333 0 0 0 661.333333 277.333333z m-213.333333 128a128.042667 128.042667 0 0 1 0-256 128.042667 128.042667 0 0 1 0 256zM170.666667 810.666667c0-14.762667 1.92-29.013333 5.333333-42.666667 18.986667-73.6 85.76-128 165.333333-128h171.733334a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333H341.333333a256 256 0 0 0-256 256v85.333333c0 23.552 19.2 42.666667 42.666667 42.666667h385.066667a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334H170.666667v-42.666666zM776.405333 663.893333l62.634667 62.677334H618.666667a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h220.928l-63.189334 63.189333a21.333333 21.333333 0 0 0 0 30.165334l30.165334 30.208a21.333333 21.333333 0 0 0 30.165333 0l150.826667-150.869334a21.333333 21.333333 0 0 0 0-30.165333l-150.826667-150.869333a21.333333 21.333333 0 0 0-30.165333 0l-30.165334 30.208a21.333333 21.333333 0 0 0 0 30.165333z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
 }
diff --git a/ui/src/components/app-icon/index.ts b/ui/src/components/app-icon/index.ts
index 37f3127ec..78eb76df8 100644
--- a/ui/src/components/app-icon/index.ts
+++ b/ui/src/components/app-icon/index.ts
@@ -7,7 +7,6 @@ const dynamicIcons = Object.values(iconsImport).reduce(
   }),
   {} as Record<string, any>,
 )
-console.log(dynamicIcons)
 export const iconMap: any = {
   'app-warning': {
     iconReader: () => {
@@ -139,24 +138,24 @@ export const iconMap: any = {
       ])
     },
   },
-  'app-wordspace': {
+  'app-go': {
     iconReader: () => {
       return h('i', [
         h(
           'svg',
           {
             style: { height: '100%', width: '100%' },
-            viewBox: '0 0 1024 1024',
+            viewBox: '0 0 16 16',
             version: '1.1',
             xmlns: 'http://www.w3.org/2000/svg',
           },
           [
             h('path', {
-              d: 'M523.477333 113.92l429.568 273.408a21.333333 21.333333 0 0 1 0 36.010667L523.52 696.704a21.333333 21.333333 0 0 1-22.912 0L70.954667 423.338667a21.333333 21.333333 0 0 1 0-36.010667l429.610666-273.365333a21.333333 21.333333 0 0 1 22.912 0zM201.6 405.333333L512 602.88l310.4-197.546667L512 207.786667 201.6 405.333333z',
+              d: 'M2.66671 4.66665V13.3333H13.3334V8.66665H14.6667V14C14.6667 14.3682 14.3682 14.6666 14 14.6666H2.00004C1.63185 14.6666 1.33337 14.3682 1.33337 14V3.99998C1.33337 3.63179 1.63185 3.33331 2.00004 3.33331H7.33337V4.66665H2.66671Z',
               fill: 'currentColor',
             }),
             h('path', {
-              d: 'M110.805333 592.469333a21.333333 21.333333 0 0 0-29.354666 7.04l-22.314667 36.394667a21.333333 21.333333 0 0 0 7.04 29.312l390.613333 239.530667a84.992 84.992 0 0 0 89.088 0l390.613334-239.530667a21.333333 21.333333 0 0 0 7.04-29.312l-22.314667-36.394667a21.333333 21.333333 0 0 0-29.312-7.04L506.88 828.586667a10.666667 10.666667 0 0 1-11.136 0l-384.981333-236.074667z',
+              d: 'M14.6665 1.99998V6.66665H13.3332V3.60931L9.34987 7.59265C9.28736 7.65514 9.20259 7.69024 9.11421 7.69024C9.02582 7.69024 8.94105 7.65514 8.87854 7.59265L8.40721 7.12131C8.34472 7.0588 8.30961 6.97403 8.30961 6.88565C8.30961 6.79726 8.34472 6.71249 8.40721 6.64998L12.3905 2.66665H9.33321V1.33331H13.9999C14.1767 1.33331 14.3463 1.40355 14.4713 1.52858C14.5963 1.6536 14.6665 1.82317 14.6665 1.99998Z',
               fill: 'currentColor',
             }),
           ],
@@ -164,6 +163,27 @@ export const iconMap: any = {
       ])
     },
   },
+  'right-outlined': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            viewBox: '0 0 12 12',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M8.13909 6L4.07322 1.93414C3.97559 1.83651 3.97559 1.67822 4.07322 1.58059L4.42678 1.22703C4.52441 1.1294 4.6827 1.1294 4.78033 1.22703L9.19975 5.64645C9.39501 5.84171 9.39501 6.15829 9.19975 6.35356L4.78033 10.773C4.6827 10.8706 4.52441 10.8706 4.42678 10.773L4.07322 10.4194C3.97559 10.3218 3.97559 10.1635 4.07322 10.0659L8.13909 6Z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
+
   // 动态加载的图标
   ...dynamicIcons,
 }
diff --git a/ui/src/components/common-list/index.vue b/ui/src/components/common-list/index.vue
index 95d4cc343..99496a087 100644
--- a/ui/src/components/common-list/index.vue
+++ b/ui/src/components/common-list/index.vue
@@ -79,7 +79,7 @@ defineExpose({
     line-height: 24px;
     &.active {
       background: var(--el-color-primary-light-9);
-      border-radius: 4px;
+      border-radius: var(--app-border-radius-base);
       color: var(--el-color-primary);
       font-weight: 500;
       &:hover {
@@ -87,7 +87,7 @@ defineExpose({
       }
     }
     &:hover {
-      border-radius: 4px;
+      border-radius: var(--app-border-radius-base);
       background: var(--app-text-color-light-1);
     }
     &.is-active {
diff --git a/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue b/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
index cee21784c..b621af0b9 100644
--- a/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
+++ b/ui/src/components/dynamics-form/items/complex/ArrayObjectCard.vue
@@ -22,7 +22,7 @@
     </el-card>
     <el-card shadow="never" class="card-add box-card" @click="add_card">
       <div class="flex-center">
-        <AppIcon iconName="Plus" class="add-icon layout-bg p-8 border-r-4" />
+        <AppIcon iconName="Plus" class="add-icon layout-bg p-8 border-r-6" />
         <span>{{ add_msg }}</span>
       </div>
     </el-card>
diff --git a/ui/src/components/folder-tree/index.vue b/ui/src/components/folder-tree/index.vue
index 28d5b7a11..6bd6c6347 100644
--- a/ui/src/components/folder-tree/index.vue
+++ b/ui/src/components/folder-tree/index.vue
@@ -13,7 +13,7 @@
       class="shared-button flex cursor"
       :class="currentNodeKey === 'share' && 'active'"
     >
-      <AppIcon iconName="app-shared-active" style="font-size: 18px"></AppIcon>
+      <AppIcon iconName="app-shared-active" style="font-size: 18px" class="color-primary"></AppIcon>
       <span class="ml-8 lighter">{{ shareTitle }}</span>
     </div>
     <div class="tree-height border-t" :style="treeStyle">
@@ -209,7 +209,7 @@ function refreshFolder() {
     margin-bottom: 4px;
     &.active {
       background: var(--el-color-primary-light-9);
-      border-radius: 4px;
+      border-radius: var(--app-border-radius-base);
       color: var(--el-color-primary);
       font-weight: 500;
       &:hover {
@@ -217,7 +217,7 @@ function refreshFolder() {
       }
     }
     &:hover {
-      border-radius: 4px;
+      border-radius: var(--app-border-radius-base);
       background: var(--app-text-color-light-1);
     }
     &.is-active {
diff --git a/ui/src/components/generate-related-dialog/index.vue b/ui/src/components/generate-related-dialog/index.vue
index 842b8d422..ce7387515 100644
--- a/ui/src/components/generate-related-dialog/index.vue
+++ b/ui/src/components/generate-related-dialog/index.vue
@@ -15,7 +15,7 @@
         label-position="top"
         require-asterisk-position="right"
       >
-        <div class="update-info flex border-r-4 mb-16 p-8-12">
+        <div class="update-info flex border-r-6 mb-16 p-8-12">
           <div class="mt-4">
             <AppIcon iconName="app-warning-colorful" style="font-size: 16px"></AppIcon>
           </div>
diff --git a/ui/src/components/generate-related-resource-dialog/index.vue b/ui/src/components/generate-related-resource-dialog/index.vue
index 909df4438..b8e5bdb5d 100644
--- a/ui/src/components/generate-related-resource-dialog/index.vue
+++ b/ui/src/components/generate-related-resource-dialog/index.vue
@@ -14,7 +14,7 @@
         label-position="top"
         require-asterisk-position="right"
       >
-        <div class="update-info flex border-r-4 mb-16 p-8-12">
+        <div class="update-info flex border-r-6 mb-16 p-8-12">
           <div class="mt-4">
             <AppIcon iconName="app-warning-colorful" style="font-size: 16px"></AppIcon>
           </div>
diff --git a/ui/src/components/workspace-dropdown/index.vue b/ui/src/components/workspace-dropdown/index.vue
index 38faf61b6..bf43b8c59 100644
--- a/ui/src/components/workspace-dropdown/index.vue
+++ b/ui/src/components/workspace-dropdown/index.vue
@@ -1,7 +1,7 @@
 <template>
   <el-dropdown placement="bottom-start" class="workspace-dropdown">
     <el-button text style="font-size: 14px" class="workspace-dropdown__button">
-      <AppIcon iconName="app-wordspace" style="font-size: 18px"></AppIcon>
+      <AppIcon iconName="app-workspace" style="font-size: 18px"></AppIcon>
       <span class="ellipsis" style="max-width: 155px">
         {{ currentWorkspace?.name }}
       </span>
@@ -17,7 +17,7 @@
           :class="item.id === currentWorkspace?.id ? 'active' : ''"
           @click="changeWorkspace(item)"
         >
-          <AppIcon class="mr-8" iconName="app-wordspace" style="font-size: 16px"></AppIcon>
+          <AppIcon class="mr-8" iconName="app-workspace" style="font-size: 16px"></AppIcon>
           <span class="ellipsis" style="max-width: 230px">
             {{ item.name }}
           </span>
diff --git a/ui/src/layout/layout-header/SystemHeader.vue b/ui/src/layout/layout-header/SystemHeader.vue
index 6c891761a..2b633df2d 100644
--- a/ui/src/layout/layout-header/SystemHeader.vue
+++ b/ui/src/layout/layout-header/SystemHeader.vue
@@ -11,7 +11,7 @@
         <TopAbout class="mt-4"></TopAbout>
         <el-divider class="ml-8 mr-8" direction="vertical" />
         <el-button link @click="router.push({ path: '/' })">
-          <AppIcon class="mr-8" iconName="app-wordspace" style="font-size: 16px"></AppIcon>
+          <AppIcon class="mr-8" iconName="app-workspace" style="font-size: 16px"></AppIcon>
           {{ '返回工作空间' }}</el-button
         >
       </div>
diff --git a/ui/src/layout/layout-header/avatar/AboutDialog.vue b/ui/src/layout/layout-header/avatar/AboutDialog.vue
index 4a365681d..7cb597bec 100644
--- a/ui/src/layout/layout-header/avatar/AboutDialog.vue
+++ b/ui/src/layout/layout-header/avatar/AboutDialog.vue
@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     v-model="aboutDialogVisible"
-    class="about-dialog border-r-4"
+    class="about-dialog border-r-6"
     :class="!isDefaultTheme ? 'dialog-custom-header' : ''"
   >
     <template #header="{ titleId, titleClass }">
diff --git a/ui/src/router/modules/system.ts b/ui/src/router/modules/system.ts
index d3c5c2c93..ee863a560 100644
--- a/ui/src/router/modules/system.ts
+++ b/ui/src/router/modules/system.ts
@@ -47,8 +47,8 @@ const systemRouter = {
       path: '/system/workspace',
       name: 'workspace',
       meta: {
-        icon: 'app-resource-authorization', // TODO
-        iconActive: 'app-resource-authorization-active', // TODO
+        icon: 'app-workspace',
+        iconActive: 'app-workspace-active',
         title: 'views.workspace.title',
         activeMenu: '/system',
         parentPath: '/system',
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 80a62cc1c..51f43e4b6 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -313,10 +313,13 @@ h5 {
   border-bottom: 1px solid var(--el-border-color-lighter);
 }
 .border-r-4 {
-  border-radius: 4px;
+  border-radius: var(--app-border-radius-small);
+}
+.border-r-6 {
+  border-radius: var(--app-border-radius-base);
 }
 .border-r-8 {
-  border-radius: 8px;
+  border-radius: var(--app-border-radius-large);
 }
 
 .border-t-dashed {
diff --git a/ui/src/styles/variables.scss b/ui/src/styles/variables.scss
index 563df79ec..fe19302da 100644
--- a/ui/src/styles/variables.scss
+++ b/ui/src/styles/variables.scss
@@ -9,6 +9,9 @@ $primary-color: #3370ff;
   --app-view-padding: 24px;
   --app-view-bg-color: #ffffff;
   --app-border-color-dark: #bbbfc4;
+  --app-border-radius-small: 4px;
+  --app-border-radius-base: 6px;
+  --app-border-radius-large: 8px;
   --md-bk-hover-color: var(--el-border-color-hover);
   /** header 组件 */
   --app-header-height: 56px;
diff --git a/ui/src/utils/dynamics-api/permission-api.ts b/ui/src/utils/dynamics-api/permission-api.ts
index 85c341357..2375bd3d2 100644
--- a/ui/src/utils/dynamics-api/permission-api.ts
+++ b/ui/src/utils/dynamics-api/permission-api.ts
@@ -28,4 +28,3 @@ export function loadPermissionApi(type: string) {
     }
   }
 }
-
diff --git a/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue b/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue
index 41b8a96f1..a68c015fe 100644
--- a/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue
@@ -27,7 +27,7 @@
     </template>
 
     <div class="flex">
-      <div class="setting-preview border border-r-4 mr-16" style="min-width: 400px">
+      <div class="setting-preview border border-r-6 mr-16" style="min-width: 400px">
         <div class="setting-preview-container">
           <div class="setting-preview-header" :style="customStyle">
             <div class="flex-between">
diff --git a/ui/src/views/application-workflow/component/DropdownMenu.vue b/ui/src/views/application-workflow/component/DropdownMenu.vue
index 12e3235ac..604342585 100644
--- a/ui/src/views/application-workflow/component/DropdownMenu.vue
+++ b/ui/src/views/application-workflow/component/DropdownMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-show="show" class="workflow-dropdown-menu border border-r-4">
+  <div v-show="show" class="workflow-dropdown-menu border border-r-6">
     <el-tabs v-model="activeName" class="workflow-dropdown-tabs">
       <div style="display: flex; width: 100%; justify-content: center" class="mb-4">
         <el-input
diff --git a/ui/src/views/application/ApplicationSetting.vue b/ui/src/views/application/ApplicationSetting.vue
index 28739d6e7..740b83c74 100644
--- a/ui/src/views/application/ApplicationSetting.vue
+++ b/ui/src/views/application/ApplicationSetting.vue
@@ -185,7 +185,7 @@
                         v-for="(item, index) in applicationForm.knowledge_id_list"
                         :key="index"
                       >
-                        <el-card class="relate-knowledge-card border-r-4" shadow="never">
+                        <el-card class="relate-knowledge-card border-r-6" shadow="never">
                           <div class="flex-between">
                             <div class="flex align-center" style="width: 80%">
                               <KnowledgeIcon
diff --git a/ui/src/views/chat-user/index.vue b/ui/src/views/chat-user/index.vue
index ae581d2fd..d94521619 100644
--- a/ui/src/views/chat-user/index.vue
+++ b/ui/src/views/chat-user/index.vue
@@ -36,7 +36,7 @@
             <div class="flex align-center">
               <h4 class="medium">{{ current?.name }}</h4>
               <el-divider direction="vertical" class="mr-8 ml-8" />
-              <AppIcon iconName="app-wordspace" style="font-size: 16px" class="color-input-placeholder"></AppIcon>
+              <AppIcon iconName="app-workspace" style="font-size: 16px" class="color-input-placeholder"></AppIcon>
               <span class="color-input-placeholder ml-4">
                 {{ paginationConfig.total }}
               </span>
@@ -286,4 +286,4 @@ async function handleSave() {
   flex-direction: column;
   padding: 24px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/ui/src/views/chat/user-login/index.vue b/ui/src/views/chat/user-login/index.vue
index 79a6e27cb..513e11c22 100644
--- a/ui/src/views/chat/user-login/index.vue
+++ b/ui/src/views/chat/user-login/index.vue
@@ -58,7 +58,7 @@
                   :src="identifyCode"
                   alt=""
                   height="38"
-                  class="ml-8 cursor border border-r-4"
+                  class="ml-8 cursor border border-r-6"
                   @click="makeCode"
                 />
               </div>
diff --git a/ui/src/views/document/ImportLarkDocument.vue b/ui/src/views/document/ImportLarkDocument.vue
index 7f6db49aa..3db52bb74 100644
--- a/ui/src/views/document/ImportLarkDocument.vue
+++ b/ui/src/views/document/ImportLarkDocument.vue
@@ -25,7 +25,7 @@
                   </el-radio-button>
                 </el-radio-group>
               </div>
-              <div class="update-info flex p-8-12 border-r-4 mb-16">
+              <div class="update-info flex p-8-12 border-r-6 mb-16">
                 <div class="mt-4">
                   <AppIcon iconName="app-warning-colorful" style="font-size: 16px"></AppIcon>
                 </div>
@@ -34,7 +34,7 @@
                   <p>{{ $t('views.document.feishu.tip2') }}</p>
                 </div>
               </div>
-              <div class="card-never border-r-4 mb-16">
+              <div class="card-never border-r-6 mb-16">
                 <el-checkbox
                   v-model="allCheck"
                   :label="$t('views.document.feishu.allCheck')"
diff --git a/ui/src/views/document/upload/UploadComponent.vue b/ui/src/views/document/upload/UploadComponent.vue
index ae291749e..dc2225a9d 100644
--- a/ui/src/views/document/upload/UploadComponent.vue
+++ b/ui/src/views/document/upload/UploadComponent.vue
@@ -18,7 +18,7 @@
     </div>
 
     <el-form-item prop="fileList" v-if="form.fileType === 'QA'">
-      <div class="update-info flex p-8-12 border-r-4 mb-16 w-full">
+      <div class="update-info flex p-8-12 border-r-6 mb-16 w-full">
         <div class="mt-4">
           <AppIcon iconName="app-warning-colorful" style="font-size: 16px"></AppIcon>
         </div>
@@ -71,7 +71,7 @@
       </el-upload>
     </el-form-item>
     <el-form-item prop="fileList" v-else-if="form.fileType === 'table'">
-      <div class="update-info flex p-8-12 border-r-4 mb-16 w-full">
+      <div class="update-info flex p-8-12 border-r-6 mb-16 w-full">
         <div class="mt-4">
           <AppIcon iconName="app-warning-colorful" style="font-size: 16px"></AppIcon>
         </div>
@@ -125,7 +125,7 @@
       </el-upload>
     </el-form-item>
     <el-form-item prop="fileList" v-else>
-      <div class="update-info flex p-8-12 border-r-4 mb-16 w-full">
+      <div class="update-info flex p-8-12 border-r-6 mb-16 w-full">
         <div class="mt-4">
           <AppIcon iconName="app-warning-colorful" style="font-size: 16px"></AppIcon>
         </div>
diff --git a/ui/src/views/login/index.vue b/ui/src/views/login/index.vue
index 65a623dae..8ece58384 100644
--- a/ui/src/views/login/index.vue
+++ b/ui/src/views/login/index.vue
@@ -49,7 +49,7 @@
                   :src="identifyCode"
                   alt=""
                   height="38"
-                  class="ml-8 cursor border border-r-4"
+                  class="ml-8 cursor border border-r-6"
                   @click="makeCode"
                 />
               </div>
diff --git a/ui/src/views/model/component/Provider.vue b/ui/src/views/model/component/Provider.vue
index a32e16df9..24b848134 100644
--- a/ui/src/views/model/component/Provider.vue
+++ b/ui/src/views/model/component/Provider.vue
@@ -4,11 +4,15 @@
       <div class="p-8">
         <div
           @click="handleSharedNodeClick"
-          class="shared-model"
+          class="shared-button flex cursor border-b"
           v-if="showShared && hasPermission(EditionConst.IS_EE, 'OR')"
           :class="active?.provider === 'share' && 'active'"
         >
-          <AppIcon iconName="app-shared-active" style="font-size: 18px"></AppIcon>
+          <AppIcon
+            iconName="app-shared-active"
+            style="font-size: 18px"
+            class="color-primary"
+          ></AppIcon>
           <span class="ml-8 lighter">{{ $t('views.shared.shared_model') }}</span>
         </div>
         <div
@@ -154,11 +158,19 @@ const handleSharedNodeClick = () => {
   .all-mode {
     padding: 10px 8px;
     font-weight: 400;
+    &:hover {
+      border-radius: var(--app-border-radius-base);
+      background: var(--app-text-color-light-1);
+    }
   }
   .all-mode-active {
-    border-radius: 4px;
+    border-radius: var(--app-border-radius-base);
     color: var(--el-color-primary);
     font-weight: 500 !important;
+    background: var(--el-color-primary-light-9);
+    &:hover {
+      background: var(--el-color-primary-light-9);
+    }
   }
   .model-collapse {
     border-top: none !important;
@@ -172,7 +184,7 @@ const handleSharedNodeClick = () => {
       background: none;
       &:hover {
         background: var(--app-text-color-light-1);
-        border-radius: 4px;
+        border-radius: var(--app-border-radius-base);
       }
     }
     :deep(.el-collapse-item) {
@@ -191,34 +203,29 @@ const handleSharedNodeClick = () => {
       padding-bottom: 0 !important;
     }
   }
-  .shared-model {
-    padding-left: 8px;
-    display: flex;
-    align-items: center;
-    height: 40px;
-    position: relative;
-    margin-bottom: 8px;
-    border-radius: 4px;
-    cursor: pointer;
-
-    &:hover {
-      background: var(--app-text-color-light-1);
-      color: var(--el-menu-text-color);
-    }
-
+  .shared-button {
+    padding: 10px 8px;
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 4px;
     &.active {
-      color: var(--el-color-primary);
       background: var(--el-color-primary-light-9);
+      border-radius: var(--app-border-radius-base);
+      color: var(--el-color-primary);
+      font-weight: 500;
+      &:hover {
+        background: var(--el-color-primary-light-9);
+      }
     }
-
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: -4px;
-      background-color: #1f232926;
-      left: 0;
-      width: 100%;
-      height: 1px;
+    &:hover {
+      border-radius: var(--app-border-radius-base);
+      background: var(--app-text-color-light-1);
+    }
+    &.is-active {
+      &:hover {
+        color: var(--el-color-primary);
+        background: var(--el-color-primary-light-9);
+      }
     }
   }
 }
diff --git a/ui/src/views/model/index.vue b/ui/src/views/model/index.vue
index 42c07c573..870bbb0bf 100644
--- a/ui/src/views/model/index.vue
+++ b/ui/src/views/model/index.vue
@@ -186,8 +186,8 @@ const clickListHandle = (item: Provider) => {
   active_provider.value = item
   list_model()
   if (active_provider.value.provider === '') {
-    commonList1.value.clearCurrent()
-    commonList2.value.clearCurrent()
+    commonList1.value?.clearCurrent()
+    commonList2.value?.clearCurrent()
   }
 }
 
diff --git a/ui/src/views/system-chat-user/group/index.vue b/ui/src/views/system-chat-user/group/index.vue
index a34443641..c621b1531 100644
--- a/ui/src/views/system-chat-user/group/index.vue
+++ b/ui/src/views/system-chat-user/group/index.vue
@@ -80,7 +80,7 @@
             <div class="flex align-center">
               <h4 class="medium">{{ current?.name }}</h4>
               <el-divider direction="vertical" class="mr-8 ml-8" />
-              <AppIcon iconName="app-wordspace" style="font-size: 16px" class="color-input-placeholder"></AppIcon>
+              <AppIcon iconName="app-workspace" style="font-size: 16px" class="color-input-placeholder"></AppIcon>
               <span class="color-input-placeholder ml-4">
                 {{ paginationConfig.total }}
               </span>
diff --git a/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue b/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
index 9ff301c72..b0d7a397f 100644
--- a/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
+++ b/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
@@ -48,7 +48,7 @@
               :value="space"
             >
               <div class="flex">
-                <AppIcon iconName="app-wordspace"></AppIcon>
+                <AppIcon iconName="app-workspace"></AppIcon>
                 <span class="ml-4"> {{ space.name }}</span>
               </div>
             </el-checkbox>
@@ -68,7 +68,7 @@
         <template v-for="ele in checkedWorkspace">
           <div class="flex-between">
             <div class="flex align-center">
-              <AppIcon iconName="app-wordspace"></AppIcon>
+              <AppIcon iconName="app-workspace"></AppIcon>
               <span class="ml-4 lighter">{{ ele.name }}</span>
             </div>
             <el-button link>
diff --git a/ui/src/views/system/operate-log/component/DetailDialog.vue b/ui/src/views/system/operate-log/component/DetailDialog.vue
index d333d39ae..126358620 100644
--- a/ui/src/views/system/operate-log/component/DetailDialog.vue
+++ b/ui/src/views/system/operate-log/component/DetailDialog.vue
@@ -5,7 +5,7 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
   >
-    <div class="border border-r-4 mb-16" style="white-space: pre-wrap; height: 400px">
+    <div class="border border-r-6 mb-16" style="white-space: pre-wrap; height: 400px">
       <el-scrollbar>
         <div class="p-16">
           {{ details }}
diff --git a/ui/src/views/system/role/component/Member.vue b/ui/src/views/system/role/component/Member.vue
index 6fc09da04..526c35f45 100644
--- a/ui/src/views/system/role/component/Member.vue
+++ b/ui/src/views/system/role/component/Member.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-24 pt-0">
+  <div>
     <div class="flex-between mb-16">
       <el-button
         type="primary"
@@ -64,10 +64,7 @@
                 )
               "
             >
-              <!-- TODO: 删除图标需要换 -->
-              <el-icon>
-                <Delete />
-              </el-icon>
+              <AppIcon iconName="app-delete-users"></AppIcon>
             </el-button>
           </el-tooltip>
         </template>
diff --git a/ui/src/views/system/role/component/PermissionConfiguration.vue b/ui/src/views/system/role/component/PermissionConfiguration.vue
index 428603bd9..bdb403de8 100644
--- a/ui/src/views/system/role/component/PermissionConfiguration.vue
+++ b/ui/src/views/system/role/component/PermissionConfiguration.vue
@@ -1,54 +1,45 @@
 <template>
   <el-scrollbar v-loading="loading">
-    <div class="p-24 pt-0">
-      <app-table :data="tableData" border :span-method="objectSpanMethod">
-        <el-table-column
-          prop="module"
-          :width="130"
-          :label="$t('views.role.permission.moduleName')"
-        />
-        <el-table-column
-          prop="name"
-          :width="150"
-          :label="$t('views.role.permission.operationTarget')"
-        />
-        <el-table-column
-          prop="permission"
-          :label="$t('views.model.modelForm.permissionType.label')"
-        >
-          <template #default="{ row }">
-            <el-checkbox-group v-model="row.perChecked" @change="handleCellChange($event, row)">
-              <el-checkbox
-                v-for="item in row.permission"
-                :key="item.id"
-                :value="item.id"
-                :disabled="disabled"
-              >
-                <div class="ellipsis" style="width: 96px">{{ item.name }}</div>
-              </el-checkbox>
-            </el-checkbox-group>
-          </template>
-        </el-table-column>
-        <el-table-column :width="40">
-          <template #header>
+    <app-table :data="tableData" border :span-method="objectSpanMethod">
+      <el-table-column prop="module" :width="130" :label="$t('views.role.permission.moduleName')" />
+      <el-table-column
+        prop="name"
+        :width="150"
+        :label="$t('views.role.permission.operationTarget')"
+      />
+      <el-table-column prop="permission" :label="$t('views.model.modelForm.permissionType.label')">
+        <template #default="{ row }">
+          <el-checkbox-group v-model="row.perChecked" @change="handleCellChange($event, row)">
             <el-checkbox
-              :model-value="allChecked"
-              :indeterminate="allIndeterminate"
+              v-for="item in row.permission"
+              :key="item.id"
+              :value="item.id"
               :disabled="disabled"
-              @change="handleCheckAll"
-            />
-          </template>
-          <template #default="{ row }">
-            <el-checkbox
-              v-model="row.enable"
-              :indeterminate="row.indeterminate"
-              :disabled="disabled"
-              @change="(value: boolean) => handleRowChange(value, row)"
-            />
-          </template>
-        </el-table-column>
-      </app-table>
-    </div>
+            >
+              <div class="ellipsis" style="width: 96px">{{ item.name }}</div>
+            </el-checkbox>
+          </el-checkbox-group>
+        </template>
+      </el-table-column>
+      <el-table-column :width="40">
+        <template #header>
+          <el-checkbox
+            :model-value="allChecked"
+            :indeterminate="allIndeterminate"
+            :disabled="disabled"
+            @change="handleCheckAll"
+          />
+        </template>
+        <template #default="{ row }">
+          <el-checkbox
+            v-model="row.enable"
+            :indeterminate="row.indeterminate"
+            :disabled="disabled"
+            @change="(value: boolean) => handleRowChange(value, row)"
+          />
+        </template>
+      </el-table-column>
+    </app-table>
   </el-scrollbar>
   <div v-if="!disabled" class="footer border-t">
     <el-button type="primary" style="width: 80px" :loading="loading" @click="handleSave">
@@ -65,7 +56,7 @@ import type {
   RoleTableDataItem,
   ChildrenPermissionItem,
 } from '@/api/type/role'
-import RoleApi from '@/api/system/role'
+import { loadPermissionApi } from '@/utils/dynamics-api/permission-api'
 import { MsgSuccess } from '@/utils/message'
 import { t } from '@/locales'
 
@@ -100,7 +91,7 @@ async function getRolePermission() {
   if (!props.currentRole?.id) return
   try {
     tableData.value = []
-    const res = await RoleApi.getRolePermissionList(props.currentRole.id, loading)
+    const res = await loadPermissionApi('role').getRolePermissionList(props.currentRole.id, loading)
     tableData.value = transformData(res.data)
   } catch (error) {
     console.error(error)
@@ -175,7 +166,7 @@ async function handleSave() {
         })
       })
     })
-    await RoleApi.saveRolePermission(props.currentRole?.id as string, permissions, loading)
+    await loadPermissionApi('role').saveRolePermission(props.currentRole?.id as string, permissions, loading)
     MsgSuccess(t('common.saveSuccess'))
   } catch (error) {
     console.log(error)
diff --git a/ui/src/views/system/role/index.vue b/ui/src/views/system/role/index.vue
index a735208e2..92e0aadfa 100644
--- a/ui/src/views/system/role/index.vue
+++ b/ui/src/views/system/role/index.vue
@@ -38,11 +38,11 @@
                           <template #dropdown>
                             <el-dropdown-menu style="min-width: 80px">
                               <el-dropdown-item @click.stop="createOrUpdateRole(row)" class="p-8">
-                                <AppIcon iconName="app-copy"></AppIcon>
+                                <el-icon><EditPen /></el-icon>
                                 {{ $t('common.rename') }}
                               </el-dropdown-item>
                               <el-dropdown-item @click.stop="deleteRole(row)" class="border-t p-8">
-                                <AppIcon iconName="app-copy"></AppIcon>
+                                <el-icon><Delete /></el-icon>
                                 {{ $t('common.delete') }}
                               </el-dropdown-item>
                             </el-dropdown-menu>
@@ -56,7 +56,7 @@
                   </template>
                 </common-list>
 
-                <div class="ml-8 border-t flex-between mb-12" style="padding-top: 12px">
+                <div class="ml-8 border-t flex-between mb-8" style="padding-top: 12px">
                   <span class="color-secondary lighter">{{ $t('views.role.customRole') }}</span>
                   <el-tooltip
                     effect="dark"
@@ -105,11 +105,11 @@
                           <template #dropdown>
                             <el-dropdown-menu style="min-width: 80px">
                               <el-dropdown-item @click.stop="createOrUpdateRole(row)" class="p-8">
-                                <AppIcon iconName="app-copy"></AppIcon>
+                                <el-icon><EditPen /></el-icon>
                                 {{ $t('common.rename') }}
                               </el-dropdown-item>
                               <el-dropdown-item @click.stop="deleteRole(row)" class="border-t p-8">
-                                <AppIcon iconName="app-copy"></AppIcon>
+                                <el-icon><Delete /></el-icon>
                                 {{ $t('common.delete') }}
                               </el-dropdown-item>
                             </el-dropdown-menu>
@@ -128,8 +128,8 @@
         </div>
 
         <!-- 右边 -->
-        <div class="role-right w-full" v-loading="loading">
-          <div class="flex-between mb-16 p-24 pb-0">
+        <div class="role-right p-24" v-loading="loading">
+          <div class="flex-between mb-16">
             <div class="flex align-center">
               <h4>
                 {{ currentRole?.role_name }}
@@ -167,7 +167,6 @@
 
 <script lang="ts" setup>
 import { onMounted, ref, watch } from 'vue'
-import RoleApi from '@/api/system/role'
 import { t } from '@/locales'
 import PermissionConfiguration from './component/PermissionConfiguration.vue'
 import Member from './component/Member.vue'
@@ -243,7 +242,7 @@ function deleteRole(item: RoleItem) {
     },
   )
     .then(() => {
-      RoleApi.deleteRole(item.id, loading).then(async () => {
+      loadPermissionApi('role').deleteRole(item.id, loading).then(async () => {
         MsgSuccess(t('common.deleteSuccess'))
         await getRole()
         currentRole.value =
diff --git a/ui/src/views/system/workspace/component/Member.vue b/ui/src/views/system/workspace/component/Member.vue
index 63acbae35..42f946468 100644
--- a/ui/src/views/system/workspace/component/Member.vue
+++ b/ui/src/views/system/workspace/component/Member.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="flex-between mb-16">
-    <el-button type="primary" @click="handleAdd"
-      v-hasPermission="[
-        RoleConst.ADMIN,
-        PermissionConst.WORKSPACE_ADD_MEMBER]"
+    <el-button
+      type="primary"
+      @click="handleAdd"
+      v-hasPermission="[RoleConst.ADMIN, PermissionConst.WORKSPACE_ADD_MEMBER]"
     >
       {{ $t('views.role.member.add') }}
     </el-button>
@@ -11,30 +11,50 @@
       <el-select class="complex-search__left" v-model="searchType" style="width: 120px">
         <el-option :label="$t('views.login.loginForm.username.label')" value="username" />
       </el-select>
-      <el-input v-if="searchType === 'username'" v-model="searchForm.username" @change="getList"
-        :placeholder="$t('common.inputPlaceholder')" style="width: 220px" clearable />
+      <el-input
+        v-if="searchType === 'username'"
+        v-model="searchForm.username"
+        @change="getList"
+        :placeholder="$t('common.inputPlaceholder')"
+        style="width: 220px"
+        clearable
+      />
     </div>
   </div>
-  <app-table :data="tableData" :pagination-config="paginationConfig" @sizeChange="handleSizeChange"
-    @changePage="getList" v-loading="loading">
+  <app-table
+    :data="tableData"
+    :pagination-config="paginationConfig"
+    @sizeChange="handleSizeChange"
+    @changePage="getList"
+    v-loading="loading"
+  >
     <el-table-column prop="nick_name" :label="$t('views.userManage.userForm.nick_name.label')" />
     <el-table-column prop="username" :label="$t('views.login.loginForm.username.label')" />
     <el-table-column prop="role_name" :label="$t('views.role.member.role')" />
     <el-table-column :label="$t('common.operation')" width="100" fixed="right">
       <template #default="{ row }">
-        <el-tooltip effect="dark" :content="`${$t('views.role.member.delete.button')}`" placement="top">
-          <el-button type="primary" text @click.stop="handleDelete(row)"
-            v-hasPermission="[RoleConst.ADMIN,PermissionConst.WORKSPACE_REMOVE_MEMBER]"
+        <el-tooltip
+          effect="dark"
+          :content="`${$t('views.role.member.delete.button')}`"
+          placement="top"
+        >
+          <el-button
+            type="primary"
+            text
+            @click.stop="handleDelete(row)"
+            v-hasPermission="[RoleConst.ADMIN, PermissionConst.WORKSPACE_REMOVE_MEMBER]"
           >
-            <el-icon>
-              <EditPen />
-            </el-icon>
+            <AppIcon iconName="app-delete-users"></AppIcon>
           </el-button>
         </el-tooltip>
       </template>
     </el-table-column>
   </app-table>
-  <AddMemberDrawer ref="addMemberDrawerRef" :currentWorkspace="props.currentWorkspace" @refresh="getList" />
+  <AddMemberDrawer
+    ref="addMemberDrawerRef"
+    :currentWorkspace="props.currentWorkspace"
+    @refresh="getList"
+  />
 </template>
 
 <script setup lang="ts">
@@ -70,7 +90,12 @@ async function getList() {
     const params = {
       [searchType.value]: searchForm.value[searchType.value],
     }
-    const res = await WorkspaceApi.getWorkspaceMemberList(props.currentWorkspace?.id, paginationConfig, params, loading)
+    const res = await WorkspaceApi.getWorkspaceMemberList(
+      props.currentWorkspace?.id,
+      paginationConfig,
+      params,
+      loading,
+    )
     tableData.value = res.data.records
     paginationConfig.total = res.data.total
   } catch (error) {
@@ -87,30 +112,34 @@ onMounted(() => {
   getList()
 })
 
-watch(() => props.currentWorkspace?.id, () => {
-  getList()
-})
+watch(
+  () => props.currentWorkspace?.id,
+  () => {
+    getList()
+  },
+)
 
 const addMemberDrawerRef = ref<InstanceType<typeof AddMemberDrawer>>()
 function handleAdd() {
-  addMemberDrawerRef.value?.open();
+  addMemberDrawerRef.value?.open()
 }
 
 function handleDelete(row: WorkspaceMemberItem) {
-  MsgConfirm(
-    `${t('views.workspace.member.delete.confirmTitle')}${row.nick_name} ?`, '',
-    {
-      confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'danger',
-    },
-  )
+  MsgConfirm(`${t('views.workspace.member.delete.confirmTitle')}${row.nick_name} ?`, '', {
+    confirmButtonText: t('common.confirm'),
+    confirmButtonClass: 'danger',
+  })
     .then(() => {
       loading.value = true
-      WorkspaceApi.deleteWorkspaceMember(props.currentWorkspace?.id as string, row.user_relation_id, loading).then(() => {
+      WorkspaceApi.deleteWorkspaceMember(
+        props.currentWorkspace?.id as string,
+        row.user_relation_id,
+        loading,
+      ).then(() => {
         MsgSuccess(t('common.deleteSuccess'))
         getList()
       })
     })
-    .catch(() => { })
+    .catch(() => {})
 }
 </script>
diff --git a/ui/src/views/system/workspace/index.vue b/ui/src/views/system/workspace/index.vue
index 720d7788e..01c189ff1 100644
--- a/ui/src/views/system/workspace/index.vue
+++ b/ui/src/views/system/workspace/index.vue
@@ -1,108 +1,131 @@
 <template>
-  <div class="workspace">
+  <div class="workspace-manage p-16-24">
     <h2 class="mb-16">{{ $t('views.workspace.title') }}</h2>
-    <el-card style="--el-card-padding: 0" body-class="workspace-card">
+    <el-card style="--el-card-padding: 0">
       <div class="flex h-full">
-        <div class="workspace-left border-r p-16">
-          <div class="workspace-left_title">
-            <h4 class="medium">{{ $t('views.workspace.list') }}</h4>
-            <el-tooltip effect="dark"
-                        :content="`${$t('common.create')}${$t('views.workspace.title')}`"
-                        placement="top">
-              <el-button type="primary" text @click="createOrUpdateWorkspace()"
-                         v-hasPermission="[RoleConst.ADMIN, PermissionConst.WORKSPACE_CREATE]"
+        <div class="workspace-left border-r">
+          <div class="p-24 pb-0">
+            <div class="flex-between mb-12">
+              <h4 class="medium">{{ $t('views.workspace.list') }}</h4>
+              <el-tooltip
+                effect="dark"
+                :content="`${$t('common.create')}${$t('views.workspace.title')}`"
+                placement="top"
               >
-                <AppIcon iconName="app-copy"></AppIcon>
-              </el-button>
-            </el-tooltip>
-          </div>
-          <div class="p-8">
-            <el-input v-model="filterText" :placeholder="$t('common.search')" prefix-icon="Search"
-                      clearable/>
+                <el-button
+                  type="primary"
+                  text
+                  @click="createOrUpdateWorkspace()"
+                  v-hasPermission="[RoleConst.ADMIN, PermissionConst.WORKSPACE_CREATE]"
+                >
+                  <el-icon :size="18"><Plus /></el-icon>
+                </el-button>
+              </el-tooltip>
+            </div>
+            <el-input
+              v-model="filterText"
+              :placeholder="$t('common.search')"
+              prefix-icon="Search"
+              clearable
+            />
           </div>
           <div class="list-height-left">
             <el-scrollbar v-loading="loading">
-              <common-list :data="filterList" @click="clickWorkspace"
-                           :default-active="currentWorkspace?.id">
-                <template #default="{ row }">
-                  <div class="flex-between">
-                    <span class="ellipsis" style="max-width: initial;">{{ row.name }}</span>
-                    <el-dropdown :teleported="false">
-                      <el-button text>
-                        <el-icon class="color-secondary">
-                          <MoreFilled/>
-                        </el-icon>
-                      </el-button>
-                      <template #dropdown>
-                        <el-dropdown-menu style="min-width: 80px">
-                          <el-dropdown-item @click.stop="createOrUpdateWorkspace(row)" class="p-8"
-                            v-if="hasPermission([
-                                    RoleConst.ADMIN,
-                                    PermissionConst.WORKSPACE_EDIT
-                            ],
-                            'OR')"  
-                          >
-                            <AppIcon iconName="app-copy"></AppIcon>
-                            {{
-                              $t('common.rename')
-                            }}
-                          </el-dropdown-item>
-                          <el-dropdown-item @click.stop="deleteWorkspace(row)" class="border-t p-8"
-                            v-if="row.id !== 'default' &&
-                            hasPermission([
-                              RoleConst.ADMIN,
-                              PermissionConst.WORKSPACE_DELETE
-                            ],
-                            'OR')
-                            ">
-                            <AppIcon iconName="app-copy"></AppIcon>
-                            {{
-                              $t('common.delete')
-                            }}
-                          </el-dropdown-item>
-                        </el-dropdown-menu>
-                      </template>
-                    </el-dropdown>
-                  </div>
-                </template>
-                <template #empty>
-                  <span></span>
-                </template>
-              </common-list>
+              <div class="p-16">
+                <common-list
+                  :data="filterList"
+                  @click="clickWorkspace"
+                  :default-active="currentWorkspace?.id"
+                  @mouseenter="mouseenter"
+                  @mouseleave="mouseId = ''"
+                >
+                  <template #default="{ row }">
+                    <div class="flex-between">
+                      <span class="ellipsis">{{ row.name }}</span>
+                      <div @click.stop v-show="mouseId === row.id">
+                        <el-dropdown :teleported="false">
+                          <el-button text>
+                            <el-icon class="color-secondary">
+                              <MoreFilled />
+                            </el-icon>
+                          </el-button>
+                          <template #dropdown>
+                            <el-dropdown-menu style="min-width: 80px">
+                              <el-dropdown-item
+                                @click.stop="createOrUpdateWorkspace(row)"
+                                class="p-8"
+                                v-if="
+                                  hasPermission(
+                                    [RoleConst.ADMIN, PermissionConst.WORKSPACE_EDIT],
+                                    'OR',
+                                  )
+                                "
+                              >
+                                <el-icon><EditPen /></el-icon>
+                                {{ $t('common.rename') }}
+                              </el-dropdown-item>
+                              <el-dropdown-item
+                                @click.stop="deleteWorkspace(row)"
+                                class="border-t p-8"
+                                v-if="
+                                  row.id !== 'default' &&
+                                  hasPermission(
+                                    [RoleConst.ADMIN, PermissionConst.WORKSPACE_DELETE],
+                                    'OR',
+                                  )
+                                "
+                              >
+                                <el-icon><Delete /></el-icon>
+                                {{ $t('common.delete') }}
+                              </el-dropdown-item>
+                            </el-dropdown-menu>
+                          </template>
+                        </el-dropdown>
+                      </div>
+                    </div>
+                  </template>
+                  <template #empty>
+                    <span></span>
+                  </template>
+                </common-list>
+              </div>
             </el-scrollbar>
           </div>
         </div>
 
         <!-- 右边 -->
-        <div class="workspace-right" v-loading="loading">
-          <div class="flex align-center" style="margin-bottom: 20px;">
+        <div class="workspace-right p-24" v-loading="loading">
+          <div class="flex align-center mb-16">
             <h4 class="medium">{{ currentWorkspace?.name }}</h4>
-            <el-divider direction="vertical" class="mr-8 ml-8"/>
-            <AppIcon iconName="app-wordspace" style="font-size: 16px"
-                     class="color-input-placeholder"></AppIcon>
+            <el-divider direction="vertical" class="mr-8 ml-8" />
+            <AppIcon
+              iconName="app-workspace"
+              style="font-size: 16px"
+              class="color-input-placeholder"
+            ></AppIcon>
             <span class="color-input-placeholder ml-4">
               {{ currentWorkspace?.user_count }}
             </span>
           </div>
-          <Member :currentWorkspace="currentWorkspace"/>
+          <Member :currentWorkspace="currentWorkspace" />
         </div>
       </div>
     </el-card>
 
-    <CreateOrUpdateWorkspaceDialog ref="createOrUpdateWorkspaceDialogRef" @refresh="refresh"/>
+    <CreateOrUpdateWorkspaceDialog ref="createOrUpdateWorkspaceDialogRef" @refresh="refresh" />
   </div>
 </template>
 
 <script lang="ts" setup>
-import {onMounted, ref, watch} from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import WorkspaceApi from '@/api/workspace/workspace'
-import {t} from '@/locales'
+import { t } from '@/locales'
 import Member from './component/Member.vue'
 import CreateOrUpdateWorkspaceDialog from './component/CreateOrUpdateWorkspaceDialog.vue'
-import type {WorkspaceItem} from '@/api/type/workspace'
-import {MsgSuccess, MsgConfirm} from '@/utils/message'
-import {PermissionConst, RoleConst} from '@/utils/permission/data'
-import {hasPermission} from '@/utils/permission/index'
+import type { WorkspaceItem } from '@/api/type/workspace'
+import { MsgSuccess, MsgConfirm } from '@/utils/message'
+import { PermissionConst, RoleConst } from '@/utils/permission/data'
+import { hasPermission } from '@/utils/permission/index'
 
 const filterText = ref('')
 const loading = ref(false)
@@ -126,7 +149,7 @@ onMounted(async () => {
 })
 
 async function refresh(workspace?: WorkspaceItem) {
-  await getWorkspace();
+  await getWorkspace()
   // 创建角色后选中新建的角色
   currentWorkspace.value = workspace ? workspace : currentWorkspace.value
 }
@@ -135,9 +158,7 @@ function filter(list: WorkspaceItem[], filterText: string) {
   if (!filterText.length) {
     return list
   }
-  return list.filter((v: WorkspaceItem) =>
-    v.name.toLowerCase().includes(filterText.toLowerCase()),
-  )
+  return list.filter((v: WorkspaceItem) => v.name.toLowerCase().includes(filterText.toLowerCase()))
 }
 
 watch(filterText, (val: string) => {
@@ -151,21 +172,21 @@ function clickWorkspace(item: WorkspaceItem) {
 const createOrUpdateWorkspaceDialogRef = ref<InstanceType<typeof CreateOrUpdateWorkspaceDialog>>()
 
 function createOrUpdateWorkspace(item?: WorkspaceItem) {
-  createOrUpdateWorkspaceDialogRef.value?.open(item);
+  createOrUpdateWorkspaceDialogRef.value?.open(item)
 }
 
 async function check(id: string) {
   try {
-    return await WorkspaceApi.deleteWorkspaceCheck(id);
+    return await WorkspaceApi.deleteWorkspaceCheck(id)
   } catch (error) {
-    console.log(error);
+    console.log(error)
   }
 }
 
 async function deleteWorkspace(item: WorkspaceItem) {
   // 判断是否能删除
-  const res = await check(item.id as string);
-  const canDelete = res ? res.data.can_delete : true;
+  const res = await check(item.id as string)
+  const canDelete = res ? res.data.can_delete : true
   if (canDelete) {
     MsgConfirm(
       `${t('views.workspace.delete.confirmTitle')}${item.name} ?`,
@@ -174,14 +195,14 @@ async function deleteWorkspace(item: WorkspaceItem) {
         confirmButtonText: t('common.confirm'),
         confirmButtonClass: 'danger',
       },
-    )
-      .then(() => {
-        WorkspaceApi.deleteWorkspace(item.id as string, loading).then(async () => {
-          MsgSuccess(t('common.deleteSuccess'))
-          await getWorkspace()
-          currentWorkspace.value = item.id === currentWorkspace.value?.id ? list.value[0] : currentWorkspace.value
-        })
+    ).then(() => {
+      WorkspaceApi.deleteWorkspace(item.id as string, loading).then(async () => {
+        MsgSuccess(t('common.deleteSuccess'))
+        await getWorkspace()
+        currentWorkspace.value =
+          item.id === currentWorkspace.value?.id ? list.value[0] : currentWorkspace.value
       })
+    })
   } else {
     MsgConfirm(
       `${t('views.workspace.delete.confirmTitle')}${item.name} ?`,
@@ -193,48 +214,22 @@ async function deleteWorkspace(item: WorkspaceItem) {
     )
   }
 }
+const mouseId = ref('')
+
+function mouseenter(row: any) {
+  mouseId.value = row.id
+}
 </script>
 
 <style lang="scss" scoped>
-.workspace {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-  padding: 16px 24px;
-
-  :deep(.workspace-card) {
-    height: 100%;
-    overflow: hidden;
-  }
-
+.workspace-manage {
   .workspace-left {
     box-sizing: border-box;
     width: var(--setting-left-width);
     min-width: var(--setting-left-width);
 
-    .workspace-left_title {
-      padding: 8px;
-      display: flex;
-      justify-content: space-between;
-    }
-
     .list-height-left {
       height: calc(100vh - 255px);
-
-      :deep(.common-list li) {
-        padding-right: 4px;
-        padding-left: 8px;
-      }
-    }
-
-    .workspace-left_divider {
-      padding: 0 8px;
-
-      :deep(.el-divider) {
-        margin: 4px 0;
-      }
     }
   }
 
@@ -243,7 +238,6 @@ async function deleteWorkspace(item: WorkspaceItem) {
     overflow: hidden;
     display: flex;
     flex-direction: column;
-    padding: 24px;
   }
 }
 </style>
diff --git a/ui/src/views/tool/ToolFormDrawer.vue b/ui/src/views/tool/ToolFormDrawer.vue
index 26eb85d92..e7bfe8d04 100644
--- a/ui/src/views/tool/ToolFormDrawer.vue
+++ b/ui/src/views/tool/ToolFormDrawer.vue
@@ -223,7 +223,7 @@
           {{ $t('views.tool.form.param.paramInfo1') }}
         </el-text>
       </h4>
-      <div class="flex-between border-r-4 p-8-12 mb-8 layout-bg lighter">
+      <div class="flex-between border-r-6 p-8-12 mb-8 layout-bg lighter">
         <span>{{ $t('common.result') }} {result}</span>
       </div>
     </div>
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index d0170152d..031c156f6 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -91,7 +91,7 @@
               </h5>
               <template v-for="(item, index) in nodeFields" :key="index">
                 <div
-                  class="flex-between border-r-4 p-8-12 mb-8 layout-bg lighter"
+                  class="flex-between border-r-6 p-8-12 mb-8 layout-bg lighter"
                   @mouseenter="showicon = index"
                   @mouseleave="showicon = null"
                 >
diff --git a/ui/src/workflow/nodes/mcp-node/index.vue b/ui/src/workflow/nodes/mcp-node/index.vue
index 818a1c59e..654a12e30 100644
--- a/ui/src/workflow/nodes/mcp-node/index.vue
+++ b/ui/src/workflow/nodes/mcp-node/index.vue
@@ -1,7 +1,7 @@
 <template>
   <NodeContainer :nodeModel="nodeModel">
     <h5 class="title-decoration-1 mb-8">{{ $t('views.applicationWorkflow.nodeSetting') }}</h5>
-    <div class="border-r-4 p-8-12 mb-8 layout-bg lighter">
+    <div class="border-r-6 p-8-12 mb-8 layout-bg lighter">
       <el-form
         @submit.prevent
         :model="form_data"
@@ -63,7 +63,7 @@
       <div class="p-8-12" v-if="!form_data.mcp_tool">
         <el-text type="info">{{ $t('common.noData') }}</el-text>
       </div>
-      <div v-else class="border-r-4 p-8-12 mb-8 layout-bg lighter">
+      <div v-else class="border-r-6 p-8-12 mb-8 layout-bg lighter">
         <el-form
           ref="dynamicsFormRef"
           label-position="top"
@@ -135,7 +135,7 @@
       <div class="p-8-12" v-if="!form_data.mcp_tool">
         <el-text type="info">{{ $t('common.noData') }}</el-text>
       </div>
-      <div v-else class="border-r-4 p-8-12 mb-8 layout-bg lighter">
+      <div v-else class="border-r-6 p-8-12 mb-8 layout-bg lighter">
         <el-form
           ref="dynamicsFormRef"
           label-position="top"
diff --git a/ui/src/workflow/nodes/search-knowledge-node/index.vue b/ui/src/workflow/nodes/search-knowledge-node/index.vue
index 8e8563e54..276736883 100644
--- a/ui/src/workflow/nodes/search-knowledge-node/index.vue
+++ b/ui/src/workflow/nodes/search-knowledge-node/index.vue
@@ -24,7 +24,7 @@
               {{ $t('views.application.form.relatedKnowledge.placeholder') }}
             </el-text>
             <template v-for="(item, index) in form_data.knowledge_id_list" :key="index" v-else>
-              <div class="flex-between border border-r-4 white-bg mb-4" style="padding: 5px 8px">
+              <div class="flex-between border border-r-6 white-bg mb-4" style="padding: 5px 8px">
                 <div class="flex align-center" style="line-height: 20px">
                   <KnowledgeIcon :type="relatedObject(knowledgeList, item, 'id')?.type" />
 
diff --git a/ui/src/workflow/nodes/start-node/index.vue b/ui/src/workflow/nodes/start-node/index.vue
index d299c0cbf..0b3a52b40 100644
--- a/ui/src/workflow/nodes/start-node/index.vue
+++ b/ui/src/workflow/nodes/start-node/index.vue
@@ -4,7 +4,7 @@
     <div
       v-for="(item, index) in nodeModel.properties.config.globalFields"
       :key="index"
-      class="flex-between border-r-4 p-8-12 mb-8 layout-bg lighter"
+      class="flex-between border-r-6 p-8-12 mb-8 layout-bg lighter"
       @mouseenter="showicon = true"
       @mouseleave="showicon = false"
     >