refactor(ui): 重构测试控制栏布局并清理废弃代码

- TestControlBar: 使用 CSS Grid 重构布局，确保右侧控制按钮不被遮挡
- TestControlBar: 添加响应式断点，900px 隐藏标签，640px 改为单列布局
- SelectWithConfig: 添加默认 minWidth: 160px 防止下拉框被压缩
- useFunctionModelManager: 修复单例模式下 globalOptimizeModelKey 参数更新问题
- 移除废弃组件: BasicTestMode.vue, ModelSelect.vue
- 移除废弃 props: modelProvider, controlBarLayout, testModelProvider
- ImageWorkspace: 简化模型信息显示，移除提供商和能力标签
- 更新文档: SelectWithConfig 替代 ModelSelectUI

Author: linshenkx

packages/extension/src/App.vue

@@ -1003,6 +1003,7 @@ import {
     useAggregatedVariables,
     useContextEditorUIState,
     useEvaluationHandler,
+    useFunctionModelManager,
 
     // i18n functions
     initializeI18nWithStorage,
@@ -1290,6 +1291,10 @@ const modelSelectRefs = useModelSelectRefs();
 // 使用类型断言解决类型不匹配问题
 // 模型管理器
 const modelManager = useModelManager(services as any, modelSelectRefs);
+const functionModelManager = useFunctionModelManager(
+    services as any,
+    computed(() => modelManager.selectedOptimizeModel),
+);
 
 // 提示词优化器
 const optimizer = usePromptOptimizer(
@@ -1375,7 +1380,7 @@ const evaluationHandler = useEvaluationHandler({
     optimizedPrompt: toRef(optimizer, "optimizedPrompt") as any,
     testContent,
     testResults: testResults as any,
-    evaluationModelKey: computed(() => modelManager.selectedOptimizeModel),
+    evaluationModelKey: computed(() => functionModelManager.effectiveEvaluationModel.value),
     functionMode: functionMode as any,
     subMode: currentSubMode as any,
 });
@@ -1555,9 +1560,9 @@ const selectedTestModelInfo = computed(() => {
     if (!option?.raw) return null;
     return {
         // 提供商名称（如 OpenAI、DeepSeek）
-        provider: option.raw.providerMeta?.name || null,
-        // 实际模型ID（如 gpt-4、deepseek-chat）
-        model: option.raw.modelMeta?.id || null,
+        provider: option.raw.providerMeta?.name || option.raw.providerMeta?.id || null,
+        // 实际模型名称（优先 name，回退到 id）
+        model: option.raw.modelMeta?.name || option.raw.modelMeta?.id || null,
     };
 });
 
@@ -1906,8 +1911,8 @@ const handleTemplateManagerClosed = () => {
     }
 };
 
-// 提供 openModelManager 接口，支持直接定位到文本/图像页签
-const openModelManager = (tab: "text" | "image" = "text") => {
+// 提供 openModelManager 接口，支持直接定位到文本/图像/功能页签
+const openModelManager = (tab: "text" | "image" | "function" = "text") => {
     modelManager.showConfig = true;
     // 等模态渲染后再切换页签
     setTimeout(() => {

packages/ui/README.md

@@ -71,7 +71,12 @@ const { naiveTheme, themeOverrides } = useNaiveTheme()
     @test="handleTest"
   >
     <template #model-select>
-      <ModelSelectUI v-model="selectedModel" />
+      <SelectWithConfig
+        v-model="selectedModel"
+        :options="modelOptions"
+        :getPrimary="(o) => o.label"
+        :getValue="(o) => o.value"
+      />
     </template>
   </TestAreaPanel>
 </template>
@@ -89,7 +94,12 @@ const { naiveTheme, themeOverrides } = useNaiveTheme()
 ```vue
 <template>
   <!-- 模型选择器 -->
-  <ModelSelectUI v-model="selectedModel" />
+  <SelectWithConfig
+    v-model="selectedModel"
+    :options="modelOptions"
+    :getPrimary="(o) => o.label"
+    :getValue="(o) => o.value"
+  />
   
   <!-- 模型管理器 -->
   <ModelManagerUI @model-updated="handleModelUpdate" />
@@ -248,11 +258,11 @@ export { default as OutputDisplayCore } from './components/OutputDisplayCore.vue
 
 // 管理组件
 export { default as ModelManagerUI } from './components/ModelManager.vue'
-export { default as ModelSelectUI } from './components/ModelSelect.vue'
 export { default as TemplateManagerUI } from './components/TemplateManager.vue'
 export { default as TemplateSelectUI } from './components/TemplateSelect.vue'
 export { default as DataManagerUI } from './components/DataManager.vue'
 export { default as VariableManager } from './components/VariableManager.vue'
+export { default as FunctionModelManagerUI } from './components/FunctionModelManager.vue'
 
 // 功能组件
 export { default as ActionButtonUI } from './components/ActionButton.vue'
@@ -433,4 +443,4 @@ GNU Affero General Public License v3.0 (AGPL-3.0-only)
 ---
 
 **最后更新：** 2025-01-20  
-**版本：** 1.4.4
+**版本：** 1.4.4