feat(image-workspace): 实现文本模型选择器自动刷新功能

- 添加文本模型下拉获得焦点时的自动刷新逻辑- 新增 refreshTextModels 方法用于刷新文本模型选项
- 在模型管理器关闭后同步刷新文本模型
-为文本模型选择组件添加 focus事件处理
- 注册和移除 image-workspace-refresh-text-models 全局事件监听器
- 更新文本模型选项时校验当前选择并设置回退选项- 确保模型管理器初始化后再获取启用的模型列表

Author: linshenkx

packages/extension/src/App.vue

@@ -1116,6 +1116,7 @@ import type { ModelSelectOption, TemplateSelectOption } from '@prompt-optimizer/
     await refreshTextModels()
     // 图像模式：广播刷新图像模型事件（ImageWorkspace 监听并执行刷新）
     if (typeof window !== 'undefined') {
+      window.dispatchEvent(new Event('image-workspace-refresh-text-models'))
       window.dispatchEvent(new Event('image-workspace-refresh-image-models'))
     }
   }

packages/ui/src/components/image-mode/ImageWorkspace.vue

@@ -146,6 +146,7 @@
                     filterable
                     :show-config-action="true"
                     :show-empty-config-c-t-a="true"
+                    @focus="handleTextModelSelectFocus"
                     @update:modelValue="saveSelections"
                     @config="() => appOpenModelManager && appOpenModelManager('text')"
                   />
@@ -161,6 +162,7 @@
                     size="medium"
                     :disabled="isOptimizing"
                     filterable
+                    @focus="handleTextModelSelectFocus"
                     @update:modelValue="saveSelections"
                   />
                 </template>
@@ -659,6 +661,7 @@ const {
   downloadImageFromResult,
   saveSelections,
   cleanup,
+  refreshTextModels,
   refreshImageModels,
   restoreTemplateSelection
 } = useImageWorkspace(services)
@@ -786,6 +789,15 @@ const refreshIterateHandler = () => {
   promptPanelRef.value?.refreshIterateTemplateSelect?.()
 }
 
+// 文本模型刷新事件处理器（模型管理器关闭后同步刷新）
+const refreshTextModelsHandler = async () => {
+  try {
+    await refreshTextModels()
+  } catch (e) {
+    console.warn('[ImageWorkspace] Failed to refresh text models after manager close:', e)
+  }
+}
+
 // 图像模型刷新事件处理器（模型管理器关闭后同步刷新）
 const refreshImageModelsHandler = async () => {
   try {
@@ -811,6 +823,11 @@ const handleTemplateSelectFocus = async () => {
   await refreshTemplatesHandler()
 }
 
+// 文本模型下拉获得焦点时刷新，确保新建/编辑后的模型立即可用
+const handleTextModelSelectFocus = async () => {
+  await refreshTextModelsHandler()
+}
+
 onMounted(async () => {
   console.log('[ImageWorkspace] Starting initialization...')
   console.log('[ImageWorkspace] Services available:', !!services?.value)
@@ -824,6 +841,7 @@ onMounted(async () => {
   // 监听模板语言切换事件，刷新迭代模板选择
   if (typeof window !== 'undefined') {
     window.addEventListener('image-workspace-refresh-iterate-select', refreshIterateHandler)
+    window.addEventListener('image-workspace-refresh-text-models', refreshTextModelsHandler)
     window.addEventListener('image-workspace-refresh-image-models', refreshImageModelsHandler)
     window.addEventListener('image-workspace-refresh-templates', refreshTemplatesHandler)
   }
@@ -838,6 +856,7 @@ onUnmounted(() => {
   cleanup()
   if (typeof window !== 'undefined') {
     window.removeEventListener('image-workspace-refresh-iterate-select', refreshIterateHandler)
+    window.removeEventListener('image-workspace-refresh-text-models', refreshTextModelsHandler)
     window.removeEventListener('image-workspace-refresh-image-models', refreshImageModelsHandler)
     window.removeEventListener('image-workspace-refresh-templates', refreshTemplatesHandler)
   }

packages/ui/src/composables/useImageWorkspace.ts

@@ -146,20 +146,55 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
     return `data:${mimeType};base64,${state.inputImageB64}`
   })
 
+  // 刷新文本模型及下拉选项，并校验当前选择
+  const refreshTextModels = async () => {
+    if (!modelManager.value) {
+      textModelOptions.value = []
+      state.selectedTextModelKey = ''
+      return
+    }
+
+    try {
+      const manager = modelManager.value
+      if (typeof (manager as any).ensureInitialized === 'function') {
+        await (manager as any).ensureInitialized()
+      }
+
+      const textModels = await manager.getEnabledModels()
+      textModelOptions.value = textModels.map(m => ({
+        label: `${m.name} (${m.provider})`,
+        primary: m.name,
+        secondary: m.provider ?? 'Unknown',
+        value: m.key,
+        raw: m
+      }))
+
+      const currentKey = state.selectedTextModelKey
+      const keys = new Set(textModels.map(m => m.key))
+      const fallback = textModels[0]?.key || ''
+
+      const needsFallback = (!currentKey && fallback) || (currentKey && !keys.has(currentKey))
+
+      if (needsFallback) {
+        state.selectedTextModelKey = fallback
+        if (fallback) {
+          await setPreference(IMAGE_MODE_KEYS.SELECTED_TEXT_MODEL, fallback)
+        }
+      }
+
+      if (!textModels.length) {
+        state.selectedTextModelKey = ''
+      }
+    } catch (error) {
+      console.error('[useImageWorkspace] Failed to refresh text models:', error)
+      textModelOptions.value = []
+    }
+  }
+
   // 初始化
   const initialize = async () => {
     try {
-      // 加载文本模型
-      if (modelManager.value) {
-        const textModels = await modelManager.value.getEnabledModels()
-        textModelOptions.value = textModels.map(m => ({
-          label: `${m.name} (${m.provider})`,
-          primary: m.name,
-          secondary: m.provider ?? 'Unknown',
-          value: m.key,
-          raw: m
-        }))
-      }
+      await refreshTextModels()
 
       // 加载图像模型
       await loadImageModels()
@@ -865,6 +900,7 @@ export function useImageWorkspace(services: Ref<AppServices | null>) {
     copyImageFromResult,
     saveSelections,
     cleanup,
+    refreshTextModels,
     refreshImageModels,
     templateManagerState
   }

packages/web/src/App.vue

@@ -1116,6 +1116,7 @@ import type { ModelSelectOption, TemplateSelectOption } from '@prompt-optimizer/
     await refreshTextModels()
     // 图像模式：广播刷新图像模型事件（ImageWorkspace 监听并执行刷新）
     if (typeof window !== 'undefined') {
+      window.dispatchEvent(new Event('image-workspace-refresh-text-models'))
       window.dispatchEvent(new Event('image-workspace-refresh-image-models'))
     }
   }