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 变更记录

frontend/src/api/models.ts

@@ -0,0 +1,24 @@
+import type { Model, CreateModelInput, UpdateModelInput } from '@/types';
+import { request } from './client';
+
+export async function listModels(providerId?: string): Promise<Model[]> {
+  const path = providerId
+    ? `/api/models?provider_id=${encodeURIComponent(providerId)}`
+    : '/api/models';
+  return request<Model[]>('GET', path);
+}
+
+export async function createModel(input: CreateModelInput): Promise<Model> {
+  return request<Model>('POST', '/api/models', input);
+}
+
+export async function updateModel(
+  id: string,
+  input: UpdateModelInput,
+): Promise<Model> {
+  return request<Model>('PUT', `/api/models/${id}`, input);
+}
+
+export async function deleteModel(id: string): Promise<void> {
+  return request<void>('DELETE', `/api/models/${id}`);
+}