diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 00000000..89f0acdc
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,31 @@
+# 强制使用 LF 换行符
+* text=auto eol=lf
+
+# 明确指定文本文件
+*.ts text eol=lf
+*.tsx text eol=lf
+*.js text eol=lf
+*.jsx text eol=lf
+*.vue text eol=lf
+*.json text eol=lf
+*.md text eol=lf
+*.yml text eol=lf
+*.yaml text eol=lf
+*.css text eol=lf
+*.scss text eol=lf
+*.html text eol=lf
+*.xml text eol=lf
+*.txt text eol=lf
+*.sh text eol=lf
+
+# 二进制文件
+*.png binary
+*.jpg binary
+*.jpeg binary
+*.gif binary
+*.ico binary
+*.woff binary
+*.woff2 binary
+*.ttf binary
+*.eot binary
+*.otf binary
diff --git a/packages/extension/src/App.vue b/packages/extension/src/App.vue
index 7f834351..c331342c 100644
--- a/packages/extension/src/App.vue
+++ b/packages/extension/src/App.vue
@@ -952,6 +952,7 @@ import {
     toRef,
     nextTick,
     onMounted,
+    type Ref,
 } from "vue";
 import { useI18n } from "vue-i18n";
 import {
@@ -1045,6 +1046,7 @@ import type {
 import type {
     ModelSelectOption,
     TemplateSelectOption,
+    TestAreaPanelInstance,
 } from "@prompt-optimizer/ui";
 
 // 1. 基础 composables
@@ -1090,9 +1092,13 @@ const saveFavoriteData = ref<{
     originalContent?: string;
 } | null>(null);
 const optimizeModelSelect = ref(null);
-const testPanelRef = ref(null);
-const systemWorkspaceRef = ref(null);
-const userWorkspaceRef = ref(null);
+type ContextWorkspaceExpose = {
+    testAreaPanelRef?: Ref<TestAreaPanelInstance | null>;
+};
+
+const testPanelRef = ref<TestAreaPanelInstance | null>(null);
+const systemWorkspaceRef = ref<ContextWorkspaceExpose | null>(null);
+const userWorkspaceRef = ref<ContextWorkspaceExpose | null>(null);
 const promptPanelRef = ref<{
     refreshIterateTemplateSelect?: () => void;
 } | null>(null);
@@ -2057,6 +2063,23 @@ const promptInputPlaceholder = computed(() => {
 });
 
 // 真实测试处理函数
+const getActiveTestPanelInstance = (): TestAreaPanelInstance | null => {
+    if (functionMode.value === "pro") {
+        if (contextMode.value === "system") {
+            return (
+                systemWorkspaceRef.value?.testAreaPanelRef?.value ?? null
+            );
+        }
+        return userWorkspaceRef.value?.testAreaPanelRef?.value ?? null;
+    }
+
+    if (functionMode.value === "basic") {
+        return testPanelRef.value;
+    }
+
+    return null;
+};
+
 const handleTestAreaTest = async (testVariables?: Record<string, string>) => {
     // 调用 promptTester 的 executeTest 方法
     await promptTester.executeTest(
@@ -2065,7 +2088,7 @@ const handleTestAreaTest = async (testVariables?: Record<string, string>) => {
         testContent.value,
         isCompareMode.value,
         testVariables,
-        testPanelRef.value
+        getActiveTestPanelInstance()
     );
 };
 
diff --git a/packages/ui/.eslintrc.json b/packages/ui/.eslintrc.json
index 2fe7708c..7d9fb71b 100644
--- a/packages/ui/.eslintrc.json
+++ b/packages/ui/.eslintrc.json
@@ -20,13 +20,19 @@
     "node": true
   },
   "rules": {
-    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+    "@typescript-eslint/no-unused-vars": ["error", {
+      "argsIgnorePattern": "^_",
+      "destructuredArrayIgnorePattern": "^_",
+      "caughtErrorsIgnorePattern": "^_"
+    }],
     "@typescript-eslint/no-explicit-any": "warn",
     "prefer-const": "error",
     "no-var": "error",
     "no-console": "off",
     "no-duplicate-imports": "error",
     "no-undef": "off",
+    "no-empty": ["error", { "allowEmptyCatch": true }],
+    "no-unused-vars": "off",
     "vue/multi-word-component-names": "off",
     "vue/no-v-html": "off",
     "vue/require-default-prop": "off",
@@ -39,11 +45,23 @@
       "parser": "vue-eslint-parser",
       "parserOptions": {
         "parser": "@typescript-eslint/parser"
+      },
+      "rules": {
+        "@typescript-eslint/no-unused-vars": ["error", {
+          "argsIgnorePattern": "^_",
+          "varsIgnorePattern": "^(props|emit|context|slots|attrs)$",
+          "destructuredArrayIgnorePattern": "^_",
+          "caughtErrorsIgnorePattern": "^_"
+        }],
+        "no-unused-vars": "off"
       }
     },
     {
       "files": ["*.ts", "*.tsx"],
-      "parser": "@typescript-eslint/parser"
+      "parser": "@typescript-eslint/parser",
+      "rules": {
+        "@typescript-eslint/no-unused-vars": "off"
+      }
     }
   ],
   "ignorePatterns": [
@@ -53,4 +71,4 @@
     "*.cjs",
     "*.mjs"
   ]
-}
\ No newline at end of file
+}
diff --git a/packages/ui/env.d.ts b/packages/ui/env.d.ts
index 553a8626..128cde31 100644
--- a/packages/ui/env.d.ts
+++ b/packages/ui/env.d.ts
@@ -1,7 +1,8 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
+  import { type DefineComponent } from 'vue'
+
   const component: DefineComponent<{}, {}, any>
   export default component
 }
diff --git a/packages/ui/src/components.d.ts b/packages/ui/src/components.d.ts
index f635cc73..3f6e8109 100644
--- a/packages/ui/src/components.d.ts
+++ b/packages/ui/src/components.d.ts
@@ -1,12 +1,12 @@
-import type { DefineComponent } from 'vue'
+import { type DefineComponent } from 'vue'
 
 declare module 'vue' {
   export interface GlobalComponents {
-    [key: string]: DefineComponent<{}, {}, any>
+    [key: string]: DefineComponent<Record<string, unknown>, Record<string, unknown>, Record<string, unknown>>
   }
 }
 
 declare module '*.vue' {
-  const component: DefineComponent<{}, {}, any>
+  const component: DefineComponent<Record<string, unknown>, Record<string, unknown>, Record<string, unknown>>
   export default component
-} 
\ No newline at end of file
+}
diff --git a/packages/ui/src/components/ActionButton.vue b/packages/ui/src/components/ActionButton.vue
index 43b87642..c2e2d749 100644
--- a/packages/ui/src/components/ActionButton.vue
+++ b/packages/ui/src/components/ActionButton.vue
@@ -21,6 +21,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NButton } from 'naive-ui'
 
diff --git a/packages/ui/src/components/BasicTestMode.vue b/packages/ui/src/components/BasicTestMode.vue
index 32018322..26db9209 100644
--- a/packages/ui/src/components/BasicTestMode.vue
+++ b/packages/ui/src/components/BasicTestMode.vue
@@ -146,6 +146,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, nextTick } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NButton, NCard } from 'naive-ui'
 import { useToast } from '../composables/useToast'
diff --git a/packages/ui/src/components/BuiltinTemplateLanguageSwitch.vue b/packages/ui/src/components/BuiltinTemplateLanguageSwitch.vue
index 3537003b..057f9652 100644
--- a/packages/ui/src/components/BuiltinTemplateLanguageSwitch.vue
+++ b/packages/ui/src/components/BuiltinTemplateLanguageSwitch.vue
@@ -28,6 +28,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted, computed, inject, type Ref } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NButton } from 'naive-ui'
 import { useToast } from '../composables/useToast'
diff --git a/packages/ui/src/components/CategoryManager.vue b/packages/ui/src/components/CategoryManager.vue
index 4a60083d..c6abfc11 100644
--- a/packages/ui/src/components/CategoryManager.vue
+++ b/packages/ui/src/components/CategoryManager.vue
@@ -125,7 +125,8 @@
 </template>
 
 <script setup lang="ts">
-import { h, ref, computed, inject, onMounted, watch, type Ref, type VNodeChild } from 'vue';
+import { h, ref, computed, inject, onMounted, watch, type Ref, type VNodeChild } from 'vue'
+
 import {
   NButton,
   NIcon,
diff --git a/packages/ui/src/components/CategoryTreeSelect.vue b/packages/ui/src/components/CategoryTreeSelect.vue
index effb32ae..7c041aa1 100644
--- a/packages/ui/src/components/CategoryTreeSelect.vue
+++ b/packages/ui/src/components/CategoryTreeSelect.vue
@@ -37,7 +37,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, inject, type Ref } from 'vue';
+import { ref, computed, watch, inject, type Ref } from 'vue'
+
 import { NTreeSelect, NButton, NIcon, NModal, type TreeSelectOption } from 'naive-ui';
 import { Folder } from '@vicons/tabler';
 import { useI18n } from 'vue-i18n';
diff --git a/packages/ui/src/components/DataManager.vue b/packages/ui/src/components/DataManager.vue
index 60362b51..a6f69725 100644
--- a/packages/ui/src/components/DataManager.vue
+++ b/packages/ui/src/components/DataManager.vue
@@ -181,6 +181,7 @@
 
 <script setup lang="ts">
 import { ref, computed, inject, onMounted, onUnmounted, type Ref } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { 
   NModal, NSpace, NText, NButton, NUpload, NUploadDragger, 
diff --git a/packages/ui/src/components/FavoriteButton.vue b/packages/ui/src/components/FavoriteButton.vue
index 2245dc3d..504dda9b 100644
--- a/packages/ui/src/components/FavoriteButton.vue
+++ b/packages/ui/src/components/FavoriteButton.vue
@@ -90,7 +90,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, inject, watch, type Ref } from 'vue';
+import { ref, computed, onMounted, inject, watch, type Ref } from 'vue'
+
 import {
   NButton,
   NIcon,
diff --git a/packages/ui/src/components/FavoriteCard.vue b/packages/ui/src/components/FavoriteCard.vue
index 954d4d3e..b96bef47 100644
--- a/packages/ui/src/components/FavoriteCard.vue
+++ b/packages/ui/src/components/FavoriteCard.vue
@@ -262,7 +262,8 @@
 </template>
 
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref } from 'vue';
+import { onBeforeUnmount, onMounted, ref } from 'vue'
+
 import { useDebounceFn } from '@vueuse/core';
 import {
   NCard,
diff --git a/packages/ui/src/components/FavoriteListItem.vue b/packages/ui/src/components/FavoriteListItem.vue
index c303b52e..8cd4cfbc 100644
--- a/packages/ui/src/components/FavoriteListItem.vue
+++ b/packages/ui/src/components/FavoriteListItem.vue
@@ -117,7 +117,8 @@
 </template>
 
 <script setup lang="ts">
-import { h } from 'vue';
+import { h } from 'vue'
+
 import {
   NListItem,
   NThing,
diff --git a/packages/ui/src/components/FavoriteManager.vue b/packages/ui/src/components/FavoriteManager.vue
index d9355c85..2f4906d7 100644
--- a/packages/ui/src/components/FavoriteManager.vue
+++ b/packages/ui/src/components/FavoriteManager.vue
@@ -241,7 +241,8 @@
 </template>
 
 <script setup lang="ts">
-import { h, inject, onBeforeUnmount, onMounted, reactive, ref, watch, computed, type Ref } from 'vue';
+import { h, inject, onBeforeUnmount, onMounted, reactive, ref, watch, computed, type Ref } from 'vue'
+
 import { useDebounceFn } from '@vueuse/core';
 import {
   NButton,
diff --git a/packages/ui/src/components/FullscreenDialog.vue b/packages/ui/src/components/FullscreenDialog.vue
index 4c2be496..32cd22ab 100644
--- a/packages/ui/src/components/FullscreenDialog.vue
+++ b/packages/ui/src/components/FullscreenDialog.vue
@@ -18,6 +18,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { NModal, NFlex } from 'naive-ui'
 
 const props = defineProps({
diff --git a/packages/ui/src/components/HistoryDrawer.vue b/packages/ui/src/components/HistoryDrawer.vue
index 5ccfb3f9..4c1d41ff 100644
--- a/packages/ui/src/components/HistoryDrawer.vue
+++ b/packages/ui/src/components/HistoryDrawer.vue
@@ -181,6 +181,7 @@
 
 <script setup lang="ts">
 import { ref, watch, computed, type PropType } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import {
   NModal, NScrollbar, NSpace, NCard, NText, NTag, NButton, 
diff --git a/packages/ui/src/components/ImageModelEditModal.vue b/packages/ui/src/components/ImageModelEditModal.vue
index f8e8486f..580996df 100644
--- a/packages/ui/src/components/ImageModelEditModal.vue
+++ b/packages/ui/src/components/ImageModelEditModal.vue
@@ -213,6 +213,7 @@
 
 <script setup lang="ts">
 import { computed, watch, nextTick } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import {
   NModal, NScrollbar, NSpace, NInput, NInputNumber,
diff --git a/packages/ui/src/components/ImageModelManager.vue b/packages/ui/src/components/ImageModelManager.vue
index 9e745761..782d222c 100644
--- a/packages/ui/src/components/ImageModelManager.vue
+++ b/packages/ui/src/components/ImageModelManager.vue
@@ -140,6 +140,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted, inject } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import {
   NSpace, NCard, NText, NTag, NButton, NEmpty, NImage
diff --git a/packages/ui/src/components/InputPanel.vue b/packages/ui/src/components/InputPanel.vue
index 6218f063..41274b7f 100644
--- a/packages/ui/src/components/InputPanel.vue
+++ b/packages/ui/src/components/InputPanel.vue
@@ -169,7 +169,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed } from 'vue'
+
 import {
     NInput,
     NButton,
diff --git a/packages/ui/src/components/InputWithSelect.vue b/packages/ui/src/components/InputWithSelect.vue
index fa6fae71..712586a9 100644
--- a/packages/ui/src/components/InputWithSelect.vue
+++ b/packages/ui/src/components/InputWithSelect.vue
@@ -72,7 +72,8 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, computed } from 'vue';
+import { ref, onMounted, onUnmounted, computed } from 'vue'
+
 import { NInput, NButton, NCard, NEmpty, NSpace } from 'naive-ui';
 
 const props = defineProps({
diff --git a/packages/ui/src/components/LanguageSwitchDropdown.vue b/packages/ui/src/components/LanguageSwitchDropdown.vue
index 44753998..f3633fef 100644
--- a/packages/ui/src/components/LanguageSwitchDropdown.vue
+++ b/packages/ui/src/components/LanguageSwitchDropdown.vue
@@ -56,6 +56,7 @@
 
 <script setup lang="ts">
 import { computed, inject, type Ref } from 'vue'
+
 import { NButton, NDropdown, type DropdownOption } from 'naive-ui'
 import { i18n } from '../plugins/i18n'
 import { UI_SETTINGS_KEYS } from '@prompt-optimizer/core'
diff --git a/packages/ui/src/components/MainLayout.vue b/packages/ui/src/components/MainLayout.vue
index b9c56ec6..f32f7ecc 100644
--- a/packages/ui/src/components/MainLayout.vue
+++ b/packages/ui/src/components/MainLayout.vue
@@ -64,6 +64,7 @@
 
 <script setup lang="ts">
 import { computed, ref, onMounted, onUnmounted } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NLayout, NLayoutHeader, NLayoutContent, NFlex, NImage, NText } from 'naive-ui'
 import { ToastUI } from '../index'
diff --git a/packages/ui/src/components/MarkdownRenderer.vue b/packages/ui/src/components/MarkdownRenderer.vue
index 0d2b8dae..820a6d5a 100644
--- a/packages/ui/src/components/MarkdownRenderer.vue
+++ b/packages/ui/src/components/MarkdownRenderer.vue
@@ -1,35 +1,46 @@
 <template>
-    <NScrollbar v-if="!disableInternalScroll" style="height: 100%; max-height: 100%;" :bordered="false">
-      <div ref="markdownContainer" class="markdown-content markdown-content--scrollable">
-      </div>
+    <NScrollbar
+        v-if="!disableInternalScroll"
+        style="height: 100%; max-height: 100%"
+        :bordered="false"
+    >
+        <div
+            ref="markdownContainer"
+            class="markdown-content markdown-content--scrollable"
+        ></div>
     </NScrollbar>
-    <div v-else ref="markdownContainer" class="markdown-content" style="height: 100%; max-height: 100%; overflow-y: auto;">
-    </div>
+    <div
+        v-else
+        ref="markdownContainer"
+        class="markdown-content"
+        style="height: 100%; max-height: 100%; overflow-y: auto"
+    ></div>
 </template>
 
 <script setup>
-import { NScrollbar } from 'naive-ui'
-import { ref, watch, onMounted } from 'vue';
-import MarkdownIt from 'markdown-it';
-import DOMPurify from 'dompurify';
-import hljs from 'highlight.js';
-import 'highlight.js/styles/github.css';
+import { ref, watch, onMounted } from "vue";
+import { NScrollbar } from "naive-ui";
+
+import MarkdownIt from "markdown-it";
+import DOMPurify from "dompurify";
+import hljs from "highlight.js";
+import "highlight.js/styles/github.css";
 
 const props = defineProps({
-  content: {
-    type: String,
-    default: ''
-  },
-  // 新增：流式模式标识，用于优化流式渲染性能
-  streaming: {
-    type: Boolean,
-    default: false
-  },
-  // 新增：禁用内部滚动，避免与外层滚动冲突
-  disableInternalScroll: {
-    type: Boolean,
-    default: false
-  }
+    content: {
+        type: String,
+        default: "",
+    },
+    // 新增：流式模式标识，用于优化流式渲染性能
+    streaming: {
+        type: Boolean,
+        default: false,
+    },
+    // 新增：禁用内部滚动，避免与外层滚动冲突
+    disableInternalScroll: {
+        type: Boolean,
+        default: false,
+    },
 });
 
 const markdownContainer = ref(null);
@@ -37,218 +48,233 @@ const renderError = ref(null);
 
 // 通用防抖函数
 const debounce = (fn, delay) => {
-  let timer = null;
-  return function(...args) {
-    if (timer) clearTimeout(timer);
-    timer = setTimeout(() => fn.apply(this, args), delay);
-  };
+    let timer = null;
+    return function (...args) {
+        if (timer) clearTimeout(timer);
+        timer = setTimeout(() => fn.apply(this, args), delay);
+    };
 };
 
 // 统一错误处理
-const handleError = (error, context = '') => {
-  console.error(`Markdown ${context} error:`, error);
-  renderError.value = error.message;
-  return ''; // 返回空字符串作为默认值
+const handleError = (error, context = "") => {
+    console.error(`Markdown ${context} error:`, error);
+    renderError.value = error.message;
+    return ""; // 返回空字符串作为默认值
 };
 
 // 创建 markdown-it 实例并配置插件
 const md = new MarkdownIt({
-  html: true,
-  breaks: false,
-  linkify: true,
-  typographer: true,
-  highlight: function(str, lang) {
-    if (!lang || !hljs.getLanguage(lang)) return str;
-    
-    try {
-      return hljs.highlight(str, { language: lang }).value;
-    } catch (error) {
-      handleError(error, 'syntax highlighting');
-      return str;
-    }
-  }
+    html: true,
+    breaks: false,
+    linkify: true,
+    typographer: true,
+    highlight: function (str, lang) {
+        if (!lang || !hljs.getLanguage(lang)) return str;
+
+        try {
+            return hljs.highlight(str, { language: lang }).value;
+        } catch (error) {
+            handleError(error, "syntax highlighting");
+            return str;
+        }
+    },
 });
 
 // 预处理Markdown内容，移除多余空行
 const removeExtraEmptyLines = (content) => {
-  if (!content) return '';
-  return content.replace(/\n\s*\n\s*(\n\s*)+/g, '\n\n');
+    if (!content) return "";
+    return content.replace(/\n\s*\n\s*(\n\s*)+/g, "\n\n");
 };
 
 // 为代码块添加语言标签的高效实现
 const addLanguageLabels = () => {
-  if (!markdownContainer.value) return;
-  
-  try {
-    // 批量操作避免频繁重排
-    const preElements = markdownContainer.value.querySelectorAll('pre');
-    if (!preElements.length) return;
-    
-    const processedPres = new Set();
-    
-    preElements.forEach(pre => {
-      // 如果已经处理过，跳过
-      if (processedPres.has(pre)) return;
-      processedPres.add(pre);
-      
-      // 查找代码元素和语言类
-      const codeEl = pre.querySelector('code');
-      if (!codeEl || !codeEl.className) return;
-      
-      const langMatch = codeEl.className.match(/language-(\w+)/);
-      if (!langMatch || !langMatch[1]) return;
-      
-      // 如果pre已经在pre-wrapper中，只更新标签内容
-      if (pre.parentNode.classList.contains('pre-wrapper')) {
-        const existingLabel = pre.parentNode.querySelector('.code-language-label');
-        if (existingLabel) {
-          existingLabel.textContent = langMatch[1];
-        }
-        return;
-      }
-      
-      // 创建包装容器和标签
-      const wrapper = document.createElement('div');
-      wrapper.className = 'pre-wrapper';
-      
-      const label = document.createElement('div');
-      label.className = 'code-language-label';
-      label.textContent = langMatch[1];
-      
-      // 获取pre的父元素和位置
-      const parent = pre.parentNode;
-      const nextSibling = pre.nextSibling;
-      
-      // 构建DOM结构
-      wrapper.appendChild(label);
-      wrapper.appendChild(pre.cloneNode(true));
-      
-      // 替换原始pre
-      if (nextSibling) {
-        parent.insertBefore(wrapper, nextSibling);
-      } else {
-        parent.appendChild(wrapper);
-      }
-      
-      // 移除原始pre（因为我们已经克隆并添加到wrapper）
-      parent.removeChild(pre);
-    });
-  } catch (error) {
-    handleError(error, 'language label processing');
-  }
+    if (!markdownContainer.value) return;
+
+    try {
+        // 批量操作避免频繁重排
+        const preElements = markdownContainer.value.querySelectorAll("pre");
+        if (!preElements.length) return;
+
+        const processedPres = new Set();
+
+        preElements.forEach((pre) => {
+            // 如果已经处理过，跳过
+            if (processedPres.has(pre)) return;
+            processedPres.add(pre);
+
+            // 查找代码元素和语言类
+            const codeEl = pre.querySelector("code");
+            if (!codeEl || !codeEl.className) return;
+
+            const langMatch = codeEl.className.match(/language-(\w+)/);
+            if (!langMatch || !langMatch[1]) return;
+
+            // 如果pre已经在pre-wrapper中，只更新标签内容
+            if (pre.parentNode.classList.contains("pre-wrapper")) {
+                const existingLabel = pre.parentNode.querySelector(
+                    ".code-language-label",
+                );
+                if (existingLabel) {
+                    existingLabel.textContent = langMatch[1];
+                }
+                return;
+            }
+
+            // 创建包装容器和标签
+            const wrapper = document.createElement("div");
+            wrapper.className = "pre-wrapper";
+
+            const label = document.createElement("div");
+            label.className = "code-language-label";
+            label.textContent = langMatch[1];
+
+            // 获取pre的父元素和位置
+            const parent = pre.parentNode;
+            const nextSibling = pre.nextSibling;
+
+            // 构建DOM结构
+            wrapper.appendChild(label);
+            wrapper.appendChild(pre.cloneNode(true));
+
+            // 替换原始pre
+            if (nextSibling) {
+                parent.insertBefore(wrapper, nextSibling);
+            } else {
+                parent.appendChild(wrapper);
+            }
+
+            // 移除原始pre（因为我们已经克隆并添加到wrapper）
+            parent.removeChild(pre);
+        });
+    } catch (error) {
+        handleError(error, "language label processing");
+    }
 };
 
 // 优化的HTML处理函数
 const processHTML = (html) => {
-  if (!html) return '';
-  
-  try {
-    // 先将代码块提取出来保存，避免处理
-    const codeBlocks = [];
-    let processedHtml = html.replace(/<pre\b[^>]*>([\s\S]*?)<\/pre>/g, (match) => {
-      const id = `CODE_BLOCK_${codeBlocks.length}`;
-      codeBlocks.push(match);
-      return id;
-    });
-    
-    // 处理非代码块部分的HTML
-    const parser = new DOMParser();
-    const doc = parser.parseFromString(processedHtml, 'text/html');
-    
-    // 判断是否解析成功
-    const parseError = doc.querySelector('parsererror');
-    if (parseError) {
-      throw new Error('HTML parsing error');
+    if (!html) return "";
+
+    try {
+        // 先将代码块提取出来保存，避免处理
+        const codeBlocks = [];
+        let processedHtml = html.replace(
+            /<pre\b[^>]*>([\s\S]*?)<\/pre>/g,
+            (match) => {
+                const id = `CODE_BLOCK_${codeBlocks.length}`;
+                codeBlocks.push(match);
+                return id;
+            },
+        );
+
+        // 处理非代码块部分的HTML
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(processedHtml, "text/html");
+
+        // 判断是否解析成功
+        const parseError = doc.querySelector("parsererror");
+        if (parseError) {
+            throw new Error("HTML parsing error");
+        }
+
+        const fragment = doc.body;
+
+        // 删除空节点处理函数 - 保持不变
+        const processNode = (node) => {
+            const preserveElements = ["HR", "BR"];
+            if (
+                node.nodeType !== Node.ELEMENT_NODE ||
+                preserveElements.includes(node.tagName)
+            ) {
+                return;
+            }
+
+            const children = Array.from(node.childNodes);
+
+            for (let i = children.length - 1; i >= 0; i--) {
+                const child = children[i];
+
+                if (child.nodeType === Node.TEXT_NODE) {
+                    if (!child.textContent.trim()) {
+                        node.removeChild(child);
+                    } else {
+                        child.textContent = child.textContent.replace(
+                            /\s{2,}/g,
+                            " ",
+                        );
+                    }
+                    continue;
+                }
+
+                if (child.nodeType === Node.ELEMENT_NODE) {
+                    processNode(child);
+
+                    if (
+                        child.tagName === "P" &&
+                        !child.textContent.trim() &&
+                        !child.querySelector("img, br")
+                    ) {
+                        node.removeChild(child);
+                    }
+                }
+            }
+        };
+
+        // 处理整个文档
+        processNode(fragment);
+
+        // 获取处理后的HTML
+        processedHtml = fragment.innerHTML;
+
+        // 将代码块放回原处
+        codeBlocks.forEach((block, i) => {
+            processedHtml = processedHtml.replace(`CODE_BLOCK_${i}`, block);
+        });
+
+        return processedHtml;
+    } catch (error) {
+        return handleError(error, "HTML processing");
     }
-    
-    const fragment = doc.body;
-    
-    // 删除空节点处理函数 - 保持不变
-    const processNode = (node) => {
-      const preserveElements = ['HR', 'BR'];
-      if (node.nodeType !== Node.ELEMENT_NODE || preserveElements.includes(node.tagName)) {
-        return;
-      }
-      
-      const children = Array.from(node.childNodes);
-      
-      for (let i = children.length - 1; i >= 0; i--) {
-        const child = children[i];
-        
-        if (child.nodeType === Node.TEXT_NODE) {
-          if (!child.textContent.trim()) {
-            node.removeChild(child);
-          } else {
-            child.textContent = child.textContent.replace(/\s{2,}/g, ' ');
-          }
-          continue;
-        }
-        
-        if (child.nodeType === Node.ELEMENT_NODE) {
-          processNode(child);
-          
-          if (child.tagName === 'P' && !child.textContent.trim() && !child.querySelector('img, br')) {
-            node.removeChild(child);
-          }
-        }
-      }
-    };
-    
-    // 处理整个文档
-    processNode(fragment);
-    
-    // 获取处理后的HTML
-    processedHtml = fragment.innerHTML;
-    
-    // 将代码块放回原处
-    codeBlocks.forEach((block, i) => {
-      processedHtml = processedHtml.replace(`CODE_BLOCK_${i}`, block);
-    });
-    
-    return processedHtml;
-  } catch (error) {
-    return handleError(error, 'HTML processing');
-  }
 };
 
 // 渲染Markdown内容
 const renderMarkdown = () => {
-  renderError.value = null;
-  
-  if (!props.content) {
-    if (markdownContainer.value) {
-      markdownContainer.value.innerHTML = '';
+    renderError.value = null;
+
+    if (!props.content) {
+        if (markdownContainer.value) {
+            markdownContainer.value.innerHTML = "";
+        }
+        return;
     }
-    return;
-  }
-  
-  try {
-    // 预处理内容
-    const processedContent = removeExtraEmptyLines(props.content);
-    
-    // 使用markdown-it将Markdown转为HTML
-    const rawHtml = md.render(processedContent);
-    
-    // 处理HTML
-    const processedHtml = processHTML(rawHtml);
-    
-    // 使用DOMPurify清理HTML
-    const cleanHtml = DOMPurify.sanitize(processedHtml);
-    
-    if (markdownContainer.value) {
-      markdownContainer.value.innerHTML = cleanHtml;
-      
-      // 使用requestAnimationFrame提高渲染性能
-      requestAnimationFrame(() => {
-        addLanguageLabels();
-      });
+
+    try {
+        // 预处理内容
+        const processedContent = removeExtraEmptyLines(props.content);
+
+        // 使用markdown-it将Markdown转为HTML
+        const rawHtml = md.render(processedContent);
+
+        // 处理HTML
+        const processedHtml = processHTML(rawHtml);
+
+        // 使用DOMPurify清理HTML
+        const cleanHtml = DOMPurify.sanitize(processedHtml);
+
+        if (markdownContainer.value) {
+            markdownContainer.value.innerHTML = cleanHtml;
+
+            // 使用requestAnimationFrame提高渲染性能
+            requestAnimationFrame(() => {
+                addLanguageLabels();
+            });
+        }
+    } catch (error) {
+        handleError(error, "rendering");
+        if (markdownContainer.value) {
+            markdownContainer.value.innerHTML = `<p class="text-red-500">Error rendering markdown: ${renderError.value}</p>`;
+        }
     }
-  } catch (error) {
-    handleError(error, 'rendering');
-    if (markdownContainer.value) {
-      markdownContainer.value.innerHTML = `<p class="text-red-500">Error rendering markdown: ${renderError.value}</p>`;
-    }
-  }
 };
 
 // 使用防抖处理内容变化，但对流式场景优化
@@ -256,22 +282,26 @@ const debouncedRenderMarkdown = debounce(renderMarkdown, 10); // 从50ms降低
 const streamingRenderMarkdown = debounce(renderMarkdown, 5); // 流式模式使用更短的延迟
 
 // 监听content变化时重新渲染
-watch(() => props.content, (newContent) => {
-  if (!newContent || newContent.trim() === '') {
-    // 对于空内容，立即渲染，不使用防抖
-    renderMarkdown();
-    return;
-  }
-  
-  // 根据是否在流式模式选择不同的渲染策略
-  if (props.streaming) {
-    // 流式模式：使用更短的防抖延迟以获得更快的响应
-    streamingRenderMarkdown();
-  } else {
-    // 普通模式：使用标准防抖
-    debouncedRenderMarkdown();
-  }
-}, { immediate: true });
+watch(
+    () => props.content,
+    (newContent) => {
+        if (!newContent || newContent.trim() === "") {
+            // 对于空内容，立即渲染，不使用防抖
+            renderMarkdown();
+            return;
+        }
+
+        // 根据是否在流式模式选择不同的渲染策略
+        if (props.streaming) {
+            // 流式模式：使用更短的防抖延迟以获得更快的响应
+            streamingRenderMarkdown();
+        } else {
+            // 普通模式：使用标准防抖
+            debouncedRenderMarkdown();
+        }
+    },
+    { immediate: true },
+);
 
 // 组件挂载时渲染
 onMounted(renderMarkdown);
@@ -280,243 +310,245 @@ onMounted(renderMarkdown);
 <style>
 /* 基本布局和非颜色样式 */
 .markdown-content {
-  line-height: 1.5;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  hyphens: auto;
-  /* Pure Naive UI theme - remove custom CSS variables */
-  padding: 0.75rem; /* 提供合适的内边距，与其他组件保持一致 */
+    line-height: 1.5;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    hyphens: auto;
+    /* Pure Naive UI theme - remove custom CSS variables */
+    padding: 0.75rem; /* 提供合适的内边距，与其他组件保持一致 */
 }
 
 /* 当使用 NScrollbar 时，不需要自己的滚动条 */
 .markdown-content--scrollable {
-  /* 隐藏滚动条但保持可滚动 */
-  scrollbar-width: none; /* Firefox */
-  -ms-overflow-style: none; /* IE and Edge */
+    /* 隐藏滚动条但保持可滚动 */
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
 }
 
 /* 隐藏 Webkit 滚动条 */
 .markdown-content::-webkit-scrollbar {
-  display: none;
+    display: none;
 }
 
 /* 移除第一个子元素的上边距，避免顶部空白 */
 .markdown-content > *:first-child {
-  margin-top: 0 !important;
+    margin-top: 0 !important;
 }
 
 /* 移除最后一个子元素的下边距，保持底部对齐 */
 .markdown-content > *:last-child {
-  margin-bottom: 0 !important;
+    margin-bottom: 0 !important;
 }
 
 /* 使用CSS变量，方便主题切换 */
 :root {
-  --md-title-spacing: 1em 0;
-  --md-spacing-sm: 0.3em 0;
-  --md-spacing-md: 0.5em 0;
-  --md-spacing-lg: 0.8em 0;
+    --md-title-spacing: 1em 0;
+    --md-spacing-sm: 0.3em 0;
+    --md-spacing-md: 0.5em 0;
+    --md-spacing-lg: 0.8em 0;
 }
 
 /* 标题样式优化 - 使用主题颜色 */
 .markdown-content h1 {
-  line-height: 1.5;
-  font-size: 1.6em;
-  margin: var(--md-title-spacing);
-  font-weight: 600;
-  color: inherit;
+    line-height: 1.5;
+    font-size: 1.6em;
+    margin: var(--md-title-spacing);
+    font-weight: 600;
+    color: inherit;
 }
 
 .markdown-content h2 {
-  line-height: 1.5;
-  font-size: 1.4em;
-  margin: var(--md-spacing-lg);
-  font-weight: 600;
-  padding-bottom: 0.1em;
-  color: inherit;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    line-height: 1.5;
+    font-size: 1.4em;
+    margin: var(--md-spacing-lg);
+    font-weight: 600;
+    padding-bottom: 0.1em;
+    color: inherit;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .markdown-content h3 {
-  line-height: 1.5;
-  font-size: 1.2em;
-  margin: var(--md-spacing-md);
-  font-weight: 600;
-  color: inherit;
+    line-height: 1.5;
+    font-size: 1.2em;
+    margin: var(--md-spacing-md);
+    font-weight: 600;
+    color: inherit;
 }
 
 .markdown-content h4 {
-  line-height: 1.5;
-  font-size: 1em;
-  margin: var(--md-spacing-sm);
-  font-weight: 600;
-  color: inherit;
+    line-height: 1.5;
+    font-size: 1em;
+    margin: var(--md-spacing-sm);
+    font-weight: 600;
+    color: inherit;
 }
 
 /* 段落样式 */
 .markdown-content p {
-  line-height: 1.6;
-  margin: var(--md-spacing-sm);
-  white-space: pre-wrap;
-  color: inherit;
+    line-height: 1.6;
+    margin: var(--md-spacing-sm);
+    white-space: pre-wrap;
+    color: inherit;
 }
 
 /* 列表样式 */
 .markdown-content ul,
 .markdown-content ol {
-  padding-left: 1.5em;
-  margin: var(--md-spacing-sm);
-  line-height: 1.5;
-  color: inherit;
+    padding-left: 1.5em;
+    margin: var(--md-spacing-sm);
+    line-height: 1.5;
+    color: inherit;
 }
 
 /* 设置列表项为紧凑布局 */
 .markdown-content li {
-  line-height: 1.5;
-  margin: var(--md-spacing-sm);
-  color: inherit;
+    line-height: 1.5;
+    margin: var(--md-spacing-sm);
+    color: inherit;
 }
 
 /* 嵌套列表优化 */
 .markdown-content li > ul,
 .markdown-content li > ol {
-  margin-top: 0;
-  margin-bottom: 0;
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
 /* 代码块样式 */
 .markdown-content pre {
-  border-radius: 6px;
-  padding: 0.5em;
-  overflow: auto;
-  margin-bottom: 0.1em;
-  position: relative;
-  background: rgba(0, 0, 0, 0.02);
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  /* 添加滚动条样式 */
-  scrollbar-width: thin; /* Firefox */
-  -ms-overflow-style: none; /* IE and Edge */
+    border-radius: 6px;
+    padding: 0.5em;
+    overflow: auto;
+    margin-bottom: 0.1em;
+    position: relative;
+    background: rgba(0, 0, 0, 0.02);
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    /* 添加滚动条样式 */
+    scrollbar-width: thin; /* Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
 }
 
 /* Webkit滚动条样式 */
 .markdown-content pre::-webkit-scrollbar {
-  height: 3px;
+    height: 3px;
 }
 
 .markdown-content pre::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
+    background-color: rgba(0, 0, 0, 0.1);
+    border-radius: 3px;
 }
 
 .pre-wrapper {
-  position: relative;
+    position: relative;
 }
 
 .pre-wrapper .code-language-label {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 10;
-  /* 其他样式保持不变 */
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 10;
+    /* 其他样式保持不变 */
 }
 .code-language-label {
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 0.2em 0.5em;
-  font-size: 0.75em;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
-  border-bottom-left-radius: 4px;
-  user-select: none;
-  background-color: #18a058;
-  color: white;
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 0.2em 0.5em;
+    font-size: 0.75em;
+    font-family:
+        "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+    border-bottom-left-radius: 4px;
+    user-select: none;
+    background-color: #18a058;
+    color: white;
 }
 
 .markdown-content code {
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
-  font-size: 0.85em;
-  padding: 0.1em;
-  margin: 0.3em;
-  border-radius: 6px;
-  white-space: pre;
-  background-color: rgba(0, 0, 0, 0.02);
-  color: inherit;
-  border: 1px solid rgba(0, 0, 0, 0.1);
+    font-family:
+        "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+    font-size: 0.85em;
+    padding: 0.1em;
+    margin: 0.3em;
+    border-radius: 6px;
+    white-space: pre;
+    background-color: rgba(0, 0, 0, 0.02);
+    color: inherit;
+    border: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 /* 引用样式 */
 .markdown-content blockquote {
-  padding: 0.1em 0.5em;
-  margin: var(--md-spacing-sm);
-  border-left-width: 0.25em;
-  border-left-style: solid;
-  border-left-color: #18a058;
-  background-color: rgba(0, 0, 0, 0.02);
-  color: inherit;
+    padding: 0.1em 0.5em;
+    margin: var(--md-spacing-sm);
+    border-left-width: 0.25em;
+    border-left-style: solid;
+    border-left-color: #18a058;
+    background-color: rgba(0, 0, 0, 0.02);
+    color: inherit;
 }
 
 /* 表格样式 */
 .markdown-content table {
-  border-collapse: collapse;
-  width: 100%;
-  margin: var(--md-spacing-sm);
-  overflow: auto;
-  font-size: 0.9em;
-  border: 1px solid rgba(0, 0, 0, 0.1);
+    border-collapse: collapse;
+    width: 100%;
+    margin: var(--md-spacing-sm);
+    overflow: auto;
+    font-size: 0.9em;
+    border: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .markdown-content table th,
 .markdown-content table td {
-  line-height: 1.5;
-  padding: 0.3em 0.5em;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  color: inherit;
+    line-height: 1.5;
+    padding: 0.3em 0.5em;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    color: inherit;
 }
 
 .markdown-content table th {
-  background-color: rgba(0, 0, 0, 0.02);
-  font-weight: 600;
+    background-color: rgba(0, 0, 0, 0.02);
+    font-weight: 600;
 }
 
 /* 响应式表格 */
 @media (max-width: 600px) {
-  .markdown-content table {
-    display: block;
-    overflow-x: auto;
-  }
+    .markdown-content table {
+        display: block;
+        overflow-x: auto;
+    }
 }
 
 /* 图片样式 */
 .markdown-content img {
-  max-width: 100%;
-  height: auto; /* 确保保持纵横比 */
-  box-sizing: border-box;
-  margin: var(--md-spacing-sm);
-  /* 增加图片加载中的显示效果 */
-  opacity: 1;
-  transition: opacity 0.3s ease;
+    max-width: 100%;
+    height: auto; /* 确保保持纵横比 */
+    box-sizing: border-box;
+    margin: var(--md-spacing-sm);
+    /* 增加图片加载中的显示效果 */
+    opacity: 1;
+    transition: opacity 0.3s ease;
 }
 
 .markdown-content img:not([src]) {
-  opacity: 0.5;
+    opacity: 0.5;
 }
 
 /* 水平线样式 */
 .markdown-content hr {
-  height: 0.25em;
-  border: 1;
-  margin: 1em 0;
+    height: 0.25em;
+    border: 1;
+    margin: 1em 0;
 }
 
 /* 链接样式 */
 .markdown-content a {
-  text-decoration: none;
-  transition: color 0.2s ease; /* 平滑颜色变化 */
-  color: #18a058;
+    text-decoration: none;
+    transition: color 0.2s ease; /* 平滑颜色变化 */
+    color: #18a058;
 }
 
 .markdown-content a:hover {
-  text-decoration: underline;
-  opacity: 0.8;
+    text-decoration: underline;
+    opacity: 0.8;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/ui/src/components/Modal.vue b/packages/ui/src/components/Modal.vue
index 26d175d0..7da88641 100644
--- a/packages/ui/src/components/Modal.vue
+++ b/packages/ui/src/components/Modal.vue
@@ -45,6 +45,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NModal, NButton } from 'naive-ui'
 
diff --git a/packages/ui/src/components/ModelAdvancedSection.vue b/packages/ui/src/components/ModelAdvancedSection.vue
index bc0e4127..03906f3d 100644
--- a/packages/ui/src/components/ModelAdvancedSection.vue
+++ b/packages/ui/src/components/ModelAdvancedSection.vue
@@ -96,6 +96,7 @@
 
 <script setup lang="ts">
 import { computed, ref, reactive } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import {
   NButton,
@@ -112,8 +113,7 @@ import {
   useMessage,
   createDiscreteApi
 } from 'naive-ui'
-import type { MessageApiInjection, UnifiedParameterDefinition } from '@prompt-optimizer/core'
-import { isSafeCustomKey } from '@prompt-optimizer/core'
+import { isSafeCustomKey, type MessageApiInjection, type UnifiedParameterDefinition } from '@prompt-optimizer/core'
 import ModelParameterEditor from './ModelParameterEditor.vue'
 
 const props = defineProps({
diff --git a/packages/ui/src/components/ModelManager.vue b/packages/ui/src/components/ModelManager.vue
index 86d3bcd8..a0865b10 100644
--- a/packages/ui/src/components/ModelManager.vue
+++ b/packages/ui/src/components/ModelManager.vue
@@ -90,6 +90,7 @@
 
 <script setup lang="ts">
 import { inject, onMounted, onUnmounted, provide, ref } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NButton, NModal, NScrollbar, NTabs, NTabPane } from 'naive-ui'
 import ImageModelEditModal from './ImageModelEditModal.vue'
diff --git a/packages/ui/src/components/ModelParameterEditor.vue b/packages/ui/src/components/ModelParameterEditor.vue
index ca5080fd..a57823ed 100644
--- a/packages/ui/src/components/ModelParameterEditor.vue
+++ b/packages/ui/src/components/ModelParameterEditor.vue
@@ -256,6 +256,7 @@
 
 <script setup lang="ts">
 import { computed, type PropType } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { useMessage, createDiscreteApi, NAlert, NButton, NCheckbox, NForm, NFormItem, NInput, NInputNumber, NSelect, NSpace, NTag, NText, type MessageApiInjection } from 'naive-ui'
 import type { UnifiedParameterDefinition } from '@prompt-optimizer/core'
diff --git a/packages/ui/src/components/ModelSelect.vue b/packages/ui/src/components/ModelSelect.vue
index 61e26995..601fb659 100644
--- a/packages/ui/src/components/ModelSelect.vue
+++ b/packages/ui/src/components/ModelSelect.vue
@@ -32,6 +32,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, inject, type Ref } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NSelect, NButton, NText, NSpace } from 'naive-ui'
 import type { AppServices } from '../types/services'
diff --git a/packages/ui/src/components/OutputDisplay.vue b/packages/ui/src/components/OutputDisplay.vue
index edaf9752..2049963f 100644
--- a/packages/ui/src/components/OutputDisplay.vue
+++ b/packages/ui/src/components/OutputDisplay.vue
@@ -42,7 +42,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, inject, type Ref } from 'vue';
+import { computed, ref, inject, type Ref } from 'vue'
+
 import OutputDisplayCore from './OutputDisplayCore.vue';
 import OutputDisplayFullscreen from './OutputDisplayFullscreen.vue';
 import type { AppServices } from '../types/services';
diff --git a/packages/ui/src/components/OutputDisplayCore.vue b/packages/ui/src/components/OutputDisplayCore.vue
index e920d2c5..e68d4cc1 100644
--- a/packages/ui/src/components/OutputDisplayCore.vue
+++ b/packages/ui/src/components/OutputDisplayCore.vue
@@ -165,7 +165,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch, nextTick, onMounted, type Ref } from 'vue'
+import { computed, ref, watch, nextTick, onMounted } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import {
   NCard, NButton, NButtonGroup, NIcon, NCollapse, NCollapseItem,
@@ -177,7 +178,6 @@ import { useClipboard } from '../composables/useClipboard'
 import MarkdownRenderer from './MarkdownRenderer.vue'
 import TextDiffUI from './TextDiff.vue'
 import type { CompareResult } from '@prompt-optimizer/core'
-import type { AppServices } from '../types/services'
 
 type ActionName = 'fullscreen' | 'diff' | 'copy' | 'edit' | 'reasoning' | 'favorite'
 
diff --git a/packages/ui/src/components/OutputDisplayFullscreen.vue b/packages/ui/src/components/OutputDisplayFullscreen.vue
index b411bf6b..39401092 100644
--- a/packages/ui/src/components/OutputDisplayFullscreen.vue
+++ b/packages/ui/src/components/OutputDisplayFullscreen.vue
@@ -23,6 +23,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch, inject, nextTick, type Ref } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NFlex } from 'naive-ui'
 import FullscreenDialog from './FullscreenDialog.vue'
diff --git a/packages/ui/src/components/PromptPanel.vue b/packages/ui/src/components/PromptPanel.vue
index 785b3d0a..93e945d2 100644
--- a/packages/ui/src/components/PromptPanel.vue
+++ b/packages/ui/src/components/PromptPanel.vue
@@ -1,278 +1,347 @@
 <template>
-  <NFlex
-    vertical
-    :style="{
-      height: '100%',
-      maxHeight: '100%',
-      overflow: 'hidden'
-    }"
-  >
-  <!-- 标题和按钮区域 -->
-    <NCard size="small" :bordered="false" :segmented="false" class="flex-none" content-style="padding: 0;" :style="{ maxHeight: '120px', overflow: 'visible' }">
-        <NFlex justify="space-between" align="flex-start" :wrap="false">
-          <!-- 左侧：标题和版本 -->
-          <NSpace vertical :size="8" class="flex-1 min-w-0">
-            <NSpace align="center" :size="12">
-              <NText class="text-lg font-semibold">{{ t('prompt.optimized') }}</NText>
-              <NSpace v-if="versions && versions.length > 0" :size="4" class="version-tags">
-                <NTag
-                  v-for="version in versions.slice().reverse()"
-                  :key="version.id"
-                  :type="currentVersionId === version.id ? 'success' : 'default'"
-                  size="small"
-                  @click="switchVersion(version)"
-                  :cursor="'pointer'"
-                  :bordered="currentVersionId !== version.id"
-                >
-                  V{{ version.version }}
-                </NTag>
-              </NSpace>
-            </NSpace>
-          </NSpace>
+    <NFlex
+        vertical
+        :style="{
+            height: '100%',
+            maxHeight: '100%',
+            overflow: 'hidden',
+        }"
+    >
+        <!-- 标题和按钮区域 -->
+        <NCard
+            size="small"
+            :bordered="false"
+            :segmented="false"
+            class="flex-none"
+            content-style="padding: 0;"
+            :style="{ maxHeight: '120px', overflow: 'visible' }"
+        >
+            <NFlex justify="space-between" align="flex-start" :wrap="false">
+                <!-- 左侧：标题和版本 -->
+                <NSpace vertical :size="8" class="flex-1 min-w-0">
+                    <NSpace align="center" :size="12">
+                        <NText class="text-lg font-semibold">{{
+                            t("prompt.optimized")
+                        }}</NText>
+                        <NSpace
+                            v-if="versions && versions.length > 0"
+                            :size="4"
+                            class="version-tags"
+                        >
+                            <NTag
+                                v-for="version in versions.slice().reverse()"
+                                :key="version.id"
+                                :type="
+                                    currentVersionId === version.id
+                                        ? 'success'
+                                        : 'default'
+                                "
+                                size="small"
+                                @click="switchVersion(version)"
+                                :cursor="'pointer'"
+                                :bordered="currentVersionId !== version.id"
+                            >
+                                V{{ version.version }}
+                            </NTag>
+                        </NSpace>
+                    </NSpace>
+                </NSpace>
 
-          <!-- 右侧：操作按钮 -->
-          <NSpace align="center" :size="8" class="flex-shrink-0">
-            <!-- 预览按钮 -->
-            <NButton
-              v-if="showPreview && optimizedPrompt"
-              @click="$emit('open-preview')"
-              type="tertiary"
-              size="small"
-              ghost
-            >
-              <template #icon>
-                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
-                </svg>
-              </template>
-              {{ t('common.preview') }}
-            </NButton>
-            <!-- 继续优化按钮 -->
-            <NButton
-              v-if="optimizedPrompt"
-              @click="handleIterate"
-              :disabled="isIterating"
-              :loading="isIterating"
-              type="primary"
-              size="small"
-              class="min-w-[100px]"
-            >
-              <template #icon>
-                <svg v-if="!isIterating" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
-                </svg>
-              </template>
-              {{ isIterating ? t('prompt.optimizing') : t('prompt.continueOptimize') }}
-            </NButton>
-          </NSpace>
-        </NFlex>
-    </NCard>
-    
-    <!-- 内容区域：使用 OutputDisplay 组件 -->
-    <OutputDisplay
-      ref="outputDisplayRef"
-      :content="optimizedPrompt"
-      :original-content="previousVersionText"
-      :reasoning="reasoning"
-      mode="editable"
-      :streaming="isOptimizing || isIterating"
-      :enable-diff="true"
-      :enable-copy="true"
-      :enable-fullscreen="true"
-      :enable-edit="true"
-      :placeholder="t('prompt.optimizedPlaceholder')"
-      :style="{ height: '100%', maxHeight: '100%', flex: 1, minHeight: 0, overflow: 'hidden' }"
-      @update:content="$emit('update:optimizedPrompt', $event)"
-      @save-favorite="$emit('save-favorite', $event)"
-    />
+                <!-- 右侧：操作按钮 -->
+                <NSpace align="center" :size="8" class="flex-shrink-0">
+                    <!-- 预览按钮 -->
+                    <NButton
+                        v-if="showPreview && optimizedPrompt"
+                        @click="$emit('open-preview')"
+                        type="tertiary"
+                        size="small"
+                        ghost
+                    >
+                        <template #icon>
+                            <svg
+                                class="w-4 h-4"
+                                fill="none"
+                                stroke="currentColor"
+                                viewBox="0 0 24 24"
+                            >
+                                <path
+                                    stroke-linecap="round"
+                                    stroke-linejoin="round"
+                                    stroke-width="2"
+                                    d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                                />
+                                <path
+                                    stroke-linecap="round"
+                                    stroke-linejoin="round"
+                                    stroke-width="2"
+                                    d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+                                />
+                            </svg>
+                        </template>
+                        {{ t("common.preview") }}
+                    </NButton>
+                    <!-- 继续优化按钮 -->
+                    <NButton
+                        v-if="optimizedPrompt"
+                        @click="handleIterate"
+                        :disabled="isIterating"
+                        :loading="isIterating"
+                        type="primary"
+                        size="small"
+                        class="min-w-[100px]"
+                    >
+                        <template #icon>
+                            <svg
+                                v-if="!isIterating"
+                                class="w-4 h-4"
+                                fill="none"
+                                stroke="currentColor"
+                                viewBox="0 0 24 24"
+                            >
+                                <path
+                                    stroke-linecap="round"
+                                    stroke-linejoin="round"
+                                    stroke-width="2"
+                                    d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+                                ></path>
+                            </svg>
+                        </template>
+                        {{
+                            isIterating
+                                ? t("prompt.optimizing")
+                                : t("prompt.continueOptimize")
+                        }}
+                    </NButton>
+                </NSpace>
+            </NFlex>
+        </NCard>
+
+        <!-- 内容区域：使用 OutputDisplay 组件 -->
+        <OutputDisplay
+            ref="outputDisplayRef"
+            :content="optimizedPrompt"
+            :original-content="previousVersionText"
+            :reasoning="reasoning"
+            mode="editable"
+            :streaming="isOptimizing || isIterating"
+            :enable-diff="true"
+            :enable-copy="true"
+            :enable-fullscreen="true"
+            :enable-edit="true"
+            :placeholder="t('prompt.optimizedPlaceholder')"
+            :style="{
+                height: '100%',
+                maxHeight: '100%',
+                flex: 1,
+                minHeight: 0,
+                overflow: 'hidden',
+            }"
+            @update:content="$emit('update:optimizedPrompt', $event)"
+            @save-favorite="$emit('save-favorite', $event)"
+        />
     </NFlex>
     <!-- 迭代优化弹窗 -->
-    <Modal
-      v-model="showIterateInput"
-      @confirm="submitIterate"
-    >
-      <template #title>
-        {{ templateTitleText }}
-      </template>
-      
-      <div class="space-y-4">
-        <div>
-          <NText class="text-sm font-medium mb-2">{{ templateSelectText }}</NText>
-          <TemplateSelect
-            ref="iterateTemplateSelectRef"
-            :modelValue="selectedIterateTemplate"
-            @update:modelValue="$emit('update:selectedIterateTemplate', $event)"
-            :type="templateType"
-            :optimization-mode="optimizationMode"
-            :services="services"
-            @manage="$emit('openTemplateManager', templateType)"
-          />
-        </div>
-        
-        <div>
-          <NText class="text-sm font-medium mb-2">{{ t('prompt.iterateDirection') }}</NText>
-          <NInput
-            v-model:value="iterateInput"
-            type="textarea"
-            :placeholder="t('prompt.iteratePlaceholder')"
-            :rows="3"
-            :autosize="{ minRows: 3, maxRows: 6 }"
-          />
-        </div>
-      </div>
-      
-      <template #footer>
-        <NButton
-          @click="cancelIterate"
-          type="default"
-          size="medium"
-        >
-          {{ t('common.cancel') }}
-        </NButton>
-        <NButton
-          @click="submitIterate"
-          :disabled="!iterateInput.trim() || isIterating"
-          :loading="isIterating"
-          type="primary"
-          size="medium"
-        >
-          {{ isIterating ? t('prompt.optimizing') : t('prompt.confirmOptimize') }}
-        </NButton>
-      </template>
-    </Modal>
+    <Modal v-model="showIterateInput" @confirm="submitIterate">
+        <template #title>
+            {{ templateTitleText }}
+        </template>
 
+        <div class="space-y-4">
+            <div>
+                <NText class="text-sm font-medium mb-2">{{
+                    templateSelectText
+                }}</NText>
+                <TemplateSelect
+                    ref="iterateTemplateSelectRef"
+                    :modelValue="selectedIterateTemplate"
+                    @update:modelValue="
+                        $emit('update:selectedIterateTemplate', $event)
+                    "
+                    :type="templateType"
+                    :optimization-mode="optimizationMode"
+                    :services="services"
+                    @manage="$emit('openTemplateManager', templateType)"
+                />
+            </div>
+
+            <div>
+                <NText class="text-sm font-medium mb-2">{{
+                    t("prompt.iterateDirection")
+                }}</NText>
+                <NInput
+                    v-model:value="iterateInput"
+                    type="textarea"
+                    :placeholder="t('prompt.iteratePlaceholder')"
+                    :rows="3"
+                    :autosize="{ minRows: 3, maxRows: 6 }"
+                />
+            </div>
+        </div>
+
+        <template #footer>
+            <NButton @click="cancelIterate" type="default" size="medium">
+                {{ t("common.cancel") }}
+            </NButton>
+            <NButton
+                @click="submitIterate"
+                :disabled="!iterateInput.trim() || isIterating"
+                :loading="isIterating"
+                type="primary"
+                size="medium"
+            >
+                {{
+                    isIterating
+                        ? t("prompt.optimizing")
+                        : t("prompt.confirmOptimize")
+                }}
+            </NButton>
+        </template>
+    </Modal>
 </template>
 
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-import { ref, computed, nextTick, watch, type Ref } from 'vue'
-import { NButton, NText, NInput, NCard, NFlex, NSpace, NTag } from 'naive-ui'
-import { useToast } from '../composables/useToast'
-import TemplateSelect from './TemplateSelect.vue'
-import Modal from './Modal.vue'
-import OutputDisplay from './OutputDisplay.vue'
-import type {
-  Template,
-  PromptRecord
-} from '@prompt-optimizer/core'
-import type { AppServices } from '../types/services'
+import { ref, computed, nextTick, watch, type Ref } from "vue";
+import { useI18n } from "vue-i18n";
+import { NButton, NText, NInput, NCard, NFlex, NSpace, NTag } from "naive-ui";
+import { useToast } from "../composables/useToast";
+import TemplateSelect from "./TemplateSelect.vue";
+import Modal from "./Modal.vue";
+import OutputDisplay from "./OutputDisplay.vue";
+import type { Template, PromptRecord } from "@prompt-optimizer/core";
+import type { AppServices } from "../types/services";
 
-const { t } = useI18n()
-const toast = useToast()
+const { t } = useI18n();
+const toast = useToast();
 
 interface IteratePayload {
-  originalPrompt: string;
-  optimizedPrompt: string;
-  iterateInput: string;
+    originalPrompt: string;
+    optimizedPrompt: string;
+    iterateInput: string;
 }
 
 const props = defineProps({
-  optimizedPrompt: {
-    type: String,
-    default: ''
-  },
-  reasoning: {
-    type: String,
-    default: ''
-  },
-  isOptimizing: {
-    type: Boolean,
-    default: false
-  },
-  isIterating: {
-    type: Boolean,
-    default: false
-  },
-  selectedIterateTemplate: {
-    type: Object as () => Template | null,
-    default: null
-  },
-  versions: {
-    type: Array as () => PromptRecord[],
-    default: () => []
-  },
-  currentVersionId: {
-    type: String,
-    default: ''
-  },
-  originalPrompt: {
-    type: String,
-    default: ''
-  },
-  optimizationMode: {
-    type: String as () => import('@prompt-optimizer/core').OptimizationMode,
-    required: true
-  },
-  services: {
-    type: Object as () => Ref<AppServices | null>,
-    required: true
-  },
-  advancedModeEnabled: {
-    type: Boolean,
-    default: false
-  },
-  // 🆕 允许外部指定迭代模板类型（基础/上下文/图像），默认保持原行为
-  iterateTemplateType: {
-    type: String as () => 'iterate' | 'contextIterate' | 'imageIterate',
-    default: undefined
-  },
-  // 是否显示预览按钮
-  showPreview: {
-    type: Boolean,
-    default: false
-  }
-})
+    optimizedPrompt: {
+        type: String,
+        default: "",
+    },
+    reasoning: {
+        type: String,
+        default: "",
+    },
+    isOptimizing: {
+        type: Boolean,
+        default: false,
+    },
+    isIterating: {
+        type: Boolean,
+        default: false,
+    },
+    selectedIterateTemplate: {
+        type: Object as () => Template | null,
+        default: null,
+    },
+    versions: {
+        type: Array as () => PromptRecord[],
+        default: () => [],
+    },
+    currentVersionId: {
+        type: String,
+        default: "",
+    },
+    originalPrompt: {
+        type: String,
+        default: "",
+    },
+    optimizationMode: {
+        type: String as () => import("@prompt-optimizer/core").OptimizationMode,
+        required: true,
+    },
+    services: {
+        type: Object as () => Ref<AppServices | null>,
+        required: true,
+    },
+    advancedModeEnabled: {
+        type: Boolean,
+        default: false,
+    },
+    // 🆕 允许外部指定迭代模板类型（基础/上下文/图像），默认保持原行为
+    iterateTemplateType: {
+        type: String as () => "iterate" | "contextIterate" | "imageIterate",
+        default: undefined,
+    },
+    // 是否显示预览按钮
+    showPreview: {
+        type: Boolean,
+        default: false,
+    },
+});
 
 const emit = defineEmits<{
-  'update:optimizedPrompt': [value: string];
-  'iterate': [payload: IteratePayload];
-  'openTemplateManager': [type: 'optimize' | 'userOptimize' | 'iterate' | 'imageIterate' | 'contextIterate'];
-  'update:selectedIterateTemplate': [template: Template | null];
-  'switchVersion': [version: PromptRecord];
-  'templateSelect': [template: Template];
-  'save-favorite': [data: { content: string; originalContent?: string }];
-  'open-preview': [];
-}>()
+    "update:optimizedPrompt": [value: string];
+    iterate: [payload: IteratePayload];
+    openTemplateManager: [
+        type:
+            | "optimize"
+            | "userOptimize"
+            | "iterate"
+            | "imageIterate"
+            | "contextIterate",
+    ];
+    "update:selectedIterateTemplate": [template: Template | null];
+    switchVersion: [version: PromptRecord];
+    templateSelect: [template: Template];
+    "save-favorite": [data: { content: string; originalContent?: string }];
+    "open-preview": [];
+}>();
 
-const showIterateInput = ref(false)
-const iterateInput = ref('')
-const templateType = computed<'iterate' | 'contextIterate' | 'imageIterate'>(() => {
-  return (props.iterateTemplateType as 'iterate' | 'contextIterate' | 'imageIterate') || (props.advancedModeEnabled ? 'contextIterate' : 'iterate')
-})
+const showIterateInput = ref(false);
+const iterateInput = ref("");
+const templateType = computed<"iterate" | "contextIterate" | "imageIterate">(
+    () => {
+        return (
+            (props.iterateTemplateType as
+                | "iterate"
+                | "contextIterate"
+                | "imageIterate") ||
+            (props.advancedModeEnabled ? "contextIterate" : "iterate")
+        );
+    },
+);
 
 const outputDisplayRef = ref<InstanceType<typeof OutputDisplay> | null>(null);
 const iterateTemplateSelectRef = ref<{ refresh?: () => void } | null>(null);
 
 // 计算标题文本
 const templateTitleText = computed(() => {
-  return t('prompt.iterateTitle')
-})
+    return t("prompt.iterateTitle");
+});
 
 // 计算模板选择标题
 const templateSelectText = computed(() => {
-  return t('prompt.selectIterateTemplate')
-})
+    return t("prompt.selectIterateTemplate");
+});
 
 // 计算上一版本的文本用于显示
 const previousVersionText = computed(() => {
-  if (!props.versions || props.versions.length === 0) {
-    return props.originalPrompt || ''
-  }
+    if (!props.versions || props.versions.length === 0) {
+        return props.originalPrompt || "";
+    }
 
-  const currentIndex = props.versions.findIndex(v => v.id === props.currentVersionId)
+    const currentIndex = props.versions.findIndex(
+        (v) => v.id === props.currentVersionId,
+    );
 
-  if (currentIndex > 0) {
-    // 当前版本有上一版本
-    return props.versions[currentIndex - 1].optimizedPrompt
-  } else if (currentIndex === 0) {
-    // 当前是V1，使用原始提示词
-    return props.originalPrompt || ''
-  } else {
-    // 找不到当前版本，使用原始提示词
-    return props.originalPrompt || ''
-  }
-})
+    if (currentIndex > 0) {
+        // 当前版本有上一版本
+        return props.versions[currentIndex - 1].optimizedPrompt;
+    } else if (currentIndex === 0) {
+        // 当前是V1，使用原始提示词
+        return props.originalPrompt || "";
+    } else {
+        // 找不到当前版本，使用原始提示词
+        return props.originalPrompt || "";
+    }
+});
 
 // 获取当前版本号（保留用于未来功能）
 // const getCurrentVersionNumber = () => {
@@ -282,92 +351,100 @@ const previousVersionText = computed(() => {
 // }
 
 const handleIterate = () => {
-  if (!props.selectedIterateTemplate) {
-    toast.error(t('prompt.error.noTemplate'))
-    return
-  }
-  showIterateInput.value = true
-}
+    if (!props.selectedIterateTemplate) {
+        toast.error(t("prompt.error.noTemplate"));
+        return;
+    }
+    showIterateInput.value = true;
+};
 
 const cancelIterate = () => {
-  showIterateInput.value = false
-  iterateInput.value = ''
-}
+    showIterateInput.value = false;
+    iterateInput.value = "";
+};
 
 const submitIterate = () => {
-  if (!iterateInput.value.trim()) return
-  if (!props.selectedIterateTemplate) {
-    toast.error(t('prompt.error.noTemplate'))
-    return
-  }
-  
-  emit('iterate', {
-    originalPrompt: props.originalPrompt,
-    optimizedPrompt: props.optimizedPrompt,
-    iterateInput: iterateInput.value.trim()
-  })
-  
-  // 重置输入
-  iterateInput.value = ''
-  showIterateInput.value = false
-}
+    if (!iterateInput.value.trim()) return;
+    if (!props.selectedIterateTemplate) {
+        toast.error(t("prompt.error.noTemplate"));
+        return;
+    }
+
+    emit("iterate", {
+        originalPrompt: props.originalPrompt,
+        optimizedPrompt: props.optimizedPrompt,
+        iterateInput: iterateInput.value.trim(),
+    });
+
+    // 重置输入
+    iterateInput.value = "";
+    showIterateInput.value = false;
+};
 
 // 添加版本切换函数
 const switchVersion = async (version: PromptRecord) => {
-  if (version.id === props.currentVersionId) return
-  
-  // 发出版本切换事件
-  emit('switchVersion', version)
-  
-  // 等待父组件更新内容
-  await nextTick()
-  
-  // 强制刷新OutputDisplay的内容
-  if (outputDisplayRef.value) {
-    outputDisplayRef.value.forceRefreshContent()
-  }
-  
-  console.log('[PromptPanel] 版本切换完成，强制刷新内容:', {
-    versionId: version.id,
-    version: version.version
-  })
-}
+    if (version.id === props.currentVersionId) return;
+
+    // 发出版本切换事件
+    emit("switchVersion", version);
+
+    // 等待父组件更新内容
+    await nextTick();
+
+    // 强制刷新OutputDisplay的内容
+    if (outputDisplayRef.value) {
+        outputDisplayRef.value.forceRefreshContent();
+    }
+
+    console.log("[PromptPanel] 版本切换完成，强制刷新内容:", {
+        versionId: version.id,
+        version: version.version,
+    });
+};
 
 // 监听流式状态变化，强制退出编辑状态
-watch([() => props.isOptimizing, () => props.isIterating], ([newOptimizing, newIterating], [oldOptimizing, oldIterating]) => {
-  // 当开始优化或迭代时（从false变为true），强制退出编辑状态
-  if ((!oldOptimizing && newOptimizing) || (!oldIterating && newIterating)) {
-    if (outputDisplayRef.value) {
-      outputDisplayRef.value.forceExitEditing()
-      console.log('[PromptPanel] 检测到开始优化/迭代，强制退出编辑状态')
-    }
-  }
-}, { immediate: false })
+watch(
+    [() => props.isOptimizing, () => props.isIterating],
+    ([newOptimizing, newIterating], [oldOptimizing, oldIterating]) => {
+        // 当开始优化或迭代时（从false变为true），强制退出编辑状态
+        if (
+            (!oldOptimizing && newOptimizing) ||
+            (!oldIterating && newIterating)
+        ) {
+            if (outputDisplayRef.value) {
+                outputDisplayRef.value.forceExitEditing();
+                console.log(
+                    "[PromptPanel] 检测到开始优化/迭代，强制退出编辑状态",
+                );
+            }
+        }
+    },
+    { immediate: false },
+);
 
 // 暴露刷新迭代模板选择的方法
 const refreshIterateTemplateSelect = () => {
-  if (iterateTemplateSelectRef.value?.refresh) {
-    iterateTemplateSelectRef.value.refresh()
-  }
-}
+    if (iterateTemplateSelectRef.value?.refresh) {
+        iterateTemplateSelectRef.value.refresh();
+    }
+};
 
 defineExpose({
-  refreshIterateTemplateSelect
-})
-
+    refreshIterateTemplateSelect,
+});
 </script>
 
 <style scoped>
 /* 版本容器样式 */
 .version-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
 }
 
 @media (max-width: 640px) {
-  .version-container {
-    margin-top: 4px;
-  }
+    .version-container {
+        margin-top: 4px;
+    }
 }
 </style>
diff --git a/packages/ui/src/components/PromptPreviewPanel.vue b/packages/ui/src/components/PromptPreviewPanel.vue
index 8b535f47..09a0c8a5 100644
--- a/packages/ui/src/components/PromptPreviewPanel.vue
+++ b/packages/ui/src/components/PromptPreviewPanel.vue
@@ -83,6 +83,7 @@
 
 <script setup lang="ts">
 import { ref, watch } from 'vue'
+
 import {
   NModal,
   NCard,
diff --git a/packages/ui/src/components/SaveFavoriteDialog.vue b/packages/ui/src/components/SaveFavoriteDialog.vue
index 0672d5fa..731e35a3 100644
--- a/packages/ui/src/components/SaveFavoriteDialog.vue
+++ b/packages/ui/src/components/SaveFavoriteDialog.vue
@@ -146,7 +146,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed, watch, inject, toRaw, type Ref } from 'vue';
+import { ref, reactive, computed, watch, inject, toRaw, type Ref } from 'vue'
+
 import {
   NModal,
   NCard,
@@ -158,7 +159,6 @@ import {
   NTag,
   NButton,
   NSpace,
-  NScrollbar,
   NDivider,
   NGrid,
   NGridItem
diff --git a/packages/ui/src/components/SelectWithConfig.vue b/packages/ui/src/components/SelectWithConfig.vue
index 0f5302da..9dd995dd 100644
--- a/packages/ui/src/components/SelectWithConfig.vue
+++ b/packages/ui/src/components/SelectWithConfig.vue
@@ -44,6 +44,7 @@
 
 <script setup lang="ts">
 import { computed, h, useAttrs } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NSelect, NSpace, NButton, NText } from 'naive-ui'
 
diff --git a/packages/ui/src/components/TagManager.vue b/packages/ui/src/components/TagManager.vue
index 45c9b0f0..41be32ff 100644
--- a/packages/ui/src/components/TagManager.vue
+++ b/packages/ui/src/components/TagManager.vue
@@ -108,7 +108,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, inject, watch, h, type Ref } from 'vue';
+import { ref, computed, inject, watch, h, type Ref } from 'vue'
+
 import {
   NModal,
   NSpace,
diff --git a/packages/ui/src/components/TemplateManager.vue b/packages/ui/src/components/TemplateManager.vue
index 4c6f89d3..b76ff40f 100644
--- a/packages/ui/src/components/TemplateManager.vue
+++ b/packages/ui/src/components/TemplateManager.vue
@@ -630,6 +630,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted, computed, watch, nextTick, inject } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import {
   NModal, NCard, NButton, NTag, NInput,
@@ -973,17 +974,21 @@ const moveMessage = (index: number, direction: number) => {
 }
 
 // 初始化textarea高度 - 只在打开时调用一次
-const initializeTextareaHeight = (textarea: HTMLTextAreaElement) => {
-  if (!textarea || (textarea as any)._initialized) return
-  
+type AdjustableTextarea = HTMLTextAreaElement & { _initialized?: boolean }
+
+const initializeTextareaHeight = (textarea: HTMLTextAreaElement | null) => {
+  if (!textarea) return
+  const element = textarea as AdjustableTextarea
+  if (element._initialized) return
+
   try {
     const minHeight = 80
     const maxHeight = 280
     
     // 设置为auto以获取内容实际高度
     // const originalHeight = textarea.style.height  // 保留用于可能的需要
-    textarea.style.height = 'auto'
-    const scrollHeight = textarea.scrollHeight
+    element.style.height = 'auto'
+    const scrollHeight = element.scrollHeight
     
     let initialHeight
     if (scrollHeight <= minHeight) {
@@ -994,8 +999,8 @@ const initializeTextareaHeight = (textarea: HTMLTextAreaElement) => {
       initialHeight = scrollHeight
     }
     
-    textarea.style.height = initialHeight + 'px'
-    ;(textarea as any)._initialized = true
+    element.style.height = initialHeight + 'px'
+    element._initialized = true
   } catch (error) {
     console.warn('Textarea initialization error:', error)
   }
diff --git a/packages/ui/src/components/TemplateSelect.vue b/packages/ui/src/components/TemplateSelect.vue
index 5aec266f..229fbcc0 100644
--- a/packages/ui/src/components/TemplateSelect.vue
+++ b/packages/ui/src/components/TemplateSelect.vue
@@ -31,6 +31,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, inject } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NSelect, NButton, NSpace, NText } from 'naive-ui'
 import type { OptimizationMode, Template, TemplateMetadata } from '@prompt-optimizer/core'
@@ -160,7 +161,7 @@ const loadTemplatesByType = async () => {
   }
 
   // 统一使用异步方法，立即抛错不静默处理
-  const typeTemplates = await templateManager.value.listTemplatesByType(props.type as any)
+  const typeTemplates = await templateManager.value.listTemplatesByType(props.type)
   templates.value.splice(0, templates.value.length, ...typeTemplates)
 }
 
diff --git a/packages/ui/src/components/TestAreaPanel.vue b/packages/ui/src/components/TestAreaPanel.vue
index d8ebc8ee..4604064a 100644
--- a/packages/ui/src/components/TestAreaPanel.vue
+++ b/packages/ui/src/components/TestAreaPanel.vue
@@ -382,7 +382,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from "vue";
+import { computed, ref, watch } from 'vue'
+
 import { useI18n } from "vue-i18n";
 import {
     useMessage,
diff --git a/packages/ui/src/components/TestControlBar.vue b/packages/ui/src/components/TestControlBar.vue
index 80ad1a0a..b9a08992 100644
--- a/packages/ui/src/components/TestControlBar.vue
+++ b/packages/ui/src/components/TestControlBar.vue
@@ -56,6 +56,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NGrid, NGridItem, NFlex, NText, NButton } from 'naive-ui'
 
diff --git a/packages/ui/src/components/TestInputSection.vue b/packages/ui/src/components/TestInputSection.vue
index 18399009..b209467a 100644
--- a/packages/ui/src/components/TestInputSection.vue
+++ b/packages/ui/src/components/TestInputSection.vue
@@ -60,6 +60,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NSpace, NFlex, NText, NButton, NIcon, NInput } from 'naive-ui'
 import { useFullscreen } from '../composables/useFullscreen'
diff --git a/packages/ui/src/components/TestResultSection.vue b/packages/ui/src/components/TestResultSection.vue
index df212181..cd84b358 100644
--- a/packages/ui/src/components/TestResultSection.vue
+++ b/packages/ui/src/components/TestResultSection.vue
@@ -107,6 +107,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NFlex, NCard, NText } from 'naive-ui'
 import ToolCallDisplay from './ToolCallDisplay.vue'
diff --git a/packages/ui/src/components/TextDiff.vue b/packages/ui/src/components/TextDiff.vue
index 602e9f77..2308c145 100644
--- a/packages/ui/src/components/TextDiff.vue
+++ b/packages/ui/src/components/TextDiff.vue
@@ -27,6 +27,7 @@
   
   <script setup lang="ts">
 import { computed } from 'vue'
+
 import { NTag, NCard, NFlex, NScrollbar } from 'naive-ui'
 import type { CompareResult, ChangeType } from '@prompt-optimizer/core'
 import { useNaiveTheme } from '../composables/useNaiveTheme'
diff --git a/packages/ui/src/components/TextModelEditModal.vue b/packages/ui/src/components/TextModelEditModal.vue
index 5c1dbfb6..2d4883da 100644
--- a/packages/ui/src/components/TextModelEditModal.vue
+++ b/packages/ui/src/components/TextModelEditModal.vue
@@ -183,6 +183,7 @@
 
 <script setup lang="ts">
 import { computed, inject, nextTick } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import {
   NModal,
@@ -205,14 +206,10 @@ import {
 import ModelAdvancedSection from './ModelAdvancedSection.vue'
 import type { TextModelManager } from '../composables/useTextModelManager'
 
-const { show, configId } = defineProps({
+const { show } = defineProps({
   show: {
     type: Boolean,
     default: false
-  },
-  configId: {
-    type: String,
-    default: ''
   }
 })
 
diff --git a/packages/ui/src/components/TextModelList.vue b/packages/ui/src/components/TextModelList.vue
index cca7b586..e87c2e9f 100644
--- a/packages/ui/src/components/TextModelList.vue
+++ b/packages/ui/src/components/TextModelList.vue
@@ -168,7 +168,8 @@
 </template>
 
 <script setup lang="ts">
-import type { PropType } from 'vue'
+import { type PropType } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NButton, NCard, NTag, NText, NSpace } from 'naive-ui'
 import type { TextModelConfig } from '@prompt-optimizer/core'
diff --git a/packages/ui/src/components/TextModelManager.vue b/packages/ui/src/components/TextModelManager.vue
index 8f5a2376..5d719d0a 100644
--- a/packages/ui/src/components/TextModelManager.vue
+++ b/packages/ui/src/components/TextModelManager.vue
@@ -13,7 +13,6 @@
 
     <TextModelEditModal
       :show="showEditModal"
-      :config-id="editingModelId || ''"
       @update:show="updateEditModalVisibility"
       @saved="handleModelUpdated"
     />
@@ -22,6 +21,7 @@
 
 <script setup lang="ts">
 import { onMounted, provide, ref } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { useTextModelManager } from '../composables/useTextModelManager'
 import TextModelList from './TextModelList.vue'
diff --git a/packages/ui/src/components/ThemeToggleUI.vue b/packages/ui/src/components/ThemeToggleUI.vue
index 35704e55..a1d38f63 100644
--- a/packages/ui/src/components/ThemeToggleUI.vue
+++ b/packages/ui/src/components/ThemeToggleUI.vue
@@ -20,6 +20,7 @@
   
 <script setup lang="ts">
 import { computed, h } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NButton, NDropdown, type DropdownOption } from 'naive-ui'
 import { useNaiveTheme } from '../composables/useNaiveTheme'
diff --git a/packages/ui/src/components/Toast.vue b/packages/ui/src/components/Toast.vue
index 63410ac9..f706361c 100644
--- a/packages/ui/src/components/Toast.vue
+++ b/packages/ui/src/components/Toast.vue
@@ -1,31 +1,38 @@
 <!-- Toast组件 - 基于Naive UI NMessageProvider -->
 <template>
-  <!-- Naive UI的消息提供者组件 -->
-  <NMessageProvider placement="top-right" container-style="position: fixed; top: 20px; right: 20px;">
-    <MessageApiInitializer />
-    <slot />
-  </NMessageProvider>
+    <!-- Naive UI的消息提供者组件 -->
+    <NMessageProvider
+        placement="top-right"
+        container-style="position: fixed; top: 20px; right: 20px;"
+    >
+        <MessageApiInitializer />
+        <slot />
+    </NMessageProvider>
 </template>
 
 <script setup lang="ts">
-import { NMessageProvider, useMessage } from 'naive-ui'
-import { onMounted, defineComponent, h } from 'vue'
-import { setGlobalMessageApi } from '../composables/useToast'
+import { onMounted, defineComponent, h } from "vue";
+import { NMessageProvider, useMessage } from "naive-ui";
+
+import { setGlobalMessageApi } from "../composables/useToast";
 
 // 内部组件用于在正确的上下文中初始化消息API
 const MessageApiInitializer = defineComponent({
-  name: 'MessageApiInitializer',
-  setup() {
-    onMounted(() => {
-      try {
-        const messageApi = useMessage()
-        setGlobalMessageApi(messageApi)
-        console.log('[Toast] Message API initialized successfully')
-      } catch (error) {
-        console.warn('[Toast] Message API initialization failed (this is normal during SSR or when provider is not ready):', error)
-      }
-    })
-    return () => h('div', { style: { display: 'none' } })
-  }
-})
-</script>
\ No newline at end of file
+    name: "MessageApiInitializer",
+    setup() {
+        onMounted(() => {
+            try {
+                const messageApi = useMessage();
+                setGlobalMessageApi(messageApi);
+                console.log("[Toast] Message API initialized successfully");
+            } catch (error) {
+                console.warn(
+                    "[Toast] Message API initialization failed (this is normal during SSR or when provider is not ready):",
+                    error,
+                );
+            }
+        });
+        return () => h("div", { style: { display: "none" } });
+    },
+});
+</script>
diff --git a/packages/ui/src/components/ToolCallDisplay.vue b/packages/ui/src/components/ToolCallDisplay.vue
index d86c82d8..f6d14fd6 100644
--- a/packages/ui/src/components/ToolCallDisplay.vue
+++ b/packages/ui/src/components/ToolCallDisplay.vue
@@ -87,6 +87,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { 
   NCollapse, NCollapseItem, NSpace, NIcon, NText, NTag, NCard, 
@@ -116,14 +117,6 @@ const props = withDefaults(defineProps<Props>(), {
 // 展开状态管理
 const expandedNames = ref<string[]>([])
 
-// 初始化展开状态
-const initializeExpandedState = () => {
-  if (props.defaultExpanded && props.toolCalls && props.toolCalls.length > 0) {
-    expandedNames.value = ['tool-calls']
-  } else {
-    expandedNames.value = []
-  }
-}
 
 // 监听工具调用变化，自动展开
 watch(() => props.toolCalls, (newToolCalls) => {
diff --git a/packages/ui/src/components/UpdaterIcon.vue b/packages/ui/src/components/UpdaterIcon.vue
index 52a61896..f8d090ba 100644
--- a/packages/ui/src/components/UpdaterIcon.vue
+++ b/packages/ui/src/components/UpdaterIcon.vue
@@ -34,6 +34,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { NButton, NBadge } from 'naive-ui'
 import { isRunningInElectron } from '@prompt-optimizer/core'
diff --git a/packages/ui/src/components/UpdaterModal.vue b/packages/ui/src/components/UpdaterModal.vue
index 6b35d679..3c73b060 100644
--- a/packages/ui/src/components/UpdaterModal.vue
+++ b/packages/ui/src/components/UpdaterModal.vue
@@ -375,11 +375,9 @@ const emit = defineEmits<{
 const {
   state,
   checkUpdate,
-  startDownload,
   installUpdate,
   ignoreUpdate,
   unignoreUpdate,
-  openReleaseUrl,
   downloadStableVersion,
   downloadPrereleaseVersion
 } = useUpdater()
@@ -389,24 +387,14 @@ const handleCheckUpdate = async () => {
   await checkUpdate()
 }
 
-const handleStartDownload = async () => {
-  await startDownload()
-}
 
 const handleInstallUpdate = async () => {
   await installUpdate()
 }
 
-const handleIgnoreUpdate = async (version?: string) => {
-  await ignoreUpdate(version)
-  emit('update:modelValue', false) // 忽略后关闭模态框
-}
 
 
 
-const handleOpenReleaseUrl = async () => {
-  await openReleaseUrl()
-}
 
 const openStableReleaseUrl = async () => {
   if (!state.stableReleaseUrl || !isRunningInElectron() || !window.electronAPI?.shell) return
@@ -466,31 +454,9 @@ const handleUnignorePrereleaseUpdate = async () => {
   await unignoreUpdate('prerelease')
 }
 
-// 打开远程发布页面
-const openRemoteReleaseUrl = async () => {
-  if (!state.remoteReleaseUrl || !isRunningInElectron() || !window.electronAPI?.shell) return
-
-  try {
-    const result = await window.electronAPI.shell.openExternal(state.remoteReleaseUrl)
-
-    if (!result.success) {
-      console.error('[UpdaterModal] Open remote release URL failed:', result.error)
-    }
-  } catch (error) {
-    console.error('[UpdaterModal] Open remote release URL error:', error)
-  }
-}
 
 
 
-// 格式化日期
-const formatDate = (dateString: string) => {
-  try {
-    return new Date(dateString).toLocaleDateString()
-  } catch {
-    return dateString
-  }
-}
 
 // 格式化字节数
 const formatBytes = (bytes: number) => {
diff --git a/packages/ui/src/components/context-mode/ContextEditor.vue b/packages/ui/src/components/context-mode/ContextEditor.vue
index a6b9c573..d3eb0b5b 100644
--- a/packages/ui/src/components/context-mode/ContextEditor.vue
+++ b/packages/ui/src/components/context-mode/ContextEditor.vue
@@ -1736,7 +1736,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, shallowRef, nextTick, h } from "vue";
+import { ref, computed, watch, shallowRef, nextTick, h } from 'vue'
+
 import { useI18n } from "vue-i18n";
 import {
     NModal,
@@ -1890,16 +1891,6 @@ const tagSize = computed(() => {
     return sizeMap[responsiveButtonSize.value] || "small";
 });
 
-// 模式化行为：用户模式禁止编辑消息，仅允许管理变量和工具
-const canEditMessages = computed(() => {
-    // readonly优先级最高
-    if (props.readonly) return false;
-    // 用户模式不允许编辑消息
-    if (props.contextMode === "user") return false;
-    // 系统模式允许编辑
-    return true;
-});
-
 // 是否显示消息编辑标签页：用户模式隐藏
 const showMessagesTab = computed(() => {
     return props.contextMode !== "user";
diff --git a/packages/ui/src/components/context-mode/ContextSystemWorkspace.vue b/packages/ui/src/components/context-mode/ContextSystemWorkspace.vue
index fa875232..3127213b 100644
--- a/packages/ui/src/components/context-mode/ContextSystemWorkspace.vue
+++ b/packages/ui/src/components/context-mode/ContextSystemWorkspace.vue
@@ -210,7 +210,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { ref } from 'vue'
+
 import { useI18n } from "vue-i18n";
 import { NCard, NFlex, NButton, NText, NTag } from "naive-ui";
 import { useBreakpoints } from "@vueuse/core";
@@ -219,7 +220,13 @@ import PromptPanelUI from "../PromptPanel.vue";
 import TestAreaPanel from "../TestAreaPanel.vue";
 import ConversationManager from "./ConversationManager.vue";
 import type { OptimizationMode, ConversationMessage } from "../../types";
-import type { IServices } from "@prompt-optimizer/core";
+import type {
+    IServices,
+    PromptRecord,
+    Template,
+} from "@prompt-optimizer/core";
+import type { TestAreaPanelInstance } from "../types/test-area";
+import type { IteratePayload, SaveFavoritePayload } from "../../types/workspace";
 
 // 响应式断点
 const breakpoints = useBreakpoints({
@@ -242,9 +249,9 @@ interface Props {
     isTestRunning?: boolean;
 
     // 版本管理
-    versions: any[];
+    versions: PromptRecord[];
     currentVersionId: string | null;
-    selectedIterateTemplate: any;
+    selectedIterateTemplate: Template | null;
 
     // 上下文数据 (系统模式专属)
     optimizationContext: ConversationMessage[];
@@ -286,18 +293,18 @@ const emit = defineEmits<{
     // 数据更新
     "update:prompt": [value: string];
     "update:optimizedPrompt": [value: string];
-    "update:selectedIterateTemplate": [value: any];
+    "update:selectedIterateTemplate": [value: Template | null];
     "update:optimizationContext": [value: ConversationMessage[]];
     "update:testContent": [value: string];
     "update:isCompareMode": [value: boolean];
 
     // 操作事件
     optimize: [];
-    iterate: [payload: any];
+    iterate: [payload: IteratePayload];
     test: [testVariables: Record<string, string>]; // 🆕 传递测试变量
     "compare-toggle": [];
-    "switch-version": [versionId: any];
-    "save-favorite": [data: any];
+    "switch-version": [version: PromptRecord];
+    "save-favorite": [data: SaveFavoritePayload];
 
     // 打开面板/管理器
     "open-global-variables": [];
@@ -319,7 +326,7 @@ const emit = defineEmits<{
 const { t } = useI18n();
 
 // 🆕 TestAreaPanel 引用
-const testAreaPanelRef = ref<any>(null);
+const testAreaPanelRef = ref<TestAreaPanelInstance | null>(null);
 
 // 🆕 处理测试事件并获取测试变量
 const handleTestWithVariables = async () => {
@@ -329,4 +336,9 @@ const handleTestWithVariables = async () => {
     // 触发测试事件，传递测试变量给 App.vue
     emit('test', testVariables);
 };
+
+// 暴露 TestAreaPanel 引用给父组件（用于工具调用等高级功能）
+defineExpose({
+    testAreaPanelRef
+});
 </script>
diff --git a/packages/ui/src/components/context-mode/ContextUserWorkspace.vue b/packages/ui/src/components/context-mode/ContextUserWorkspace.vue
index b5422f10..825aef42 100644
--- a/packages/ui/src/components/context-mode/ContextUserWorkspace.vue
+++ b/packages/ui/src/components/context-mode/ContextUserWorkspace.vue
@@ -246,7 +246,8 @@
  * />
  * ```
  */
-import { ref, computed } from "vue";
+import { ref, computed } from 'vue'
+
 import { useI18n } from "vue-i18n";
 import { NCard, NFlex, NButton, NText, NTag } from "naive-ui";
 import { useBreakpoints } from "@vueuse/core";
@@ -254,7 +255,13 @@ import InputPanelUI from "../InputPanel.vue";
 import PromptPanelUI from "../PromptPanel.vue";
 import TestAreaPanel from "../TestAreaPanel.vue";
 import type { OptimizationMode } from "../../types";
-import type { IServices } from "@prompt-optimizer/core";
+import type {
+    IServices,
+    PromptRecord,
+    Template,
+} from "@prompt-optimizer/core";
+import type { TestAreaPanelInstance } from "../types/test-area";
+import type { IteratePayload, SaveFavoritePayload } from "../../types/workspace";
 
 // ========================
 // 响应式断点配置
@@ -289,11 +296,11 @@ interface Props {
 
     // --- 版本管理 ---
     /** 历史版本列表 */
-    versions: any[];
+    versions: PromptRecord[];
     /** 当前版本 ID */
     currentVersionId: string | null;
     /** 选中的迭代模板 */
-    selectedIterateTemplate: any;
+    selectedIterateTemplate: Template | null;
 
     // --- 测试数据 ---
     /** 测试输入内容 */
@@ -341,7 +348,7 @@ const emit = defineEmits<{
     // --- 数据更新事件 ---
     "update:prompt": [value: string];
     "update:optimizedPrompt": [value: string];
-    "update:selectedIterateTemplate": [value: any];
+    "update:selectedIterateTemplate": [value: Template | null];
     "update:testContent": [value: string];
     "update:isCompareMode": [value: boolean];
 
@@ -349,15 +356,15 @@ const emit = defineEmits<{
     /** 执行优化 */
     optimize: [];
     /** 执行迭代优化 */
-    iterate: [payload: any];
+    iterate: [payload: IteratePayload];
     /** 执行测试 (传递测试变量) */
     test: [testVariables: Record<string, string>];
     /** 切换对比模式 */
     "compare-toggle": [];
     /** 切换历史版本 */
-    "switch-version": [versionId: any];
+    "switch-version": [version: PromptRecord];
     /** 保存到收藏 */
-    "save-favorite": [data: any];
+    "save-favorite": [data: SaveFavoritePayload];
 
     // --- 打开面板/管理器 ---
     /** 打开全局变量管理器 */
@@ -427,7 +434,7 @@ const predefinedVariableValues = computed(() => ({ ...props.predefinedVariables
 // 组件引用
 // ========================
 /** TestAreaPanel 组件引用,用于获取测试变量 */
-const testAreaPanelRef = ref<InstanceType<typeof TestAreaPanel> | null>(null);
+const testAreaPanelRef = ref<TestAreaPanelInstance | null>(null);
 
 // ========================
 // 事件处理
@@ -579,4 +586,9 @@ const handleTestWithVariables = async () => {
         emit("test", {});
     }
 };
+
+// 暴露 TestAreaPanel 引用给父组件（用于工具调用等高级功能）
+defineExpose({
+    testAreaPanelRef
+});
 </script>
diff --git a/packages/ui/src/components/context-mode/ConversationManager.vue b/packages/ui/src/components/context-mode/ConversationManager.vue
index 77f8b73c..3cdfd49f 100644
--- a/packages/ui/src/components/context-mode/ConversationManager.vue
+++ b/packages/ui/src/components/context-mode/ConversationManager.vue
@@ -427,7 +427,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, h } from "vue";
+import { ref, computed, watch, h } from 'vue'
+
 import { useI18n } from "vue-i18n";
 import {
     NCard,
diff --git a/packages/ui/src/components/image-mode/ImageWorkspace.vue b/packages/ui/src/components/image-mode/ImageWorkspace.vue
index ea81553b..195afc37 100644
--- a/packages/ui/src/components/image-mode/ImageWorkspace.vue
+++ b/packages/ui/src/components/image-mode/ImageWorkspace.vue
@@ -150,7 +150,7 @@
                                 >
                                     <SelectWithConfig
                                         v-model="selectedTemplateIdForSelect"
-                                        :options="templateOptions as any"
+                                        :options="templateOptions"
                                         :getPrimary="OptionAccessors.getPrimary"
                                         :getSecondary="
                                             OptionAccessors.getSecondary
@@ -170,9 +170,8 @@
                                         @update:modelValue="saveSelections"
                                         @config="
                                             () =>
-                                                appOpenTemplateManager &&
-                                                appOpenTemplateManager(
-                                                    templateType as any,
+                                                onOpenTemplateManager(
+                                                    templateType,
                                                 )
                                         "
                                     />
@@ -200,7 +199,7 @@
                                 <template v-if="appOpenModelManager">
                                     <SelectWithConfig
                                         v-model="selectedTextModelKey"
-                                        :options="textModelOptions as any"
+                                        :options="textModelOptions"
                                         :getPrimary="OptionAccessors.getPrimary"
                                         :getSecondary="
                                             OptionAccessors.getSecondary
@@ -228,7 +227,7 @@
                                 <template v-else>
                                     <SelectWithConfig
                                         v-model="selectedTextModelKey"
-                                        :options="textModelOptions as any"
+                                        :options="textModelOptions"
                                         :getPrimary="OptionAccessors.getPrimary"
                                         :getSecondary="
                                             OptionAccessors.getSecondary
@@ -329,7 +328,7 @@
                                 <template v-if="appOpenModelManager">
                                     <SelectWithConfig
                                         v-model="selectedImageModelKey"
-                                        :options="imageModelOptions as any"
+                                        :options="imageModelOptions"
                                         :getPrimary="OptionAccessors.getPrimary"
                                         :getSecondary="
                                             OptionAccessors.getSecondary
@@ -359,7 +358,7 @@
                                 <template v-else>
                                     <SelectWithConfig
                                         v-model="selectedImageModelKey"
-                                        :options="imageModelOptions as any"
+                                        :options="imageModelOptions"
                                         :getPrimary="OptionAccessors.getPrimary"
                                         :getSecondary="
                                             OptionAccessors.getSecondary
@@ -1095,21 +1094,12 @@
 </template>
 
 <script setup lang="ts">
-import {
-    onMounted,
-    onUnmounted,
-    inject,
-    ref,
-    computed,
-    watch,
-    nextTick,
-    type Ref,
-} from "vue";
+import { onMounted, onUnmounted, inject, ref, computed, watch, nextTick, type Ref } from 'vue'
+
 import {
     NCard,
     NButton,
     NInput,
-    NSelect,
     NEmpty,
     NFormItem,
     NForm,
@@ -1135,8 +1125,7 @@ import { useI18n } from "vue-i18n";
 import PromptPanelUI from "../PromptPanel.vue";
 import TestResultSection from "../TestResultSection.vue";
 import SelectWithConfig from "../SelectWithConfig.vue";
-import ImageModeSelector, { type ImageMode } from "./ImageModeSelector.vue";
-import { useImageWorkspace } from "../../composables/useImageWorkspace";
+import { useImageWorkspace, type ImageUploadChangePayload } from "../../composables/useImageWorkspace";
 import { DataTransformer, OptionAccessors } from "../../utils/data-transformer";
 import type { AppServices } from "../../types/services";
 import { useFullscreen } from "../../composables/useFullscreen";
@@ -1166,11 +1155,9 @@ const {
     selectedImageModelKey,
     selectedTemplate,
     selectedIterateTemplate,
-    inputImageB64,
     isCompareMode,
     originalImageResult,
     optimizedImageResult,
-    currentImageResult,
     currentVersions,
     currentVersionId,
     uploadStatus,
@@ -1189,8 +1176,6 @@ const {
 
     // 图像生成状态
     isGenerating,
-    generationProgress,
-    generationError,
 
     // 方法
     initialize,
@@ -1213,37 +1198,30 @@ const {
 const promptPanelRef = ref<InstanceType<typeof PromptPanelUI> | null>(null);
 
 // 注入 App 层统一的 openTemplateManager / openModelManager / handleSaveFavorite 接口
+type TemplateEntryType =
+    | "optimize"
+    | "userOptimize"
+    | "iterate"
+    | "text2imageOptimize"
+    | "image2imageOptimize"
+    | "imageIterate";
+
 const appOpenTemplateManager = inject<
-    (
-        type?:
-            | "optimize"
-            | "userOptimize"
-            | "iterate"
-            | "text2imageOptimize"
-            | "image2imageOptimize"
-            | "imageIterate",
-    ) => void
->("openTemplateManager", null as any);
-const appOpenModelManager = inject<(tab?: "text" | "image") => void>(
+    ((type?: TemplateEntryType) => void) | null
+>("openTemplateManager", null);
+const appOpenModelManager = inject<((tab?: "text" | "image") => void) | null>(
     "openModelManager",
-    null as any,
+    null,
 );
 const appHandleSaveFavorite = inject<
-    (data: { content: string; originalContent?: string }) => void
->("handleSaveFavorite", null as any);
+    ((data: { content: string; originalContent?: string }) => void) | null
+>("handleSaveFavorite", null);
 
 // 将迭代类型映射为图像迭代，并调用 App 入口
-const onOpenTemplateManager = (
-    type:
-        | "optimize"
-        | "userOptimize"
-        | "iterate"
-        | "text2imageOptimize"
-        | "image2imageOptimize"
-        | "imageIterate",
-) => {
-    const target = type === "iterate" ? "imageIterate" : type;
-    if (appOpenTemplateManager) appOpenTemplateManager(target as any);
+const onOpenTemplateManager = (type: TemplateEntryType) => {
+    const target: TemplateEntryType =
+        type === "iterate" ? "imageIterate" : type;
+    appOpenTemplateManager?.(target);
 };
 
 // 模板列表（根据当前 image 模式的模板类型加载）
@@ -1252,9 +1230,10 @@ const templateOptions = ref<TemplateSelectOption[]>([]);
 const loadTemplateList = async () => {
     try {
         if (services?.value?.templateManager) {
+            const currentType = templateType.value;
             const list =
                 await services.value.templateManager.listTemplatesByType(
-                    templateType.value as any,
+                    currentType,
                 );
             templateOptions.value = DataTransformer.templatesToSelectOptions(
                 list || [],
@@ -1264,7 +1243,7 @@ const loadTemplateList = async () => {
             // 模板选择的逻辑应该完全由 useImageWorkspace 的 restoreTemplateSelection 处理
             console.log(
                 "[ImageWorkspace] Template list loaded for type:",
-                templateType.value,
+                currentType,
                 "count:",
                 templateOptions.value.length,
             );
@@ -1313,13 +1292,13 @@ const selectedTemplateIdForSelect = computed<string>({
     },
     set(id: string) {
         if (!id) {
-            (selectedTemplate as any).value = null;
+            selectedTemplate.value = null;
             return;
         }
         const option =
             (templateOptions.value || []).find((opt) => opt.value === id) ||
             null;
-        (selectedTemplate as any).value = option?.raw || null;
+        selectedTemplate.value = option?.raw || null;
         // 用户选择模板时立即保存到对应模式的存储键
         if (option?.raw) {
             nextTick(() => {
@@ -1341,7 +1320,7 @@ const openUploadModal = () => {
 };
 
 // 弹窗中的上传处理
-const handleModalUploadChange = (data: any) => {
+const handleModalUploadChange = (data: ImageUploadChangePayload) => {
     // 复用原有的上传逻辑
     handleUploadChange(data);
     // 上传成功后关闭弹窗
@@ -1386,20 +1365,24 @@ const copyImageText = async (text: string) => {
 };
 
 // 处理收藏回填 - 从收藏夹恢复提示词到图像工作区
-const handleRestoreFavorite = (event: CustomEvent) => {
+interface RestoreFavoriteDetail {
+    content: string;
+    imageSubMode?: "text2image" | "image2image";
+}
+
+const handleRestoreFavorite = (event: Event) => {
+    if (!(event instanceof CustomEvent)) {
+        return;
+    }
     console.log(
         "[ImageWorkspace] handleRestoreFavorite triggered:",
         event.detail,
     );
-
-    const { content, imageSubMode, metadata } = event.detail;
+    const { content, imageSubMode } = event.detail as RestoreFavoriteDetail;
 
     // 设置图像子模式
-    if (
-        imageSubMode &&
-        (imageSubMode === "text2image" || imageSubMode === "image2image")
-    ) {
-        (imageMode as any).value = imageSubMode;
+    if (imageSubMode) {
+        imageMode.value = imageSubMode;
     }
 
     // 设置原始提示词
@@ -1412,7 +1395,7 @@ const handleRestoreFavorite = (event: CustomEvent) => {
 if (typeof window !== "undefined") {
     window.addEventListener(
         "image-workspace-restore-favorite",
-        handleRestoreFavorite as any,
+        handleRestoreFavorite,
     );
     console.log(
         "[ImageWorkspace] Favorite restore event listener registered immediately on component creation",
@@ -1549,7 +1532,7 @@ onUnmounted(() => {
         );
         window.removeEventListener(
             "image-workspace-restore-favorite",
-            handleRestoreFavorite as any,
+            handleRestoreFavorite,
         );
     }
 });
diff --git a/packages/ui/src/components/types/test-area.ts b/packages/ui/src/components/types/test-area.ts
index fdec0f2f..3790384f 100644
--- a/packages/ui/src/components/types/test-area.ts
+++ b/packages/ui/src/components/types/test-area.ts
@@ -1,4 +1,6 @@
-import type { OptimizationMode } from '@prompt-optimizer/core'
+import type { Slot } from 'vue'
+
+import type { OptimizationMode, ToolCallResult } from '@prompt-optimizer/core'
 
 // 基础尺寸类型
 export type ComponentSize = 'small' | 'medium' | 'large'
@@ -191,28 +193,32 @@ export interface TestResultConfig {
   }
 }
 
+// TestAreaPanel 暴露的工具调用状态
+export interface TestAreaToolCallState {
+  original: ToolCallResult[]
+  optimized: ToolCallResult[]
+}
+
 // 组件实例类型
 export interface TestAreaPanelInstance {
-  // 公开方法
-  toggleCompareMode: () => void
-  startTest: () => void
-  resetResults: () => void
-  
-  // 状态访问
-  readonly isTestRunning: boolean
-  readonly showTestInput: boolean
-  readonly canStartTest: boolean
+  clearToolCalls: (testType?: 'original' | 'optimized' | 'both') => void
+  handleToolCall: (toolCall: ToolCallResult, testType: 'original' | 'optimized') => void
+  getToolCalls: () => TestAreaToolCallState
+  getVariableValues: () => Record<string, string>
+  setVariableValues: (values: Record<string, string>) => void
+  showPreview: () => void
+  hidePreview: () => void
 }
 
 // 插槽类型定义
 export interface TestAreaSlots {
-  'model-select': () => any
-  'secondary-controls': () => any
-  'custom-actions': () => any
-  'conversation-manager': () => any
-  'original-result': () => any
-  'optimized-result': () => any
-  'single-result': () => any
+  'model-select'?: Slot
+  'secondary-controls'?: Slot
+  'custom-actions'?: Slot
+  'conversation-manager'?: Slot
+  'original-result'?: Slot
+  'optimized-result'?: Slot
+  'single-result'?: Slot
 }
 
 // 事件回调类型
@@ -232,4 +238,4 @@ export interface TestAreaPresets {
   advanced: TestAreaConfig
   compact: TestAreaConfig
   minimal: TestAreaConfig
-}
\ No newline at end of file
+}
diff --git a/packages/ui/src/components/variable-extraction/VariableAwareInput.vue b/packages/ui/src/components/variable-extraction/VariableAwareInput.vue
index b1d99340..d7a300b0 100644
--- a/packages/ui/src/components/variable-extraction/VariableAwareInput.vue
+++ b/packages/ui/src/components/variable-extraction/VariableAwareInput.vue
@@ -45,14 +45,8 @@
 </template>
 
 <script setup lang="ts">
-import {
-    ref,
-    onMounted,
-    onBeforeUnmount,
-    watch,
-    computed,
-    nextTick,
-} from "vue";
+import { ref, onMounted, onBeforeUnmount, watch, computed } from 'vue'
+
 import { EditorView, basicSetup } from "codemirror";
 import { EditorState, Compartment } from "@codemirror/state";
 import { NPopover, NButton, useThemeVars } from "naive-ui";
diff --git a/packages/ui/src/components/variable-extraction/VariableExtractionDialog.vue b/packages/ui/src/components/variable-extraction/VariableExtractionDialog.vue
index e558d8a6..dd248ec1 100644
--- a/packages/ui/src/components/variable-extraction/VariableExtractionDialog.vue
+++ b/packages/ui/src/components/variable-extraction/VariableExtractionDialog.vue
@@ -68,6 +68,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
+
 import {
   NModal,
   NSpace,
diff --git a/packages/ui/src/components/variable-extraction/codemirror-extensions.ts b/packages/ui/src/components/variable-extraction/codemirror-extensions.ts
index 9a464852..7c28938e 100644
--- a/packages/ui/src/components/variable-extraction/codemirror-extensions.ts
+++ b/packages/ui/src/components/variable-extraction/codemirror-extensions.ts
@@ -7,6 +7,7 @@ import {
   type DecorationSet
 } from '@codemirror/view'
 import { RangeSetBuilder } from '@codemirror/state'
+import type { ThemeCommonVars } from 'naive-ui'
 import { autocompletion, CompletionContext, type CompletionResult } from '@codemirror/autocomplete'
 import type { DetectedVariable } from './useVariableDetection'
 
@@ -175,7 +176,7 @@ export function missingVariableTooltip(
   labels: VariableDetectionLabels,
   theme: MissingVariableTooltipTheme = {}
 ) {
-  return hoverTooltip((view, pos, side) => {
+  return hoverTooltip((view, pos, _side) => {
     // 获取当前位置的元素
     const { node } = view.domAtPos(pos)
     const element = node instanceof Element ? node : node.parentElement
@@ -280,7 +281,7 @@ export function missingVariableTooltip(
 /**
  * 主题扩展 - 适配 Naive UI 主题
  */
-export function createThemeExtension(themeVars: any) {
+export function createThemeExtension(themeVars: ThemeCommonVars) {
   return EditorView.theme({
     '&': {
       backgroundColor: themeVars.cardColor,
diff --git a/packages/ui/src/components/variable-extraction/useInputHistory.ts b/packages/ui/src/components/variable-extraction/useInputHistory.ts
index 726f0e7b..17b086c9 100644
--- a/packages/ui/src/components/variable-extraction/useInputHistory.ts
+++ b/packages/ui/src/components/variable-extraction/useInputHistory.ts
@@ -1,4 +1,4 @@
-import { ref, Ref } from 'vue'
+import { ref, type Ref } from 'vue'
 
 /**
  * 输入历史记录管理 Composable
diff --git a/packages/ui/src/components/variable-extraction/useTextSelection.ts b/packages/ui/src/components/variable-extraction/useTextSelection.ts
index 438397fd..c6f81725 100644
--- a/packages/ui/src/components/variable-extraction/useTextSelection.ts
+++ b/packages/ui/src/components/variable-extraction/useTextSelection.ts
@@ -1,4 +1,4 @@
-import { ref, Ref } from 'vue'
+import { ref, type Ref } from 'vue'
 
 /**
  * 文本选择检测 Composable
diff --git a/packages/ui/src/components/variable-extraction/useVariableDetection.ts b/packages/ui/src/components/variable-extraction/useVariableDetection.ts
index 705c7f26..0dd736de 100644
--- a/packages/ui/src/components/variable-extraction/useVariableDetection.ts
+++ b/packages/ui/src/components/variable-extraction/useVariableDetection.ts
@@ -1,4 +1,5 @@
-import { computed, type Ref } from "vue";
+import { computed, type Ref } from 'vue'
+
 
 /**
  * 检测到的变量信息
@@ -47,7 +48,7 @@ export function useVariableDetection(
     while ((match = regex.exec(text)) !== null) {
       const name = match[1];
       // 跳过 Mustache 控制标签 (#、/、^、!、>)
-      if (/^[#\/\^!>]/u.test(name)) {
+      if (/^[#/^!>]/u.test(name)) {
         continue;
       }
       const from = match.index;
diff --git a/packages/ui/src/components/variable/VariableEditor.vue b/packages/ui/src/components/variable/VariableEditor.vue
index 4fa18ab5..076f30f8 100644
--- a/packages/ui/src/components/variable/VariableEditor.vue
+++ b/packages/ui/src/components/variable/VariableEditor.vue
@@ -90,7 +90,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch, nextTick } from "vue";
+import { ref, computed, onMounted, watch, nextTick } from 'vue'
+
 import { useI18n } from "vue-i18n";
 import {
     NModal,
diff --git a/packages/ui/src/components/variable/VariableImporter.vue b/packages/ui/src/components/variable/VariableImporter.vue
index 8d68d5d9..28112f67 100644
--- a/packages/ui/src/components/variable/VariableImporter.vue
+++ b/packages/ui/src/components/variable/VariableImporter.vue
@@ -156,12 +156,13 @@
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { 
   NModal, NButton, NTabs, NTabPane, NUpload, NUploadDragger, NText, 
   NAlert, NUl, NLi, NFormItem, NInput, NSpace,
   NRadioGroup, NRadio, NCard, NList, NListItem, NScrollbar, NIcon,
-  type UploadFileInfo, type UploadCustomRequestOptions 
+  type UploadFileInfo 
 } from 'naive-ui'
 
 const { t } = useI18n()
diff --git a/packages/ui/src/components/variable/VariableManagerModal.vue b/packages/ui/src/components/variable/VariableManagerModal.vue
index 26912973..4c88843d 100644
--- a/packages/ui/src/components/variable/VariableManagerModal.vue
+++ b/packages/ui/src/components/variable/VariableManagerModal.vue
@@ -305,7 +305,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, h } from "vue";
+import { ref, computed, watch, h } from 'vue'
+
 import { useI18n } from "vue-i18n";
 import {
     NModal,
@@ -330,8 +331,6 @@ import { useClipboard } from "../../composables/useClipboard";
 import type {
     VariableManagerModalProps,
     VariableManagerModalEvents,
-    VariableExportData,
-    VariableImportOptions,
 } from "../../types/components";
 import type { Variable } from "../../types/variable";
 import type { VariableManagerHooks } from "../../composables/useVariableManager";
@@ -703,11 +702,6 @@ const copyVariableName = async (name: string) => {
     }
 };
 
-// 事件处理
-const close = () => {
-    localVisible.value = false;
-};
-
 const showAddVariable = () => {
     editingVariable.value = null;
     showEditor.value = true;
@@ -988,22 +982,25 @@ const getExportPreview = (): string => {
     );
 
     switch (exportFormat.value) {
-        case "csv":
+        case "csv": {
             const csvLines = ["name,value"];
             for (const [name, value] of Object.entries(customVarsObject)) {
                 csvLines.push(`"${name}","${value.replace(/"/g, '""')}"`);
             }
             return csvLines.join("\n");
+        }
 
-        case "txt":
+        case "txt": {
             const txtLines: string[] = [];
             for (const [name, value] of Object.entries(customVarsObject)) {
                 txtLines.push(`${name}=${value}`);
             }
             return txtLines.join("\n");
+        }
 
-        default:
+        default: {
             return "";
+        }
     }
 };
 
@@ -1023,14 +1020,17 @@ const executeExport = () => {
 
         let mimeType: string;
         switch (exportFormat.value) {
-            case "csv":
+            case "csv": {
                 mimeType = "text/csv";
                 break;
-            case "txt":
+            }
+            case "txt": {
                 mimeType = "text/plain";
                 break;
-            default:
+            }
+            default: {
                 mimeType = "text/plain";
+            }
         }
 
         // 发送导出事件
diff --git a/packages/ui/src/composables/useAccessibility.ts b/packages/ui/src/composables/useAccessibility.ts
index a8068515..77fa3591 100644
--- a/packages/ui/src/composables/useAccessibility.ts
+++ b/packages/ui/src/composables/useAccessibility.ts
@@ -1,4 +1,5 @@
 import { ref, computed, onMounted, onUnmounted } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 
 export interface KeyboardNavigation {
diff --git a/packages/ui/src/composables/useAccessibilityTesting.ts b/packages/ui/src/composables/useAccessibilityTesting.ts
index ab81b81e..e4b04a62 100644
--- a/packages/ui/src/composables/useAccessibilityTesting.ts
+++ b/packages/ui/src/composables/useAccessibilityTesting.ts
@@ -478,7 +478,7 @@ export function useAccessibilityTesting() {
       case 'json':
         return JSON.stringify(report, null, 2)
         
-      case 'csv':
+      case 'csv': {
         const headers = ['Type', 'Rule', 'Message', 'Suggestion', 'Severity', 'WCAG Level', 'XPath']
         const rows = report.details.map(issue => [
           issue.type,
@@ -489,12 +489,13 @@ export function useAccessibilityTesting() {
           issue.wcagLevel,
           issue.xpath || ''
         ])
-        
-        return [headers, ...rows].map(row => 
+
+        return [headers, ...rows].map(row =>
           row.map(cell => `"${cell?.toString().replace(/"/g, '""') || ''}"`).join(',')
         ).join('\n')
-        
-      case 'html':
+      }
+
+      case 'html': {
         return `
           <!DOCTYPE html>
           <html lang="zh-CN">
@@ -546,6 +547,7 @@ export function useAccessibilityTesting() {
           </body>
           </html>
         `
+      }
     }
   }
   
@@ -568,4 +570,4 @@ export function useAccessibilityTesting() {
     generateReport,
     exportReport
   }
-}
\ No newline at end of file
+}
diff --git a/packages/ui/src/composables/useAppInitializer.ts b/packages/ui/src/composables/useAppInitializer.ts
index 2fe21fdf..f0d9c48c 100644
--- a/packages/ui/src/composables/useAppInitializer.ts
+++ b/packages/ui/src/composables/useAppInitializer.ts
@@ -1,4 +1,5 @@
-import { ref, onMounted, type Ref } from 'vue';
+import { ref, onMounted, type Ref } from 'vue'
+
 import {
   StorageFactory,
   createModelManager,
@@ -261,8 +262,9 @@ export function useAppInitializer(): {
 
         // Ensure image model defaults are seeded (similar to text models)
         try {
-          // Optional chaining for backward compatibility
-          await (imageModelManagerInstance as any)?.ensureInitialized?.()
+          if (typeof imageModelManagerInstance.ensureInitialized === 'function') {
+            await imageModelManagerInstance.ensureInitialized()
+          }
         } catch (e) {
           console.warn('[AppInitializer] ImageModelManager ensureInitialized failed (non-critical):', e)
         }
diff --git a/packages/ui/src/composables/useAutoScroll.ts b/packages/ui/src/composables/useAutoScroll.ts
index d9884449..92fa5181 100644
--- a/packages/ui/src/composables/useAutoScroll.ts
+++ b/packages/ui/src/composables/useAutoScroll.ts
@@ -1,4 +1,5 @@
-import { ref, watch, nextTick, type Ref, onMounted, onBeforeUnmount } from 'vue'
+import { ref, watch, nextTick, onMounted, onBeforeUnmount, type Ref } from 'vue'
+
 
 /**
  * useAutoScroll 组合式函数
diff --git a/packages/ui/src/composables/useBasicSubMode.ts b/packages/ui/src/composables/useBasicSubMode.ts
index 8ae26768..dcea908b 100644
--- a/packages/ui/src/composables/useBasicSubMode.ts
+++ b/packages/ui/src/composables/useBasicSubMode.ts
@@ -1,4 +1,5 @@
 import { ref, readonly, type Ref } from 'vue'
+
 import type { AppServices } from '../types/services'
 import { usePreferences } from './usePreferenceManager'
 import { UI_SETTINGS_KEYS, type BasicSubMode } from '@prompt-optimizer/core'
diff --git a/packages/ui/src/composables/useClipboard.ts b/packages/ui/src/composables/useClipboard.ts
index 39b4a84c..8963f43d 100644
--- a/packages/ui/src/composables/useClipboard.ts
+++ b/packages/ui/src/composables/useClipboard.ts
@@ -5,6 +5,7 @@
 
 import { ref, type Ref } from 'vue'
 
+
 export interface ClipboardHooks {
   isSupported: boolean
   copyText: (text: string) => Promise<void>
diff --git a/packages/ui/src/composables/useContextEditor.ts b/packages/ui/src/composables/useContextEditor.ts
index 219c1c4e..71e243b2 100644
--- a/packages/ui/src/composables/useContextEditor.ts
+++ b/packages/ui/src/composables/useContextEditor.ts
@@ -4,6 +4,7 @@
  */
 
 import { ref, computed } from 'vue'
+
 import type { 
   StandardPromptData,
   ConversionResult,
@@ -192,12 +193,17 @@ export function useContextEditor() {
   }
 
   // 智能变量建议
+  const coerceVariableCategory = (value: string): VariableSuggestion['category'] => {
+    const allowed: VariableSuggestion['category'][] = ['database', 'examples', 'rules', 'context', 'input', 'output', 'custom']
+    return allowed.includes(value as VariableSuggestion['category']) ? (value as VariableSuggestion['category']) : 'custom'
+  }
+
   const suggestVariableNames = (selectedText: string): VariableSuggestion[] => {
     try {
       return variableExtractor.suggestVariableNames(selectedText).map(suggestion => ({
         name: suggestion.name,
         confidence: suggestion.confidence,
-        category: suggestion.category as any,
+        category: coerceVariableCategory(suggestion.category),
         description: suggestion.reason
       }))
     } catch (err) {
diff --git a/packages/ui/src/composables/useContextManagement.ts b/packages/ui/src/composables/useContextManagement.ts
index 2bbcc9f1..292f3056 100644
--- a/packages/ui/src/composables/useContextManagement.ts
+++ b/packages/ui/src/composables/useContextManagement.ts
@@ -3,14 +3,18 @@
  * 负责管理优化上下文、上下文变量、上下文编辑器等相关功能
  */
 
-import { ref, computed, watch, type Ref } from "vue";
+import { ref, computed, watch, type Ref } from 'vue'
+
 import { useToast } from "./useToast";
 import { quickTemplateManager } from "../data/quickTemplates";
 import type {
   ConversationMessage,
   OptimizationMode,
+  ToolDefinition,
+  ContextEditorState as CoreContextEditorState,
 } from "@prompt-optimizer/core";
 import type { AppServices } from "../types/services";
+import type { VariableManagerHooks } from "./useVariableManager";
 
 export interface ContextManagementOptions {
   services: Ref<AppServices | null>;
@@ -18,16 +22,9 @@ export interface ContextManagementOptions {
   advancedModeEnabled: Ref<boolean>;
   showContextEditor: Ref<boolean>;
   contextEditorDefaultTab: Ref<"messages" | "variables" | "tools">;
-  contextEditorState: Ref<{
-    messages: ConversationMessage[];
-    variables: Record<string, string>;
-    tools: any[];
-    showVariablePreview: boolean;
-    showToolManager: boolean;
-    mode: "edit" | "preview";
-  }>;
-  variableManager: any;
-  optimizer: any;
+  contextEditorState: Ref<CoreContextEditorState>;
+  variableManager: VariableManagerHooks | null;
+  optimizer: { prompt?: string; optimizedPrompt?: string } | null;
 }
 
 export function useContextManagement(options: ContextManagementOptions) {
@@ -50,7 +47,7 @@ export function useContextManagement(options: ContextManagementOptions) {
 
   // 优化阶段上下文状态
   const optimizationContext = ref<ConversationMessage[]>([]);
-  const optimizationContextTools = ref<any[]>([]);
+  const optimizationContextTools = ref<ToolDefinition[]>([]);
 
   // 标记是否已从持久化仓库加载过上下文
   const isContextLoaded = ref(false);
@@ -133,7 +130,7 @@ export function useContextManagement(options: ContextManagementOptions) {
   const persistContextUpdate = async (patch: {
     messages?: ConversationMessage[];
     variables?: Record<string, string>;
-    tools?: any[];
+    tools?: ToolDefinition[];
   }) => {
     if (!contextRepo.value || !currentContextId.value) return;
 
@@ -239,7 +236,7 @@ export function useContextManagement(options: ContextManagementOptions) {
   const handleContextEditorSave = async (context: {
     messages: ConversationMessage[];
     variables: Record<string, string>;
-    tools: any[];
+    tools: ToolDefinition[];
   }) => {
     // 更新优化上下文
     optimizationContext.value = [...context.messages];
@@ -263,7 +260,7 @@ export function useContextManagement(options: ContextManagementOptions) {
   const handleContextEditorStateUpdate = async (state: {
     messages: ConversationMessage[];
     variables: Record<string, string>;
-    tools: any[];
+    tools: ToolDefinition[];
   }) => {
     // 实时同步状态到contextEditorState
     contextEditorState.value = { ...contextEditorState.value, ...state };
diff --git a/packages/ui/src/composables/useFocusManager.ts b/packages/ui/src/composables/useFocusManager.ts
index 886a38b6..b4da7594 100644
--- a/packages/ui/src/composables/useFocusManager.ts
+++ b/packages/ui/src/composables/useFocusManager.ts
@@ -1,4 +1,5 @@
 import { ref, nextTick, computed } from 'vue'
+
 import { useAccessibility } from './useAccessibility'
 
 export interface FocusManagerOptions {
diff --git a/packages/ui/src/composables/useFullscreen.ts b/packages/ui/src/composables/useFullscreen.ts
index 8c217270..761a8dc3 100644
--- a/packages/ui/src/composables/useFullscreen.ts
+++ b/packages/ui/src/composables/useFullscreen.ts
@@ -1,5 +1,6 @@
 import { ref, watch, type ComputedRef } from 'vue'
 
+
 export function useFullscreen(
   modelValue: ComputedRef<string> | { value: string }, 
   emitUpdateValue: (value: string) => void
diff --git a/packages/ui/src/composables/useFunctionMode.ts b/packages/ui/src/composables/useFunctionMode.ts
index cbdb20c4..0b644412 100644
--- a/packages/ui/src/composables/useFunctionMode.ts
+++ b/packages/ui/src/composables/useFunctionMode.ts
@@ -1,4 +1,5 @@
 import { ref, readonly, type Ref } from 'vue'
+
 import type { AppServices } from '../types/services'
 import { usePreferences } from './usePreferenceManager'
 import { UI_SETTINGS_KEYS } from '@prompt-optimizer/core'
diff --git a/packages/ui/src/composables/useHistoryManager.ts b/packages/ui/src/composables/useHistoryManager.ts
index b7705d90..7d6b9615 100644
--- a/packages/ui/src/composables/useHistoryManager.ts
+++ b/packages/ui/src/composables/useHistoryManager.ts
@@ -1,9 +1,12 @@
 import { reactive, type Ref } from 'vue'
+
 import type { AppServices } from '../types/services'
 
+import type { PromptRecordChain, PromptRecord } from '@prompt-optimizer/core'
+
 export interface HistoryManagerHooks {
   showHistory: boolean
-  handleSelectHistory: (historyItem: any) => void
+  handleSelectHistory: (historyItem: PromptRecord) => void
   handleClearHistory: () => void
   handleDeleteChain: (chainId: string) => void
 }
@@ -26,16 +29,16 @@ export function useHistoryManager(
   prompt: Ref<string>,
   optimizedPrompt: Ref<string>,
   currentChainId: Ref<string | null>,
-  currentVersions: Ref<any[]>,
+  currentVersions: Ref<PromptRecordChain['versions']>,
   currentVersionId: Ref<string | null>,
-  handleSelectHistoryBase: (historyItem: any) => void,
+  handleSelectHistoryBase: (historyItem: PromptRecord) => void,
   handleClearHistoryBase: () => void,
   handleDeleteChainBase: (chainId: string) => void
 ): HistoryManagerHooks {
   // 创建一个 reactive 状态对象
   const state = reactive<HistoryManagerHooks>({
     showHistory: false,
-    handleSelectHistory: (historyItem: any) => {
+    handleSelectHistory: (historyItem: PromptRecord) => {
       handleSelectHistoryBase(historyItem)
       state.showHistory = false
     },
diff --git a/packages/ui/src/composables/useImageGeneration.ts b/packages/ui/src/composables/useImageGeneration.ts
index d174ca5a..659be1a2 100644
--- a/packages/ui/src/composables/useImageGeneration.ts
+++ b/packages/ui/src/composables/useImageGeneration.ts
@@ -1,4 +1,5 @@
-import { computed, ref, type Ref, inject } from 'vue'
+import { computed, ref, inject, type Ref } from 'vue'
+
 import type { AppServices } from '../types/services'
 import type { ImageRequest, ImageResult, ImageModelConfig } from '@prompt-optimizer/core'
 
@@ -36,10 +37,11 @@ export function useImageGeneration() {
       const res = await services.value.imageService.generate(req)
       result.value = res
       progress.value = 'done'
-    } catch (e: any) {
-      error.value = e?.message || String(e)
+    } catch (e) {
+      const err = e instanceof Error ? e : new Error(String(e))
+      error.value = err.message
       progress.value = 'error'
-      throw e
+      throw err
     } finally {
       generating.value = false
     }
diff --git a/packages/ui/src/composables/useImageModelManager.ts b/packages/ui/src/composables/useImageModelManager.ts
index 1f9659c9..42d4b489 100644
--- a/packages/ui/src/composables/useImageModelManager.ts
+++ b/packages/ui/src/composables/useImageModelManager.ts
@@ -1,4 +1,5 @@
 import { ref, computed, inject } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { useToast } from './useToast'
 import type {
@@ -11,6 +12,20 @@ import type {
 } from '@prompt-optimizer/core'
 import { useModelAdvancedParameters } from './useModelAdvancedParameters'
 
+type EditableImageModelConfig = Omit<ImageModelConfig, 'provider' | 'model'> & {
+  provider?: ImageProvider
+  model?: ImageModel
+}
+
+const toErrorMessage = (error: unknown): string => {
+  if (error instanceof Error) return error.message
+  try {
+    return String(error)
+  } catch {
+    return 'Unknown error'
+  }
+}
+
 export function useImageModelManager() {
   const { t } = useI18n()
   const toast = useToast()
@@ -35,7 +50,7 @@ export function useImageModelManager() {
   const selectedModelId = ref('')
 
   // 表单状态（不包含provider和model字段，仅用于编辑）
-  const configForm = ref<Omit<ImageModelConfig, 'provider' | 'model'>>({
+  const configForm = ref<EditableImageModelConfig>({
     id: '',
     name: '',
     providerId: '',
@@ -87,12 +102,15 @@ export function useImageModelManager() {
     providerId: selectedProviderId,
     modelId: selectedModelId,
     savedModelMeta: computed(() => {
-      // 优先使用表单中已保存的模型元数据
-      const currentConfig = configForm.value as any
-      if (currentConfig?.model?.id === selectedModelId.value) {
-        return currentConfig.model
+      if (configForm.value.id) {
+        const existing = configs.value.find(config => config.id === configForm.value.id)
+        if (existing?.model && existing.model.id === selectedModelId.value) {
+          return existing.model
+        }
+      }
+      if (configForm.value.model && configForm.value.model.id === selectedModelId.value) {
+        return configForm.value.model
       }
-      // 其次使用选中的模型
       return selectedModel.value
     }),
     getParamOverrides: () => configForm.value.paramOverrides ?? {},
@@ -256,7 +274,7 @@ export function useImageModelManager() {
 
     // 2. 如果支持动态获取且用户已配置连接信息
     if (registry.supportsDynamicModels(providerId)) {
-      const connectionConfig = getConnectionConfig(providerId)
+      const connectionConfig = getConnectionConfig()
       if (connectionConfig && hasValidConnectionConfig(connectionConfig)) {
         // 异步加载动态模型，不阻塞UI
         refreshDynamicModels().catch(error => {
@@ -273,12 +291,12 @@ export function useImageModelManager() {
   }
 
   // 获取连接配置（辅助方法）
-  const getConnectionConfig = (providerId: string) => {
-    return configForm.value.connectionConfig || {}
+  const getConnectionConfig = () => {
+    return configForm.value.connectionConfig ?? {}
   }
 
   // 验证连接配置是否有效（辅助方法）
-  const hasValidConnectionConfig = (connectionConfig: Record<string, any>) => {
+  const hasValidConnectionConfig = (connectionConfig: Record<string, unknown>) => {
     const provider = selectedProvider.value
     if (!provider?.connectionSchema) return true
 
@@ -286,7 +304,7 @@ export function useImageModelManager() {
   }
 
   // 详细校验：返回缺失字段与类型不符列表
-  const validateConnectionConfigDetailed = (connectionConfig: Record<string, any>) => {
+  const validateConnectionConfigDetailed = (connectionConfig: Record<string, unknown>) => {
     const provider = selectedProvider.value
     const missing: string[] = []
     const typeErrors: { field: string; expected: string; actual: string }[] = []
@@ -346,8 +364,10 @@ export function useImageModelManager() {
 
   // 连接测试
   // 辅助函数：根据模型能力选择测试类型
-  const selectTestType = (model: any): 'text2image' | 'image2image' => {
-    const { text2image, image2image } = model.capabilities || {}
+  const selectTestType = (model: ImageModel): 'text2image' | 'image2image' => {
+    const capabilities = model.capabilities || {}
+    const text2image = capabilities?.text2image
+    const image2image = capabilities?.image2image
 
     if (text2image && !image2image) {
       return 'text2image'  // 只支持文生图
@@ -442,13 +462,14 @@ export function useImageModelManager() {
       toast.success(t('image.connection.testSuccess'))
 
     } catch (error) {
+      const message = toErrorMessage(error)
       console.error('Connection test failed:', error)
       connectionStatus.value = {
         type: 'error',
         messageKey: 'image.connection.testError',
-        detail: (error as any)?.message || String(error)
+        detail: message
       }
-      toast.error(`${t('image.connection.testError')}: ${(error as any)?.message || String(error)}`)
+      toast.error(`${t('image.connection.testError')}: ${message}`)
     } finally {
       isTestingConnection.value = false
     }
@@ -460,7 +481,7 @@ export function useImageModelManager() {
       return
     }
 
-    const connectionConfig = getConnectionConfig(selectedProviderId.value)
+    const connectionConfig = getConnectionConfig()
     if (!connectionConfig || !hasValidConnectionConfig(connectionConfig)) {
       const detail = validateConnectionConfigDetailed(connectionConfig || {})
       const parts: string[] = []
@@ -503,7 +524,7 @@ export function useImageModelManager() {
         type: 'warning',
         messageKey: 'image.model.dynamicFailed',
         count: staticModels.length,
-        detail: (error as any)?.message || String(error)
+        detail: toErrorMessage(error)
       }
     } finally {
       isLoadingDynamicModels.value = false
diff --git a/packages/ui/src/composables/useImageSubMode.ts b/packages/ui/src/composables/useImageSubMode.ts
index 4d770ae0..8630099f 100644
--- a/packages/ui/src/composables/useImageSubMode.ts
+++ b/packages/ui/src/composables/useImageSubMode.ts
@@ -1,4 +1,5 @@
 import { ref, readonly, type Ref } from 'vue'
+
 import type { AppServices } from '../types/services'
 import { usePreferences } from './usePreferenceManager'
 import { UI_SETTINGS_KEYS, type ImageSubMode } from '@prompt-optimizer/core'
diff --git a/packages/ui/src/composables/useImageWorkspace.ts b/packages/ui/src/composables/useImageWorkspace.ts
index 08c9cf19..b5630260 100644
--- a/packages/ui/src/composables/useImageWorkspace.ts
+++ b/packages/ui/src/composables/useImageWorkspace.ts
@@ -1,4 +1,6 @@
-import { ref, computed, reactive, nextTick, toRef, type Ref } from "vue";
+import { ref, computed, reactive, nextTick, toRef, type Ref } from 'vue'
+import type { UploadFileInfo } from 'naive-ui'
+
 import { useToast } from "./useToast";
 import { useI18n } from "vue-i18n";
 import { usePreferences } from "./usePreferenceManager";
@@ -15,6 +17,8 @@ import {
   type OptimizationMode,
   type ImageRequest,
   type ImageResult,
+  type ImageModelConfig,
+  type ImageResultItem,
 } from "@prompt-optimizer/core";
 import type { AppServices } from "../types/services";
 import type { ModelSelectOption, SelectOption } from "../types/select-options";
@@ -23,6 +27,14 @@ import type { ModelSelectOption, SelectOption } from "../types/select-options";
  * 图像模式工作区 Hook
  * 复用现有的历史记录系统，添加图像优化类型支持
  */
+export interface ImageUploadChangePayload {
+  file: UploadFileInfo | null | undefined
+  fileList: UploadFileInfo[]
+  event?: Event
+}
+
+type TemplateKind = Template['metadata']['templateType']
+
 export function useImageWorkspace(services: Ref<AppServices | null>) {
   const toast = useToast();
   const { t } = useI18n();
@@ -82,18 +94,20 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
   const currentVersionId = ref("");
 
   // 模板管理器状态
+  type WorkspaceTemplateType =
+    | 'text2imageOptimize'
+    | 'image2imageOptimize'
+    | 'iterate'
+    | 'imageIterate'
+
   const templateManagerState = reactive({
     showTemplates: false,
-    currentType: "text2imageOptimize" as
-      | "text2imageOptimize"
-      | "image2imageOptimize"
-      | "imageIterate"
-      | "iterate",
+    currentType: 'text2imageOptimize' as WorkspaceTemplateType,
   });
 
   // 模型选项
   const textModelOptions = ref<ModelSelectOption[]>([]);
-  const imageModelOptions = ref<SelectOption<any>[]>([]);
+  const imageModelOptions = ref<SelectOption<ImageModelConfig>[]>([]);
 
   // 当前使用的提示词
   const currentPrompt = computed(
@@ -101,7 +115,7 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
   );
 
   // 根据图像模式确定模板类型
-  const templateType = computed(() => {
+  const templateType = computed<TemplateKind>(() => {
     return state.imageMode === "text2image"
       ? "text2imageOptimize"
       : "image2imageOptimize";
@@ -180,9 +194,7 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
 
     try {
       const manager = modelManager.value;
-      if (typeof (manager as any).ensureInitialized === "function") {
-        await (manager as any).ensureInitialized();
-      }
+      await manager.ensureInitialized();
 
       const textModels = await manager.getEnabledModels();
       textModelOptions.value = textModels.map((m) => ({
@@ -314,7 +326,7 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
         currentTemplateType,
       );
       const templates = await templateManager.value.listTemplatesByType(
-        currentTemplateType as any,
+        currentTemplateType,
       );
       console.log(
         "[restoreTemplateSelection] Available templates:",
@@ -441,7 +453,7 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
     if (!templateManager.value) return;
     try {
       const iterateTemplates = await templateManager.value.listTemplatesByType(
-        "imageIterate" as any,
+        "imageIterate",
       );
       if (iterateTemplates.length === 0) {
         console.warn("[useImageWorkspace] No imageIterate templates available");
@@ -467,10 +479,11 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
   };
 
   // 文件上传处理
-  const handleUploadChange = async (data: { file: any; fileList: any[] }) => {
-    const f: File | undefined = data?.file?.file || data?.file;
+  const handleUploadChange = async (data: ImageUploadChangePayload) => {
+    const fileEntry = data.file ?? null;
+    const file = fileEntry?.file ?? null;
 
-    if (!f) {
+    if (!file) {
       state.inputImageB64 = null;
       state.inputImageMime = "image/png"; // 重置为默认值，防止undefined错误
       state.uploadStatus = "idle";
@@ -478,14 +491,14 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
     }
 
     // 验证文件类型
-    if (!/image\/(png|jpeg)/.test(f.type)) {
+    if (!/image\/(png|jpeg)/.test(file.type)) {
       toast.error("仅支持 PNG/JPEG 格式");
       state.uploadStatus = "error";
       return;
     }
 
     // 验证文件大小
-    if (f.size > 10 * 1024 * 1024) {
+    if (file.size > 10 * 1024 * 1024) {
       toast.error("文件大小不能超过 10MB");
       state.uploadStatus = "error";
       return;
@@ -500,7 +513,7 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
       const dataUrl = reader.result as string;
       const base64 = dataUrl.split(",")[1];
       state.inputImageB64 = base64;
-      state.inputImageMime = f.type;
+      state.inputImageMime = file.type;
       state.uploadStatus = "success";
       state.uploadProgress = 100;
       toast.success("图片上传成功");
@@ -566,8 +579,9 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
           throw error;
         },
       });
-    } catch (error: any) {
-      toast.error("优化失败：" + (error?.message || String(error)));
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error(String(error))
+      toast.error("优化失败：" + err.message);
     } finally {
       state.isOptimizing = false;
     }
@@ -670,8 +684,9 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
       }
 
       toast.success("图像生成完成");
-    } catch (error: any) {
-      toast.error("生成失败：" + (error?.message || String(error)));
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error(String(error))
+      toast.error("生成失败：" + err.message);
     }
   };
 
@@ -700,18 +715,25 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
   };
 
   // 获取图像显示源地址
-  const getImageSrc = (imageItem: any) => {
-    if (imageItem?.url) {
+  const getImageSrc = (imageItem: ImageResultItem | null | undefined) => {
+    if (!imageItem) return "";
+    if (imageItem.url) {
       return imageItem.url;
-    } else if (imageItem?.b64) {
-      return "data:image/png;base64," + imageItem.b64;
+    }
+    if (imageItem.b64) {
+      const mime = imageItem.mimeType ?? "image/png";
+      return `data:${mime};base64,${imageItem.b64}`;
     }
     return "";
   };
 
   // 下载图像
-  const downloadImageFromResult = async (imageItem: any, prefix: string) => {
-    if (imageItem?.url) {
+  const downloadImageFromResult = async (
+    imageItem: ImageResultItem | null | undefined,
+    prefix: string,
+  ) => {
+    if (!imageItem) return;
+    if (imageItem.url) {
       try {
         const response = await fetch(imageItem.url);
         const blob = await response.blob();
@@ -724,9 +746,10 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
       } catch (error) {
         toast.error("下载失败");
       }
-    } else if (imageItem?.b64) {
+    } else if (imageItem.b64) {
       const a = document.createElement("a");
-      a.href = "data:image/png;base64," + imageItem.b64;
+      const mime = imageItem.mimeType ?? "image/png";
+      a.href = `data:${mime};base64,${imageItem.b64}`;
       a.download = `${prefix}-image.png`;
       a.click();
     }
@@ -804,8 +827,9 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
         },
         state.selectedIterateTemplate.id,
       );
-    } catch (error: any) {
-      toast.error("迭代优化失败：" + (error?.message || String(error)));
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error(String(error))
+      toast.error("迭代优化失败：" + err.message);
       // 恢复之前的内容
       state.optimizedPrompt = previousOptimizedPrompt;
     } finally {
@@ -814,15 +838,18 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
   };
 
   // 复制图像数据
-  const copyImageFromResult = async (imageItem: any) => {
-    if (imageItem?.b64) {
+  const copyImageFromResult = async (
+    imageItem: ImageResultItem | null | undefined,
+  ) => {
+    if (!imageItem) return;
+    if (imageItem.b64) {
       try {
         await navigator.clipboard.writeText(imageItem.b64);
         toast.success("Base64已复制");
       } catch {
         toast.error("复制失败");
       }
-    } else if (imageItem?.url) {
+    } else if (imageItem.url) {
       try {
         const response = await fetch(imageItem.url);
         const blob = await response.blob();
@@ -888,9 +915,7 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
           try {
             // 兼容旧记录：根据当前模式的类型尝试列表查找
             const type = templateType.value;
-            const list = await templateManager.value.listTemplatesByType(
-              type as any,
-            );
+            const list = await templateManager.value.listTemplatesByType(type);
             const t = list.find((t) => t.id === historyData.templateId);
             if (t) state.selectedTemplate = t;
           } catch (err) {
@@ -965,21 +990,13 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
   };
 
   // 打开模板管理器
-  const handleOpenTemplateManager = (
-    templateType?:
-      | "text2imageOptimize"
-      | "image2imageOptimize"
-      | "iterate"
-      | "imageIterate",
-  ) => {
-    let target: any = templateType;
-    // 在图像模式中，迭代应打开 imageIterate 类别
-    if (templateType === "iterate") target = "imageIterate";
+  const handleOpenTemplateManager = (type?: WorkspaceTemplateType) => {
+    let target: WorkspaceTemplateType | undefined = type;
+    if (target === 'iterate') {
+      target = 'imageIterate';
+    }
     if (!target) {
-      target =
-        state.imageMode === "text2image"
-          ? "text2imageOptimize"
-          : "image2imageOptimize";
+      target = state.imageMode === 'text2image' ? 'text2imageOptimize' : 'image2imageOptimize';
     }
     templateManagerState.currentType = target;
     templateManagerState.showTemplates = true;
diff --git a/packages/ui/src/composables/useModals.ts b/packages/ui/src/composables/useModals.ts
index 037ac980..add090f5 100644
--- a/packages/ui/src/composables/useModals.ts
+++ b/packages/ui/src/composables/useModals.ts
@@ -1,4 +1,5 @@
 import { computed, reactive, type Ref } from 'vue'
+
 import { useToast } from './useToast'
 import { useI18n } from 'vue-i18n'
 import type { AppServices } from '../types/services'
diff --git a/packages/ui/src/composables/useModelAdvancedParameters.ts b/packages/ui/src/composables/useModelAdvancedParameters.ts
index 42f8c170..9805d184 100644
--- a/packages/ui/src/composables/useModelAdvancedParameters.ts
+++ b/packages/ui/src/composables/useModelAdvancedParameters.ts
@@ -1,4 +1,5 @@
 import { computed, type ComputedRef, type Ref } from 'vue'
+
 import type {
   UnifiedParameterDefinition,
   TextModel,
@@ -138,7 +139,7 @@ export function useModelAdvancedParameters(
  * 请直接使用 useModelAdvancedParameters 并传入简化后的参数
  */
 export function createTextModelMetaResolver(
-  options: any
+  options: unknown
 ) {
   console.warn('[useModelAdvancedParameters] createTextModelMetaResolver is deprecated, use simplified interface')
   return () => undefined
@@ -149,7 +150,7 @@ export function createTextModelMetaResolver(
  * 请直接使用 useModelAdvancedParameters 并传入简化后的参数
  */
 export function createImageModelMetaResolver(
-  options: any
+  options: unknown
 ) {
   console.warn('[useModelAdvancedParameters] createImageModelMetaResolver is deprecated, use simplified interface')
   return () => undefined
diff --git a/packages/ui/src/composables/useModelManager.ts b/packages/ui/src/composables/useModelManager.ts
index e442fc97..123f9138 100644
--- a/packages/ui/src/composables/useModelManager.ts
+++ b/packages/ui/src/composables/useModelManager.ts
@@ -1,4 +1,5 @@
-import { watch, computed, reactive, nextTick, type Ref } from "vue";
+import { watch, computed, reactive, nextTick, type Ref } from 'vue'
+
 import {
   MODEL_SELECTION_KEYS,
   type TextModelConfig,
@@ -125,19 +126,19 @@ export function useModelManager(
       try {
         // Get latest enabled models list
         const allModels = await modelManager.value!.getAllModels();
-        const enabledModels = allModels.filter((m: any) => m.enabled);
+        const enabledModels = allModels.filter((m) => m.enabled);
         const defaultModel = enabledModels[0]?.id;
 
         // Verify if current selected models are still available
         if (
-          !enabledModels.find((m: any) => m.id === state.selectedOptimizeModel)
+          !enabledModels.find((m) => m.id === state.selectedOptimizeModel)
         ) {
           state.selectedOptimizeModel = defaultModel || "";
         }
-        if (!enabledModels.find((m: any) => m.id === state.selectedTestModel)) {
+        if (!enabledModels.find((m) => m.id === state.selectedTestModel)) {
           state.selectedTestModel = defaultModel || "";
         }
-      } catch (error: any) {
+      } catch (error) {
         console.error(t("toast.error.loadModelsFailed"), error);
         toast.error(t("toast.error.loadModelsFailed"));
       }
diff --git a/packages/ui/src/composables/useModelSelectRefs.ts b/packages/ui/src/composables/useModelSelectRefs.ts
index cce12acb..b75b432d 100644
--- a/packages/ui/src/composables/useModelSelectRefs.ts
+++ b/packages/ui/src/composables/useModelSelectRefs.ts
@@ -1,5 +1,6 @@
 import { ref, nextTick, type Ref } from 'vue'
 
+
 // 模型选择器组件实例类型定义
 interface ModelSelectInstance {
   refresh?: () => Promise<void>
diff --git a/packages/ui/src/composables/useNaiveTheme.ts b/packages/ui/src/composables/useNaiveTheme.ts
index 707453d7..26ac6ad2 100644
--- a/packages/ui/src/composables/useNaiveTheme.ts
+++ b/packages/ui/src/composables/useNaiveTheme.ts
@@ -1,5 +1,6 @@
 // Naive UI 主题管理 Composable
 import { computed } from 'vue'
+
 import {
   currentThemeId,
   currentThemeConfig,
diff --git a/packages/ui/src/composables/usePerformanceMonitor.ts b/packages/ui/src/composables/usePerformanceMonitor.ts
index e95dfede..cf51240a 100644
--- a/packages/ui/src/composables/usePerformanceMonitor.ts
+++ b/packages/ui/src/composables/usePerformanceMonitor.ts
@@ -1,6 +1,17 @@
 import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
+
 import type { PerformanceMetrics } from '../types/components'
 
+interface PerformanceMemory {
+  usedJSHeapSize: number
+  totalJSHeapSize: number
+  jsHeapSizeLimit: number
+}
+
+type PerformanceWithMemory = Performance & {
+  memory?: PerformanceMemory
+}
+
 /**
  * 性能监控 Composable
  * 提供组件性能指标监控和优化建议
@@ -51,9 +62,11 @@ export function usePerformanceMonitor(componentName: string = 'Unknown') {
 
   // 获取内存使用情况
   const updateMemoryUsage = () => {
-    if (typeof performance !== 'undefined' && (performance as any).memory) {
-      const memory = (performance as any).memory
-      memoryUsage.value = memory.usedJSHeapSize
+    if (typeof performance !== 'undefined') {
+      const perf = performance as PerformanceWithMemory
+      if (perf.memory) {
+        memoryUsage.value = perf.memory.usedJSHeapSize
+      }
     }
   }
 
@@ -132,7 +145,7 @@ export function usePerformanceMonitor(componentName: string = 'Unknown') {
     if (typeof PerformanceObserver !== 'undefined') {
       performanceObserver = new PerformanceObserver((list) => {
         const entries = list.getEntries()
-        entries.forEach((entry) => {
+        entries.forEach((entry: PerformanceEntry) => {
           if (entry.name.includes(componentName)) {
             console.debug(`Performance: ${entry.name} took ${entry.duration.toFixed(2)}ms`)
           }
@@ -256,4 +269,4 @@ export function usePerformanceMonitor(componentName: string = 'Unknown') {
     // 工具方法
     startMonitoring
   }
-}
\ No newline at end of file
+}
diff --git a/packages/ui/src/composables/usePreferenceManager.ts b/packages/ui/src/composables/usePreferenceManager.ts
index ec276c8a..fab1175c 100644
--- a/packages/ui/src/composables/usePreferenceManager.ts
+++ b/packages/ui/src/composables/usePreferenceManager.ts
@@ -1,4 +1,5 @@
-import type { Ref } from 'vue';
+import { type Ref } from 'vue'
+
 import type { AppServices } from '../types/services';
 
 /**
diff --git a/packages/ui/src/composables/useProSubMode.ts b/packages/ui/src/composables/useProSubMode.ts
index 74e60263..8b3ddc15 100644
--- a/packages/ui/src/composables/useProSubMode.ts
+++ b/packages/ui/src/composables/useProSubMode.ts
@@ -1,4 +1,5 @@
 import { ref, readonly, type Ref } from 'vue'
+
 import type { AppServices } from '../types/services'
 import { usePreferences } from './usePreferenceManager'
 import { UI_SETTINGS_KEYS, type ProSubMode } from '@prompt-optimizer/core'
diff --git a/packages/ui/src/composables/usePromptHistory.ts b/packages/ui/src/composables/usePromptHistory.ts
index c6d0600e..0848513d 100644
--- a/packages/ui/src/composables/usePromptHistory.ts
+++ b/packages/ui/src/composables/usePromptHistory.ts
@@ -1,4 +1,5 @@
 import { ref, watch, computed, reactive, type Ref } from 'vue'
+
 import { useToast } from './useToast'
 import { useI18n } from 'vue-i18n'
 
@@ -8,6 +9,12 @@ import type { AppServices } from '../types/services'
 
 type PromptChain = PromptRecordChain
 
+interface HistorySelectionContext {
+  record: PromptRecord
+  chainId: string
+  rootPrompt: string
+}
+
 /**
  * 提示词历史管理Hook
  * @param services 服务实例引用
@@ -37,7 +44,7 @@ export function usePromptHistory(
     history: [] as PromptChain[],
     showHistory: false,
     
-    handleSelectHistory: async (context: { record: any, chainId: string, rootPrompt: string }) => {
+    handleSelectHistory: async (context: HistorySelectionContext) => {
       try {
         const { record, chainId, rootPrompt } = context
 
@@ -87,7 +94,7 @@ export function usePromptHistory(
     try {
       // 获取链中的所有记录
       const allChains = await historyManager.value!.getAllChains()
-      const chain = allChains.find((c: any) => c.chainId === chainId)
+      const chain = allChains.find((c) => c.chainId === chainId)
       
       if (chain) {
         // 删除链中的所有记录
@@ -151,4 +158,4 @@ export function usePromptHistory(
   }, { immediate: true })
 
   return state
-} 
\ No newline at end of file
+} 
diff --git a/packages/ui/src/composables/usePromptOptimizer.ts b/packages/ui/src/composables/usePromptOptimizer.ts
index 0c843f82..a8c14062 100644
--- a/packages/ui/src/composables/usePromptOptimizer.ts
+++ b/packages/ui/src/composables/usePromptOptimizer.ts
@@ -1,6 +1,8 @@
 import { ref, nextTick, computed, reactive, type Ref } from 'vue'
+
 import { useToast } from './useToast'
 import { useI18n } from 'vue-i18n'
+import { getErrorMessage } from '../utils/error'
 
 import { v4 as uuidv4 } from 'uuid'
 import type {
@@ -13,7 +15,8 @@ import type {
   ITemplateManager,
   OptimizationMode,
   OptimizationRequest,
-  ConversationMessage
+  ConversationMessage,
+  ToolDefinition
 } from '@prompt-optimizer/core'
 import type { AppServices } from '../types/services'
 import { useFunctionMode, type FunctionMode } from './useFunctionMode'
@@ -21,6 +24,12 @@ import { useFunctionMode, type FunctionMode } from './useFunctionMode'
 
 type PromptChain = PromptRecordChain
 
+interface AdvancedContextPayload {
+  variables: Record<string, string>
+  messages?: ConversationMessage[]
+  tools?: ToolDefinition[]
+}
+
 /**
  * 提示词优化器Hook
  * @param services 服务实例引用
@@ -67,14 +76,14 @@ export function usePromptOptimizer(
     selectedIterateTemplate: null as Template | null,
     currentChainId: '',
     currentVersions: [] as PromptChain['versions'],
-    currentVersionId: '',
-    
-    // 方法 (将在下面定义并绑定到 state)
-    handleOptimizePrompt: async () => {},
-    handleOptimizePromptWithContext: async (advancedContext: { variables: Record<string, string>, messages?: ConversationMessage[], tools?: any[] }) => {},
-    handleIteratePrompt: async (payload: { originalPrompt: string, optimizedPrompt: string, iterateInput: string }) => {},
-    handleSwitchVersion: async (version: PromptChain['versions'][number]) => {}
-  })
+  currentVersionId: '',
+  
+  // 方法 (将在下面定义并绑定到 state)
+  handleOptimizePrompt: async () => {},
+  handleOptimizePromptWithContext: async (_advancedContext: AdvancedContextPayload) => {},
+  handleIteratePrompt: async (payload: { originalPrompt: string, optimizedPrompt: string, iterateInput: string }) => {},
+  handleSwitchVersion: async (version: PromptChain['versions'][number]) => {}
+})
   
   // 注意：存储键现在由 useTemplateManager 统一管理
   
@@ -164,9 +173,9 @@ export function usePromptOptimizer(
               state.currentVersionId = newRecord.currentRecord.id;
 
               toast.success(t('toast.success.optimizeSuccess'))
-            } catch (error) {
+            } catch (error: unknown) {
               console.error('创建历史记录失败:', error)
-              toast.error('创建历史记录失败: ' + (error as Error).message)
+              toast.error('创建历史记录失败: ' + getErrorMessage(error))
             } finally {
               state.isOptimizing = false
             }
@@ -178,16 +187,16 @@ export function usePromptOptimizer(
           }
         }
       )
-    } catch (error: any) {
+    } catch (error: unknown) {
       console.error(t('toast.error.optimizeFailed'), error)
-      toast.error(error.message || t('toast.error.optimizeFailed'))
+      toast.error(getErrorMessage(error) || t('toast.error.optimizeFailed'))
     } finally {
       state.isOptimizing = false
     }
   }
   
   // 带上下文的优化提示词
-  state.handleOptimizePromptWithContext = async (advancedContext: { variables: Record<string, string>, messages?: ConversationMessage[], tools?: any[] }) => {
+  state.handleOptimizePromptWithContext = async (advancedContext: AdvancedContextPayload) => {
     if (!state.prompt.trim() || state.isOptimizing) return
 
     // 根据优化模式选择对应的模板
@@ -280,9 +289,9 @@ export function usePromptOptimizer(
               state.currentVersionId = newRecord.currentRecord.id;
 
               toast.success(t('toast.success.optimizeSuccess'))
-            } catch (error) {
+            } catch (error: unknown) {
               console.error('创建历史记录失败:', error)
-              toast.error('创建历史记录失败: ' + (error as Error).message)
+              toast.error('创建历史记录失败: ' + getErrorMessage(error))
             } finally {
               state.isOptimizing = false
             }
@@ -294,9 +303,9 @@ export function usePromptOptimizer(
           }
         }
       )
-    } catch (error: any) {
+    } catch (error: unknown) {
       console.error(t('toast.error.optimizeFailed'), error)
-      toast.error(error.message || t('toast.error.optimizeFailed'))
+      toast.error(getErrorMessage(error) || t('toast.error.optimizeFailed'))
     } finally {
       state.isOptimizing = false
     }
@@ -354,7 +363,7 @@ export function usePromptOptimizer(
               state.currentVersionId = updatedChain.currentRecord.id
               
               toast.success(t('toast.success.iterateComplete'))
-            } catch (error) {
+            } catch (error: unknown) {
               console.error('[History] 迭代记录失败:', error)
               toast.warning(t('toast.warning.historyFailed'))
             } finally {
@@ -369,7 +378,7 @@ export function usePromptOptimizer(
         },
         state.selectedIterateTemplate.id
       )
-    } catch (error) {
+    } catch (error: unknown) {
       console.error('[Iterate] 迭代失败:', error)
       toast.error(t('toast.error.iterateFailed'))
       state.isIterating = false
diff --git a/packages/ui/src/composables/usePromptPreview.ts b/packages/ui/src/composables/usePromptPreview.ts
index f53aa446..d0a7c319 100644
--- a/packages/ui/src/composables/usePromptPreview.ts
+++ b/packages/ui/src/composables/usePromptPreview.ts
@@ -1,4 +1,5 @@
-import { computed, type Ref } from "vue";
+import { computed, type Ref } from 'vue'
+
 import type { ContextMode } from "@prompt-optimizer/core";
 
 /**
diff --git a/packages/ui/src/composables/usePromptTester.ts b/packages/ui/src/composables/usePromptTester.ts
index d7f4b988..41e8c06e 100644
--- a/packages/ui/src/composables/usePromptTester.ts
+++ b/packages/ui/src/composables/usePromptTester.ts
@@ -1,9 +1,13 @@
 import { reactive, type Ref } from 'vue'
+
 import { useToast } from './useToast'
 import { useI18n } from 'vue-i18n'
-import type { OptimizationMode } from '@prompt-optimizer/core'
+import { getErrorMessage } from '../utils/error'
+import type { OptimizationMode, ToolDefinition, ToolCall, ToolCallResult } from '@prompt-optimizer/core'
 import type { AppServices } from '../types/services'
 import type { ConversationMessage } from '../types/variable'
+import type { VariableManagerHooks } from './useVariableManager'
+import type { TestAreaPanelInstance } from '../components/types/test-area'
 
 /**
  * 高级提示词测试 Hook
@@ -24,8 +28,8 @@ export function usePromptTester(
   selectedOptimizationMode: Ref<OptimizationMode>,
   advancedModeEnabled: Ref<boolean>,
   optimizationContext: Ref<ConversationMessage[]>,
-  optimizationContextTools: Ref<any[]>,
-  variableManager: any
+  optimizationContextTools: Ref<ToolDefinition[]>,
+  variableManager: VariableManagerHooks | null
 ) {
   const toast = useToast()
   const { t } = useI18n()
@@ -61,7 +65,7 @@ export function usePromptTester(
       testContent: string,
       isCompareMode: boolean,
       testVariables?: Record<string, string>,
-      testPanelRef?: any
+      testPanelRef?: TestAreaPanelInstance | null
     ) => {
       if (!services.value?.promptService) {
         toast.error(t('toast.error.serviceInit'))
@@ -113,7 +117,7 @@ export function usePromptTester(
       optimizedPrompt: string,
       testContent: string,
       testVars?: Record<string, string>,
-      testPanelRef?: any
+      testPanelRef?: TestAreaPanelInstance | null
     ) => {
       const isOriginal = type === 'original'
       const selectedPrompt = isOriginal ? prompt : optimizedPrompt
@@ -137,7 +141,7 @@ export function usePromptTester(
       }
 
       // 清除对应类型的工具调用数据
-      testPanelRef?.clearToolCalls?.(isOriginal ? 'original' : 'optimized')
+      testPanelRef?.clearToolCalls(isOriginal ? 'original' : 'optimized')
 
       try {
         const streamHandler = {
@@ -191,8 +195,7 @@ export function usePromptTester(
         // 变量：合并全局变量 + 测试变量 + 当前提示词/问题（用于会话模板中的占位符）
         // 按优先级合并: 全局自定义变量 < 测试变量 < 预定义变量
         const baseVars =
-          (variableManager?.variableManager.value?.resolveAllVariables() ||
-            {}) as Record<string, string>
+          variableManager?.variableManager.value?.resolveAllVariables() || {}
 
         // 使用传入的测试变量
         const variables = {
@@ -203,15 +206,17 @@ export function usePromptTester(
         }
 
         // 对话构造逻辑：
-        // - 系统模式 + 有会话上下文：使用会话上下文（因为系统提示词本身就是多轮对话场景）
+        // - 系统模式 + 有会话上下文：使用会话上下文，并追加当前测试输入
         // - 用户模式：无论是否有会话上下文，都直接发送优化后的提示词作为用户消息
         //   （因为用户提示词优化的目标是生成可直接使用的单条用户消息）
         const messages: ConversationMessage[] =
           selectedOptimizationMode.value === 'system' && hasConversationContext
-            ? optimizationContext.value.map((m) => ({
-                role: m.role,
-                content: m.content,
-              }))
+            ? [
+                // 保留完整的上下文消息（包含 name, tool_calls, tool_call_id 等元数据）
+                ...optimizationContext.value,
+                // 追加当前的测试输入（如果用户输入了新问题）
+                ...(userPrompt ? [{ role: 'user' as const, content: userPrompt }] : [])
+              ]
             : [
                 ...(systemPrompt
                   ? [{ role: 'system' as const, content: systemPrompt }]
@@ -229,24 +234,24 @@ export function usePromptTester(
           },
           {
             ...streamHandler,
-            onToolCall: (toolCall: any) => {
+            onToolCall: (toolCall: ToolCall) => {
               if (!hasTools) return
               console.log(
                 `[usePromptTester] ${type} test tool call received:`,
                 toolCall
               )
-              const toolCallResult = {
-                toolCall: toolCall,
-                status: 'success' as const,
+              const toolCallResult: ToolCallResult = {
+                toolCall,
+                status: 'success',
                 timestamp: new Date(),
               }
-              testPanelRef?.handleToolCall?.(toolCallResult, type)
+              testPanelRef?.handleToolCall(toolCallResult, type)
             },
           }
         )
-      } catch (error: any) {
+      } catch (error: unknown) {
         console.error(`[usePromptTester] ${type} test error:`, error)
-        const errorMessage = error.message || t('test.error.failed')
+        const errorMessage = getErrorMessage(error) || t('test.error.failed')
         const testTypeKey = type === 'original' ? 'originalTestFailed' : 'optimizedTestFailed'
         toast.error(`${t(`test.error.${testTypeKey}`)}: ${errorMessage}`)
       } finally {
@@ -261,4 +266,4 @@ export function usePromptTester(
   })
 
   return state
-} 
\ No newline at end of file
+} 
diff --git a/packages/ui/src/composables/useResponsive.ts b/packages/ui/src/composables/useResponsive.ts
index f317506e..a4520775 100644
--- a/packages/ui/src/composables/useResponsive.ts
+++ b/packages/ui/src/composables/useResponsive.ts
@@ -1,4 +1,5 @@
 import { ref, computed, onMounted, onUnmounted } from 'vue'
+
 import type { ResponsiveConfig } from '../types/components'
 
 /**
diff --git a/packages/ui/src/composables/useResponsiveTestLayout.ts b/packages/ui/src/composables/useResponsiveTestLayout.ts
index 4887f7c7..9ef98952 100644
--- a/packages/ui/src/composables/useResponsiveTestLayout.ts
+++ b/packages/ui/src/composables/useResponsiveTestLayout.ts
@@ -1,4 +1,5 @@
 import { ref, computed, onMounted, onUnmounted, readonly } from 'vue'
+
 import type { 
   TestAreaConfig, 
   TestControlLayout, 
diff --git a/packages/ui/src/composables/useTagSuggestions.ts b/packages/ui/src/composables/useTagSuggestions.ts
index 43b02db8..02875211 100644
--- a/packages/ui/src/composables/useTagSuggestions.ts
+++ b/packages/ui/src/composables/useTagSuggestions.ts
@@ -1,4 +1,5 @@
-import { ref, computed, inject, type Ref } from 'vue';
+import { ref, computed, inject, type Ref } from 'vue'
+
 import type { AppServices } from '../types/services';
 import { TagTypeConverter } from '@prompt-optimizer/core';
 
diff --git a/packages/ui/src/composables/useTemplateManager.ts b/packages/ui/src/composables/useTemplateManager.ts
index 227196d6..4b9c66db 100644
--- a/packages/ui/src/composables/useTemplateManager.ts
+++ b/packages/ui/src/composables/useTemplateManager.ts
@@ -1,16 +1,17 @@
 import { watch, computed, reactive, type Ref } from 'vue'
+
 import { useToast } from './useToast'
 import { useI18n } from 'vue-i18n'
 import { usePreferences } from './usePreferenceManager'
-import { TEMPLATE_SELECTION_KEYS, type Template } from '@prompt-optimizer/core'
+import { TEMPLATE_SELECTION_KEYS, IMAGE_MODE_KEYS, type Template } from '@prompt-optimizer/core'
 import { useFunctionMode, type FunctionMode } from './useFunctionMode'
 import type { AppServices } from '../types/services'
 
 export interface TemplateManagerHooks {
   showTemplates: boolean
   currentType: string
-  handleTemplateSelect: (template: Template | null, type: string, showToast?: boolean) => void
-  openTemplateManager: (type: string) => void
+  handleTemplateSelect: (template: Template | null, type: Template['metadata']['templateType'], showToast?: boolean) => void
+  openTemplateManager: (type: Template['metadata']['templateType']) => void
   handleTemplateManagerClose: (refreshCallback?: () => void) => void
 }
 
@@ -21,6 +22,17 @@ export interface TemplateManagerOptions {
   // saveTemplateSelection现在完全由useTemplateManager内部实现
 }
 
+type StoredTemplateType =
+  | 'optimize'
+  | 'userOptimize'
+  | 'iterate'
+  | 'contextSystemOptimize'
+  | 'contextUserOptimize'
+  | 'contextIterate'
+  | 'text2imageOptimize'
+  | 'image2imageOptimize'
+  | 'imageIterate'
+
 /**
  * 模板管理器Hook
  * @param services 服务实例引用
@@ -44,7 +56,7 @@ export function useTemplateManager(
   const state = reactive<TemplateManagerHooks>({
     showTemplates: false,
     currentType: '', // 不设置默认值，必须明确指定
-    handleTemplateSelect: (template: Template | null, type: string, showToast: boolean = true) => {
+    handleTemplateSelect: (template: Template | null, type: Template['metadata']['templateType'], showToast: boolean = true) => {
       console.log(t('log.info.templateSelected'), {
         template: template ? {
           id: template.id,
@@ -66,7 +78,7 @@ export function useTemplateManager(
 
       if (template) {
         // 使用内部的保存逻辑，异步执行但不等待
-        saveTemplateSelection(template, type as any).catch(error => {
+        saveTemplateSelection(template, type as StoredTemplateType).catch(error => {
           console.error('[useTemplateManager] 保存模板选择失败:', error)
           toast.error('保存模板选择失败')
         })
@@ -74,7 +86,7 @@ export function useTemplateManager(
         // 不再显示toast提示，移除选择成功的冒泡提示
       }
     },
-    openTemplateManager: (type: string) => {
+    openTemplateManager: (type: Template['metadata']['templateType']) => {
       state.currentType = type
       state.showTemplates = true
     },
@@ -90,9 +102,10 @@ export function useTemplateManager(
   // 保存模板选择到存储
   const saveTemplateSelection = async (
     template: Template,
-    type: 'optimize' | 'userOptimize' | 'iterate' | 'contextSystemOptimize' | 'contextUserOptimize' | 'contextIterate'
+    type: StoredTemplateType
   ) => {
     const storageKey = resolveSelectionKey(type)
+    if (!storageKey) return
     await setPreference(storageKey, template.id)
   }
 
@@ -103,7 +116,7 @@ export function useTemplateManager(
       const mode = functionMode.value as FunctionMode
 
       const loadTemplate = async (
-        type: 'optimize' | 'userOptimize' | 'iterate' | 'contextSystemOptimize' | 'contextUserOptimize' | 'contextIterate',
+        type: StoredTemplateType,
         storageKey: string,
         targetRef: Ref<Template | null>
       ) => {
@@ -124,7 +137,7 @@ export function useTemplateManager(
         }
         
         // 回退逻辑：加载该类型的第一个模板
-        const templates = await templateManager.value!.listTemplatesByType(type as any)
+        const templates = await templateManager.value!.listTemplatesByType(type)
         if (templates.length > 0) {
           targetRef.value = templates[0]
           await setPreference(storageKey, templates[0].id) // 保存新的默认值
@@ -134,14 +147,14 @@ export function useTemplateManager(
       };
       
       // 依据当前功能模式确定三类类型与存储键
-      const sysType = (mode === 'pro') ? 'contextSystemOptimize' : 'optimize'
-      const userType = (mode === 'pro') ? 'contextUserOptimize' : 'userOptimize'
-      const itType = (mode === 'pro') ? 'contextIterate' : 'iterate'
+      const sysType: StoredTemplateType = (mode === 'pro') ? 'contextSystemOptimize' : 'optimize'
+      const userType: StoredTemplateType = (mode === 'pro') ? 'contextUserOptimize' : 'userOptimize'
+      const itType: StoredTemplateType = (mode === 'pro') ? 'contextIterate' : 'iterate'
 
       await Promise.all([
-        loadTemplate(sysType as any, resolveSelectionKey(sysType as any), selectedOptimizeTemplate),
-        loadTemplate(userType as any, resolveSelectionKey(userType as any), selectedUserOptimizeTemplate),
-        loadTemplate(itType as any, resolveSelectionKey(itType as any), selectedIterateTemplate),
+        loadTemplate(sysType, resolveSelectionKey(sysType), selectedOptimizeTemplate),
+        loadTemplate(userType, resolveSelectionKey(userType), selectedUserOptimizeTemplate),
+        loadTemplate(itType, resolveSelectionKey(itType), selectedIterateTemplate),
       ]);
 
     } catch (error) {
@@ -162,8 +175,8 @@ export function useTemplateManager(
     if (newTemplate && oldTemplate && newTemplate.id !== oldTemplate.id) {
       try {
         const mode = functionMode.value as FunctionMode
-        const type = (mode === 'pro') ? 'contextSystemOptimize' : 'optimize'
-        await saveTemplateSelection(newTemplate, type as any)
+        const type: StoredTemplateType = (mode === 'pro') ? 'contextSystemOptimize' : 'optimize'
+        await saveTemplateSelection(newTemplate, type)
         // 不再显示toast提示，移除选择成功的冒泡提示
       } catch (error) {
         console.error('[useTemplateManager] 保存系统优化模板失败:', error)
@@ -176,8 +189,8 @@ export function useTemplateManager(
     if (newTemplate && oldTemplate && newTemplate.id !== oldTemplate.id) {
       try {
         const mode = functionMode.value as FunctionMode
-        const type = (mode === 'pro') ? 'contextUserOptimize' : 'userOptimize'
-        await saveTemplateSelection(newTemplate, type as any)
+        const type: StoredTemplateType = (mode === 'pro') ? 'contextUserOptimize' : 'userOptimize'
+        await saveTemplateSelection(newTemplate, type)
         // 不再显示toast提示，移除选择成功的冒泡提示
       } catch (error) {
         console.error('[useTemplateManager] 保存用户优化模板失败:', error)
@@ -190,8 +203,8 @@ export function useTemplateManager(
     if (newTemplate && oldTemplate && newTemplate.id !== oldTemplate.id) {
       try {
         const mode = functionMode.value as FunctionMode
-        const type = (mode === 'pro') ? 'contextIterate' : 'iterate'
-        await saveTemplateSelection(newTemplate, type as any)
+        const type: StoredTemplateType = (mode === 'pro') ? 'contextIterate' : 'iterate'
+        await saveTemplateSelection(newTemplate, type)
         // 不再显示toast提示，移除选择成功的冒泡提示
       } catch (error) {
         console.error('[useTemplateManager] 保存迭代模板失败:', error)
@@ -203,44 +216,59 @@ export function useTemplateManager(
   // 当功能模式发生变化时，重新从对应键加载选择
   watch(functionMode, async (mode) => {
     try {
-      const sysType = (mode === 'pro') ? 'contextSystemOptimize' : 'optimize'
-      const userType = (mode === 'pro') ? 'contextUserOptimize' : 'userOptimize'
-      const itType = (mode === 'pro') ? 'contextIterate' : 'iterate'
+      const sysType: StoredTemplateType = (mode === 'pro') ? 'contextSystemOptimize' : 'optimize'
+      const userType: StoredTemplateType = (mode === 'pro') ? 'contextUserOptimize' : 'userOptimize'
+      const itType: StoredTemplateType = (mode === 'pro') ? 'contextIterate' : 'iterate'
 
-      const sysId = await getPreference(resolveSelectionKey(sysType as any), null)
-      const userId = await getPreference(resolveSelectionKey(userType as any), null)
-      const itId = await getPreference(resolveSelectionKey(itType as any), null)
+      const sysId = await getPreference(resolveSelectionKey(sysType), null)
+      const userId = await getPreference(resolveSelectionKey(userType), null)
+      const itId = await getPreference(resolveSelectionKey(itType), null)
 
       // 系统
       if (sysId) {
-        try { selectedOptimizeTemplate.value = await templateManager.value!.getTemplate(sysId) } catch {}
+        try {
+          selectedOptimizeTemplate.value = await templateManager.value!.getTemplate(sysId)
+        } catch (error) {
+          // 忽略模板加载错误，继续执行
+          console.warn('Failed to load system template:', error)
+        }
       } else {
-        const list = await templateManager.value!.listTemplatesByType(sysType as any)
+        const list = await templateManager.value!.listTemplatesByType(sysType)
         if (list.length > 0) {
           selectedOptimizeTemplate.value = list[0]
-          await setPreference(resolveSelectionKey(sysType as any), list[0].id)
+          await setPreference(resolveSelectionKey(sysType), list[0].id)
         }
       }
 
       // 用户
       if (userId) {
-        try { selectedUserOptimizeTemplate.value = await templateManager.value!.getTemplate(userId) } catch {}
+        try {
+          selectedUserOptimizeTemplate.value = await templateManager.value!.getTemplate(userId)
+        } catch (error) {
+          // 忽略模板加载错误，继续执行
+          console.warn('Failed to load user template:', error)
+        }
       } else {
-        const list = await templateManager.value!.listTemplatesByType(userType as any)
+        const list = await templateManager.value!.listTemplatesByType(userType)
         if (list.length > 0) {
           selectedUserOptimizeTemplate.value = list[0]
-          await setPreference(resolveSelectionKey(userType as any), list[0].id)
+          await setPreference(resolveSelectionKey(userType), list[0].id)
         }
       }
 
       // 迭代
       if (itId) {
-        try { selectedIterateTemplate.value = await templateManager.value!.getTemplate(itId) } catch {}
+        try {
+          selectedIterateTemplate.value = await templateManager.value!.getTemplate(itId)
+        } catch (error) {
+          // 忽略模板加载错误，继续执行
+          console.warn('Failed to load iterate template:', error)
+        }
       } else {
-        const list = await templateManager.value!.listTemplatesByType(itType as any)
+        const list = await templateManager.value!.listTemplatesByType(itType)
         if (list.length > 0) {
           selectedIterateTemplate.value = list[0]
-          await setPreference(resolveSelectionKey(itType as any), list[0].id)
+          await setPreference(resolveSelectionKey(itType), list[0].id)
         }
       }
 
@@ -251,8 +279,8 @@ export function useTemplateManager(
 
   // 工具函数：将六类类型映射到存储键
   function resolveSelectionKey(
-    type: 'optimize' | 'userOptimize' | 'iterate' | 'contextSystemOptimize' | 'contextUserOptimize' | 'contextIterate'
-  ): string {
+    type: StoredTemplateType
+  ): string | null {
     switch (type) {
       case 'optimize':
         return TEMPLATE_SELECTION_KEYS.SYSTEM_OPTIMIZE_TEMPLATE
@@ -266,8 +294,14 @@ export function useTemplateManager(
         return TEMPLATE_SELECTION_KEYS.CONTEXT_USER_OPTIMIZE_TEMPLATE
       case 'contextIterate':
         return TEMPLATE_SELECTION_KEYS.CONTEXT_ITERATE_TEMPLATE
+      case 'text2imageOptimize':
+        return IMAGE_MODE_KEYS.SELECTED_TEMPLATE_TEXT2IMAGE
+      case 'image2imageOptimize':
+        return IMAGE_MODE_KEYS.SELECTED_TEMPLATE_IMAGE2IMAGE
+      case 'imageIterate':
+        return IMAGE_MODE_KEYS.SELECTED_ITERATE_TEMPLATE
       default:
-        return TEMPLATE_SELECTION_KEYS.SYSTEM_OPTIMIZE_TEMPLATE
+        return null
     }
   }
 
@@ -275,8 +309,12 @@ export function useTemplateManager(
   function normalizeTypeToFamily(
     type: string
   ): 'system' | 'user' | 'iterate' {
-    if (type === 'optimize' || type === 'contextSystemOptimize') return 'system'
-    if (type === 'userOptimize' || type === 'contextUserOptimize') return 'user'
+    if (type === 'optimize' || type === 'contextSystemOptimize' || type === 'text2imageOptimize' || type === 'image2imageOptimize') {
+      return 'system'
+    }
+    if (type === 'userOptimize' || type === 'contextUserOptimize') {
+      return 'user'
+    }
     return 'iterate'
   }
 
diff --git a/packages/ui/src/composables/useTestModeConfig.ts b/packages/ui/src/composables/useTestModeConfig.ts
index 1facfacc..a0fafea3 100644
--- a/packages/ui/src/composables/useTestModeConfig.ts
+++ b/packages/ui/src/composables/useTestModeConfig.ts
@@ -1,4 +1,5 @@
 import { computed, readonly, type Ref } from 'vue'
+
 import type { OptimizationMode } from '@prompt-optimizer/core'
 
 export interface TestModeConfigOptions {
diff --git a/packages/ui/src/composables/useTextModelManager.ts b/packages/ui/src/composables/useTextModelManager.ts
index 8bc172c2..de85fecb 100644
--- a/packages/ui/src/composables/useTextModelManager.ts
+++ b/packages/ui/src/composables/useTextModelManager.ts
@@ -1,4 +1,5 @@
 import { ref, computed, inject, watch } from 'vue'
+
 import { useI18n } from 'vue-i18n'
 import { useToast } from './useToast'
 import {
@@ -499,6 +500,7 @@ export function useTextModelManager() {
     return adapter.getProvider()
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const ensureModelMeta = (providerId: string, modelId: string, _existing?: TextModel) => {
     const adapter = textAdapterRegistry.getAdapter(providerId)
     const staticModels = adapter.getModels()
diff --git a/packages/ui/src/composables/useToast.ts b/packages/ui/src/composables/useToast.ts
index 8264c711..0524382e 100644
--- a/packages/ui/src/composables/useToast.ts
+++ b/packages/ui/src/composables/useToast.ts
@@ -1,3 +1,5 @@
+import type { MessageApiInjection, MessageOptions, MessageReactive } from 'naive-ui'
+
 export interface Toast {
   id: number
   message: string
@@ -5,28 +7,33 @@ export interface Toast {
 }
 
 // 全局消息API实例 - 在NMessageProvider上下文中初始化
-let globalMessageApi: any = null
+let globalMessageApi: MessageApiInjection | null = null
 
 // 设置全局消息API（在Toast组件中调用）
-export function setGlobalMessageApi(api: any) {
+export function setGlobalMessageApi(api: MessageApiInjection) {
   globalMessageApi = api
   console.log('[useToast] Global message API set successfully')
 }
 
 export function useToast() {
-  const getMessageApi = () => {
+  const getMessageApi = (): MessageApiInjection | null => {
     if (!globalMessageApi) {
       console.warn('[useToast] NMessageProvider context not available yet.')
     }
     return globalMessageApi
   }
 
-  const add = (content: string, type: Toast['type'] = 'info', duration: number = 3000) => {
+  const add = (
+    content: string,
+    type: Toast['type'] = 'info',
+    duration: number = 3000
+  ): MessageReactive | undefined => {
     const message = getMessageApi()
+    if (!message) return undefined
 
-    const options = {
-      content,
+    const options: MessageOptions = {
       duration,
+      content,
       closable: true,
       keepAliveOnHover: true
     }
@@ -44,10 +51,10 @@ export function useToast() {
     }
   }
 
-  const remove = (id: any) => {
+  const remove = (messageReactive?: MessageReactive) => {
     // Naive UI消息实例可以直接调用destroy方法
-    if (id && typeof id.destroy === 'function') {
-      id.destroy()
+    if (messageReactive && typeof messageReactive.destroy === 'function') {
+      messageReactive.destroy()
     }
   }
 
@@ -64,6 +71,6 @@ export function useToast() {
     info,
     warning,
     // 向后兼容
-    toasts: [], // Naive UI不需要维护toasts数组
+    toasts: [] as never[], // Naive UI不需要维护toasts数组
   }
 }
diff --git a/packages/ui/src/composables/useTooltipTheme.ts b/packages/ui/src/composables/useTooltipTheme.ts
index c88f5fc5..8548ab69 100644
--- a/packages/ui/src/composables/useTooltipTheme.ts
+++ b/packages/ui/src/composables/useTooltipTheme.ts
@@ -1,4 +1,5 @@
-import { computed, type CSSProperties } from 'vue';
+import { computed, type CSSProperties } from 'vue'
+
 import { useThemeVars, type TooltipProps } from 'naive-ui';
 
 type TooltipThemeOverrides = NonNullable<TooltipProps['themeOverrides']>;
diff --git a/packages/ui/src/composables/useUpdater.ts b/packages/ui/src/composables/useUpdater.ts
index fd31ad93..43a84cc0 100644
--- a/packages/ui/src/composables/useUpdater.ts
+++ b/packages/ui/src/composables/useUpdater.ts
@@ -1,9 +1,12 @@
-import { reactive, onMounted, onUnmounted, nextTick, inject } from 'vue'
+import { reactive, onMounted, onUnmounted, nextTick, inject, type Ref } from 'vue'
+
 import { isRunningInElectron } from '@prompt-optimizer/core'
 import { usePreferences } from './usePreferenceManager'
 import { useI18n } from 'vue-i18n'
+import { asExtendedError } from '../utils/error'
 // 移除过度抽象的 Hook，直接使用 window.electronAPI
 import type { DownloadProgress, UpdateInfo } from '@/types/electron'
+import type { AppServices } from '../types/services'
 
 // 类型定义现在从 @/types/electron 导入，保持统一
 
@@ -34,13 +37,15 @@ export interface UpdaterState {
 
 // 更新器实例类型
 interface UpdaterInstance {
-  checkForUpdates: () => void
-  downloadUpdate: () => void
-  installUpdate: () => void
-  state: 'idle' | 'checking' | 'available' | 'downloading' | 'error'
-  versionInfo: any
-  releaseNotes: string
-  downloadProgress: number
+  state: UpdaterState
+  checkUpdate: () => Promise<void>
+  startDownload: () => Promise<void>
+  installUpdate: () => Promise<void>
+  ignoreUpdate: (version?: string, versionType?: 'stable' | 'prerelease') => Promise<void>
+  unignoreUpdate: (versionType: 'stable' | 'prerelease') => Promise<void>
+  openReleaseUrl: () => Promise<void>
+  downloadStableVersion: () => Promise<void>
+  downloadPrereleaseVersion: () => Promise<void>
 }
 
 // 全局单例状态，确保所有组件共享同一个状态
@@ -85,7 +90,7 @@ export function useUpdater() {
       startDownload: () => Promise.resolve(),
       installUpdate: () => Promise.resolve(),
       ignoreUpdate: () => Promise.resolve(),
-      togglePrerelease: () => Promise.resolve(),
+      unignoreUpdate: () => Promise.resolve(),
       openReleaseUrl: () => Promise.resolve(),
       downloadStableVersion: () => Promise.resolve(),
       downloadPrereleaseVersion: () => Promise.resolve()
@@ -93,7 +98,10 @@ export function useUpdater() {
   }
 
   // Electron环境的实际实现
-  const services = inject('services') as any // 类型断言，避免TypeScript错误
+  const services = inject<Ref<AppServices | null>>('services')
+  if (!services) {
+    throw new Error('[useUpdater] services injection missing')
+  }
   const { setPreference } = usePreferences(services)
   const { t } = useI18n()
 
@@ -454,37 +462,36 @@ export function useUpdater() {
       await checkBothVersions()
     } catch (error) {
       console.error('[useUpdater] Check update error:', error)
-      console.error('[DEBUG] Error properties:', {
-        message: (error as any)?.message,
-        detailedMessage: (error as any)?.detailedMessage,
-        originalError: (error as any)?.originalError,
-        stack: (error as any)?.stack
-      })
+      const extendedError = asExtendedError(error)
+      if (extendedError) {
+        console.error('[DEBUG] Error properties:', {
+          message: extendedError.message,
+          detailedMessage: extendedError.detailedMessage,
+          originalError: extendedError.originalError,
+          stack: extendedError.stack
+        })
+      }
 
       state.lastCheckResult = 'error'
-      // 对于前端 catch 的错误，优先使用详细信息
-      if (error instanceof Error) {
-        // 优先使用 preload.js 中保存的详细错误信息
-        if (error.detailedMessage) {
+      if (extendedError) {
+        if (extendedError.detailedMessage) {
           // 检查是否是开发环境的配置文件缺失错误
-          if (error.detailedMessage.includes('dev-app-update.yml') && error.detailedMessage.includes('ENOENT')) {
+          if (extendedError.detailedMessage.includes('dev-app-update.yml') && extendedError.detailedMessage.includes('ENOENT')) {
             state.lastCheckMessage = 'Development environment: Update checking is disabled (no dev-app-update.yml configured)'
           } else {
-            state.lastCheckMessage = error.detailedMessage
+            state.lastCheckMessage = extendedError.detailedMessage
           }
-        } else if (error.originalError) {
-          state.lastCheckMessage = error.originalError
+        } else if (extendedError.originalError !== undefined) {
+          state.lastCheckMessage = String(extendedError.originalError)
         } else {
-          // 兜底：构建详细错误信息
-          let detailedMessage = `Client Error: ${error.message}`
-          if (error.stack) {
-            detailedMessage += `\n\nStack Trace:\n${error.stack}`
+          let detailedMessage = `Client Error: ${extendedError.message}`
+          if (extendedError.stack) {
+            detailedMessage += `\n\nStack Trace:\n${extendedError.stack}`
           }
           state.lastCheckMessage = detailedMessage
         }
       } else {
-        const fallbackMessage = String(error) || 'Update check failed'
-        state.lastCheckMessage = fallbackMessage
+        state.lastCheckMessage = String(error ?? 'Update check failed')
       }
     } finally {
       state.isCheckingUpdate = false
diff --git a/packages/ui/src/composables/useVariableManager.ts b/packages/ui/src/composables/useVariableManager.ts
index 4d5f9890..420c533e 100644
--- a/packages/ui/src/composables/useVariableManager.ts
+++ b/packages/ui/src/composables/useVariableManager.ts
@@ -4,13 +4,14 @@
  */
 
 import { ref, computed, watch, onMounted, onUnmounted, type Ref } from 'vue'
+
 import type { AppServices } from '../types/services'
 import type { IVariableManager, ConversationMessage } from '../types/variable'
 import { VariableManager } from '../services/VariableManager'
 
 export interface VariableManagerOptions {
   autoSync?: boolean  // 是否自动同步变量状态
-  context?: any       // 用于解析预定义变量的上下文
+  context?: Record<string, unknown>  // 用于解析预定义变量的上下文
 }
 
 export interface VariableManagerHooks {
diff --git a/packages/ui/src/config/naive-theme.ts b/packages/ui/src/config/naive-theme.ts
index 74302244..d3b2c79a 100644
--- a/packages/ui/src/config/naive-theme.ts
+++ b/packages/ui/src/config/naive-theme.ts
@@ -1,5 +1,6 @@
 // Naive UI 主题配置 - 全面基于 Naive UI 的 themeOverrides 系统
 import { computed, ref } from 'vue'
+
 import { darkTheme, lightTheme, type GlobalThemeOverrides, type GlobalTheme } from 'naive-ui'
 
 // 当前主题ID
diff --git a/packages/ui/src/plugins/i18n.ts b/packages/ui/src/plugins/i18n.ts
index 59594fb8..82465f3c 100644
--- a/packages/ui/src/plugins/i18n.ts
+++ b/packages/ui/src/plugins/i18n.ts
@@ -1,15 +1,19 @@
-import { createI18n } from 'vue-i18n'
-import { ref, type App } from 'vue'
-import zhCN from '../i18n/locales/zh-CN'
-import zhTW from '../i18n/locales/zh-TW'
-import enUS from '../i18n/locales/en-US'
-import { getPreference, setPreference } from '../composables/usePreferenceManager'
-import { UI_SETTINGS_KEYS } from '@prompt-optimizer/core'
-import type { AppServices } from '../types/services'
+import { ref, type App } from "vue";
+import { createI18n } from "vue-i18n";
+
+import zhCN from "../i18n/locales/zh-CN";
+import zhTW from "../i18n/locales/zh-TW";
+import enUS from "../i18n/locales/en-US";
+import {
+  getPreference,
+  setPreference,
+} from "../composables/usePreferenceManager";
+import { UI_SETTINGS_KEYS } from "@prompt-optimizer/core";
+import type { AppServices } from "../types/services";
 
 // 定义支持的语言类型
-type SupportedLocale = 'zh-CN' | 'zh-TW' | 'en-US'
-const SUPPORTED_LOCALES: SupportedLocale[] = ['zh-CN', 'zh-TW', 'en-US']
+type SupportedLocale = "zh-CN" | "zh-TW" | "en-US";
+const SUPPORTED_LOCALES: SupportedLocale[] = ["zh-CN", "zh-TW", "en-US"];
 
 // 服务引用
 const servicesRef = ref<AppServices | null>(null);
@@ -22,60 +26,72 @@ export function setI18nServices(services: AppServices) {
 // 创建i18n实例
 const i18n = createI18n({
   legacy: false,
-  locale: 'zh-CN' as SupportedLocale,
+  locale: "zh-CN" as SupportedLocale,
   fallbackLocale: {
-    'zh-TW': ['zh-CN', 'en-US'],
-    'zh-CN': ['en-US'],
-    'default': ['en-US']
+    "zh-TW": ["zh-CN", "en-US"],
+    "zh-CN": ["en-US"],
+    default: ["en-US"],
   },
   messages: {
-    'zh-CN': zhCN,
-    'zh-TW': zhTW,
-    'en-US': enUS,
-  }
-})
+    "zh-CN": zhCN,
+    "zh-TW": zhTW,
+    "en-US": enUS,
+  },
+});
 
 // 初始化语言设置
 async function initializeLanguage() {
   try {
     if (!servicesRef.value) {
-      console.warn('初始化语言设置时服务不可用，使用默认语言');
+      console.warn("初始化语言设置时服务不可用，使用默认语言");
       return;
     }
 
-    const defaultLocale: SupportedLocale = navigator.language.startsWith('zh')
-      ? (navigator.language === 'zh-TW' || navigator.language === 'zh-HK' || navigator.language.includes('Hant') ? 'zh-TW' : 'zh-CN')
-      : 'en-US'
-    const savedLanguage = await getPreference(servicesRef, UI_SETTINGS_KEYS.PREFERRED_LANGUAGE, defaultLocale);
+    const defaultLocale: SupportedLocale = navigator.language.startsWith("zh")
+      ? navigator.language === "zh-TW" ||
+        navigator.language === "zh-HK" ||
+        navigator.language.includes("Hant")
+        ? "zh-TW"
+        : "zh-CN"
+      : "en-US";
+    const savedLanguage = await getPreference(
+      servicesRef,
+      UI_SETTINGS_KEYS.PREFERRED_LANGUAGE,
+      defaultLocale,
+    );
 
     if (SUPPORTED_LOCALES.includes(savedLanguage as SupportedLocale)) {
-      i18n.global.locale.value = savedLanguage as SupportedLocale
+      i18n.global.locale.value = savedLanguage as SupportedLocale;
     } else {
-      i18n.global.locale.value = defaultLocale
-      await setPreference(servicesRef, UI_SETTINGS_KEYS.PREFERRED_LANGUAGE, defaultLocale)
+      i18n.global.locale.value = defaultLocale;
+      await setPreference(
+        servicesRef,
+        UI_SETTINGS_KEYS.PREFERRED_LANGUAGE,
+        defaultLocale,
+      );
     }
   } catch (error) {
-    console.error('初始化语言设置失败:', error)
+    console.error("初始化语言设置失败:", error);
     // 降级到默认语言
-    i18n.global.locale.value = 'zh-CN'
+    i18n.global.locale.value = "zh-CN";
   }
 }
 
 // 导出插件安装函数
 export function installI18n(app: App) {
-  initializeLanguage() // 异步初始化，不阻塞应用启动
-  app.use(i18n)
+  initializeLanguage(); // 异步初始化，不阻塞应用启动
+  app.use(i18n);
 }
 
 // 导出延迟初始化函数 - 用于Extension等需要等待服务初始化的场景
 export async function initializeI18nWithStorage() {
-  await initializeLanguage()
+  await initializeLanguage();
 }
 
 // 导出基础安装函数 - 只安装插件，不初始化语言
 export function installI18nOnly(app: App) {
-  app.use(i18n)
+  app.use(i18n);
 }
 
 // 导出i18n实例
-export { i18n }
\ No newline at end of file
+export { i18n };
diff --git a/packages/ui/src/services/EnhancedTemplateProcessor.ts b/packages/ui/src/services/EnhancedTemplateProcessor.ts
index 7e6801d6..27176982 100644
--- a/packages/ui/src/services/EnhancedTemplateProcessor.ts
+++ b/packages/ui/src/services/EnhancedTemplateProcessor.ts
@@ -2,11 +2,18 @@
  * 增强的模板处理器实现
  */
 
-import type { 
-  TemplateProcessor, 
-  StandardPromptData, 
+import type {
+  TemplateProcessor,
+  StandardPromptData,
   StandardMessage
 } from '../types'
+import type {
+  VariablePrimitiveType,
+  VariableDefaultValue,
+  VariableDefinition,
+  VariableAnalysis,
+  VariableUsageStats
+} from '../types/template'
 
 export class EnhancedTemplateProcessor implements TemplateProcessor {
   /**
@@ -15,22 +22,10 @@ export class EnhancedTemplateProcessor implements TemplateProcessor {
   toTemplate(data: StandardPromptData): {
     template: StandardPromptData
     variables: Record<string, string>
-    variableDefinitions: Array<{
-      name: string
-      type: 'string' | 'number' | 'boolean' | 'object' | 'array'
-      description?: string
-      defaultValue?: any
-      required?: boolean
-    }>
+    variableDefinitions: VariableDefinition[]
   } {
     const variables: Record<string, string> = {}
-    const variableDefinitions: Array<{
-      name: string
-      type: 'string' | 'number' | 'boolean' | 'object' | 'array'
-      description?: string
-      defaultValue?: any
-      required?: boolean
-    }> = []
+    const variableDefinitions: VariableDefinition[] = []
 
     // 从现有metadata中获取变量
     if (data.metadata?.variables) {
@@ -77,7 +72,7 @@ export class EnhancedTemplateProcessor implements TemplateProcessor {
           version: data.metadata?.template_info?.version,
           variables: Array.from(allVariables),
           created_at: new Date().toISOString()
-        } as any
+        }
       }
     }
 
@@ -310,18 +305,13 @@ export class EnhancedTemplateProcessor implements TemplateProcessor {
 
   // 私有方法：分析变量特征
   private analyzeVariable(
-    varName: string, 
+    varName: string,
     messages: StandardMessage[]
-  ): {
-    type: 'string' | 'number' | 'boolean' | 'object' | 'array'
-    description?: string
-    defaultValue?: any
-    required: boolean
-  } {
+  ): VariableAnalysis {
     // 基于变量名推断类型和用途
     const nameLower = varName.toLowerCase()
     
-    let type: 'string' | 'number' | 'boolean' | 'object' | 'array' = 'string'
+    let type: VariablePrimitiveType = 'string'
     let description = ''
 
     if (nameLower.includes('count') || nameLower.includes('number') || nameLower.includes('num')) {
@@ -356,7 +346,7 @@ export class EnhancedTemplateProcessor implements TemplateProcessor {
   }
 
   // 私有方法：获取类型的默认值
-  private getDefaultValueForType(type: 'string' | 'number' | 'boolean' | 'object' | 'array'): any {
+  private getDefaultValueForType(type: VariablePrimitiveType): VariableDefaultValue {
     switch (type) {
       case 'string': return ''
       case 'number': return 0
@@ -368,18 +358,8 @@ export class EnhancedTemplateProcessor implements TemplateProcessor {
   }
 
   // 私有方法：分析变量使用情况
-  private analyzeVariableUsage(template: StandardPromptData): Record<string, {
-    count: number
-    avgLength: number
-    complexity: number
-    contexts: string[]
-  }> {
-    const usage: Record<string, {
-      count: number
-      avgLength: number
-      complexity: number
-      contexts: string[]
-    }> = {}
+  private analyzeVariableUsage(template: StandardPromptData): Record<string, VariableUsageStats> {
+    const usage: Record<string, VariableUsageStats> = {}
 
     template.messages.forEach(message => {
       const variables = this.scanVariablesInContent(message.content)
@@ -402,7 +382,7 @@ export class EnhancedTemplateProcessor implements TemplateProcessor {
   }
 
   // 私有方法：查找相似变量
-  private findSimilarVariables(usage: Record<string, any>): string[][] {
+  private findSimilarVariables(usage: Record<string, VariableUsageStats>): string[][] {
     const variables = Object.keys(usage)
     const groups: string[][] = []
     
@@ -469,4 +449,4 @@ export class EnhancedTemplateProcessor implements TemplateProcessor {
   private escapeRegExp(string: string): string {
     return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
   }
-}
\ No newline at end of file
+}
diff --git a/packages/ui/src/services/PromptDataConverter.ts b/packages/ui/src/services/PromptDataConverter.ts
index bfa8d0b4..d131ddc0 100644
--- a/packages/ui/src/services/PromptDataConverter.ts
+++ b/packages/ui/src/services/PromptDataConverter.ts
@@ -415,7 +415,7 @@ export class PromptDataConverter implements DataConverter {
   /**
    * 验证数据格式是否有效
    */
-  validate(data: any, format: 'standard' | 'langfuse' | 'openai' | 'conversation'): ConversionResult<boolean> {
+  validate(data: unknown, format: 'standard' | 'langfuse' | 'openai' | 'conversation'): ConversionResult<boolean> {
     try {
       switch (format) {
         case 'standard':
@@ -451,20 +451,28 @@ export class PromptDataConverter implements DataConverter {
   }
 
   // 私有方法：验证标准格式
-  private validateStandardFormat(data: any): ConversionResult<boolean> {
+  private validateStandardFormat(data: unknown): ConversionResult<boolean> {
     if (!data || typeof data !== 'object') {
       return { success: false, error: 'Data must be an object' }
     }
 
-    if (!data.messages || !Array.isArray(data.messages)) {
+    const payload = data as { messages?: unknown }
+
+    if (!payload.messages || !Array.isArray(payload.messages)) {
       return { success: false, error: 'Messages must be an array' }
     }
 
-    for (const [index, message] of data.messages.entries()) {
-      if (!message.role || !['system', 'user', 'assistant', 'tool'].includes(message.role)) {
+    for (const [index, message] of payload.messages.entries()) {
+      if (!message || typeof message !== 'object') {
+        return { success: false, error: `Invalid message at index ${index}` }
+      }
+
+      const typedMessage = message as { role?: unknown; content?: unknown }
+
+      if (!typedMessage.role || !['system', 'user', 'assistant', 'tool'].includes(String(typedMessage.role))) {
         return { success: false, error: `Invalid role in message ${index}` }
       }
-      if (typeof message.content !== 'string') {
+      if (typeof typedMessage.content !== 'string') {
         return { success: false, error: `Invalid content in message ${index}` }
       }
     }
@@ -473,46 +481,56 @@ export class PromptDataConverter implements DataConverter {
   }
 
   // 私有方法：验证LangFuse格式
-  private validateLangFuseFormat(data: any): ConversionResult<boolean> {
+  private validateLangFuseFormat(data: unknown): ConversionResult<boolean> {
     if (!data || typeof data !== 'object') {
       return { success: false, error: 'LangFuse data must be an object' }
     }
 
-    if (!data.input || !data.input.messages) {
+    const payload = data as { input?: { messages?: unknown } }
+
+    if (!payload.input || !payload.input.messages) {
       return { success: false, error: 'LangFuse data must have input.messages' }
     }
 
-    return this.validateStandardFormat({ messages: data.input.messages })
+    return this.validateStandardFormat({ messages: payload.input.messages })
   }
 
   // 私有方法：验证OpenAI格式
-  private validateOpenAIFormat(data: any): ConversionResult<boolean> {
+  private validateOpenAIFormat(data: unknown): ConversionResult<boolean> {
     if (!data || typeof data !== 'object') {
       return { success: false, error: 'OpenAI data must be an object' }
     }
 
-    if (!data.messages || !Array.isArray(data.messages)) {
+    const payload = data as { messages?: unknown; model?: unknown }
+
+    if (!payload.messages || !Array.isArray(payload.messages)) {
       return { success: false, error: 'OpenAI data must have messages array' }
     }
 
-    if (!data.model || typeof data.model !== 'string') {
+    if (!payload.model || typeof payload.model !== 'string') {
       return { success: false, error: 'OpenAI data must have model string' }
     }
 
-    return this.validateStandardFormat(data)
+    return this.validateStandardFormat({ messages: payload.messages })
   }
 
   // 私有方法：验证会话格式
-  private validateConversationFormat(data: any): ConversionResult<boolean> {
+  private validateConversationFormat(data: unknown): ConversionResult<boolean> {
     if (!Array.isArray(data)) {
       return { success: false, error: 'Conversation data must be an array' }
     }
 
     for (const [index, message] of data.entries()) {
-      if (!message.role || !['system', 'user', 'assistant', 'tool'].includes(message.role)) {
+      if (!message || typeof message !== 'object') {
+        return { success: false, error: `Invalid message at index ${index}` }
+      }
+
+      const typedMessage = message as { role?: unknown; content?: unknown }
+
+      if (!typedMessage.role || !['system', 'user', 'assistant', 'tool'].includes(String(typedMessage.role))) {
         return { success: false, error: `Invalid role in conversation message ${index}` }
       }
-      if (typeof message.content !== 'string') {
+      if (typeof typedMessage.content !== 'string') {
         return { success: false, error: `Invalid content in conversation message ${index}` }
       }
     }
diff --git a/packages/ui/src/services/VariableManager.ts b/packages/ui/src/services/VariableManager.ts
index 4d94e3ac..1e9285ba 100644
--- a/packages/ui/src/services/VariableManager.ts
+++ b/packages/ui/src/services/VariableManager.ts
@@ -103,15 +103,16 @@ export class VariableManager implements IVariableManager {
   }
 
   // 变量解析
-  resolveAllVariables(context?: any): Record<string, string> {
+  resolveAllVariables(context?: Record<string, unknown>): Record<string, string> {
     // 获取预定义变量的值
     const predefinedValues: Record<string, string> = {};
     
     if (context) {
       // 从上下文中提取预定义变量
       for (const varName of PREDEFINED_VARIABLES) {
-        if (context[varName] !== undefined) {
-          predefinedValues[varName] = String(context[varName] || '');
+        if (Object.prototype.hasOwnProperty.call(context, varName)) {
+          const value = context[varName];
+          predefinedValues[varName] = value != null ? String(value) : '';
         } else {
           predefinedValues[varName] = '';
         }
diff --git a/packages/ui/src/types/services.ts b/packages/ui/src/types/services.ts
index 94d9707d..84a56854 100644
--- a/packages/ui/src/types/services.ts
+++ b/packages/ui/src/types/services.ts
@@ -1,4 +1,5 @@
-import type { Ref } from 'vue'
+import { type Ref } from 'vue'
+
 import type {
   IModelManager,
   ITemplateManager,
diff --git a/packages/ui/src/types/standard-prompt.ts b/packages/ui/src/types/standard-prompt.ts
index 4756cb61..164eb9d9 100644
--- a/packages/ui/src/types/standard-prompt.ts
+++ b/packages/ui/src/types/standard-prompt.ts
@@ -52,6 +52,7 @@ export interface StandardPromptData {
       name?: string
       version?: string
       variables?: string[]
+      [key: string]: unknown
     }
     timestamp?: string
     [key: string]: unknown
@@ -120,4 +121,4 @@ export interface VariableSuggestion {
   confidence: number
   category: 'database' | 'examples' | 'rules' | 'context' | 'input' | 'output' | 'custom'
   description?: string
-}
\ No newline at end of file
+}
diff --git a/packages/ui/src/types/template.ts b/packages/ui/src/types/template.ts
new file mode 100644
index 00000000..6330a7e1
--- /dev/null
+++ b/packages/ui/src/types/template.ts
@@ -0,0 +1,58 @@
+/**
+ * Template related type definitions
+ * Contains types for template processing and variables
+ */
+
+/**
+ * Variable primitive type
+ */
+export type VariablePrimitiveType = 'string' | 'number' | 'boolean' | 'object' | 'array'
+
+/**
+ * Variable default value type
+ */
+export type VariableDefaultValue = string | number | boolean | Record<string, unknown> | unknown[]
+
+/**
+ * Variable definition interface
+ */
+export interface VariableDefinition {
+  /** Variable name */
+  name: string
+  /** Variable type */
+  type: VariablePrimitiveType
+  /** Variable description */
+  description?: string
+  /** Default value */
+  defaultValue?: VariableDefaultValue
+  /** Whether required */
+  required?: boolean
+}
+
+/**
+ * Variable analysis interface
+ */
+export interface VariableAnalysis {
+  /** Variable type */
+  type: VariablePrimitiveType
+  /** Variable description */
+  description?: string
+  /** Default value */
+  defaultValue?: VariableDefaultValue
+  /** Whether required */
+  required: boolean
+}
+
+/**
+ * Variable usage statistics interface
+ */
+export interface VariableUsageStats {
+  /** Usage count */
+  count: number
+  /** Average length */
+  avgLength: number
+  /** Complexity */
+  complexity: number
+  /** Context list */
+  contexts: string[]
+}
diff --git a/packages/ui/src/types/workspace.ts b/packages/ui/src/types/workspace.ts
new file mode 100644
index 00000000..24423f56
--- /dev/null
+++ b/packages/ui/src/types/workspace.ts
@@ -0,0 +1,26 @@
+/**
+ * Workspace related type definitions
+ * Contains interfaces and types used by workspace components
+ */
+
+/**
+ * Payload for iterate optimization
+ */
+export interface IteratePayload {
+  /** Original prompt text */
+  originalPrompt: string
+  /** Optimized prompt text */
+  optimizedPrompt: string
+  /** User input for iteration */
+  iterateInput: string
+}
+
+/**
+ * Payload for saving favorites
+ */
+export interface SaveFavoritePayload {
+  /** Content to save */
+  content: string
+  /** Original content (optional) */
+  originalContent?: string
+}
diff --git a/packages/ui/src/utils/error.ts b/packages/ui/src/utils/error.ts
index dbae2735..120d595c 100644
--- a/packages/ui/src/utils/error.ts
+++ b/packages/ui/src/utils/error.ts
@@ -1,5 +1,27 @@
+/**
+ * 错误处理工具函数
+ * 提供统一的错误处理和类型安全的错误信息提取
+ */
+
 import { useToast } from '../composables/useToast'
 
+/**
+ * 扩展错误类型，支持更详细的错误信息
+ */
+export interface ExtendedError extends Error {
+  /** 详细的错误消息 */
+  detailedMessage?: string
+  /** 原始错误对象 */
+  originalError?: unknown
+  /** 错误代码 */
+  code?: string
+  /** 错误上下文 */
+  context?: Record<string, unknown>
+}
+
+/**
+ * 应用错误类
+ */
 export class AppError extends Error {
   constructor(
     message: string,
@@ -11,28 +33,166 @@ export class AppError extends Error {
   }
 }
 
+/**
+ * 从未知类型的错误中提取错误消息
+ * @param error - 未知类型的错误对象
+ * @param fallback - 默认错误消息
+ * @returns 错误消息字符串
+ */
+export function getErrorMessage(error: unknown, fallback = 'Unknown error'): string {
+  if (error instanceof Error) {
+    return error.message
+  }
+  if (typeof error === 'string') {
+    return error
+  }
+  if (error === null || error === undefined) {
+    return fallback
+  }
+  return String(error)
+}
+
+/**
+ * 类型守卫：检查是否为 ExtendedError
+ * @param error - 待检查的错误对象
+ * @returns 是否为 ExtendedError
+ */
+export function isExtendedError(error: unknown): error is ExtendedError {
+  return (
+    error instanceof Error &&
+    ('detailedMessage' in error || 'originalError' in error || 'code' in error || 'context' in error)
+  )
+}
+
+/**
+ * 安全地将未知错误转换为 ExtendedError
+ * @param error - 未知类型的错误对象
+ * @returns ExtendedError 或 null
+ */
+export function asExtendedError(error: unknown): ExtendedError | null {
+  if (isExtendedError(error)) {
+    return error
+  }
+  return null
+}
+
+/**
+ * 获取详细的错误消息，优先使用 ExtendedError 的详细信息
+ * @param error - 未知类型的错误对象
+ * @param fallback - 默认错误消息
+ * @returns 详细的错误消息字符串
+ */
+export function getDetailedErrorMessage(error: unknown, fallback = 'Unknown error'): string {
+  const extendedError = asExtendedError(error)
+
+  if (extendedError) {
+    // 优先使用详细消息
+    if (extendedError.detailedMessage) {
+      return extendedError.detailedMessage
+    }
+
+    // 其次使用原始错误
+    if (extendedError.originalError !== undefined) {
+      return String(extendedError.originalError)
+    }
+
+    // 最后使用标准错误消息
+    return extendedError.message
+  }
+
+  return getErrorMessage(error, fallback)
+}
+
+/**
+ * 创建一个 ExtendedError 实例
+ * @param message - 错误消息
+ * @param options - 扩展选项
+ * @returns ExtendedError 实例
+ */
+export function createExtendedError(
+  message: string,
+  options?: {
+    detailedMessage?: string
+    originalError?: unknown
+    code?: string
+    context?: Record<string, unknown>
+  }
+): ExtendedError {
+  const error = new Error(message) as ExtendedError
+
+  if (options?.detailedMessage) {
+    error.detailedMessage = options.detailedMessage
+  }
+
+  if (options?.originalError !== undefined) {
+    error.originalError = options.originalError
+  }
+
+  if (options?.code) {
+    error.code = options.code
+  }
+
+  if (options?.context) {
+    error.context = options.context
+  }
+
+  return error
+}
+
+/**
+ * 创建错误处理器
+ * @param context - 错误上下文描述
+ * @returns 错误处理器对象
+ */
 export function createErrorHandler(context: string) {
   const toast = useToast()
-  
+
   return {
     handleError(error: unknown) {
       console.error(`[${context}]错误:`, error)
-      
+
       if (error instanceof AppError) {
         toast.error(error.message)
         return
       }
-      
+
       if (error instanceof Error) {
         toast.error(error.message || `${context}过程中发生错误`)
         return
       }
-      
+
       toast.error(`${context}过程中发生未知错误`)
     }
   }
 }
 
+/**
+ * 在开发环境中记录详细的错误信息
+ * @param context - 错误上下文描述
+ * @param error - 错误对象
+ */
+export function logErrorInDev(context: string, error: unknown): void {
+  if (import.meta.env.DEV) {
+    console.error(`[${context}] Error occurred:`, error)
+
+    if (error instanceof Error) {
+      console.error('Error details:', {
+        message: error.message,
+        stack: error.stack,
+        ...(isExtendedError(error) && {
+          detailedMessage: error.detailedMessage,
+          originalError: error.originalError,
+          code: error.code,
+          context: error.context
+        })
+      })
+    }
+  }
+}
+
+/**
+ * 预定义错误消息常量
+ */
 export const errorMessages = {
   SERVICE_NOT_INITIALIZED: '服务未初始化，请稍后重试',
   TEMPLATE_NOT_SELECTED: '请先选择提示词模板',
diff --git a/packages/web/src/App.vue b/packages/web/src/App.vue
index ecc6c010..58d84f62 100644
--- a/packages/web/src/App.vue
+++ b/packages/web/src/App.vue
@@ -952,6 +952,7 @@ import {
     toRef,
     nextTick,
     onMounted,
+    type Ref,
 } from "vue";
 import { useI18n } from "vue-i18n";
 import {
@@ -1045,6 +1046,7 @@ import type {
 import type {
     ModelSelectOption,
     TemplateSelectOption,
+    TestAreaPanelInstance,
 } from "@prompt-optimizer/ui";
 
 // 1. 基础 composables
@@ -1090,9 +1092,13 @@ const saveFavoriteData = ref<{
     originalContent?: string;
 } | null>(null);
 const optimizeModelSelect = ref(null);
-const testPanelRef = ref(null);
-const systemWorkspaceRef = ref(null);
-const userWorkspaceRef = ref(null);
+type ContextWorkspaceExpose = {
+    testAreaPanelRef?: Ref<TestAreaPanelInstance | null>;
+};
+
+const testPanelRef = ref<TestAreaPanelInstance | null>(null);
+const systemWorkspaceRef = ref<ContextWorkspaceExpose | null>(null);
+const userWorkspaceRef = ref<ContextWorkspaceExpose | null>(null);
 const promptPanelRef = ref<{
     refreshIterateTemplateSelect?: () => void;
 } | null>(null);
@@ -2051,6 +2057,23 @@ const promptInputPlaceholder = computed(() => {
         : t("promptOptimizer.userPromptPlaceholder");
 });
 
+const getActiveTestPanelInstance = (): TestAreaPanelInstance | null => {
+    if (functionMode.value === "pro") {
+        if (contextMode.value === "system") {
+            return (
+                systemWorkspaceRef.value?.testAreaPanelRef?.value ?? null
+            );
+        }
+        return userWorkspaceRef.value?.testAreaPanelRef?.value ?? null;
+    }
+
+    if (functionMode.value === "basic") {
+        return testPanelRef.value;
+    }
+
+    return null;
+};
+
 // 真实测试处理函数
 const handleTestAreaTest = async (testVariables?: Record<string, string>) => {
     // 调用 promptTester 的 executeTest 方法
@@ -2060,7 +2083,7 @@ const handleTestAreaTest = async (testVariables?: Record<string, string>) => {
         testContent.value,
         isCompareMode.value,
         testVariables,
-        testPanelRef.value
+        getActiveTestPanelInstance()
     );
 };