feat(model):重构模型管理器以支持动态提供商配置

- 统一文本模型的连接配置结构，移除冗余字段
- 引入 Provider 注册表机制，支持动态加载模型提供商
-优化模型编辑界面，使用表单布局提升用户体验
- 添加 Provider 切换功能，自动更新连接配置和模型列表
- 改进 API Key 处理逻辑，增强安全性与遮罩显示- 实现基于 Schema 的动态连接字段渲染-重构新增/编辑模型流程，确保配置一致性
- 更新核心类型定义，导出适配器注册表相关接口- 修复 OpenAI 提供商名称始终显示为 'OpenAI' 的问题
- 优化模型能力标签展示，支持流式传输、工具调用等特性标识

Author: linshenkx

packages/core/src/index.ts

@@ -18,8 +18,22 @@ export * from './services/history/errors'
 export { ElectronHistoryManagerProxy } from './services/history/electron-proxy'
 
 // 导出LLM服务相关
-export type { ILLMService, Message, StreamHandlers, LLMResponse, ModelInfo, ModelOption } from './services/llm/types'
+export type {
+  ILLMService,
+  Message,
+  StreamHandlers,
+  LLMResponse,
+  ModelInfo,
+  ModelOption,
+  ITextAdapterRegistry,
+  ITextProviderAdapter,
+  TextProvider,
+  TextModel,
+  TextModelConfig,
+  ConnectionSchema
+} from './services/llm/types'
 export { LLMService, createLLMService } from './services/llm/service'
+export { TextAdapterRegistry, createTextAdapterRegistry } from './services/llm/adapters/registry'
 export { ElectronLLMProxy } from './services/llm/electron-proxy'
 export * from './services/llm/errors'
 

packages/core/src/services/model/converter.ts

@@ -257,10 +257,10 @@ function createProviderMeta(providerId: string, legacy: ModelConfig): TextProvid
       }
     };
   } else {
-    // OpenAI 及兼容 API
+    // OpenAI 及兼容 API - 始终使用 'OpenAI' 作为 Provider 名称
     return {
       id: 'openai',
-      name: legacy.provider === 'openai' ? 'OpenAI' : legacy.name,
+      name: 'OpenAI',
       description: 'OpenAI GPT models and OpenAI-compatible APIs',
       requiresApiKey: true,
       defaultBaseURL: legacy.baseURL || 'https://api.openai.com/v1',

packages/ui/src/components/ModelManager.vue

@@ -28,8 +28,10 @@ import {
   createImageModelManager,
   createImageService,
   createImageAdapterRegistry,
+  createTextAdapterRegistry,
   type IImageModelManager,
   type IImageService,
+  type ITextAdapterRegistry,
   type IModelManager,
   type ITemplateManager,
   type IHistoryManager,
@@ -68,6 +70,7 @@ export function useAppInitializer(): {
       let imageModelManager: IImageModelManager | undefined;
       let imageService: IImageService | undefined;
       let imageAdapterRegistryInstance: ReturnType<typeof createImageAdapterRegistry> | undefined;
+      let textAdapterRegistryInstance: ITextAdapterRegistry | undefined;
 
       if (isRunningInElectron()) {
         console.log('[AppInitializer] 检测到Electron环境，等待API就绪...');
@@ -90,6 +93,10 @@ export function useAppInitializer(): {
         llmService = new ElectronLLMProxy();
         promptService = new ElectronPromptServiceProxy();
         preferenceService = new ElectronPreferenceServiceProxy();
+
+        // 文本模型适配器注册表（本地实例，不需要代理）
+        textAdapterRegistryInstance = createTextAdapterRegistry();
+
         // 图像相关（Electron 渲染进程代理）
         const { ElectronImageModelManagerProxy, ElectronImageServiceProxy } = await import('@prompt-optimizer/core')
         imageAdapterRegistryInstance = createImageAdapterRegistry();
@@ -119,6 +126,7 @@ export function useAppInitializer(): {
           preferenceService, // 使用从core包导入的ElectronPreferenceServiceProxy
           compareService, // 直接使用，无需代理
           contextRepo, // 使用Electron代理
+          textAdapterRegistry: textAdapterRegistryInstance,
           imageModelManager,
           imageService,
           imageAdapterRegistry: imageAdapterRegistryInstance,
@@ -137,6 +145,10 @@ export function useAppInitializer(): {
 
         // Services with no dependencies or only storage
         const modelManagerInstance = createModelManager(storageProvider);
+
+        // 文本模型适配器注册表（本地实例）
+        textAdapterRegistryInstance = createTextAdapterRegistry();
+
         // 图像模型管理器（独立存储空间）
         const imageAdapterRegistry = await import('@prompt-optimizer/core').then(m => m.createImageAdapterRegistry())
         imageAdapterRegistryInstance = imageAdapterRegistry
@@ -253,6 +265,7 @@ export function useAppInitializer(): {
           preferenceService, // 使用从core包导入的PreferenceService
           compareService, // 直接使用
           contextRepo, // 上下文仓库
+          textAdapterRegistry: textAdapterRegistryInstance,
           imageModelManager: imageModelManagerInstance,
           imageService,
           imageAdapterRegistry: imageAdapterRegistryInstance,

packages/ui/src/composables/useAppInitializer.ts

@@ -462,6 +462,14 @@ export default {
       apiError: 'API error: {error}'
     },
 
+    // Model Capabilities
+    capabilities: {
+      tools: 'Tool Calling',
+      reasoning: 'Reasoning',
+      streaming: 'Streaming',
+      vision: 'Vision'
+    },
+
     // Status Text
     disabled: 'Disabled',
 

packages/ui/src/i18n/locales/en-US.ts

@@ -465,6 +465,14 @@
     // 状态文本
     disabled: '已禁用',
 
+    // 模型能力标签
+    capabilities: {
+      tools: '工具调用',
+      reasoning: '推理模式',
+      streaming: '流式输出',
+      vision: '视觉理解'
+    },
+
     // 无障碍标签
     testConnectionAriaLabel: '测试连接到{name}',
     editModelAriaLabel: '编辑模型{name}',

packages/ui/src/i18n/locales/zh-CN.ts

@@ -462,6 +462,14 @@ export default {
       apiError: 'API錯誤：{error}'
     },
 
+    // 模型能力標籤
+    capabilities: {
+      tools: '工具呼叫',
+      reasoning: '推理模式',
+      streaming: '串流輸出',
+      vision: '視覺理解'
+    },
+
     // 狀態文字
     disabled: '已停用',
 

packages/ui/src/i18n/locales/zh-TW.ts

@@ -11,7 +11,8 @@ import type {
   ContextRepo,
   IImageModelManager,
   IImageService,
-  IImageAdapterRegistry
+  IImageAdapterRegistry,
+  ITextAdapterRegistry
 } from '@prompt-optimizer/core'
 
 /**
@@ -28,6 +29,8 @@ export interface AppServices {
   preferenceService: IPreferenceService;
   compareService: ICompareService;
   contextRepo: ContextRepo;
+  // 文本模型适配器注册表（本地实例）
+  textAdapterRegistry?: ITextAdapterRegistry;
   // 图像相关（Web 优先，可选）
   imageModelManager?: IImageModelManager;
   imageService?: IImageService;

packages/ui/src/types/services.ts

@@ -21,6 +21,9 @@ describe('OptimizationModeSelector', () => {
 
   it('renders correctly with text content', () => {
     const wrapper = mount(OptimizationModeSelector, {
+      props: {
+        modelValue: 'system'
+      },
       global: {
         plugins: [i18n]
       }
@@ -29,4 +32,4 @@ describe('OptimizationModeSelector', () => {
     expect(wrapper.text()).toContain('System Prompt')
     expect(wrapper.text()).toContain('User Prompt')
   })
-}) 
+})

packages/ui/tests/unit/OptimizationModeSelector.test.ts

@@ -14,6 +14,13 @@ vi.mock('vue-i18n', () => ({
 }))
 
 // Mock the useImageModelManager composable
+const mockLoadConfigs = vi.fn().mockResolvedValue(undefined)
+const mockInitialize = vi.fn(async () => {
+  await mockLoadConfigs()
+})
+const mockUpdateConfig = vi.fn().mockResolvedValue(undefined)
+const mockDeleteConfig = vi.fn().mockResolvedValue(undefined)
+
 vi.mock('../../../src/composables/useImageModelManager', () => ({
   useImageModelManager: () => ({
     providers: ref([
@@ -27,21 +34,33 @@ vi.mock('../../../src/composables/useImageModelManager', () => ({
       {
         id: 'gpt-image-1',
         name: 'GPT Image 1',
-        enabled: true
+        enabled: true,
+        model: {
+          id: 'gpt-image-1',
+          capabilities: {
+            text2image: true,
+            image2image: false
+          }
+        }
       }
     ]),
     models: ref([
       {
         id: 'gpt-image-1',
         name: 'GPT Image 1',
-        enabled: true
+        enabled: true,
+        capabilities: {
+          text2image: true,
+          image2image: false
+        }
       }
     ]),
     isLoading: ref(false),
     error: ref(null),
-    addModel: vi.fn().mockResolvedValue(undefined),
-    updateModel: vi.fn().mockResolvedValue(undefined),
-    deleteModel: vi.fn().mockResolvedValue(undefined),
+    initialize: mockInitialize,
+    loadConfigs: mockLoadConfigs,
+    updateConfig: mockUpdateConfig,
+    deleteConfig: mockDeleteConfig,
     testConnection: vi.fn().mockResolvedValue({ success: true }),
     enableModel: vi.fn().mockResolvedValue(undefined),
     disableModel: vi.fn().mockResolvedValue(undefined),
@@ -55,14 +74,36 @@ describe('ImageModelManager', () => {
 
   beforeEach(() => {
     vi.clearAllMocks()
+    mockInitialize.mockClear()
+    mockLoadConfigs.mockClear()
+    mockUpdateConfig.mockClear()
+    mockDeleteConfig.mockClear()
   })
 
+  const mockImageRegistry = {
+    getAvailableProviders: vi.fn().mockReturnValue([
+      {
+        value: 'openai',
+        label: 'OpenAI',
+        aliases: []
+      }
+    ])
+  }
+
+  const mockImageService = {
+    testConnection: vi.fn().mockResolvedValue({ success: true })
+  }
+
   const createWrapper = (props = {}) => {
     return mount(ImageModelManager, {
       props: {
         ...props
       },
       global: {
+        provide: {
+          imageRegistry: mockImageRegistry,
+          imageService: mockImageService
+        },
         stubs: {
           // Stub all NaiveUI components
           'n-card': { template: '<div><slot name="header" /><slot /></div>' },
@@ -88,12 +129,14 @@ describe('ImageModelManager', () => {
     it('应该正确渲染组件', () => {
       wrapper = createWrapper()
       expect(wrapper.vm).toBeDefined()
+      expect(mockInitialize).toHaveBeenCalled()
     })
 
     it('应该加载图像模型提供商', () => {
       wrapper = createWrapper()
       // 验证组件正常挂载即可，具体业务逻辑由 useImageModelManager 处理
       expect(wrapper.vm).toBeDefined()
+      expect(mockLoadConfigs).toHaveBeenCalled()
     })
   })
-})
+})