fix: 模型管理审查修复与归档

- 修复 registry 测试 ai mock 缺失 createProviderRegistry 导出
- 新增 POST /api/providers/test 支持未保存供应商配置连通性测试
- 供应商表单新增测试连接按钮，新建默认 openai-compatible
- 连通性测试按 ok 展示成功/失败，不再统一 success 样式
- 模型表单新建时也可测试供应商连接
- 模型页使用独立 provider 列表避免分页/搜索影响
- 移除模型管理组件内联 style
- 新增 ProviderTestResultResponse 共享响应类型
- 新增 bun run format:check 脚本
- 补充关键测试覆盖（删除关联、连通性、默认类型、表单测试）
- 更新 docs/user/usage.md、docs/development/*、design.md、tasks.md
- 归档 change 至 openspec/changes/archive/2026-05-29-add-model-management

tests/web/components/ModelTable.test.tsx

@@ -80,6 +80,8 @@ describe("ModelTable", () => {
     expect(screen.getByText("GPT-4o")).not.toBeNull();
     expect(screen.getByText("gpt-4o")).not.toBeNull();
     expect(screen.getByText("DeepSeek Chat")).not.toBeNull();
+    expect(screen.getByText("OpenAI")).not.toBeNull();
+    expect(screen.getByText("DeepSeek")).not.toBeNull();
   });
 
   test("模型表格操作触发 enable/disable/delete", async () => {

tests/web/components/ProviderTable.test.tsx

@@ -86,4 +86,26 @@ describe("ProviderTable", () => {
     fireEvent.click(enableButtons[0]!);
     await waitFor(() => expect(onEnable).toHaveBeenCalledWith("pv2"));
   });
+
+  test("供应商表格操作触发连接测试", async () => {
+    const onTest = mock(() => Promise.resolve({ message: "连接失败", ok: false }));
+
+    renderWithProviders(
+      createElement(ProviderTable, {
+        data: { items: [ENABLED_PROVIDER], page: 1, pageSize: 20, total: 1 },
+        loading: false,
+        onDelete: () => Promise.resolve(),
+        onDisable: () => Promise.resolve(),
+        onEdit: () => undefined,
+        onEnable: () => Promise.resolve(),
+        onPageChange: () => undefined,
+        onTest,
+        page: 1,
+        pageSize: 20,
+      }),
+    );
+
+    fireEvent.click(screen.getByRole("button", { name: "测试连接" }));
+    await waitFor(() => expect(onTest).toHaveBeenCalledWith("pv1"));
+  });
 });

tests/web/hooks/use-providers.test.ts

@@ -7,6 +7,7 @@ import {
   enableProvider,
   fetchProvider,
   fetchProviderList,
+  testProviderConfig,
   testProviderConnection,
   updateProvider,
 } from "../../../src/web/hooks/use-providers";
@@ -89,6 +90,27 @@ describe("use-providers request helpers", () => {
     expect(result).toEqual({ message: "ok", ok: true });
   });
 
+  test("testProviderConfig posts form config and parses response", async () => {
+    const calls = installFetchMock(() => jsonResponse({ providerTestResponse: { message: "ok", ok: true } }));
+
+    const result = await testProviderConfig({
+      apiKey: "sk-test",
+      baseUrl: "https://api.openai.com/v1",
+      name: "OpenAI",
+      type: "openai-compatible",
+    });
+
+    expect(result).toEqual({ message: "ok", ok: true });
+    expect(calls[0]?.method).toBe("POST");
+    expect(calls[0]?.url).toBe("/api/providers/test");
+    expect(jsonBody(calls[0]?.body)).toEqual({
+      apiKey: "sk-test",
+      baseUrl: "https://api.openai.com/v1",
+      name: "OpenAI",
+      type: "openai-compatible",
+    });
+  });
+
   test("error response uses backend error field", async () => {
     installFetchMock(() => jsonResponse({ error: "dup" }, { status: 409 }));
 

tests/web/routes/models.test.tsx

@@ -58,6 +58,7 @@ describe("ProviderFormModal", () => {
         onCancel: () => undefined,
         onCreate: () => Promise.resolve(),
         onOpenChange: () => undefined,
+        onTest: () => Promise.resolve({ message: "连接成功", ok: true }),
         onUpdate: (args: unknown) => {
           updateCalls.push(args);
           return Promise.resolve();
@@ -74,6 +75,78 @@ describe("ProviderFormModal", () => {
     await waitFor(() => expect(updateCalls.length).toBe(1));
     expect(updateCalls[0]).toEqual({ data: { name: "New OpenAI" }, id: "pv1" });
   });
+
+  test("新建供应商默认使用 openai-compatible 类型", async () => {
+    const createCalls: unknown[] = [];
+
+    renderWithProviders(
+      createElement(ProviderFormModal, {
+        editingProvider: null,
+        onCancel: () => undefined,
+        onCreate: (data: unknown) => {
+          createCalls.push(data);
+          return Promise.resolve();
+        },
+        onOpenChange: () => undefined,
+        onTest: () => Promise.resolve({ message: "连接成功", ok: true }),
+        onUpdate: () => Promise.resolve(),
+        open: true,
+        submitting: false,
+      }),
+    );
+
+    await waitFor(() => expect(screen.getByPlaceholderText("请输入供应商名称")).not.toBeNull());
+    fireEvent.change(screen.getByPlaceholderText("请输入供应商名称"), { target: { value: "兼容供应商" } });
+    fireEvent.change(screen.getByPlaceholderText("https://api.openai.com/v1"), {
+      target: { value: "https://api.test.com/v1" },
+    });
+    fireEvent.change(screen.getByPlaceholderText("请输入 API Key"), { target: { value: "sk-test" } });
+    clickLatestConfirmButton();
+
+    await waitFor(() => expect(createCalls.length).toBe(1));
+    expect(createCalls[0]).toEqual({
+      apiKey: "sk-test",
+      baseUrl: "https://api.test.com/v1",
+      name: "兼容供应商",
+      type: "openai-compatible",
+    });
+  });
+
+  test("供应商表单可使用当前表单配置测试连接", async () => {
+    const testCalls: unknown[] = [];
+
+    renderWithProviders(
+      createElement(ProviderFormModal, {
+        editingProvider: null,
+        onCancel: () => undefined,
+        onCreate: () => Promise.resolve(),
+        onOpenChange: () => undefined,
+        onTest: (data: unknown) => {
+          testCalls.push(data);
+          return Promise.resolve({ message: "连接成功", ok: true });
+        },
+        onUpdate: () => Promise.resolve(),
+        open: true,
+        submitting: false,
+      }),
+    );
+
+    await waitFor(() => expect(screen.getByPlaceholderText("请输入供应商名称")).not.toBeNull());
+    fireEvent.change(screen.getByPlaceholderText("请输入供应商名称"), { target: { value: "兼容供应商" } });
+    fireEvent.change(screen.getByPlaceholderText("https://api.openai.com/v1"), {
+      target: { value: "https://api.test.com/v1" },
+    });
+    fireEvent.change(screen.getByPlaceholderText("请输入 API Key"), { target: { value: "sk-test" } });
+    fireEvent.click(screen.getByRole("button", { name: "测试连接" }));
+
+    await waitFor(() => expect(testCalls.length).toBe(1));
+    expect(testCalls[0]).toEqual({
+      apiKey: "sk-test",
+      baseUrl: "https://api.test.com/v1",
+      name: "兼容供应商",
+      type: "openai-compatible",
+    });
+  });
 });
 
 describe("ModelFormModal", () => {
@@ -93,6 +166,7 @@ describe("ModelFormModal", () => {
         open: true,
         providers: [ENABLED_PROVIDER, DISABLED_PROVIDER],
         submitting: false,
+        testConnection: () => Promise.resolve({ message: "连接成功", ok: true }),
       }),
     );
 
@@ -117,6 +191,7 @@ describe("ModelFormModal", () => {
         open: true,
         providers: [ENABLED_PROVIDER],
         submitting: false,
+        testConnection: () => Promise.resolve({ message: "连接成功", ok: true }),
       }),
     );
 
@@ -124,4 +199,29 @@ describe("ModelFormModal", () => {
     clickLatestConfirmButton();
     expect(onCreate).not.toHaveBeenCalled();
   });
+
+  test("新建模型时可测试所选供应商连接", async () => {
+    const testConnection = mock(() => Promise.resolve({ message: "连接成功", ok: true }));
+
+    renderWithProviders(
+      createElement(ModelFormModal, {
+        editingModel: null,
+        onCancel: () => undefined,
+        onCreate: () => Promise.resolve(),
+        onOpenChange: () => undefined,
+        onUpdate: () => Promise.resolve(),
+        open: true,
+        providers: [ENABLED_PROVIDER],
+        submitting: false,
+        testConnection,
+      }),
+    );
+
+    await waitFor(() => expect(screen.getByText("测试连接")).not.toBeNull());
+    fireEvent.mouseDown(screen.getByRole("combobox"));
+    fireEvent.click(await screen.findByText("OpenAI"));
+    fireEvent.click(screen.getByRole("button", { name: "测试连接" }));
+
+    await waitFor(() => expect(testConnection).toHaveBeenCalledWith("pv1"));
+  });
 });