diff --git a/components/aigc/chat/ChatItem.vue b/components/aigc/chat/ChatItem.vue
index da03257..1e1ad15 100644
--- a/components/aigc/chat/ChatItem.vue
+++ b/components/aigc/chat/ChatItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type {PropType} from 'vue'
-import type {ChatSession} from '~/typings/llm'
+import type { PropType } from 'vue'
+import type { ChatSession } from '~/typings/llm'
 
 const props = defineProps({
   active: {
@@ -29,10 +29,10 @@ const dayjs = useDayjs()
       <Icon
           v-if="!!chatSession.assistant"
           name="i-tabler-masks-theater"
-          class="text-lg -mt-1 mr-1"
+          class="text-lg mr-1 "
       />
-      <span>
-        {{ !!chatSession.assistant ? chatSession.assistant.tpl_name : chatSession.subject }}
+      <span class="flex-1 text-ellipsis overflow-x-hidden">
+        {{ !!chatSession.assistant ? chatSession.assistant.tpl_name : chatSession.subject }}啊塞啊塞啊塞啊塞啊塞啊塞
       </span>
     </div>
     <div class="chat-card-meta">
@@ -43,7 +43,7 @@ const dayjs = useDayjs()
         @click.stop="emit('remove', chatSession)"
         class="chat-card-remove-btn text-neutral-400 group-hover:opacity-100 md:group-hover:-translate-x-0.5"
     >
-      <UIcon name="i-tabler-trash"/>
+      <Icon name="i-tabler-trash"/>
     </div>
   </div>
 </template>
@@ -59,7 +59,7 @@ const dayjs = useDayjs()
   }
 
   &-title {
-    @apply w-[calc(100%-16px)] text-sm font-medium text-ellipsis text-nowrap overflow-x-hidden;
+    @apply w-[calc(100%-16px)] inline-flex items-center text-sm font-medium text-ellipsis text-nowrap overflow-x-hidden;
   }
 
   &-meta {
diff --git a/components/aigc/course-generate/CGTaskCard.vue b/components/aigc/course-generate/CGTaskCard.vue
index b553c20..4d59845 100644
--- a/components/aigc/course-generate/CGTaskCard.vue
+++ b/components/aigc/course-generate/CGTaskCard.vue
@@ -181,9 +181,9 @@ const copyTaskId = (extraMessage?: string) => {
       <div class="flex-1 overflow-hidden pt-1">
         <h1
           :title="course.title"
-          class="text-sm font-medium overflow-hidden text-ellipsis text-nowrap"
+          class="inline-flex items-center text-sm font-medium overflow-hidden text-ellipsis text-nowrap"
         >
-          <Icon class="-mt-0.5 -ml-0.5 text-base" name="i-tabler-book-2"/>
+          <Icon class="text-base" name="i-tabler-book-2"/>
           <span class="pl-0.5">{{ course.title }}</span>
         </h1>
         <p class="text-xs pt-0.5 text-neutral-400 space-x-2">
diff --git a/components/aigc/course-generate/SRTEditor.vue b/components/aigc/course-generate/SRTEditor.vue
index cfe74b3..116070d 100644
--- a/components/aigc/course-generate/SRTEditor.vue
+++ b/components/aigc/course-generate/SRTEditor.vue
@@ -281,10 +281,9 @@ defineExpose({
         </div>
 
         <template #footer>
-          <!-- TODO: 24/07/02 Modified subtitles upload -->
           <div class="flex justify-end items-center gap-2">
             <span v-if="modified" class="text-sm text-yellow-500 font-medium">已更改但未保存</span>
-            <UButton :disabled="!modified" :loading="isSaving" @click="saveNewSubtitle">
+            <UButton :disabled="!modified" :loading="isSaving" icon="i-tabler-device-floppy" @click="saveNewSubtitle">
               保存{{ isSaving ? '中' : '' }}
             </UButton>
           </div>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9bbf53b..bde9425 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,11 +1,13 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: {enabled: true},
+  devtools: { enabled: true },
+
   runtimeConfig: {
     public: {
       API_BASE: 'https://service1.fenshenzhike.com/',
     },
   },
+
   modules: [
     '@nuxt/ui',
     'radix-vue/nuxt',
@@ -13,26 +15,29 @@ export default defineNuxtConfig({
     '@pinia/nuxt',
     '@pinia-plugin-persistedstate/nuxt',
     '@vite-pwa/nuxt',
-    ['@nuxtjs/google-fonts', {
-      display: 'swap',
-      families: {
-        Rubik: '100..900',
-        'Noto Sans SC': '100..900',
-        'Barlow Condensed': '100..900'
-      }
-    }],
+    '@nuxtjs/google-fonts',
     '@nuxt/image',
   ],
-  ui: {
-    icons: ['tabler', 'solar', 'line-md', 'svg-spinners'],
-  },
+
   colorMode: {
     preference: 'light',
   },
+
   dayjs: {
     locales: ['zh', 'en'],
     plugins: ['relativeTime', 'utc', 'timezone'],
     defaultLocale: 'zh',
     defaultTimezone: 'Asia/Shanghai',
   },
+
+  googleFonts: {
+    display: 'swap',
+    families: {
+      Rubik: '100..900',
+      'Noto Sans SC': '100..900',
+      'Barlow Condensed': '100..900',
+    },
+  },
+
+  compatibilityDate: '2024-07-28',
 })
\ No newline at end of file
diff --git a/package.json b/package.json
index 78316ff..d6161c5 100644
--- a/package.json
+++ b/package.json
@@ -11,34 +11,37 @@
   },
   "packageManager": "pnpm@9.1.3",
   "dependencies": {
-    "@iconify-json/line-md": "^1.1.36",
+    "@iconify-json/line-md": "^1.1.38",
     "@iconify-json/solar": "^1.1.9",
     "@iconify-json/svg-spinners": "^1.1.2",
-    "@iconify-json/tabler": "^1.1.105",
+    "@iconify-json/tabler": "^1.1.118",
     "@monosky/base64": "^0.0.3",
     "@nuxt/image": "^1.7.0",
-    "@nuxt/ui": "^2.14.1",
+    "@nuxt/ui": "^2.18.2",
     "@uniiem/object-trim": "^0.2.0",
     "@uniiem/uuid": "^0.2.1",
     "events": "^3.3.0",
     "gsap": "^3.12.5",
-    "highlight.js": "^11.9.0",
+    "highlight.js": "^11.10.0",
     "idb-keyval": "^6.2.1",
     "markdown-it": "^14.1.0",
-    "nuxt": "^3.10.3",
-    "radix-vue": "^1.4.9",
-    "vue": "^3.4.19",
-    "vue-router": "^4.3.0",
+    "nuxt": "^3.12.4",
+    "radix-vue": "^1.9.2",
+    "vue": "^3.4.34",
+    "vue-router": "^4.4.0",
     "yup": "^1.4.0"
   },
   "devDependencies": {
     "@nuxtjs/google-fonts": "^3.2.0",
-    "@pinia-plugin-persistedstate/nuxt": "^1.2.0",
-    "@pinia/nuxt": "^0.5.1",
-    "@tailwindcss/typography": "^0.5.12",
-    "@types/markdown-it": "^13.0.7",
+    "@pinia-plugin-persistedstate/nuxt": "^1.2.1",
+    "@pinia/nuxt": "^0.5.2",
+    "@tailwindcss/typography": "^0.5.13",
+    "@types/markdown-it": "^13.0.9",
     "@vite-pwa/nuxt": "^0.5.0",
     "dayjs-nuxt": "^2.1.9",
-    "sass": "^1.72.0"
+    "sass": "^1.77.8"
+  },
+  "peerDependencies": {
+    "dayjs": "^1.11.12"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b51c6eb..13e9d2f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,7 +9,7 @@ importers:
   .:
     dependencies:
       '@iconify-json/line-md':
-        specifier: ^1.1.36
+        specifier: ^1.1.38
         version: 1.1.38
       '@iconify-json/solar':
         specifier: ^1.1.9
@@ -18,7 +18,7 @@ importers:
         specifier: ^1.1.2
         version: 1.1.2
       '@iconify-json/tabler':
-        specifier: ^1.1.105
+        specifier: ^1.1.118
         version: 1.1.118
       '@monosky/base64':
         specifier: ^0.0.3
@@ -27,7 +27,7 @@ importers:
         specifier: ^1.7.0
         version: 1.7.0(idb-keyval@6.2.1)(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.19.1)
       '@nuxt/ui':
-        specifier: ^2.14.1
+        specifier: ^2.18.2
         version: 2.18.2(idb-keyval@6.2.1)(magicast@0.3.4)(rollup@4.19.1)(vite@5.3.5(@types/node@20.14.12)(sass@1.77.8)(terser@5.31.3))(vue@3.4.34)
       '@uniiem/object-trim':
         specifier: ^0.2.0
@@ -35,6 +35,9 @@ importers:
       '@uniiem/uuid':
         specifier: ^0.2.1
         version: 0.2.1
+      dayjs:
+        specifier: ^1.11.12
+        version: 1.11.12
       events:
         specifier: ^3.3.0
         version: 3.3.0
@@ -42,7 +45,7 @@ importers:
         specifier: ^3.12.5
         version: 3.12.5
       highlight.js:
-        specifier: ^11.9.0
+        specifier: ^11.10.0
         version: 11.10.0
       idb-keyval:
         specifier: ^6.2.1
@@ -51,16 +54,16 @@ importers:
         specifier: ^14.1.0
         version: 14.1.0
       nuxt:
-        specifier: ^3.10.3
+        specifier: ^3.12.4
         version: 3.12.4(@parcel/watcher@2.4.1)(@types/node@20.14.12)(idb-keyval@6.2.1)(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.19.1)(sass@1.77.8)(terser@5.31.3)(vite@5.3.5(@types/node@20.14.12)(sass@1.77.8)(terser@5.31.3))
       radix-vue:
-        specifier: ^1.4.9
+        specifier: ^1.9.2
         version: 1.9.2(vue@3.4.34)
       vue:
-        specifier: ^3.4.19
+        specifier: ^3.4.34
         version: 3.4.34
       vue-router:
-        specifier: ^4.3.0
+        specifier: ^4.4.0
         version: 4.4.0(vue@3.4.34)
       yup:
         specifier: ^1.4.0
@@ -70,16 +73,16 @@ importers:
         specifier: ^3.2.0
         version: 3.2.0(magicast@0.3.4)(rollup@4.19.1)
       '@pinia-plugin-persistedstate/nuxt':
-        specifier: ^1.2.0
+        specifier: ^1.2.1
         version: 1.2.1(@pinia/nuxt@0.5.2(magicast@0.3.4)(rollup@4.19.1)(vue@3.4.34))(magicast@0.3.4)(pinia@2.2.0(vue@3.4.34))(rollup@4.19.1)
       '@pinia/nuxt':
-        specifier: ^0.5.1
+        specifier: ^0.5.2
         version: 0.5.2(magicast@0.3.4)(rollup@4.19.1)(vue@3.4.34)
       '@tailwindcss/typography':
-        specifier: ^0.5.12
+        specifier: ^0.5.13
         version: 0.5.13(tailwindcss@3.4.7)
       '@types/markdown-it':
-        specifier: ^13.0.7
+        specifier: ^13.0.9
         version: 13.0.9
       '@vite-pwa/nuxt':
         specifier: ^0.5.0
@@ -88,7 +91,7 @@ importers:
         specifier: ^2.1.9
         version: 2.1.9(magicast@0.3.4)(rollup@4.19.1)
       sass:
-        specifier: ^1.72.0
+        specifier: ^1.77.8
         version: 1.77.8
 
 packages: