diff --git a/ui/src/assets/chat/user-login-bg.png b/ui/src/assets/chat/user-login-bg.png
new file mode 100644
index 000000000..261ae5054
Binary files /dev/null and b/ui/src/assets/chat/user-login-bg.png differ
diff --git a/ui/src/layout/login-layout/UserLoginLayout.vue b/ui/src/layout/login-layout/UserLoginLayout.vue
index f7222795f..1e2f4c713 100644
--- a/ui/src/layout/login-layout/UserLoginLayout.vue
+++ b/ui/src/layout/login-layout/UserLoginLayout.vue
@@ -11,6 +11,6 @@
 <style lang="scss" scoped>
 .login-warp {
   height: 100vh;
-  background: url('@/assets/chat/user-login-bg.jpg') no-repeat center;
+  background: url('@/assets/chat/user-login-bg.png') var(--app-layout-bg-color) no-repeat center;
 }
 </style>
diff --git a/ui/src/locales/lang/en-US/views/model.ts b/ui/src/locales/lang/en-US/views/model.ts
index 2c8a648eb..2f4c70e28 100644
--- a/ui/src/locales/lang/en-US/views/model.ts
+++ b/ui/src/locales/lang/en-US/views/model.ts
@@ -5,8 +5,9 @@ export default {
   addModel: 'Add Model',
 
   delete: {
-    confirmTitle: 'Delete Model',
-    confirmMessage: 'Are you sure you want to delete the model:',
+    confirmTitle: 'Delete Model：',
+    confirmMessage:
+      'Deleting the model will affect the resources currently using it. Please proceed with caution.',
   },
   tip: {
     createSuccessMessage: 'Model created successfully',
diff --git a/ui/src/locales/lang/en-US/views/tool.ts b/ui/src/locales/lang/en-US/views/tool.ts
index aadccf95b..410150488 100644
--- a/ui/src/locales/lang/en-US/views/tool.ts
+++ b/ui/src/locales/lang/en-US/views/tool.ts
@@ -1,7 +1,5 @@
 export default {
   title: 'Tool',
-  internalTitle: 'Internal Tool',
-  added: 'Added',
   createTool: 'Create Tool',
   editTool: 'Edit Tool',
   copyTool: 'Copy Tool',
@@ -16,7 +14,7 @@ export default {
     image: 'Image',
     developer: 'Developer',
     communication: 'Communication',
-    searchResult: '{count} search results for'
+    searchResult: '{count} search results for',
   },
   searchBar: {
     placeholder: 'Search by tool name',
@@ -38,6 +36,7 @@ export default {
   form: {
     toolName: {
       label: 'Name',
+      name: 'Tool Name',
       placeholder: 'Please enter the tool name',
       requiredMessage: 'Please enter the tool name',
     },
diff --git a/ui/src/locales/lang/zh-CN/views/model.ts b/ui/src/locales/lang/zh-CN/views/model.ts
index 16de7793a..413c82343 100644
--- a/ui/src/locales/lang/zh-CN/views/model.ts
+++ b/ui/src/locales/lang/zh-CN/views/model.ts
@@ -4,8 +4,8 @@ export default {
   providerPlaceholder: '选择供应商',
   addModel: '添加模型',
   delete: {
-    confirmTitle: '删除模型',
-    confirmMessage: '是否删除模型：',
+    confirmTitle: '是否删除：',
+    confirmMessage: '模型删除后将影响正在使用该模型的资源，请谨慎操作。',
   },
   tip: {
     createSuccessMessage: '创建模型成功',
diff --git a/ui/src/locales/lang/zh-CN/views/tool.ts b/ui/src/locales/lang/zh-CN/views/tool.ts
index f07b18089..483aa157e 100644
--- a/ui/src/locales/lang/zh-CN/views/tool.ts
+++ b/ui/src/locales/lang/zh-CN/views/tool.ts
@@ -14,9 +14,12 @@ export default {
     image: '图像',
     developer: '开发者',
     communication: '通信',
-    searchResult: '的搜索结果 {count} 个'
+    searchResult: '的搜索结果 {count} 个',
+  },
+  delete: {
+    confirmTitle: '是否刪除工具：',
+    confirmMessage: '删除后，引用了该工具的应用提问时会报错 ，请谨慎操作。',
   },
-  enabled: '启用',
   disabled: {
     confirmTitle: '是否禁用工具：',
     confirmMessage: '禁用后，引用了该工具的应用提问时会报错 ，请谨慎操作。',
diff --git a/ui/src/locales/lang/zh-Hant/views/model.ts b/ui/src/locales/lang/zh-Hant/views/model.ts
index 8c3794099..d01f705a9 100644
--- a/ui/src/locales/lang/zh-Hant/views/model.ts
+++ b/ui/src/locales/lang/zh-Hant/views/model.ts
@@ -4,8 +4,8 @@ export default {
   providerPlaceholder: '選擇供應商',
   addModel: '新增模型',
   delete: {
-    confirmTitle: '刪除模型',
-    confirmMessage: '是否刪除模型：',
+    confirmTitle: '是否刪除： ',
+    confirmMessage: '模型刪除後將影響正在使用該模型的資源，請謹慎操作。',
   },
   tip: {
     createSuccessMessage: '創建模型成功',
diff --git a/ui/src/locales/lang/zh-Hant/views/tool.ts b/ui/src/locales/lang/zh-Hant/views/tool.ts
index b7ef5cb98..cde32d1cd 100644
--- a/ui/src/locales/lang/zh-Hant/views/tool.ts
+++ b/ui/src/locales/lang/zh-Hant/views/tool.ts
@@ -1,7 +1,5 @@
 export default {
   title: '工具',
-  internalTitle: '內置工具',
-  added: '已新增',
   createTool: '建立工具',
   editTool: '編輯工具',
   copyTool: '複製工具',
@@ -16,7 +14,7 @@ export default {
     image: '圖像',
     developer: '開發者',
     communication: '通信',
-    searchResult: '的搜索結果 {count} 個'
+    searchResult: '的搜索結果 {count} 個',
   },
   searchBar: {
     placeholder: '按工具名稱搜尋',
@@ -26,7 +24,7 @@ export default {
   },
   delete: {
     confirmTitle: '是否刪除工具：',
-    confirmMessage: '刪除後，引用該工具的應用在查詢時會報錯，請謹慎操作。',
+    confirmMessage: '刪除後，引用該函數的應用在查詢時會報錯，請謹慎操作。',
   },
   disabled: {
     confirmTitle: '是否停用工具：',
@@ -35,6 +33,7 @@ export default {
   form: {
     toolName: {
       label: '名稱',
+      name: '工具名稱',
       placeholder: '請輸入工具名稱',
       requiredMessage: '請輸入工具名稱',
     },
diff --git a/ui/src/styles/variables.scss b/ui/src/styles/variables.scss
index fe19302da..321b1dde7 100644
--- a/ui/src/styles/variables.scss
+++ b/ui/src/styles/variables.scss
@@ -1,4 +1,3 @@
-$primary-color: #3370ff;
 :root {
   --app-base-px: 8px;
   --app-layout-bg-color: #f5f6f7;
diff --git a/ui/src/views/application/index.vue b/ui/src/views/application/index.vue
index c20ec7eb6..7951bbf2e 100644
--- a/ui/src/views/application/index.vue
+++ b/ui/src/views/application/index.vue
@@ -442,7 +442,7 @@ function deleteApplication(row: any) {
     {
       confirmButtonText: t('common.confirm'),
       cancelButtonText: t('common.cancel'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/chat/pc/index.vue b/ui/src/views/chat/pc/index.vue
index f614199f4..320d83ee8 100644
--- a/ui/src/views/chat/pc/index.vue
+++ b/ui/src/views/chat/pc/index.vue
@@ -70,7 +70,10 @@
                       </span>
                       <div @click.stop v-show="mouseId === row.id && row.id !== 'new'">
                         <el-dropdown trigger="click" :teleported="false">
-                          <el-icon class="rotate-90 mt-4"><MoreFilled /></el-icon>
+                          <el-button text>
+                            <el-icon><MoreFilled /></el-icon>
+                          </el-button>
+
                           <template #dropdown>
                             <el-dropdown-menu>
                               <el-dropdown-item @click.stop="editLogTitle(row)">
diff --git a/ui/src/views/document/index.vue b/ui/src/views/document/index.vue
index 40a2d3729..daa7407ef 100644
--- a/ui/src/views/document/index.vue
+++ b/ui/src/views/document/index.vue
@@ -800,7 +800,7 @@ function syncDocument(row: any) {
 function syncLarkDocument(row: any) {
   MsgConfirm(t('views.document.sync.confirmTitle'), t('views.document.sync.confirmMessage1'), {
     confirmButtonText: t('views.document.sync.label'),
-    confirmButtonClass: 'color-danger',
+    confirmButtonClass: 'danger',
   })
     .then(() => {
       loadSharedApi({ type: 'document', systemType: apiType.value })
@@ -816,7 +816,7 @@ function syncWebDocument(row: any) {
   if (row.meta?.source_url) {
     MsgConfirm(t('views.document.sync.confirmTitle'), t('views.document.sync.confirmMessage1'), {
       confirmButtonText: t('views.document.sync.label'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     })
       .then(() => {
         loadSharedApi({ type: 'document', systemType: apiType.value })
@@ -908,7 +908,7 @@ function deleteMulDocument() {
     t('views.document.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
@@ -956,7 +956,7 @@ function deleteDocument(row: any) {
     `${t('views.document.delete.confirmMessage1')} ${row.paragraph_count} ${t('views.document.delete.confirmMessage2')}`,
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/knowledge/component/KnowledgeListContainer.vue b/ui/src/views/knowledge/component/KnowledgeListContainer.vue
index ea27411bd..0a318ae0a 100644
--- a/ui/src/views/knowledge/component/KnowledgeListContainer.vue
+++ b/ui/src/views/knowledge/component/KnowledgeListContainer.vue
@@ -459,7 +459,7 @@ function deleteKnowledge(row: any) {
     `${t('views.knowledge.delete.confirmMessage1')} ${row.application_mapping_count} ${t('views.knowledge.delete.confirmMessage2')}`,
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/model/component/ModelCard.vue b/ui/src/views/model/component/ModelCard.vue
index 4e81f7ffe..d834f3823 100644
--- a/ui/src/views/model/component/ModelCard.vue
+++ b/ui/src/views/model/component/ModelCard.vue
@@ -91,9 +91,9 @@
             <el-dropdown-item
               v-if="
                 (currentModel.model_type === 'TTS' ||
-                currentModel.model_type === 'LLM' ||
-                currentModel.model_type === 'IMAGE' ||
-                currentModel.model_type === 'TTI') &&
+                  currentModel.model_type === 'LLM' ||
+                  currentModel.model_type === 'IMAGE' ||
+                  currentModel.model_type === 'TTI') &&
                 permissionPrecise.paramSetting(model.id)
               "
               icon="Setting"
@@ -175,11 +175,11 @@ const editModelRef = ref<InstanceType<typeof EditModel>>()
 let interval: any
 const deleteModel = () => {
   MsgConfirm(
-    t('views.model.delete.confirmTitle'),
-    `${t('views.model.delete.confirmMessage')}${props.model.name} ?`,
+    `${t('views.model.delete.confirmTitle')}${props.model.name} ?`,
+    t('views.model.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/paragraph/component/ParagraphCard.vue b/ui/src/views/paragraph/component/ParagraphCard.vue
index 26e59c7dc..ea62b56ad 100644
--- a/ui/src/views/paragraph/component/ParagraphCard.vue
+++ b/ui/src/views/paragraph/component/ParagraphCard.vue
@@ -147,7 +147,7 @@ function deleteParagraph(row: any) {
     t('views.paragraph.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/paragraph/index.vue b/ui/src/views/paragraph/index.vue
index 797f88905..86d081bcc 100644
--- a/ui/src/views/paragraph/index.vue
+++ b/ui/src/views/paragraph/index.vue
@@ -233,7 +233,7 @@ function deleteMulParagraph() {
     t('views.paragraph.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/problem/index.vue b/ui/src/views/problem/index.vue
index bd363af31..a5a88b9c3 100644
--- a/ui/src/views/problem/index.vue
+++ b/ui/src/views/problem/index.vue
@@ -278,7 +278,7 @@ function deleteProblem(row: any) {
     `${t('views.problem.delete.confirmMessage1')} ${row.paragraph_count} ${t('views.problem.delete.confirmMessage2')}`,
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/system-chat-user/chat-user/index.vue b/ui/src/views/system-chat-user/chat-user/index.vue
index e0e54f509..9fba41543 100644
--- a/ui/src/views/system-chat-user/chat-user/index.vue
+++ b/ui/src/views/system-chat-user/chat-user/index.vue
@@ -353,7 +353,7 @@ function createUser() {
 function deleteUserManage(row: ChatUserItem) {
   MsgConfirm(`${t('views.userManage.delete.confirmTitle')}${row.nick_name} ?`, '', {
     confirmButtonText: t('common.confirm'),
-    confirmButtonClass: 'color-danger',
+    confirmButtonClass: 'danger',
   })
     .then(() => {
       loading.value = true
@@ -396,7 +396,7 @@ async function getChatGroupList() {
 function handleBatchDelete() {
   MsgConfirm(t('views.chatUser.batchDeleteUser', {count: multipleSelection.value.length}), '', {
     confirmButtonText: t('common.confirm'),
-    confirmButtonClass: 'color-danger',
+    confirmButtonClass: 'danger',
   })
     .then(() => {
       loadPermissionApi('chatUser')
diff --git a/ui/src/views/system-chat-user/group/index.vue b/ui/src/views/system-chat-user/group/index.vue
index c382c8590..627de2239 100644
--- a/ui/src/views/system-chat-user/group/index.vue
+++ b/ui/src/views/system-chat-user/group/index.vue
@@ -337,7 +337,7 @@ function deleteGroup(item: ListItem) {
     t('views.chatUser.group.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
@@ -428,7 +428,7 @@ function handleDeleteUser(item?: ChatUserGroupUserItem) {
     '',
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/system/role/component/Member.vue b/ui/src/views/system/role/component/Member.vue
index 36e9ff19a..ae1d32048 100644
--- a/ui/src/views/system/role/component/Member.vue
+++ b/ui/src/views/system/role/component/Member.vue
@@ -162,7 +162,7 @@ function handleAdd() {
 function handleDelete(row: RoleMemberItem) {
   MsgConfirm(`${t('views.role.member.delete.confirmTitle')}${row.nick_name} ?`, '', {
     confirmButtonText: t('common.confirm'),
-    confirmButtonClass: 'color-danger',
+    confirmButtonClass: 'danger',
   })
     .then(() => {
       loading.value = true
diff --git a/ui/src/views/system/role/index.vue b/ui/src/views/system/role/index.vue
index 7d964f5e0..9ddc8d63a 100644
--- a/ui/src/views/system/role/index.vue
+++ b/ui/src/views/system/role/index.vue
@@ -234,7 +234,7 @@ function deleteRole(item: RoleItem) {
     t('views.role.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/system/user-manage/index.vue b/ui/src/views/system/user-manage/index.vue
index 4821f0c63..d39afe438 100644
--- a/ui/src/views/system/user-manage/index.vue
+++ b/ui/src/views/system/user-manage/index.vue
@@ -283,7 +283,7 @@ function deleteUserManage(row: any) {
     t('views.userManage.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/views/system/workspace/component/Member.vue b/ui/src/views/system/workspace/component/Member.vue
index 2b5b1a1a6..2721cb902 100644
--- a/ui/src/views/system/workspace/component/Member.vue
+++ b/ui/src/views/system/workspace/component/Member.vue
@@ -159,7 +159,7 @@ function handleAdd() {
 function handleDelete(row: WorkspaceMemberItem) {
   MsgConfirm(`${t('views.workspace.member.delete.confirmTitle')}${row.nick_name} ?`, '', {
     confirmButtonText: t('common.confirm'),
-    confirmButtonClass: 'color-danger',
+    confirmButtonClass: 'danger',
   })
     .then(() => {
       loading.value = true
diff --git a/ui/src/views/system/workspace/index.vue b/ui/src/views/system/workspace/index.vue
index 12019b087..8d4bc17b3 100644
--- a/ui/src/views/system/workspace/index.vue
+++ b/ui/src/views/system/workspace/index.vue
@@ -191,7 +191,7 @@ async function deleteWorkspace(item: WorkspaceItem) {
       t('views.workspace.delete.confirmContent'),
       {
         confirmButtonText: t('common.confirm'),
-        confirmButtonClass: 'color-danger',
+        confirmButtonClass: 'danger',
       },
     ).then(() => {
       loadPermissionApi('workspace').deleteWorkspace(item.id as string, loading).then(async () => {
diff --git a/ui/src/views/tool/component/ToolListContainer.vue b/ui/src/views/tool/component/ToolListContainer.vue
index 85e701501..b13d2f595 100644
--- a/ui/src/views/tool/component/ToolListContainer.vue
+++ b/ui/src/views/tool/component/ToolListContainer.vue
@@ -419,7 +419,7 @@ async function changeState(row: any) {
       t('views.tool.disabled.confirmMessage'),
       {
         confirmButtonText: t('common.status.disable'),
-        confirmButtonClass: 'color-danger',
+        confirmButtonClass: 'danger',
       },
     ).then(() => {
       const obj = {
@@ -497,12 +497,12 @@ function exportTool(row: any) {
 
 function deleteTool(row: any) {
   MsgConfirm(
-    `${t('views.tool.delete.confirmTitle')}${row.name} ?`,
+    `${t('views.tool.delete.confirmTitle')}：${row.name} ?`,
     t('views.tool.delete.confirmMessage'),
     {
       confirmButtonText: t('common.confirm'),
       cancelButtonText: t('common.cancel'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
     },
   )
     .then(() => {
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index e6c638163..09b554141 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -275,7 +275,7 @@ const copyNode = () => {
 const deleteNode = () => {
   MsgConfirm(t('common.tip'), t('views.applicationWorkflow.delete.confirmTitle'), {
     confirmButtonText: t('common.confirm'),
-    confirmButtonClass: 'color-danger',
+    confirmButtonClass: 'danger',
   }).then(() => {
     props.nodeModel.graphModel.deleteNode(props.nodeModel.id)
   })