diff --git a/components/aigc/generation/CGTaskCard.client.vue b/components/aigc/generation/CGTaskCard.client.vue
index d955e57..a9c7783 100644
--- a/components/aigc/generation/CGTaskCard.client.vue
+++ b/components/aigc/generation/CGTaskCard.client.vue
@@ -3,7 +3,6 @@ import type { PropType } from 'vue'
 import dayjs from 'dayjs'
 import { useDownload } from '~/composables/useDownload'
 import gsap from 'gsap'
-import SRTEditor from '~/components/aigc/generation/SRTEditor.vue'
 
 const toast = useToast()
 const { metaSymbol } = useShortcuts()
@@ -288,7 +287,7 @@ const onCombination = () => {
         </UProgress>
       </UCard>
     </UModal>
-    <SRTEditor ref="srtEditor" :course="course" />
+    <AigcGenerationSRTEditor ref="srtEditor" :course="course" />
   </div>
 </template>
 
diff --git a/components/aigc/generation/SRTEditor.vue b/components/aigc/generation/SRTEditor.vue
index 03b4e66..c341f10 100644
--- a/components/aigc/generation/SRTEditor.vue
+++ b/components/aigc/generation/SRTEditor.vue
@@ -227,7 +227,7 @@ defineExpose({
         divide: 'divide-y divide-gray-100 dark:divide-gray-800'
       }">
         <template #header>
-          <UButton color="gray" variant="ghost" size="sm" icon="i-tabler-x"
+          <UButton color="gray" variant="ghost" size="sm" icon="tabler:x"
             class="flex sm:hidden absolute end-5 top-5 z-10" square padded @click="isDrawerActive = false" />
           <div class="flex flex-col">
             <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
@@ -346,7 +346,8 @@ defineExpose({
                   :autofocus="false" :color="subtitle.active ? 'primary' : undefined"
                   @click="onSubtitleInputClick(subtitle)" @input="() => { if (!modified) modified = true }">
                   <template #trailing>
-                    <Icon v-if="subtitle.active" name="tabler:keyframe-align-vertical-filled" />
+                    <!-- FIXME: maybe a bug here -->
+                    <UIcon v-if="subtitle.active" name="tabler:keyframe-align-vertical-filled" />
                   </template>
                 </UInput>
               </div>
@@ -360,7 +361,8 @@ defineExpose({
             <UButton :loading="isExporting" variant="soft" icon="i-tabler-file-export" @click="exportVideo">
               导出视频
             </UButton>
-            <UButton :disabled="isExporting || !modified" :loading="isSaving" icon="i-tabler-device-floppy" @click="saveNewSubtitle">
+            <UButton :disabled="isExporting || !modified" :loading="isSaving" icon="i-tabler-device-floppy"
+              @click="saveNewSubtitle">
               保存{{ isSaving ? '中' : '' }}
             </UButton>
           </div>