diff --git a/src/assets/styles/element/index.scss b/src/assets/styles/element/index.scss
index 11cb916ab11045d4de5b0788fd8c9023a6cc5ebc..0fee98ac7564da86af6862ba1abe058b90821fba 100644
--- a/src/assets/styles/element/index.scss
+++ b/src/assets/styles/element/index.scss
@@ -206,3 +206,13 @@
     box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.1);
   }
 }
+
+.el-tabs__header{
+  height: 32px !important;
+  .el-tabs__nav-scroll{
+    height: 32px !important;
+    .el-tabs__item{
+      padding: 0px 16px 0px 0px !important;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/assets/styles/variables/theme.scss b/src/assets/styles/variables/theme.scss
index bf0c1f8affab81ef1ad05d34cf73ad5b9a2c652d..6e7a7ca60062bb7d020e5ea7f66b20eaf31380af 100644
--- a/src/assets/styles/variables/theme.scss
+++ b/src/assets/styles/variables/theme.scss
@@ -4,6 +4,7 @@ body[theme='dark'] {
     rgba(109, 117, 250, 0.5),
     rgba(90, 179, 255, 0.5)
   );
+  --o-text-disable: #626D7C;
   --o-main-bg-color: #131415;
   --o-bg-image: url('../../assets/svgs/dark_background.svg');
   --no-work-flow: url('../../assets/images/dark_no_flow.png');
@@ -93,6 +94,7 @@ body[theme='dark'] {
 }
 
 body[theme='light'] {
+  --o-text-disable: #BFC7D7;
   --o-checkbox-bg-color_checked: #6395fd !important;
   --o-func-base-primary: 99, 149, 253;
   --o-checkbox-bg-color_checked: #6395fd !important;
diff --git a/src/assets/svgs/language-cn.svg b/src/assets/svgs/language-cn.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d6e4f42ee8a0bfceac136987d0b64c328b3b97a5
--- /dev/null
+++ b/src/assets/svgs/language-cn.svg
@@ -0,0 +1,7 @@
+<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs/>
+	<path id="形状结合" d="M3.00415 2L12.6763 2C13.7664 2 14.6937 2.69666 15.0374 3.66904L20.9971 3.66904C22.3798 3.66904 23.5006 4.78992 23.5006 6.17258L23.5006 19.5248C23.5006 20.9075 22.3798 22.0284 20.9971 22.0284L11.3499 22.0284C10.2598 22.0284 9.3324 21.3317 8.98865 20.3593L3.00415 20.3593C1.62146 20.3593 0.50061 19.2384 0.50061 17.8558L0.50061 4.50354C0.50061 3.12088 1.62146 2 3.00415 2ZM12.6334 18.3171C12.4596 19.2445 11.7877 19.9719 10.9258 20.2437C11.05 20.3172 11.1949 20.3593 11.3499 20.3593L20.9971 20.3593C21.458 20.3593 21.8317 19.9857 21.8317 19.5248L21.8317 6.17258C21.8317 5.71167 21.458 5.33804 20.9971 5.33804L15.067 5.33804L12.6334 18.3171ZM6.96484 15.7695L6.96484 12.8958L10.5137 12.8958L10.5137 8.2262L6.96484 8.2262L6.96484 6.58981L5.68652 6.58981L5.68652 8.2262L2.16846 8.2262L2.16846 12.8958L5.68652 12.8958L5.68652 15.7695L6.96484 15.7695ZM3.4469 11.6885L5.68652 11.6885L5.68652 9.44351L3.4469 9.44351L3.4469 11.6885ZM9.2251 11.6885L6.96484 11.6885L6.96484 9.44351L9.2251 9.44351L9.2251 11.6885ZM17.1741 17.8216L17.1741 18.6903L13.8528 18.6903L13.8528 13.6832L17.0992 13.6832L17.0992 14.5451L14.8396 14.5451L14.8396 15.7216L16.8611 15.7216L16.8611 16.5766L14.8396 16.5766L14.8396 17.8216L17.1741 17.8216ZM18.8552 18.6903L18.8552 16.9118C18.8552 16.5926 18.9244 16.3452 19.0629 16.1696C19.2012 15.9941 19.3838 15.9063 19.6107 15.9063C19.7397 15.9063 19.8492 15.9359 19.9392 15.9952L19.9393 15.9952C20.1467 16.1319 20.2505 16.426 20.2505 16.8776L20.2505 18.6903L21.1965 18.6903L21.1965 16.5698C21.1965 16.0773 21.0831 15.7022 20.8562 15.4446C20.7847 15.3634 20.7051 15.295 20.6174 15.2394L20.6173 15.2393C20.4266 15.1185 20.1978 15.0581 19.9305 15.0581C19.6357 15.0581 19.3878 15.1268 19.1869 15.2642C19.0293 15.3721 18.9005 15.5222 18.8008 15.7148C18.7826 15.6144 18.7622 15.4252 18.7395 15.147L17.9092 15.147L17.9092 18.6903L18.8552 18.6903Z" clip-rule="evenodd" fill="#8D98AA" fill-opacity="1.000000" fill-rule="evenodd"/>
+</svg>
diff --git a/src/assets/svgs/language-en.svg b/src/assets/svgs/language-en.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b71ba224fd06321cf3d8e312b9e6689d269830bd
--- /dev/null
+++ b/src/assets/svgs/language-en.svg
@@ -0,0 +1,7 @@
+<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs/>
+	<path id="形状结合" d="M12.6372 2L3.00012 2C1.61902 2 0.499268 3.11969 0.499268 4.50089L0.499268 17.8389C0.499268 19.2201 1.61902 20.3398 3.00012 20.3398L8.97791 20.3398C9.32129 21.3112 10.2477 22.0071 11.3365 22.0071L20.9984 22.0071C22.3796 22.0071 23.4993 20.8874 23.4993 19.5062L23.4993 6.16815C23.4993 4.78693 22.3796 3.66727 20.9984 3.66727L14.9958 3.66727C14.6525 2.69592 13.7262 2 12.6372 2ZM11.3794 5.70724C11.552 4.78659 12.2159 4.06323 13.0693 3.78781C12.9432 3.7113 12.7954 3.66727 12.6372 3.66727L3.00012 3.66727C2.53979 3.66727 2.1665 4.0405 2.1665 4.50089L2.1665 17.8389C2.1665 18.2993 2.53979 18.6725 3.00012 18.6725L8.94836 18.6725L11.3794 5.70724ZM7.28394 12.0035L7.28394 9.91583L9.8363 9.91583L9.8363 6.52335L7.28394 6.52335L7.28394 5.3345L6.3645 5.3345L6.3645 6.52335L3.83423 6.52335L3.83423 9.91583L6.3645 9.91583L6.3645 12.0035L7.28394 12.0035ZM4.75366 9.03873L6.3645 9.03873L6.3645 7.40771L4.75366 7.40771L4.75366 9.03873ZM8.90955 9.03873L7.28394 9.03873L7.28394 7.40771L8.90955 7.40771L8.90955 9.03873ZM16.6627 17.3709L16.6627 18.6725L11.8368 18.6725L11.8368 11.1699L16.554 11.1699L16.554 12.4613L13.2708 12.4613L13.2708 14.2243L16.2078 14.2243L16.2078 15.5055L13.2708 15.5055L13.2708 17.3709L16.6627 17.3709ZM19.1053 18.6725L19.1053 16.0077C19.1053 15.5294 19.2059 15.1587 19.407 14.8956C19.608 14.6325 19.8734 14.501 20.203 14.501C20.3826 14.501 20.5361 14.5417 20.6637 14.6232C20.9763 14.8229 21.1327 15.2673 21.1327 15.9564L21.1327 18.6725L22.5072 18.6725L22.5072 15.4952C22.5072 14.7572 22.3424 14.1952 22.0128 13.8092C21.6831 13.4231 21.2349 13.2301 20.6678 13.2301C20.2571 13.2301 19.9092 13.3246 19.6239 13.5139C19.3781 13.6769 19.1788 13.9103 19.0262 14.214C18.9999 14.0637 18.9702 13.7801 18.9373 13.3633L17.7307 13.3633L17.7307 18.6725L19.1053 18.6725Z" clip-rule="evenodd" fill="#8D98AA" fill-opacity="1.000000" fill-rule="evenodd"/>
+</svg>
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index d41bb7335fea5762f04d15405a72e20a81d6edd3..4b2ac9d7a1e0b8204ec24d9ff6c1fad0b05afa58 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -269,7 +269,7 @@ onMounted(() => {
           <IconUpload />
         </el-icon>
         <div class="upload-tip">
-          {{ $t('semantic.tip1') }}
+          <span>{{ $t('semantic.tip1') }}</span>
             <div class="upload-tip2">
             {{ $t('semantic.tip2') }}
             </div>
@@ -452,13 +452,19 @@ onMounted(() => {
   color: var(--o-text-color-tertiary);
 }
 
-.upload-tip {
+.upload-tip span{
   width: 100%;
-  font-size: var(--o-font-size-info);
-  color: var(--o-text-color-tertiary);
+  font-size: 12px;
+  line-height: 16px;
+  display: inline-block;
+  color: var(--o-question-color);
 }
 
 .upload-tip  .upload-tip2 {
+  color: var(--o-text-color-tertiary);
+  font-size: 12px;
+  line-height: 16px;
+  display: inline-block;
   margin-top: 4px;
 }
 
diff --git a/src/views/api/components/PluginCard.vue b/src/views/api/components/PluginCard.vue
index b5d52a604ad78aeb5e747dd88b457e7d663abb1c..1ae57c959e5eaf588d325cc67ecb33e3cdf88cd3 100644
--- a/src/views/api/components/PluginCard.vue
+++ b/src/views/api/components/PluginCard.vue
@@ -56,6 +56,7 @@ const props = defineProps<CardInfo>();
     gap: 4px;
 
     &__top {
+      min-height: 24px;
       display: flex;
       justify-content: space-between;
       .title {
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index a768b326da5060ad37c4c0c050abcc1ecc5f0cc0..a566f503aadc2508f54681e7026f09bc8b64b6b6 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -150,22 +150,26 @@
                   </template>
                   <template #footer>
                     <div class="apiCenterCardBottom">
-                      <div class="apiCenterCardId" v-if="pluginType === 'mcp'">
-                        <span>ID: {{ item.serviceId }}</span>
-                        <el-tooltip
-                          effect="dark"
-                          :content="$t('common.copy')"
-                          placement="top"
-                        >
-                          <el-icon
-                            @click.stop="onCopyServiceId(item.serviceId)"
-                          >
-                            <CopyDocument />
-                          </el-icon>
-                        </el-tooltip>
-                      </div>
                       <div class="apiCenterCardFooter">
                         <div class="apiCenterCardUser">@{{ item.author }}</div>
+                        <div
+                          class="apiCenterCardId"
+                          v-if="pluginType === 'mcp'"
+                        >
+                          <span style="font-weight: 700 !important;">ID: </span>
+                          <span>{{ item.serviceId }}</span>
+                          <el-tooltip
+                            effect="dark"
+                            :content="$t('common.copy')"
+                            placement="top"
+                          >
+                            <el-icon
+                              @click.stop="onCopyServiceId(item.serviceId)"
+                            >
+                              <CopyDocument />
+                            </el-icon>
+                          </el-tooltip>
+                        </div>
                         <div
                           class="apiCenterCardOps"
                           v-if="item.status !== 'installing'"
@@ -440,6 +444,8 @@ const handleClose = () => {
 };
 
 let timer: NodeJS.Timeout | null = null;
+let polling = false;
+
 const queryList = async (type: 'semantic_interface' | 'mcp') => {
   loading.value = true;
   const payload = {
@@ -451,6 +457,7 @@ const queryList = async (type: 'semantic_interface' | 'mcp') => {
     clearInterval(timer);
     timer = null;
   }
+  polling = false;
   if (type === 'semantic_interface') {
     payload[apiType.value] = true;
     const [, res] = await api.queryApiList({
@@ -465,9 +472,17 @@ const queryList = async (type: 'semantic_interface' | 'mcp') => {
       loading.value = false;
     }
   } else if (type === 'mcp') {
-    queryMcpServices();
-    timer = setInterval(() => {
-      queryMcpServices();
+    polling = true;
+    serialMcpPolling();
+  }
+};
+
+const serialMcpPolling = async () => {
+  if (!polling) return;
+  await queryMcpServices();
+  if (polling) {
+    timer = setTimeout(() => {
+      serialMcpPolling();
     }, 3000);
   }
 };
diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index a0a8daa3ece30bbf8237a6d0f3dbaf95bf31f8b1..18f966687cb1a1503010cebbad6b47928d4b8978 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -112,6 +112,9 @@
               display: flex;
               align-items: center;
               justify-content: space-between;
+              span {
+                margin-right: 4px;
+              }
             }
             .apiCenterCardFooter {
               display: flex;
diff --git a/src/views/app/index.vue b/src/views/app/index.vue
index 7adc13aebe3e70e8942525d9b017833cf7ee4d57..f9dd572bdf533f09d77dcac86ed72b4c78054a17 100644
--- a/src/views/app/index.vue
+++ b/src/views/app/index.vue
@@ -407,7 +407,7 @@ img {
   .el-tabs__header {
     .el-tabs__nav-wrap {
       .el-tabs__item {
-        height: 32px;
+        height: 32px !important;
       }
     }
   }
diff --git a/src/views/dialogue/components/MultiSelectTags.vue b/src/views/dialogue/components/MultiSelectTags.vue
index 9f0628638c56d15baa1b1cdf694fc2707c810277..3dd8adc923b66ba803acf357c0dd0bb1840bc060 100644
--- a/src/views/dialogue/components/MultiSelectTags.vue
+++ b/src/views/dialogue/components/MultiSelectTags.vue
@@ -1,7 +1,6 @@
 <script setup>
-import { CaretRight, CaretBottom } from '@element-plus/icons-vue';
 import { api } from 'src/apis';
-import { IconCheckBold, IconXSolid } from '@computing/opendesign-icons';
+import { IconCheckBold, IconXSolid,IconCaretRight} from '@computing/opendesign-icons';
 import { ref, computed, onMounted, watch } from 'vue';
 import { useHistorySessionStore, useChangeThemeStore } from 'src/store';
 import { storeToRefs } from 'pinia';
@@ -197,24 +196,29 @@ const checkTagsOverflow = () => {
             </template>
           </ElInput>
           <ul v-if="filterKnowledgeList.length">
-            <ElCollapse v-model="activeNames">
+            <el-collapse v-model="activeNames">
               <template v-for="item in filterKnowledgeList" :key="item.key">
-                <ElCollapseItem :name="item.key">
-                  <template #title>
-                    {{ item.teamName }}
+                <el-collapse-item :name="item.key" icon="CaretLeft" >
+                  <template #title="{ isActive }"> 
+                    <el-icon
+                    class="el-collapse-item__arrow"
+                    :class="{ 'is-active': isActive }">{{isActive}}
+                      <IconCaretRight></IconCaretRight>
+                    </el-icon>{{activeNames.includes(item.key) }}{{activeNames}}
+                    <span>
+                      {{ item.teamName }}
+                    </span>
                   </template>
                   <template #icon="{ isActive }">
-                    <el-icon v-if="isActive" :size="16">
-                      <CaretBottom />
-                    </el-icon>
-                    <el-icon v-else :size="16">
-                      <CaretRight />
-                    </el-icon>
+                     <el-icon
+                    class="el-collapse-item__arrow"
+                    :class="{ 'is-active': isActive }">{{isActive}}
+                      <IconCaretRight></IconCaretRight>
+                    </el-icon>{{activeNames.includes(item.key) }}{{activeNames}}
                   </template>
                   <template
                     v-for="(item, index) in item.kb_list"
                     :key="index"
-                    class="list-item"
                   >
                     <div
                       class="list-item"
@@ -228,16 +232,16 @@ const checkTagsOverflow = () => {
                             <el-icon>
                               <IconCheckBold />
                             </el-icon>
-                          </span>
+                          </span> 
                         </div>
                         <p class="item-description">{{ item.description }}</p>
                         <div class="item-id">ID: {{ item.kbId }}</div>
                       </div>
                     </div>
                   </template>
-                </ElCollapseItem>
+                </el-collapse-item>
               </template>
-            </ElCollapse>
+            </el-collapse>
           </ul>
         </div>
       </div>
@@ -246,6 +250,12 @@ const checkTagsOverflow = () => {
 </template>
 
 <style lang="scss" scoped>
+:deep(.el-collapse-item__title) {
+  line-height: 18px !important;
+}
+:deep(.el-collapse-item__arrow.is-active) {
+  transform: rotate(90deg);
+}
 .search-input {
   margin-top: 8px;
   width: calc(100% - 48px) !important;
diff --git a/src/views/dialogue/components/TitleBar.vue b/src/views/dialogue/components/TitleBar.vue
index 4ce5d02546ae98419d8ee33a91826d52f9dd5a96..507207424b74dae53ec5cb3530a380288b9f7eac 100644
--- a/src/views/dialogue/components/TitleBar.vue
+++ b/src/views/dialogue/components/TitleBar.vue
@@ -96,32 +96,20 @@ const headerStyles = computed<CSSProperties>(() => {
       <h4>openEuler Intelligence</h4>
     </span>
     <div class="header-right">
-      <el-popover popper-class="popper-class">
-        <template #reference>
-          <span class="language">{{ lang }}</span>
-        </template>
-        <div
-          class="exit-button lang-button"
-          :class="lang === 'English' ? 'lang-selected' : ''"
-          @click="changeLanguagefun('en')"
-        >
-          English
-        </div>
-        <div class="divider"></div>
-        <div
-          class="exit-button lang-button"
-          :class="lang === '简体中文' ? 'lang-selected' : ''"
-          @click="changeLanguagefun('zh_cn')"
-        >
-          简体中文
-        </div>
-      </el-popover>
+      <div class="language">
+        <span v-if="lang === 'English'" @click="changeLanguagefun('zh_cn')">
+          <img id="sun-icon" src="@/assets/svgs/language-en.svg" alt="" />
+        </span>
+        <span v-else @click="changeLanguagefun('en')">
+          <img id="moon-icon" src="@/assets/svgs/language-cn.svg" alt="" />
+        </span>
+      </div>
       <div class="mode">
         <span v-if="theme === 'light'" @click="changeTheme">
-          <img id="sun-icon" src="@/assets/svgs/sun.svg" alt="" />
+          <img id="sun-icon" src="@/assets/svgs/moon.svg" alt="" />
         </span>
         <span v-else @click="changeTheme">
-          <img id="moon-icon" src="@/assets/svgs/moon.svg" alt="" />
+          <img id="moon-icon" src="@/assets/svgs/sun.svg" alt="" />
         </span>
       </div>
 
@@ -177,7 +165,7 @@ const headerStyles = computed<CSSProperties>(() => {
     border-radius: 50%;
     cursor: pointer;
     &:hover {
-      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+      // box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     }
   }
   .header-right {
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index b968bf51c4abef644a98f18c3eca06ebd7630a82..ab00e9d640412a75ba61c101f2268e440831b359 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -270,7 +270,18 @@ watch(
                 <img v-else class="create-button__icon" :src="item.src" />
               </el-icon>
             </span>
-            <span class="menu-text">{{ item.name }}</span>
+            <span 
+            class="menu-text"
+            :class="{
+              'menu-text__selected':
+                router.currentRoute.value.name
+                  ?.toString()
+                  .indexOf(item.routerName) !== -1 ||
+                router.currentRoute.value.name
+                  ?.toString()
+                  .indexOf(item.anotherName!) !== -1,
+            }"
+            >{{ item.name }}</span>
           </router-link>
         </div>
 
@@ -283,7 +294,12 @@ watch(
               />
             </el-icon>
           </span>
-          <span class="menu-text">{{ i18n.global.t('menu.settings') }}</span>
+          <span 
+          class="menu-text"
+          :class="{
+            'menu-text__selected': route.path === '/settings',
+          }"
+          >{{ i18n.global.t('menu.settings') }}</span>
         </router-link>
       </div>
       <div class="dialogue-content">
@@ -623,9 +639,14 @@ watch(
           font-style: none;
           display: block;
           font-size: 12px;
-          color: var(--o-text-color-primary);
+          color: var(--o-think-header-text);
           text-align: center;
           padding: 0 1px;
+
+          &__selected {
+            color: #6395FD;
+            font-weight: 600;
+          }
         }
       }
     }
diff --git a/src/views/settings/ApiKey.vue b/src/views/settings/ApiKey.vue
index 496d3f194df520d90e2e0080de822034a5877312..fa67424346dee6c54c2b4cc3e86d5cb6fc252f42 100644
--- a/src/views/settings/ApiKey.vue
+++ b/src/views/settings/ApiKey.vue
@@ -71,7 +71,7 @@ onMounted(() => {
             backgroundColor: 'rgb(244,246,250)',
             boxShadow: '0 -1 0 0 rgb(223,229,239)',
             height: '32px',
-            fontSize: '14px',
+            fontSize: '12px',
           } as CSSProperties
         "
         :data="apiKeys"
@@ -80,7 +80,6 @@ onMounted(() => {
           <template #header>
             <div class="name-col">
               <el-icon size="14"><View /></el-icon>
-              <!-- <el-icon><Hide /></el-icon> -->
               {{ t('settings.secret_key') }}
             </div>
           </template>
diff --git a/src/views/settings/Model.vue b/src/views/settings/Model.vue
index 0b88e6f130d2a79755782fd944f028bfd55dd1fd..658d5a97056016c118b1b1cbcc281e62d8bc21d6 100644
--- a/src/views/settings/Model.vue
+++ b/src/views/settings/Model.vue
@@ -188,7 +188,7 @@ onMounted(() => {
       color: rgb(99, 149, 253);
 
       .disabled {
-        color: #d1cfcf;
+        color: var(--o-text-disable);
       }
 
       a {
diff --git a/src/views/settings/components/AddModel.vue b/src/views/settings/components/AddModel.vue
index 814cdc41ce178e1bab797c4d7ee0465ed2ba2e54..12c88b0004fd6449efc8b3f14f47fde6073f542b 100644
--- a/src/views/settings/components/AddModel.vue
+++ b/src/views/settings/components/AddModel.vue
@@ -153,6 +153,7 @@ const disabledUrl = computed(() => {
           <el-input
             v-model="form.url"
             :disabled="disabledUrl"
+            clearable
             :placeholder="t('settings.placeHolder.url')"
           />
         </el-form-item>
@@ -160,6 +161,7 @@ const disabledUrl = computed(() => {
           <el-input
             v-model="form.model"
             :placeholder="t('settings.placeHolder.model_name')"
+            clearable
           ></el-input>
         </el-form-item>
         <el-form-item label="API_Key" prop="apiKey">
@@ -173,6 +175,7 @@ const disabledUrl = computed(() => {
         <el-form-item label="Max-token" prop="maxTokens">
           <el-input
             v-model="form.maxTokens"
+            clearable
             :placeholder="t('settings.placeHolder.max_token')"
           />
         </el-form-item>
@@ -214,4 +217,12 @@ const disabledUrl = computed(() => {
     --o-select-border-radius: 4px;
   }
 }
+.el-form{
+  .el-form-item:last-child {
+    margin-bottom: 0;
+  }
+}
+.el-dialog__footer{
+  padding-top: 16px !important;
+}
 </style>