feat: 完成前端重构，采用 Ant Design 5 和完整测试体系

- 采用 Ant Design 5 作为 UI 组件库，替换自定义组件
- 集成 React Router v7 提供路由导航
- 使用 TanStack Query v5 管理数据获取和缓存
- 建立 Vitest + React Testing Library 测试体系
- 添加 Playwright E2E 测试覆盖
- 使用 MSW mock API 响应
- 配置 TypeScript strict 模式
- 采用 SCSS Modules 组织样式
- 更新 OpenSpec 规格以反映前端架构变更
- 归档 frontend-refactor 变更记录

openspec/specs/test-coverage/spec.md

@@ -104,3 +104,65 @@
 - **THEN** SHALL 运行测试并生成覆盖率报告
 - **THEN** SHALL 检查覆盖率是否达标
 - **THEN** SHALL 在覆盖率不足时返回非零退出码
+
+### Requirement: 建立前端单元测试覆盖
+
+前端代码 SHALL 建立单元测试覆盖，纳入整体测试覆盖率统计。
+
+#### Scenario: API 层测试覆盖
+
+- **WHEN** 运行前端 API 层的单元测试
+- **THEN** SHALL 覆盖 api/client.ts 的请求封装和字段转换逻辑
+- **THEN** SHALL 覆盖 api/providers.ts、api/models.ts、api/stats.ts 的所有函数
+- **THEN** SHALL 使用 MSW mock API 响应
+
+#### Scenario: Hooks 测试覆盖
+
+- **WHEN** 运行前端 Hooks 的单元测试
+- **THEN** SHALL 覆盖 useProviders、useModels、useStats 的查询和变更逻辑
+- **THEN** SHALL 验证缓存失效和自动刷新行为
+
+### Requirement: 建立前端组件测试覆盖
+
+前端 SHALL 使用 React Testing Library 建立组件测试覆盖。
+
+#### Scenario: 页面组件测试覆盖
+
+- **WHEN** 运行前端组件测试
+- **THEN** SHALL 覆盖 ProviderTable 的列表渲染和交互操作
+- **THEN** SHALL 覆盖 ProviderForm 的表单校验和提交
+- **THEN** SHALL 覆盖 ModelForm 的表单校验和提交
+- **THEN** SHALL 覆盖 StatsTable 的筛选和数据展示
+
+### Requirement: 建立前端 E2E 测试覆盖
+
+前端 SHALL 使用 Playwright 建立 E2E 测试覆盖。
+
+#### Scenario: 供应商管理 E2E 覆盖
+
+- **WHEN** 运行 E2E 测试
+- **THEN** SHALL 覆盖供应商创建、编辑、删除的完整用户流程
+- **THEN** SHALL 覆盖模型创建、编辑、删除的完整用户流程
+
+#### Scenario: 统计查询 E2E 覆盖
+
+- **WHEN** 运行 E2E 测试
+- **THEN** SHALL 覆盖统计页面的加载和筛选查询流程
+- **THEN** SHALL 覆盖页面间的导航切换
+
+### Requirement: 前端测试集成到构建流程
+
+前端测试 SHALL 集成到项目的构建和验证流程中。
+
+#### Scenario: 运行前端测试命令
+
+- **WHEN** 在 frontend/ 目录执行测试命令
+- **THEN** SHALL 运行所有 Vitest 单元测试和组件测试
+- **THEN** SHALL 显示测试结果
+- **THEN** SHALL 在测试失败时返回非零退出码
+
+#### Scenario: 运行前端 E2E 测试命令
+
+- **WHEN** 在 frontend/ 目录执行 E2E 测试命令
+- **THEN** SHALL 启动 Playwright 运行 E2E 测试
+- **THEN** SHALL 在测试失败时返回非零退出码