diff --git a/ui/env.d.ts b/ui/env.d.ts
index be1f8389d30..08bb5e826b0 100644
--- a/ui/env.d.ts
+++ b/ui/env.d.ts
@@ -1,5 +1,7 @@
 /// <reference types="vite/client" />
 declare module 'element-plus/dist/locale/zh-cn.mjs'
+declare module 'element-plus/dist/locale/en.mjs'
+declare module 'element-plus/dist/locale/zh-tw.mjs'
 declare module 'markdown-it-task-lists'
 declare module 'markdown-it-abbr'
 declare module 'markdown-it-anchor'
diff --git a/ui/src/api/user.ts b/ui/src/api/user.ts
index b0aca1e4ae2..417bb5e697b 100644
--- a/ui/src/api/user.ts
+++ b/ui/src/api/user.ts
@@ -176,6 +176,19 @@ const getWecomCallback: (code: string, loading?: Ref<boolean>) => Promise<Result
   return get('wecom', { code }, loading)
 }
 
+/**
+ * 设置语言
+ * data: {
+ * "language": "string"
+ * }
+ */
+const postLanguage: (data: any, loading?: Ref<boolean>) => Promise<Result<User>> = (
+  data,
+  loading
+) => {
+  return post('/user/language', data, undefined, loading)
+}
+
 export default {
   login,
   register,
@@ -192,5 +205,6 @@ export default {
   getAuthType,
   getDingCallback,
   getQrType,
-  getWecomCallback
+  getWecomCallback,
+  postLanguage
 }
diff --git a/ui/src/components/ai-chat/component/control/index.vue b/ui/src/components/ai-chat/component/control/index.vue
index 9827149f4a2..9674a7452e9 100644
--- a/ui/src/components/ai-chat/component/control/index.vue
+++ b/ui/src/components/ai-chat/component/control/index.vue
@@ -16,7 +16,7 @@ import bus from '@/bus'
 import { ref, nextTick, onMounted } from 'vue'
 import { t } from '@/locales'
 const isOpen = ref<boolean>(false)
-const eventVal = ref()
+const eventVal = ref<any>({})
 function getSelection() {
   const selection = window.getSelection()
   if (selection && selection.anchorNode == null) {
diff --git a/ui/src/layout/components/top-bar/avatar/APIKeyDialog.vue b/ui/src/layout/components/top-bar/avatar/APIKeyDialog.vue
index 6dfcfc7afbc..6abb966c942 100644
--- a/ui/src/layout/components/top-bar/avatar/APIKeyDialog.vue
+++ b/ui/src/layout/components/top-bar/avatar/APIKeyDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    :title="$t('layout.topbar.avatar.apiKey')"
+    :title="$t('layout.avatar.apiKey')"
     v-model="dialogVisible"
     width="800"
     :close-on-click-modal="false"
@@ -8,7 +8,7 @@
   >
     <el-card shadow="never" class="layout-bg mb-16">
       <el-text type="info" class="color-secondary">{{
-        $t('layout.topbar.avatar.apiServiceAddress')
+        $t('layout.avatar.apiServiceAddress')
       }}</el-text>
       <p style="margin-top: 10px">
         <span class="vertical-middle lighter break-all">
diff --git a/ui/src/layout/components/top-bar/avatar/ResetPassword.vue b/ui/src/layout/components/top-bar/avatar/ResetPassword.vue
index f09cc675aaa..4d0851b22e5 100644
--- a/ui/src/layout/components/top-bar/avatar/ResetPassword.vue
+++ b/ui/src/layout/components/top-bar/avatar/ResetPassword.vue
@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     v-model="resetPasswordDialog"
-    :title="$t('layout.topbar.avatar.resetPassword')"
+    :title="$t('layout.avatar.resetPassword')"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
   >
@@ -11,13 +11,13 @@
       :model="resetPasswordForm"
       :rules="rules1"
     >
-      <p class="mb-8 lighter">{{ $t('layout.topbar.avatar.dialog.newPassword') }}</p>
+      <p class="mb-8 lighter">{{ $t('layout.avatar.dialog.newPassword') }}</p>
       <el-form-item prop="password" style="margin-bottom: 8px">
         <el-input
           type="password"
           class="input-item"
           v-model="resetPasswordForm.password"
-          :placeholder="$t('layout.topbar.avatar.dialog.enterPassword')"
+          :placeholder="$t('layout.avatar.dialog.enterPassword')"
           show-password
         >
         </el-input>
@@ -27,7 +27,7 @@
           type="password"
           class="input-item"
           v-model="resetPasswordForm.re_password"
-          :placeholder="$t('layout.topbar.avatar.dialog.confirmPassword')"
+          :placeholder="$t('layout.avatar.dialog.confirmPassword')"
           show-password
         >
         </el-input>
@@ -39,13 +39,13 @@
       :model="resetPasswordForm"
       :rules="rules2"
     >
-      <p class="mb-8 lighter">{{ $t('layout.topbar.avatar.dialog.useEmail') }}</p>
+      <p class="mb-8 lighter">{{ $t('layout.avatar.dialog.useEmail') }}</p>
       <el-form-item style="margin-bottom: 8px">
         <el-input
           class="input-item"
           :disabled="true"
           v-bind:modelValue="user.userInfo?.email"
-          :placeholder="$t('layout.topbar.avatar.dialog.enterEmail')"
+          :placeholder="$t('layout.avatar.dialog.enterEmail')"
         >
         </el-input>
       </el-form-item>
@@ -54,7 +54,7 @@
           <el-input
             class="code-input"
             v-model="resetPasswordForm.code"
-            :placeholder="$t('layout.topbar.avatar.dialog.enterVerificationCode')"
+            :placeholder="$t('layout.avatar.dialog.enterVerificationCode')"
           >
           </el-input>
           <el-button
@@ -65,8 +65,8 @@
           >
             {{
               isDisabled
-                ? $t('layout.topbar.avatar.dialog.resend', { time })
-                : $t('layout.topbar.avatar.dialog.getVerificationCode')
+                ? $t('layout.avatar.dialog.resend', { time })
+                : $t('layout.avatar.dialog.getVerificationCode')
             }}
           </el-button>
         </div>
@@ -115,32 +115,32 @@ const rules1 = ref<FormRules<ResetCurrentUserPasswordRequest>>({
   password: [
     {
       required: true,
-      message: t('layout.topbar.avatar.dialog.enterPassword'),
+      message: t('layout.avatar.dialog.enterPassword'),
       trigger: 'blur'
     },
     {
       min: 6,
       max: 20,
-      message: t('layout.topbar.avatar.dialog.passwordLength'),
+      message: t('layout.avatar.dialog.passwordLength'),
       trigger: 'blur'
     }
   ],
   re_password: [
     {
       required: true,
-      message: t('layout.topbar.avatar.dialog.confirmPassword'),
+      message: t('layout.avatar.dialog.confirmPassword'),
       trigger: 'blur'
     },
     {
       min: 6,
       max: 20,
-      message: t('layout.topbar.avatar.dialog.passwordLength'),
+      message: t('layout.avatar.dialog.passwordLength'),
       trigger: 'blur'
     },
     {
       validator: (rule, value, callback) => {
         if (resetPasswordForm.value.password != resetPasswordForm.value.re_password) {
-          callback(new Error(t('layout.topbar.avatar.dialog.passwordMismatch')))
+          callback(new Error(t('layout.avatar.dialog.passwordMismatch')))
         } else {
           callback()
         }
@@ -154,7 +154,7 @@ const rules2 = ref<FormRules<ResetCurrentUserPasswordRequest>>({
   code: [
     {
       required: true,
-      message: t('layout.topbar.avatar.dialog.enterVerificationCode'),
+      message: t('layout.avatar.dialog.enterVerificationCode'),
       trigger: 'blur'
     }
   ]
@@ -165,7 +165,7 @@ const rules2 = ref<FormRules<ResetCurrentUserPasswordRequest>>({
 const sendEmail = () => {
   resetPasswordFormRef1.value?.validate().then(() => {
     UserApi.sendEmailToCurrent(loading).then(() => {
-      MsgSuccess(t('layout.topbar.avatar.dialog.verificationCodeSentSuccess'))
+      MsgSuccess(t('layout.avatar.dialog.verificationCodeSentSuccess'))
       isDisabled.value = true
       handleTimeChange()
     })
diff --git a/ui/src/layout/components/top-bar/avatar/index.vue b/ui/src/layout/components/top-bar/avatar/index.vue
index dd7b65eb7b9..66cecd70399 100644
--- a/ui/src/layout/components/top-bar/avatar/index.vue
+++ b/ui/src/layout/components/top-bar/avatar/index.vue
@@ -2,11 +2,11 @@
   <el-dropdown trigger="click" type="primary">
     <div class="flex-center cursor">
       <AppAvatar>
-        <img src="@/assets/user-icon.svg" style="width: 54%" alt=""/>
+        <img src="@/assets/user-icon.svg" style="width: 54%" alt="" />
       </AppAvatar>
       <span class="ml-8">{{ user.userInfo?.username }}</span>
       <el-icon class="el-icon--right">
-        <CaretBottom/>
+        <CaretBottom />
       </el-icon>
     </div>
 
@@ -21,38 +21,71 @@
           </p>
         </div>
         <el-dropdown-item class="border-t p-8" @click="openResetPassword">
-          {{ $t('layout.topbar.avatar.resetPassword') }}
+          {{ $t('layout.avatar.resetPassword') }}
         </el-dropdown-item>
         <div v-hasPermission="new ComplexPermission([], ['x-pack'], 'OR')">
           <el-dropdown-item class="border-t p-8" @click="openAPIKeyDialog">
-            {{ $t('layout.topbar.avatar.apiKey') }}
+            {{ $t('layout.avatar.apiKey') }}
           </el-dropdown-item>
         </div>
+        <el-dropdown-item class="border-t" style="padding: 0" @click.stop>
+          <el-dropdown class="w-full" trigger="hover" placement="left-start">
+            <div class="flex-between w-full" style="line-height: 22px; padding: 12px 11px">
+              <span> {{ $t('layout.language') }}</span>
+              <el-icon><ArrowRight /></el-icon>
+            </div>
+
+            <template #dropdown>
+              <el-dropdown-menu style="width: 180px">
+                <el-dropdown-item
+                  v-for="(lang, index) in langList"
+                  :key="index"
+                  :value="lang.value"
+                  @click="changeLang(lang.value)"
+                  class="flex-between"
+                >
+                  <span :class="lang.value === user.userInfo?.language ? 'primary' : ''">{{
+                    lang.label
+                  }}</span>
+
+                  <el-icon
+                    :class="lang.value === user.userInfo?.language ? 'primary' : ''"
+                    v-if="lang.value === user.userInfo?.language"
+                  >
+                    <Check />
+                  </el-icon>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+        </el-dropdown-item>
         <el-dropdown-item class="border-t" @click="openAbout">
-          {{ $t('layout.topbar.avatar.about') }}
+          {{ $t('layout.avatar.about') }}
         </el-dropdown-item>
+
         <el-dropdown-item class="border-t" @click="logout">
-          {{ $t('layout.topbar.avatar.logout') }}
+          {{ $t('layout.avatar.logout') }}
         </el-dropdown-item>
       </el-dropdown-menu>
     </template>
   </el-dropdown>
   <ResetPassword ref="resetPasswordRef"></ResetPassword>
   <AboutDialog ref="AboutDialogRef"></AboutDialog>
-  <APIKeyDialog :user-id="user.userInfo?.id" ref="APIKeyDialogRef"/>
-  <UserPwdDialog ref="UserPwdDialogRef"/>
+  <APIKeyDialog :user-id="user.userInfo?.id" ref="APIKeyDialogRef" />
+  <UserPwdDialog ref="UserPwdDialogRef" />
 </template>
 <script setup lang="ts">
-import {ref, onMounted} from 'vue'
+import { ref, onMounted } from 'vue'
 import useStore from '@/stores'
-import {useRouter} from 'vue-router'
+import { useRouter } from 'vue-router'
 import ResetPassword from './ResetPassword.vue'
 import AboutDialog from './AboutDialog.vue'
 import UserPwdDialog from '@/views/user-manage/component/UserPwdDialog.vue'
 import APIKeyDialog from './APIKeyDialog.vue'
-import {ComplexPermission} from '@/utils/permission/type'
-
-const {user} = useStore()
+import { ComplexPermission } from '@/utils/permission/type'
+import { langList } from '@/locales/index'
+import { useLocale } from '@/locales/useLocale'
+const { user } = useStore()
 const router = useRouter()
 
 const UserPwdDialogRef = ref()
@@ -60,6 +93,11 @@ const AboutDialogRef = ref()
 const APIKeyDialogRef = ref()
 const resetPasswordRef = ref<InstanceType<typeof ResetPassword>>()
 
+// const { changeLocale } = useLocale()
+const changeLang = (lang: string) => {
+  user.postUserLanguage(lang)
+  // changeLocale(lang)
+}
 const openAbout = () => {
   AboutDialogRef.value?.open()
 }
@@ -74,7 +112,7 @@ const openResetPassword = () => {
 
 const logout = () => {
   user.logout().then(() => {
-    router.push({name: 'login'})
+    router.push({ name: 'login' })
   })
 }
 
@@ -94,6 +132,9 @@ onMounted(() => {
 
   :deep(.el-dropdown-menu__item) {
     padding: 12px 11px;
+    &:hover {
+      background: var(--app-text-color-light-1);
+    }
   }
 }
 </style>
diff --git a/ui/src/layout/components/top-bar/index.vue b/ui/src/layout/components/top-bar/index.vue
index 9030dc8405f..d8f90871ea3 100644
--- a/ui/src/layout/components/top-bar/index.vue
+++ b/ui/src/layout/components/top-bar/index.vue
@@ -23,7 +23,7 @@
       </el-button>
       <el-tooltip
         effect="dark"
-        :content="$t('layout.topbar.github')"
+        :content="$t('layout.github')"
         placement="top"
         v-if="user.themeInfo?.showProject"
       >
@@ -36,7 +36,7 @@
       </el-tooltip>
       <el-tooltip
         effect="dark"
-        :content="$t('layout.topbar.wiki')"
+        :content="$t('layout.wiki')"
         placement="top"
         v-if="user.themeInfo?.showUserManual"
       >
@@ -49,7 +49,7 @@
       </el-tooltip>
       <el-tooltip
         effect="dark"
-        :content="$t('layout.topbar.forum')"
+        :content="$t('layout.forum')"
         placement="top"
         v-if="user.themeInfo?.showForum"
       >
@@ -60,7 +60,7 @@
           @click="toUrl(user.themeInfo?.forumUrl)"
         ></AppIcon>
       </el-tooltip>
-      <el-dropdown trigger="click" type="primary">
+      <!-- <el-dropdown trigger="click" type="primary">
         <template #dropdown>
           <el-dropdown-menu>
             <el-dropdown-item
@@ -78,7 +78,7 @@
           style="font-size: 20px"
         >
         </AppIcon>
-      </el-dropdown>
+      </el-dropdown> -->
       <Avatar></Avatar>
     </div>
   </div>
@@ -87,17 +87,17 @@
 import TopMenu from './top-menu/index.vue'
 import Avatar from './avatar/index.vue'
 import { useRouter } from 'vue-router'
-import { langList } from '@/locales/index'
-import { useLocale } from '@/locales/useLocale'
+// import { langList } from '@/locales/index'
+// import { useLocale } from '@/locales/useLocale'
 
 import useStore from '@/stores'
 const { user } = useStore()
 const router = useRouter()
 
-const { changeLocale } = useLocale()
-const changeLang = (lang: string) => {
-  changeLocale(lang)
-}
+// const { changeLocale } = useLocale()
+// const changeLang = (lang: string) => {
+//   changeLocale(lang)
+// }
 function toUrl(url: string) {
   window.open(url, '_blank')
 }
diff --git a/ui/src/layout/components/top-bar/top-menu/MenuItem.vue b/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
index 8e63664c1db..ae5da5c42c7 100644
--- a/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
+++ b/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
@@ -6,8 +6,8 @@
     </div> -->
     <div class="title">
       {{
-        $te(`layout.topbar.MenuItem.${String(props.menu.name)}`)
-          ? $t(`layout.topbar.MenuItem.${String(props.menu.name)}`)
+        $te(`layout.MenuItem.${String(props.menu.name)}`)
+          ? $t(`layout.MenuItem.${String(props.menu.name)}`)
           : menu.meta?.title
       }}
     </div>
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 51f94c11c00..e0b2d028d08 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -40,8 +40,8 @@ const importMessages = computed(() => {
 
 export const i18n = createI18n({
     legacy: false,
-    locale: useLocalStorage(localeConfigKey, 'zh_CN').value || languages.value[0] || 'zh_CN',
-    fallbackLocale: 'zh_CN',
+    locale: useLocalStorage(localeConfigKey, 'zh-CN').value || languages.value[0] || 'zh-CN',
+    fallbackLocale: 'zh-CN',
     messages: importMessages.value,
     globalInjection: true,
 });
diff --git a/ui/src/locales/lang/en_US/common.ts b/ui/src/locales/lang/en-US/common.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/common.ts
rename to ui/src/locales/lang/en-US/common.ts
diff --git a/ui/src/locales/lang/en-US/components/ai-chat.ts b/ui/src/locales/lang/en-US/components/ai-chat.ts
new file mode 100644
index 00000000000..a3365e4b897
--- /dev/null
+++ b/ui/src/locales/lang/en-US/components/ai-chat.ts
@@ -0,0 +1,4 @@
+export default {
+  createChat: 'Create Chat',
+  history: 'History record' 
+}
diff --git a/ui/src/locales/lang/en-US/components/index.ts b/ui/src/locales/lang/en-US/components/index.ts
new file mode 100644
index 00000000000..a81c8b4677f
--- /dev/null
+++ b/ui/src/locales/lang/en-US/components/index.ts
@@ -0,0 +1,4 @@
+import chat from './ai-chat'
+export default {
+  chat,
+}
\ No newline at end of file
diff --git a/ui/src/locales/lang/en_US/index.ts b/ui/src/locales/lang/en-US/index.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/index.ts
rename to ui/src/locales/lang/en-US/index.ts
diff --git a/ui/src/locales/lang/en-US/layout.ts b/ui/src/locales/lang/en-US/layout.ts
new file mode 100644
index 00000000000..150f3bac510
--- /dev/null
+++ b/ui/src/locales/lang/en-US/layout.ts
@@ -0,0 +1,33 @@
+export default {
+  github: 'Project address',
+  wiki: 'User manual',
+  forum: 'Forum for help',
+  MenuItem: {
+    application: 'Application',
+    dataset: 'Knowledge',
+    setting: 'System settings',
+    function_lib: 'function library'
+  },
+  avatar: {
+    resetPassword: 'Change password',
+    about: 'About',
+    logout: 'Logout',
+    version: 'Version',
+    apiKey: 'API Key',
+    apiServiceAddress: 'API Service Address',
+    dialog: {
+      newPassword: 'New password',
+      enterPassword: 'Please enter new password',
+      confirmPassword: 'Confirm password',
+      passwordLength: 'Password length should be between 6 and 20 characters',
+      passwordMismatch: 'Passwords do not match',
+      useEmail: 'Use email',
+      enterEmail: 'Please enter email',
+      enterVerificationCode: 'Please enter verification code',
+      getVerificationCode: 'Get verification code',
+      verificationCodeSentSuccess: 'Verification code sent successfully',
+      resend: 'Resend'
+    }
+  },
+  language: 'Language'
+}
diff --git a/ui/src/locales/lang/en_US/views/404.ts b/ui/src/locales/lang/en-US/views/404.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/404.ts
rename to ui/src/locales/lang/en-US/views/404.ts
diff --git a/ui/src/locales/lang/en_US/views/application-overview.ts b/ui/src/locales/lang/en-US/views/application-overview.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/application-overview.ts
rename to ui/src/locales/lang/en-US/views/application-overview.ts
diff --git a/ui/src/locales/lang/en_US/views/application-workflow.ts b/ui/src/locales/lang/en-US/views/application-workflow.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/application-workflow.ts
rename to ui/src/locales/lang/en-US/views/application-workflow.ts
diff --git a/ui/src/locales/lang/en_US/views/application.ts b/ui/src/locales/lang/en-US/views/application.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/application.ts
rename to ui/src/locales/lang/en-US/views/application.ts
diff --git a/ui/src/locales/lang/en_US/views/dataset.ts b/ui/src/locales/lang/en-US/views/dataset.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/dataset.ts
rename to ui/src/locales/lang/en-US/views/dataset.ts
diff --git a/ui/src/locales/lang/en_US/views/document.ts b/ui/src/locales/lang/en-US/views/document.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/document.ts
rename to ui/src/locales/lang/en-US/views/document.ts
diff --git a/ui/src/locales/lang/en_US/views/function-lib.ts b/ui/src/locales/lang/en-US/views/function-lib.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/function-lib.ts
rename to ui/src/locales/lang/en-US/views/function-lib.ts
diff --git a/ui/src/locales/lang/en_US/views/index.ts b/ui/src/locales/lang/en-US/views/index.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/index.ts
rename to ui/src/locales/lang/en-US/views/index.ts
diff --git a/ui/src/locales/lang/en_US/views/log.ts b/ui/src/locales/lang/en-US/views/log.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/log.ts
rename to ui/src/locales/lang/en-US/views/log.ts
diff --git a/ui/src/locales/lang/en_US/views/login.ts b/ui/src/locales/lang/en-US/views/login.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/login.ts
rename to ui/src/locales/lang/en-US/views/login.ts
diff --git a/ui/src/locales/lang/en_US/views/paragraph.ts b/ui/src/locales/lang/en-US/views/paragraph.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/paragraph.ts
rename to ui/src/locales/lang/en-US/views/paragraph.ts
diff --git a/ui/src/locales/lang/en_US/views/problem.ts b/ui/src/locales/lang/en-US/views/problem.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/problem.ts
rename to ui/src/locales/lang/en-US/views/problem.ts
diff --git a/ui/src/locales/lang/en_US/views/system.ts b/ui/src/locales/lang/en-US/views/system.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/system.ts
rename to ui/src/locales/lang/en-US/views/system.ts
diff --git a/ui/src/locales/lang/en_US/views/team.ts b/ui/src/locales/lang/en-US/views/team.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/team.ts
rename to ui/src/locales/lang/en-US/views/team.ts
diff --git a/ui/src/locales/lang/en_US/views/template.ts b/ui/src/locales/lang/en-US/views/template.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/template.ts
rename to ui/src/locales/lang/en-US/views/template.ts
diff --git a/ui/src/locales/lang/en_US/views/user.ts b/ui/src/locales/lang/en-US/views/user.ts
similarity index 100%
rename from ui/src/locales/lang/en_US/views/user.ts
rename to ui/src/locales/lang/en-US/views/user.ts
diff --git a/ui/src/locales/lang/en_US/components/index.ts b/ui/src/locales/lang/en_US/components/index.ts
deleted file mode 100644
index bd77588db6f..00000000000
--- a/ui/src/locales/lang/en_US/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-
-export default {
-
-};
diff --git a/ui/src/locales/lang/en_US/layout.ts b/ui/src/locales/lang/en_US/layout.ts
deleted file mode 100644
index 2dd9ec4ca5e..00000000000
--- a/ui/src/locales/lang/en_US/layout.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-export default {
-    breadcrumb: {},
-    sidebar: {},
-    topbar: {
-        github: "Project address",
-        wiki: "User manual",
-        forum: "Forum for help",
-        MenuItem: {
-            application: "Application",
-            dataset: "Knowledge",
-            setting: "System settings",
-            function_lib: "function library"
-            
-        },
-        avatar: {
-            resetPassword: "Change password",
-            about: "About",
-            logout: "Logout",
-            version: "Version",
-            apiKey: "API Key",
-            apiServiceAddress: "API Service Address",
-            dialog: {
-                newPassword: "New password",
-                enterPassword: "Please enter new password",
-                confirmPassword: "Confirm password",
-                passwordLength: "Password length should be between 6 and 20 characters",
-                passwordMismatch: "Passwords do not match",
-                useEmail: "Use email",
-                enterEmail: "Please enter email",
-                enterVerificationCode: "Please enter verification code",
-                getVerificationCode: "Get verification code",
-                verificationCodeSentSuccess: "Verification code sent successfully",
-                resend: "Resend",
-            }
-        }
-    },
-};
diff --git a/ui/src/locales/lang/zh_CN/common.ts b/ui/src/locales/lang/zh-CN/common.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/common.ts
rename to ui/src/locales/lang/zh-CN/common.ts
diff --git a/ui/src/locales/lang/zh_CN/components/ai-chat.ts b/ui/src/locales/lang/zh-CN/components/ai-chat.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/components/ai-chat.ts
rename to ui/src/locales/lang/zh-CN/components/ai-chat.ts
diff --git a/ui/src/locales/lang/zh_CN/components/dynamics-form.ts b/ui/src/locales/lang/zh-CN/components/dynamics-form.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/components/dynamics-form.ts
rename to ui/src/locales/lang/zh-CN/components/dynamics-form.ts
diff --git a/ui/src/locales/lang/zh_CN/components/index.ts b/ui/src/locales/lang/zh-CN/components/index.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/components/index.ts
rename to ui/src/locales/lang/zh-CN/components/index.ts
diff --git a/ui/src/locales/lang/zh_CN/index.ts b/ui/src/locales/lang/zh-CN/index.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/index.ts
rename to ui/src/locales/lang/zh-CN/index.ts
diff --git a/ui/src/locales/lang/zh-CN/layout.ts b/ui/src/locales/lang/zh-CN/layout.ts
new file mode 100644
index 00000000000..c57c3520c34
--- /dev/null
+++ b/ui/src/locales/lang/zh-CN/layout.ts
@@ -0,0 +1,33 @@
+export default {
+  github: '项目地址',
+  wiki: '用户手册',
+  forum: '论坛求助',
+  MenuItem: {
+    application: '应用',
+    dataset: '知识库',
+    setting: '系统管理',
+    function_lib: '函数库'
+  },
+  avatar: {
+    resetPassword: '修改密码',
+    about: '关于',
+    logout: '退出',
+    version: '版本号',
+    apiKey: 'API Key 管理',
+    apiServiceAddress: 'API 服务地址',
+    dialog: {
+      newPassword: '新密码',
+      enterPassword: '请输入修改密码',
+      confirmPassword: '确认密码',
+      passwordLength: '密码长度在 6 到 20 个字符',
+      passwordMismatch: '两次密码输入不一致',
+      useEmail: '使用邮箱',
+      enterEmail: '请输入邮箱',
+      enterVerificationCode: '请输入验证码',
+      getVerificationCode: '获取验证码',
+      verificationCodeSentSuccess: '验证码发送成功',
+      resend: '重新发送'
+    }
+  },
+  language: '语言'
+}
diff --git a/ui/src/locales/lang/zh_CN/views/404.ts b/ui/src/locales/lang/zh-CN/views/404.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/404.ts
rename to ui/src/locales/lang/zh-CN/views/404.ts
diff --git a/ui/src/locales/lang/zh_CN/views/application-overview.ts b/ui/src/locales/lang/zh-CN/views/application-overview.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/application-overview.ts
rename to ui/src/locales/lang/zh-CN/views/application-overview.ts
diff --git a/ui/src/locales/lang/zh_CN/views/application-workflow.ts b/ui/src/locales/lang/zh-CN/views/application-workflow.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/application-workflow.ts
rename to ui/src/locales/lang/zh-CN/views/application-workflow.ts
diff --git a/ui/src/locales/lang/zh_CN/views/application.ts b/ui/src/locales/lang/zh-CN/views/application.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/application.ts
rename to ui/src/locales/lang/zh-CN/views/application.ts
diff --git a/ui/src/locales/lang/zh_CN/views/dataset.ts b/ui/src/locales/lang/zh-CN/views/dataset.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/dataset.ts
rename to ui/src/locales/lang/zh-CN/views/dataset.ts
diff --git a/ui/src/locales/lang/zh_CN/views/document.ts b/ui/src/locales/lang/zh-CN/views/document.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/document.ts
rename to ui/src/locales/lang/zh-CN/views/document.ts
diff --git a/ui/src/locales/lang/zh_CN/views/function-lib.ts b/ui/src/locales/lang/zh-CN/views/function-lib.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/function-lib.ts
rename to ui/src/locales/lang/zh-CN/views/function-lib.ts
diff --git a/ui/src/locales/lang/zh_CN/views/index.ts b/ui/src/locales/lang/zh-CN/views/index.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/index.ts
rename to ui/src/locales/lang/zh-CN/views/index.ts
diff --git a/ui/src/locales/lang/zh_CN/views/log.ts b/ui/src/locales/lang/zh-CN/views/log.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/log.ts
rename to ui/src/locales/lang/zh-CN/views/log.ts
diff --git a/ui/src/locales/lang/zh_CN/views/login.ts b/ui/src/locales/lang/zh-CN/views/login.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/login.ts
rename to ui/src/locales/lang/zh-CN/views/login.ts
diff --git a/ui/src/locales/lang/zh_CN/views/paragraph.ts b/ui/src/locales/lang/zh-CN/views/paragraph.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/paragraph.ts
rename to ui/src/locales/lang/zh-CN/views/paragraph.ts
diff --git a/ui/src/locales/lang/zh_CN/views/problem.ts b/ui/src/locales/lang/zh-CN/views/problem.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/problem.ts
rename to ui/src/locales/lang/zh-CN/views/problem.ts
diff --git a/ui/src/locales/lang/zh_CN/views/system.ts b/ui/src/locales/lang/zh-CN/views/system.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/system.ts
rename to ui/src/locales/lang/zh-CN/views/system.ts
diff --git a/ui/src/locales/lang/zh_CN/views/team.ts b/ui/src/locales/lang/zh-CN/views/team.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/team.ts
rename to ui/src/locales/lang/zh-CN/views/team.ts
diff --git a/ui/src/locales/lang/zh_CN/views/template.ts b/ui/src/locales/lang/zh-CN/views/template.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/template.ts
rename to ui/src/locales/lang/zh-CN/views/template.ts
diff --git a/ui/src/locales/lang/zh_CN/views/user.ts b/ui/src/locales/lang/zh-CN/views/user.ts
similarity index 100%
rename from ui/src/locales/lang/zh_CN/views/user.ts
rename to ui/src/locales/lang/zh-CN/views/user.ts
diff --git a/ui/src/locales/lang/zh_TW/common.ts b/ui/src/locales/lang/zh-TW/common.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/common.ts
rename to ui/src/locales/lang/zh-TW/common.ts
diff --git a/ui/src/locales/lang/zh_TW/components/index.ts b/ui/src/locales/lang/zh-TW/components/index.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/components/index.ts
rename to ui/src/locales/lang/zh-TW/components/index.ts
diff --git a/ui/src/locales/lang/zh_TW/index.ts b/ui/src/locales/lang/zh-TW/index.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/index.ts
rename to ui/src/locales/lang/zh-TW/index.ts
diff --git a/ui/src/locales/lang/zh-TW/layout.ts b/ui/src/locales/lang/zh-TW/layout.ts
new file mode 100644
index 00000000000..48a9c3c3227
--- /dev/null
+++ b/ui/src/locales/lang/zh-TW/layout.ts
@@ -0,0 +1,33 @@
+export default {
+  github: '項目地址',
+  wiki: '使用者手冊',
+  forum: '論壇求助',
+  MenuItem: {
+    application: '應用',
+    dataset: '知識庫',
+    setting: '系統管理',
+    function_lib: '函數庫'
+  },
+  avatar: {
+    resetPassword: '修改密碼',
+    about: '關於',
+    logout: '退出',
+    version: '版本號',
+    apiKey: 'API Key 管理',
+    apiServiceAddress: 'API 服務地址',
+    dialog: {
+      newPassword: '新密碼',
+      enterPassword: '請輸入修改密碼',
+      confirmPassword: '確認密碼',
+      passwordLength: '密碼長度在 6 到 20 個字元',
+      passwordMismatch: '兩次密碼輸入不一致',
+      useEmail: '使用郵箱',
+      enterEmail: '請輸入郵箱',
+      enterVerificationCode: '請輸入驗證碼',
+      getVerificationCode: '獲取驗證碼',
+      verificationCodeSentSuccess: '驗證碼發送成功',
+      resend: '重新發送'
+    }
+  },
+  language: '語言'
+}
diff --git a/ui/src/locales/lang/zh_TW/views/404.ts b/ui/src/locales/lang/zh-TW/views/404.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/404.ts
rename to ui/src/locales/lang/zh-TW/views/404.ts
diff --git a/ui/src/locales/lang/zh_TW/views/application-overview.ts b/ui/src/locales/lang/zh-TW/views/application-overview.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/application-overview.ts
rename to ui/src/locales/lang/zh-TW/views/application-overview.ts
diff --git a/ui/src/locales/lang/zh_TW/views/application-workflow.ts b/ui/src/locales/lang/zh-TW/views/application-workflow.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/application-workflow.ts
rename to ui/src/locales/lang/zh-TW/views/application-workflow.ts
diff --git a/ui/src/locales/lang/zh_TW/views/application.ts b/ui/src/locales/lang/zh-TW/views/application.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/application.ts
rename to ui/src/locales/lang/zh-TW/views/application.ts
diff --git a/ui/src/locales/lang/zh_TW/views/dataset.ts b/ui/src/locales/lang/zh-TW/views/dataset.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/dataset.ts
rename to ui/src/locales/lang/zh-TW/views/dataset.ts
diff --git a/ui/src/locales/lang/zh_TW/views/document.ts b/ui/src/locales/lang/zh-TW/views/document.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/document.ts
rename to ui/src/locales/lang/zh-TW/views/document.ts
diff --git a/ui/src/locales/lang/zh_TW/views/function-lib.ts b/ui/src/locales/lang/zh-TW/views/function-lib.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/function-lib.ts
rename to ui/src/locales/lang/zh-TW/views/function-lib.ts
diff --git a/ui/src/locales/lang/zh_TW/views/index.ts b/ui/src/locales/lang/zh-TW/views/index.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/index.ts
rename to ui/src/locales/lang/zh-TW/views/index.ts
diff --git a/ui/src/locales/lang/zh_TW/views/log.ts b/ui/src/locales/lang/zh-TW/views/log.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/log.ts
rename to ui/src/locales/lang/zh-TW/views/log.ts
diff --git a/ui/src/locales/lang/zh_TW/views/login.ts b/ui/src/locales/lang/zh-TW/views/login.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/login.ts
rename to ui/src/locales/lang/zh-TW/views/login.ts
diff --git a/ui/src/locales/lang/zh_TW/views/paragraph.ts b/ui/src/locales/lang/zh-TW/views/paragraph.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/paragraph.ts
rename to ui/src/locales/lang/zh-TW/views/paragraph.ts
diff --git a/ui/src/locales/lang/zh_TW/views/problem.ts b/ui/src/locales/lang/zh-TW/views/problem.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/problem.ts
rename to ui/src/locales/lang/zh-TW/views/problem.ts
diff --git a/ui/src/locales/lang/zh_TW/views/system.ts b/ui/src/locales/lang/zh-TW/views/system.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/system.ts
rename to ui/src/locales/lang/zh-TW/views/system.ts
diff --git a/ui/src/locales/lang/zh_TW/views/team.ts b/ui/src/locales/lang/zh-TW/views/team.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/team.ts
rename to ui/src/locales/lang/zh-TW/views/team.ts
diff --git a/ui/src/locales/lang/zh_TW/views/template.ts b/ui/src/locales/lang/zh-TW/views/template.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/template.ts
rename to ui/src/locales/lang/zh-TW/views/template.ts
diff --git a/ui/src/locales/lang/zh_TW/views/user.ts b/ui/src/locales/lang/zh-TW/views/user.ts
similarity index 100%
rename from ui/src/locales/lang/zh_TW/views/user.ts
rename to ui/src/locales/lang/zh-TW/views/user.ts
diff --git a/ui/src/locales/lang/zh_CN/layout.ts b/ui/src/locales/lang/zh_CN/layout.ts
deleted file mode 100644
index 42442ed40ce..00000000000
--- a/ui/src/locales/lang/zh_CN/layout.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-export default {
-    breadcrumb: {
-        
-    },
-    sidebar: {
-
-    },
-    topbar: {
-        github: "项目地址",
-        wiki: "用户手册",
-        forum: "论坛求助",
-        MenuItem: {
-            application: "应用",
-            dataset: "知识库",
-            setting: "系统管理",
-            function_lib: "函数库"
-        },
-        avatar: {
-            resetPassword: "修改密码",
-            about: "关于",
-            logout: "退出",
-            version:"版本号",
-            apiKey: "API Key 管理",
-            apiServiceAddress: "API 服务地址",
-            dialog:{
-                newPassword:"新密码",
-                enterPassword: "请输入修改密码",
-                confirmPassword: "确认密码",
-                passwordLength:"密码长度在 6 到 20 个字符",
-                passwordMismatch:"两次密码输入不一致",
-                useEmail:"使用邮箱",
-                enterEmail: "请输入邮箱",
-                enterVerificationCode: "请输入验证码",
-                getVerificationCode: "获取验证码",
-                verificationCodeSentSuccess:"验证码发送成功",
-                resend:"重新发送",
-            }
-        }
-    },
-};
diff --git a/ui/src/locales/lang/zh_TW/layout.ts b/ui/src/locales/lang/zh_TW/layout.ts
deleted file mode 100644
index 497582fb6ca..00000000000
--- a/ui/src/locales/lang/zh_TW/layout.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-export default {
-  breadcrumb: {},
-  sidebar: {},
-  topbar: {
-    github: '項目地址',
-    wiki: '使用者手冊',
-    forum: '論壇求助',
-    MenuItem: {
-      application: '應用',
-      dataset: '知識庫',
-      setting: '系統管理',
-      function_lib: '函數庫'
-    },
-    avatar: {
-      resetPassword: '修改密碼',
-      about: '關於',
-      logout: '退出',
-      version: '版本號',
-      apiKey: 'API Key 管理',
-      apiServiceAddress: 'API 服務地址',
-      dialog: {
-        newPassword: '新密碼',
-        enterPassword: '請輸入修改密碼',
-        confirmPassword: '確認密碼',
-        passwordLength: '密碼長度在 6 到 20 個字元',
-        passwordMismatch: '兩次密碼輸入不一致',
-        useEmail: '使用郵箱',
-        enterEmail: '請輸入郵箱',
-        enterVerificationCode: '請輸入驗證碼',
-        getVerificationCode: '獲取驗證碼',
-        verificationCodeSentSuccess: '驗證碼發送成功',
-        resend: '重新發送'
-      }
-    }
-  }
-}
diff --git a/ui/src/locales/useLocale.ts b/ui/src/locales/useLocale.ts
index c8021627ca7..f359920f33e 100644
--- a/ui/src/locales/useLocale.ts
+++ b/ui/src/locales/useLocale.ts
@@ -9,11 +9,11 @@ export function useLocale() {
     function changeLocale(lang: string) {
         // 如果切换的语言不在对应语言文件里则默认为简体中文
         if (!langCode.includes(lang)) {
-            lang = 'zh_CN';
+            lang = 'zh-CN';
         }
 
         locale.value = lang;
-        useLocalStorage(localeConfigKey, 'zh_CN').value = lang;
+        useLocalStorage(localeConfigKey, 'zh-CN').value = lang;
     }
 
     const getComponentsLocale = computed(() => {
diff --git a/ui/src/main.ts b/ui/src/main.ts
index a93fe9ea9c0..69e220b78e5 100644
--- a/ui/src/main.ts
+++ b/ui/src/main.ts
@@ -2,6 +2,8 @@ import '@/styles/index.scss'
 import ElementPlus from 'element-plus'
 import * as ElementPlusIcons from '@element-plus/icons-vue'
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import enUs from 'element-plus/dist/locale/en.mjs'
+import zhTW from 'element-plus/dist/locale/zh-tw.mjs'
 import { createApp } from 'vue'
 import { store } from '@/stores'
 import directives from '@/directives'
@@ -10,7 +12,6 @@ import router from '@/router'
 import Components from '@/components'
 import i18n from './locales'
 import { config } from 'md-editor-v3'
-
 import screenfull from 'screenfull'
 
 import katex from 'katex'
@@ -51,8 +52,13 @@ app.use(directives)
 for (const [key, component] of Object.entries(ElementPlusIcons)) {
   app.component(key, component)
 }
+const locale_map: any = {
+  'zh-CN': zhCn,
+  'zh-Hant': zhTW,
+  'en-US': enUs
+}
 app.use(ElementPlus, {
-  locale: zhCn
+  locale: locale_map[localStorage.getItem('MaxKB-locale') || 'zh-CN']
 })
 
 app.use(router)
diff --git a/ui/src/request/index.ts b/ui/src/request/index.ts
index 56a4915189d..d5792821975 100644
--- a/ui/src/request/index.ts
+++ b/ui/src/request/index.ts
@@ -25,6 +25,8 @@ instance.interceptors.request.use(
     }
     const { user } = useStore()
     const token = user.getToken()
+    const language = user.getLanguage()
+    config.headers['Accept-Language'] = `${language}`
     if (token) {
       config.headers['AUTHORIZATION'] = `${token}`
     }
@@ -208,7 +210,7 @@ export const postStream: (url: string, data?: unknown) => Promise<Result<any> |
   if (token) {
     headers['AUTHORIZATION'] = `${token}`
   }
-   headers['Accept-Language'] = `${language}`
+  headers['Accept-Language'] = `${language}`
   return fetch(url, {
     method: 'POST',
     body: data ? JSON.stringify(data) : undefined,
diff --git a/ui/src/stores/modules/application.ts b/ui/src/stores/modules/application.ts
index 359f952b5a2..3d30e62dd93 100644
--- a/ui/src/stores/modules/application.ts
+++ b/ui/src/stores/modules/application.ts
@@ -4,12 +4,10 @@ import applicationXpackApi from '@/api/application-xpack'
 import { type Ref } from 'vue'
 
 import useUserStore from './user'
-
 const useApplicationStore = defineStore({
   id: 'application',
   state: () => ({
-    location: `${window.location.origin}/ui/chat/`,
-    userLanguage: ''
+    location: `${window.location.origin}/ui/chat/`
   }),
   actions: {
     async asyncGetAllApplication() {
@@ -80,9 +78,10 @@ const useApplicationStore = defineStore({
       return new Promise((resolve, reject) => {
         applicationApi
           .getAppProfile(loading)
-          .then((data) => {
-            this.userLanguage = data.data?.language
-            resolve(data)
+          .then((res) => {
+            sessionStorage.setItem('language', res.data?.language)
+
+            resolve(res)
           })
           .catch((error) => {
             reject(error)
diff --git a/ui/src/stores/modules/user.ts b/ui/src/stores/modules/user.ts
index cb275068884..4b739d170a7 100644
--- a/ui/src/stores/modules/user.ts
+++ b/ui/src/stores/modules/user.ts
@@ -7,6 +7,8 @@ import ThemeApi from '@/api/theme'
 import { useElementPlusTheme } from 'use-element-plus-theme'
 import { defaultPlatformSetting } from '@/utils/theme'
 import useApplicationStore from './application'
+import { useLocalStorage } from '@vueuse/core'
+import { localeConfigKey } from '@/locales/index'
 export interface userStateTypes {
   userType: number // 1 系统操作者 2 对话用户
   userInfo: User | null
@@ -31,10 +33,9 @@ const useUserStore = defineStore({
   }),
   actions: {
     getLanguage() {
-      const application = useApplicationStore()
       return this.userType === 1
-        ? this.userInfo?.language || localStorage.getItem('language')
-        : application?.userLanguage
+        ? localStorage.getItem('MaxKB-locale')
+        : sessionStorage.getItem('language')
     },
     showXpack() {
       return this.isXPack
@@ -124,7 +125,7 @@ const useUserStore = defineStore({
     async profile() {
       return UserApi.profile().then(async (ok) => {
         this.userInfo = ok.data
-        localStorage.setItem('language', ok.data?.language)
+        useLocalStorage(localeConfigKey, 'zh-CN').value = ok.data.language
         return this.asyncGetProfile()
       })
     },
@@ -166,6 +167,20 @@ const useUserStore = defineStore({
       return UserApi.getQrType().then((ok) => {
         return ok.data
       })
+    },
+    async postUserLanguage(lang: string, loading?: Ref<boolean>) {
+      return new Promise((resolve, reject) => {
+        UserApi.postLanguage({ language: lang }, loading)
+          .then(async (ok) => {
+            useLocalStorage(localeConfigKey, 'zh-CN').value = lang
+            window.location.reload()
+
+            resolve(ok)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      })
     }
   }
 })
diff --git a/ui/src/views/chat/index.vue b/ui/src/views/chat/index.vue
index 36b8e447373..89bff9b067f 100644
--- a/ui/src/views/chat/index.vue
+++ b/ui/src/views/chat/index.vue
@@ -24,6 +24,8 @@ import { useRoute } from 'vue-router'
 import useStore from '@/stores'
 import Auth from '@/views/chat/auth/index.vue'
 import { hexToRgba } from '@/utils/theme'
+import { useI18n } from 'vue-i18n'
+const { locale } = useI18n({ useScope: 'global' })
 const route = useRoute()
 const { application, user } = useStore()
 
@@ -78,6 +80,7 @@ const init_data_end = ref<boolean>(false)
 const applicationAvailable = ref<boolean>(true)
 function getAppProfile() {
   return application.asyncGetAppProfile(loading).then((res: any) => {
+    locale.value = res.data?.language
     show_history.value = res.data?.show_history
     application_profile.value = res.data
   })
diff --git a/ui/src/views/log/index.vue b/ui/src/views/log/index.vue
index f48e17eb57b..b86682c1365 100644
--- a/ui/src/views/log/index.vue
+++ b/ui/src/views/log/index.vue
@@ -187,10 +187,10 @@
       <template #footer>
         <div class="dialog-footer" style="margin-top: 16px">
           <el-button @click="dialogVisible = false"
-            >{{ $t('layout.topbar.avatar.dialog.cancel') }}
+            >{{ $t('layout.avatar.dialog.cancel') }}
           </el-button>
           <el-button type="primary" @click="saveCleanTime">
-            {{ $t('layout.topbar.avatar.dialog.save') }}
+            {{ $t('layout.avatar.dialog.save') }}
           </el-button>
         </div>
       </template>
diff --git a/ui/src/views/login/index.vue b/ui/src/views/login/index.vue
index 3b1c9e8a40b..67e15a6981e 100644
--- a/ui/src/views/login/index.vue
+++ b/ui/src/views/login/index.vue
@@ -106,8 +106,11 @@ import type { FormInstance, FormRules } from 'element-plus'
 import useStore from '@/stores'
 import authApi from '@/api/auth-setting'
 import { MsgConfirm, MsgSuccess } from '@/utils/message'
+
 import { t } from '@/locales'
 import QrCodeTab from '@/views/login/components/QrCodeTab.vue'
+import { useI18n } from 'vue-i18n'
+const { locale } = useI18n({ useScope: 'global' })
 const loading = ref<boolean>(false)
 const { user } = useStore()
 const router = useRouter()
@@ -212,6 +215,7 @@ const login = () => {
     user
       .login(loginMode.value, loginForm.value.username, loginForm.value.password)
       .then(() => {
+        locale.value = localStorage.getItem('MaxKB-locale') || 'zh-CN'
         router.push({ name: 'home' })
       })
       .finally(() => (loading.value = false))