diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 4b7681e9aa7236090fdb9f6c3d901d462448a091..71a761a57488a9474a232a77ba091db61c4dcef4 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -234,12 +234,16 @@ watch(
           <IconUpload />
         </el-icon>
         <div class="upload-tip">
-          将文件拖拽到此处 或
+          {{ $t('semantic.tip1') }}
           <div style="margin-top: 16px">
-            <el-button type="primary" size="small">选择文件</el-button>
+            <el-button type="primary" size="small">
+              {{ $t('semantic.choose_file') }}
+            </el-button>
           </div>
         </div>
-        <div class="upload-tip">格式: YAML, 大小 &lt; 2M</div>
+        <div class="upload-tip">
+          {{ $t('semantic.tip2') }}
+        </div>
       </div>
       <div v-if="progressVal && !uploadDone" class="upload-loading">
         <el-progress class="uplaod-progress" :percentage="progressVal" :stroke-width="8" />
@@ -275,11 +279,11 @@ watch(
         <div class="o-collapse-content">
           <div class="itemTitle">
             <div class="subName">
-              <div>接口路径</div>
+              <div>{{$t('semantic.interface_path')}}</div>
               <div>{{ item.path }}</div>
             </div>
             <div class="subName">
-              <div>接口描述</div>
+              <div>{{$t('semantic.interface_description')}}</div>
               <div>{{ item.description }}</div>
             </div>
           </div>
@@ -288,17 +292,17 @@ watch(
     </el-collapse>
   </div>
   <div class="drawerFooter" v-if="uploadtype === 'upload'">
-    <el-button @click="handleClose">取消</el-button>
-    <el-button type="primary" @click="handleClose">确定</el-button>
+    <el-button @click="handleClose">{{$t('semantic.cancel')}}</el-button>
+    <el-button type="primary" @click="handleClose">{{$t('semantic.submit')}}</el-button>
   </div>
   <div class="drawerFooter" v-if="uploadtype === 'edit'">
-    <el-button @click="handleClose">取消</el-button>
-    <el-button @click="handleEdit">编辑</el-button>
-    <el-button type="primary" @click="handleCreateapi()">解析</el-button>
+    <el-button @click="handleClose">{{$t('semantic.cancel')}}</el-button>
+    <el-button @click="handleEdit">{{$t('semantic.edit')}}</el-button>
+    <el-button type="primary" @click="handleCreateapi()">{{$t('semantic.analyze')}}</el-button>
   </div>
   <div class="drawerFooter" v-if="uploadtype === 'get'">
-    <el-button @click="handleClose">取消</el-button>
-    <el-button type="primary" @click="handleClose">确定</el-button>
+    <el-button @click="handleClose">{{$t('semantic.cancel')}}</el-button>
+    <el-button type="primary" @click="handleClose">{{$t('semantic.submit')}}</el-button>
   </div>
 </template>
 
diff --git a/src/i18n/lang/en.ts b/src/i18n/lang/en.ts
index 9cdc45e7f3b9af4e5edf60aee932f63a695da79a..5573af9687483762fcc95bf26294466c4f96a3d9 100644
--- a/src/i18n/lang/en.ts
+++ b/src/i18n/lang/en.ts
@@ -8,10 +8,41 @@ export default {
       collect: 'Collect',
       like: 'Like',
     },
+    menu:{
+      dialogue:'Dialogue',
+      semantic_center:'Semantic Center',
+      app_center:'App Center',
+      sql:'witchainD',
+    },
+    semantic:{
+      semantic_interface_center:'Semantic interface center',
+      all_select:'All',
+      interface_name:'Interface name',
+      interface_introduction:'Interface introduction',
+      username:'Username',
+      interface_search:'Search',
+      interface_upload:'Upload',
+      all_interface:'All interface',
+      my_upload:'My upload',
+      my_favorite:'My favorite',
+      interface_edit:'Edit',
+      interface_delete:'Delete',
+      no_data:'No data',
+      upload_semantic_interface:'Upload Semantic Interface',
+      edit_semantic_interface:'Edit Semantic Interface',
+      view_semantic_interface:'View Semantic Interface',
+      choose_file:"Choose file",
+      tip1:'Drag the file here or',
+      tip2:'Format: YAML, size < 2M',
+      cancel:'Cancel',
+      submit:'Submit',
+      edit:"Edit",
+      analyze:'Analyze',
+    },
     main: {
       describe1:"Hi! I'm",
       describe2:", and I'm happy to be of service.",
-      left_describe:"热门应用",
+      left_describe:"Popular Apps",
       os_knowledge: 'CVE热修复智能助手',
       os_knowledge_describe: 'CVE热修复',
       openEuler_expertise: '智能诊断智能助手',
@@ -22,9 +53,9 @@ export default {
       openEuler_use_cases_describe: 'AI容器栈',
       command_generation:'Command Generation',
       command_generation_describe:'Need help crafting the perfect shell command? I can generate single or complex commands for you.',
-      question:"推荐问题",
+      question:"Recommendation qustions",
       smart_shell_describe:'Experience the future of OSs with our smart shell! Use natural language to diagnose and optimize your system.',
-      try_app:"进入应用中心",
+      try_app:"Enter the App Center",
       refresh:"Refresh",
       query_interpretation:"Query Interpretation",
       Automatic:"Automatic",
@@ -68,6 +99,7 @@ export default {
       collapse: "Collapse",  
       no_chat_history: "No chat history available.", // 假设需要一个字段来表示没有历史对话的情况  
       expand: "Expand", // 假设界面中有展开历史对话的功能
+      myApp:"My Apps",
     },
     feedback:{
       feedbackSuccesful:"Feedback succeeded.",
diff --git a/src/i18n/lang/zh-cn.ts b/src/i18n/lang/zh-cn.ts
index 402b6f4ca342dc0920e36c42ed53f7dd045c1a7a..885081047c80c8c64ac4abbbb6105c8d3932f734 100644
--- a/src/i18n/lang/zh-cn.ts
+++ b/src/i18n/lang/zh-cn.ts
@@ -8,6 +8,39 @@ export default {
     collect: '收藏',
     like: '喜欢',
   },
+  menu:{
+    dialogue:'对话',
+    semantic_center:'语义中心',
+    app_center:'应用中心',
+    sql:'知识库',
+  },
+  semantic:{
+    semantic_interface_center:'语义接口中心',
+    all_select:'全部',
+    interface_name:'接口名称',
+    interface_introduction:'接口简介',
+    username:'用户名称',
+    interface_search:'搜索',
+    interface_upload:'上传',
+    all_interface:'全部接口',
+    my_upload:'我的上传',
+    my_favorite:'我的收藏',
+    interface_edit:'编辑',
+    interface_delete:'删除',
+    no_data:'暂无数据',
+    upload_semantic_interface:'上传语义接口',
+    edit_semantic_interface:'编辑语义接口',
+    view_semantic_interface:'查看语义接口',
+    choose_file:"选择文件",
+    tip1:'将文件拖拽到此处 或',
+    tip2:'格式: YAML, 大小 < 2M',
+    interface_path:"接口路径",
+    interface_description:"接口描述",
+    cancel:'取消',
+    submit:'确定',
+    edit:"编辑",
+    analyze:'解析',
+  },
   main: {
     describe1: '你好，我是',
     describe2: '，很高兴为你服务',
@@ -68,6 +101,7 @@ export default {
     collapse: "收起",
     no_chat_history: "暂无历史对话",
     expand: "展开",
+    myApp:"我的应用",
   },
   feedback: {
     feedbackSuccesful: "反馈成功",
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 9e080ecf49c66fb81c95e26cbb3725c82a4a4334..32697df271d440000ec4f67df47ae8f21c71dc11 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -1,37 +1,37 @@
 <template>
   <div class="apiCenterBox">
     <div class="apiCenterMain">
-      <div class="apiCenterTitle">语义接口中心</div>
+      <div class="apiCenterTitle">{{$t('semantic.semantic_interface_center')}}</div>
       <div class="apiCenterSearch">
-        <el-input style="max-width: 400px" v-model="apiSearchValue" placeholder="搜索" :suffix-icon="IconSearch">
+        <el-input style="max-width: 400px" v-model="apiSearchValue" :placeholder="$t('semantic.interface_search')" :suffix-icon="IconSearch">
           <template #prepend>
             <el-select v-model="apiSearchType" style="width: 115px" :suffix-icon="IconCaretDown">
-              <el-option label="全部" value="all" />
-              <el-option label="接口名称" value="name" />
-              <el-option label="接口简介" value="description" />
-              <el-option label="用户名称" value="author" />
+              <el-option :label="$t('semantic.all_select')" value="all" />
+              <el-option :label="$t('semantic.interface_name')" value="name" />
+              <el-option :label="$t('semantic.interface_introduction')" value="description" />
+              <el-option :label="$t('semantic.username')" value="author" />
             </el-select>
           </template>
         </el-input>
-        <el-button type="primary" class="createapi" @click="openSidebar('upload', '')">上传</el-button>
+        <el-button type="primary" class="createapi" @click="openSidebar('upload', '')">{{$t('semantic.interface_upload')}}</el-button>
       </div>
       <div class="apiCenterType">
         <div class="apiCenterBtn" :class="{ apiCenterBtnActive: apiType === 'my' }" @click="handleSearchapiList('my')">
-          全部接口
+          {{$t('semantic.all_interface')}}
         </div>
         <div
           class="apiCenterBtn"
           :class="{ apiCenterBtnActive: apiType === 'createdByMe' }"
           @click="handleSearchapiList('createdByMe')"
         >
-          我的上传
+        {{$t('semantic.my_upload')}}
         </div>
         <div
           class="apiCenterBtn"
           :class="{ apiCenterBtnActive: apiType === 'favorited' }"
           @click="handleSearchapiList('favorited')"
         >
-          我的收藏
+        {{$t('semantic.my_favorite')}}
         </div>
       </div>
       <div class="apiCenterCardContainer">
@@ -63,15 +63,15 @@
             <div class="apiCenterCardBottom">
               <div class="apiCenterCardUser">@{{ apiItem.author }}</div>
               <div class="apiCenterCardOps" v-if="userinfo.user_sub === apiItem.author">
-                <el-button text @click="openSidebar('edit', apiItem.serviceId)">编辑</el-button>
-                <el-button text @click="handleDelapi(apiItem)">删除</el-button>
+                <el-button text @click="openSidebar('edit', apiItem.serviceId)">{{$t('semantic.interface_edit')}}</el-button>
+                <el-button text @click="handleDelapi(apiItem)">{{$t('semantic.interface_delete')}}</el-button>
               </div>
             </div>
           </div>
         </div>
         <div class="appCenterNoData" v-else>
           <div class="noDataIcon"></div>
-          <div class="desc">暂无数据</div>
+          <div class="desc">{{$t('semantic.no_data')}}</div>
         </div>
       </div>
     </div>
@@ -124,6 +124,7 @@ import { successMsg } from 'src/components/Message';
 import { useAccountStore } from 'src/store';
 import { storeToRefs } from 'pinia';
 import * as jsYaml from 'js-yaml';
+import i18n from 'src/i18n';
 
 const apiList = ref();
 const drawer = ref(false);
@@ -178,15 +179,15 @@ const openSidebar = (action: string, id: string) => {
   actions.value = action;
   if (action === 'upload') {
     // 展示上传的框架
-    actionName.value = '上传语义接口';
+    actionName.value = i18n.global.t('semantic.upload_semantic_interface');
   } else if (action === 'edit') {
     // 展示编辑的框架
-    actionName.value = '编辑语义接口';
+    actionName.value = i18n.global.t('semantic.edit_semantic_interface');
     selectedServiceId.value = id;
     getServiceYamlFun(id);
   } else if (action === 'get') {
     // 展示查看的框架
-    actionName.value = '查看语义接口';
+    actionName.value = i18n.global.t('semantic.view_semantic_interface');
     selectedServiceId.value = id;
     getServiceJsonFun(id);
   }
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index d7e6ce57ea1ca049c03a4f437bd69ed1ffebf8f9..a30a51f6f430584762f77a7e02f0c7bf1bf8ff19 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -293,7 +293,7 @@ watch(
           <div class="collapsible-header" @click="toggleCollapse">
             <div class="header-content">
               <img :src=appIcon />
-              <span>我的应用</span>
+              <span>{{ t('history.myApp') }}</span>
             </div>
             <!-- 标签 icon 丢失 -->
             <IconChevronUp :size="20" :width="20" :class="{ rotate: !isCollapsed }" />
@@ -435,6 +435,7 @@ watch(
   width: 17rem;
   border-radius: 8px;
   .collapsible-header {
+    border-radius: 8px;
     background-color: var(--o-think-header-bg);
     padding: 1rem;
     height: 40px;
@@ -784,6 +785,12 @@ watch(
       margin-top: 8px;
       margin-bottom: 8px;
     }
+
+    .history-record-list{
+      button{
+        // margin: 5px;
+      }
+    }
   }
 
   .dialog-delete_all {
diff --git a/src/views/dialogue/components/InitalPanel.vue b/src/views/dialogue/components/InitalPanel.vue
index e103f9574d09b54829ca64a4e3a577d603af89f4..b20058f12f983604f581caf13afa8fec69bad2b7 100644
--- a/src/views/dialogue/components/InitalPanel.vue
+++ b/src/views/dialogue/components/InitalPanel.vue
@@ -92,7 +92,7 @@ onMounted(() => {
             </li>
           </ul>
           <div class="eg-btn">
-            <p @click="routerToAppCenter()">进入应用中心</p>
+            <p @click="routerToAppCenter()">{{ $t('main.try_app') }}</p>
           </div>
         </div>
         <div class="question">
@@ -263,7 +263,8 @@ onMounted(() => {
         display: block;
         align-self: center;
         position: absolute;
-        width: 120px;
+        min-width: 120px;
+        padding:0 15px;
         line-height: 32px;
         border-radius: 100px;
         height: 32px;
@@ -282,11 +283,17 @@ onMounted(() => {
     background-color: var(--o-bg-color-base);
     flex-direction: row;
     flex-wrap: wrap;
+    row-gap: 6px;
     justify-content: space-between;
     align-items: center;
     margin-top: 8px;
     li {
       cursor: text;
+      background: var(--o-bg-color-light);
+      &:hover{
+      background: var(--o-bg-color-base);
+      box-shadow: 0px 5.18px 20.72px 0px var(--o-bg-color-dark);
+      }
     }
     &-item {
       display: flex;
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index 3d1be3479ff95bebb8609d7eae3aa9dc9d97dcc1..aac97aa6ae745906ad88765e3145e734893555ce 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -1,11 +1,10 @@
 <script lang="ts" setup>
-import { computed, effect, onMounted, ref, watchEffect } from 'vue';
+import { computed, ComputedRef, onMounted, ref } from 'vue';
 import { storeToRefs } from 'pinia';
 import { onHtmlEventDispatch } from 'src/utils';
 import { useHistorySessionStore, useSessionStore, useAccountStore, useLangStore } from 'src/store';
 import { marked } from 'marked';
 import { ARGEEMENT_VERSION } from 'src/conf/version';
-import Copilot from './Copilot.vue';
 import { useChangeThemeStore } from 'src/store';
 import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 import { api } from 'src/apis';
@@ -13,7 +12,7 @@ import { ElMessage } from 'element-plus';
 import { watch } from 'vue';
 import i18n from 'src/i18n';
 import { reactive } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
+import { useRouter } from 'vue-router';
 import CopilotIcon from '@/assets/images/routerCopilot.png';
 import CopilotIconSelected from '@/assets/images/routerCopilotSelected.png';
 import WitchainDIcon from '@/assets/images/witchainD.png';
@@ -23,7 +22,6 @@ import AppIcon from '@/assets/images/routerApp.png';
 import AppIconSelected from '@/assets/svgs/appIconSelected.svg';
 import WitchainDIconSelected from '@/assets/svgs/WitchainDSelected.svg';
 import tools from '../tools/index.vue';
-const route = useRoute();
 
 const { userinfo } = storeToRefs(useAccountStore());
 const { getUserInfo } = useAccountStore();
@@ -49,45 +47,47 @@ const isSubmitDisabled = ref(true);
 const ruleFormRef = ref<any>();
 const router = useRouter();
 const type = import.meta.env.VITE_USER_TYPE;
-const routerList: Array<{
+let routerList: ComputedRef<Array<{
   name: string;
   path: string;
   src: string;
   selectedSrc: string;
   routerName: string;
-  anotherName?: string | undefined;  // 路由别名，辅助匹配选中的路由图标
-}> = [
-  {
-    name: '对话',
-    path: '/',
-    src: CopilotIcon,
-    selectedSrc: CopilotIconSelected,
-    routerName: 'dialogue',
-    anotherName: 'copilot',
-  },
-  {
-    name: '语义中心',
-    path: '/api',
-    src: ApiIcon,
-    selectedSrc: ApiIconSelected,
-    routerName: 'api',
-  },
-  {
-    name: '应用中心',
-    path: '/app',
-    src: AppIcon,
-    selectedSrc: AppIconSelected,
-    routerName: 'app',
-    anotherName: 'createApp',
-  },
-  {
-    name: '知识库',
-    path: '/witchainD',
-    src: WitchainDIcon,
-    selectedSrc: WitchainDIconSelected,
-    routerName: 'witchainD',
-  },
-];
+  anotherName?: string | undefined; // 路由别名，辅助匹配选中的路由图标
+}>> = computed(() => {
+  return [
+    {
+      name: i18n.global.t('menu.dialogue'),
+      path: '/',
+      src: CopilotIcon,
+      selectedSrc: CopilotIconSelected,
+      routerName: 'dialogue',
+      anotherName: 'copilot',
+    },
+    {
+      name: i18n.global.t('menu.semantic_center'),
+      path: '/api',
+      src: ApiIcon,
+      selectedSrc: ApiIconSelected,
+      routerName: 'api',
+    },
+    {
+      name: i18n.global.t('menu.app_center'),
+      path: '/app',
+      src: AppIcon,
+      selectedSrc: AppIconSelected,
+      routerName: 'app',
+      anotherName: 'createApp',
+    },
+    {
+      name: i18n.global.t('menu.sql'),
+      path: '/witchainD',
+      src: WitchainDIcon,
+      selectedSrc: WitchainDIconSelected,
+      routerName: 'witchainD',
+    },
+  ];
+});
 
 export interface ModelForm {
   max_tokens?: number;
@@ -466,6 +466,7 @@ watch(
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    margin-bottom:10px ;
     cursor: pointer;
     .menu-icon {
       align-items: center;
@@ -485,6 +486,8 @@ watch(
       display: block;
       font-size: 12px;
       color: var(--o-text-color-primary);
+      text-align: center;
+      padding:0 1px;
     }
   }
 }