refactor: 前端 UI 框架从 TDesign 迁移到 antd 6.x

- 移除 tdesign-react + tdesign-icons-react，新增 antd@6.4.3 + @ant-design/icons@6.2.3
- Layout/Header/Sider/Content 替换 TDesign Layout，Sider 内置折叠管理
- Segmented 替换 RadioGroup 主题切换，ConfigProvider 主题算法切换
- Menu items prop 模式，Sidebar 简化为无 props 纯组件
- Table/Modal/Form/Input.TextArea/Tabs/Tag/Popconfirm 全量迁移
- App.useApp().message 替换 MessagePlugin（hooks 模式）
- --td-* CSS 变量替换为 --ant-* antd CSS 变量
- 测试适配：ConfigProvider+App wrapper，.ant-menu-item-selected，antd CSS-in-JS jsdom 兼容
- 文档更新：frontend.md, development/README.md, config.yaml, deploy.md
- vendor-antd chunk 755KB gzipped 240KB

tests/web/App.test.tsx

@@ -42,11 +42,9 @@ describe("App", () => {
 
     expect(screen.getAllByText("仪表盘").length).toBeGreaterThan(0);
     expect(screen.getAllByText("项目管理").length).toBeGreaterThan(0);
-    expect(screen.getAllByText("用户管理").length).toBeGreaterThan(0);
-    expect(screen.getAllByText("系统设置").length).toBeGreaterThan(0);
   });
 
-  test("Header 不包含侧边栏折叠按钮", () => {
+  test("Sider 渲染侧边栏菜单", () => {
     window.fetch = (async () => {
       return new Response(
         JSON.stringify({ ok: true, service: "test-app", timestamp: new Date().toISOString(), version: "0.1.0" }),
@@ -59,7 +57,9 @@ describe("App", () => {
 
     renderWithProviders(createElement(App));
 
-    const toggleButtons = document.querySelectorAll(".app-sidebar-toggle");
-    expect(toggleButtons.length).toBe(0);
+    const sider = document.querySelector(".ant-layout-sider");
+    expect(sider).not.toBeNull();
+    const menu = document.querySelector(".app-sidebar-menu");
+    expect(menu).not.toBeNull();
   });
 });

tests/web/components/Sidebar/index.test.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 import { screen } from "@testing-library/react";
 import { describe, expect, test } from "bun:test";
 import { createElement } from "react";
@@ -8,73 +7,29 @@ import { renderWithProviders } from "../../test-utils";
 
 describe("Sidebar", () => {
   test("渲染菜单项", () => {
-    renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: () => {} }));
+    renderWithProviders(createElement(Sidebar));
 
     expect(screen.getByText("仪表盘")).not.toBeNull();
     expect(screen.getByText("项目管理")).not.toBeNull();
-    expect(screen.getByText("用户管理")).not.toBeNull();
-    expect(screen.getByText("系统设置")).not.toBeNull();
-  });
-
-  test("折叠状态下仍渲染菜单项", () => {
-    renderWithProviders(createElement(Sidebar, { collapsed: true, onToggleCollapsed: () => {} }));
-
-    expect(screen.getByText("仪表盘")).not.toBeNull();
-    expect(screen.getByText("项目管理")).not.toBeNull();
-    expect(screen.getByText("用户管理")).not.toBeNull();
-    expect(screen.getByText("系统设置")).not.toBeNull();
   });
 
   test("项目管理菜单项可导航到 /projects", () => {
-    renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: () => {} }), {
+    renderWithProviders(createElement(Sidebar), {
       initialRoute: "/projects",
     });
 
-    const activeItem = document.querySelector(".t-is-active");
+    const activeItem = document.querySelector(".ant-menu-item-selected");
     expect(activeItem).not.toBeNull();
     expect(activeItem?.textContent).toContain("项目管理");
   });
 
   test("高亮当前路由对应的菜单项", () => {
-    renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: () => {} }), {
-      initialRoute: "/users",
+    renderWithProviders(createElement(Sidebar), {
+      initialRoute: "/",
     });
 
-    const activeItem = document.querySelector(".t-is-active");
+    const activeItem = document.querySelector(".ant-menu-item-selected");
     expect(activeItem).not.toBeNull();
-    expect(activeItem?.textContent).toContain("用户管理");
-  });
-
-  test("展开态底部渲染折叠按钮", () => {
-    renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: () => {} }));
-
-    const collapseBtn = document.querySelector(".app-sidebar-collapse-btn");
-    expect(collapseBtn).not.toBeNull();
-  });
-
-  test("点击底部按钮调用 onToggleCollapsed", () => {
-    let called = false;
-    const onToggle = () => {
-      called = true;
-    };
-    renderWithProviders(createElement(Sidebar, { collapsed: false, onToggleCollapsed: onToggle }));
-
-    const btn = document.querySelector<HTMLButtonElement>(".app-sidebar-collapse-btn");
-    expect(btn).not.toBeNull();
-    btn!.click();
-    expect(called).toBe(true);
-  });
-
-  test("折叠态底部按钮仍渲染且菜单项高亮不变", () => {
-    renderWithProviders(createElement(Sidebar, { collapsed: true, onToggleCollapsed: () => {} }), {
-      initialRoute: "/users",
-    });
-
-    const collapseBtn = document.querySelector(".app-sidebar-collapse-btn");
-    expect(collapseBtn).not.toBeNull();
-
-    const activeItem = document.querySelector(".t-is-active");
-    expect(activeItem).not.toBeNull();
-    expect(activeItem?.textContent).toContain("用户管理");
+    expect(activeItem?.textContent).toContain("仪表盘");
   });
 });

tests/web/routes/projects.test.tsx

@@ -1,4 +1,4 @@
-import { screen, waitFor } from "@testing-library/react";
+import { fireEvent, screen, waitFor } from "@testing-library/react";
 import { describe, expect, test } from "bun:test";
 import { createElement } from "react";
 
@@ -9,13 +9,11 @@ describe("ProjectsPage", () => {
   test("渲染 Tab、搜索框、新建按钮和表格", async () => {
     renderWithProviders(createElement(ProjectsPage));
 
-    // Tabs, search, create button always visible
     expect(screen.getByText("进行中")).not.toBeNull();
     expect(screen.getByText("已归档")).not.toBeNull();
     expect(screen.getByText("搜索")).not.toBeNull();
     expect(screen.getByText("新建项目")).not.toBeNull();
 
-    // Table renders (shows loading or empty state)
     await waitFor(
       () => {
         const body = document.body.textContent ?? "";
@@ -28,14 +26,14 @@ describe("ProjectsPage", () => {
   test("新建按钮点击打开弹窗", async () => {
     renderWithProviders(createElement(ProjectsPage));
 
-    const createBtn = screen.getByText("新建项目");
-    createBtn.click();
+    const createBtn = screen.getByRole("button", { name: /新建项目/ });
+    fireEvent.click(createBtn);
 
     await waitFor(
       () => {
-        expect(screen.getByText("确定")).not.toBeNull();
+        expect(document.body.querySelector(".ant-modal")).not.toBeNull();
       },
-      { timeout: 5000 },
+      { timeout: 10000 },
     );
   });
 });

tests/web/test-utils.tsx

@@ -1,5 +1,6 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { render } from "@testing-library/react";
+import { App, ConfigProvider } from "antd";
 import { mock } from "bun:test";
 import { createElement, StrictMode } from "react";
 import { MemoryRouter } from "react-router";
@@ -36,7 +37,11 @@ export function renderWithProviders(ui: React.ReactElement, options?: RenderWith
         createElement(
           QueryClientProvider,
           { client: queryClient },
-          createElement(MemoryRouter, { initialEntries: [initialRoute] }, ui),
+          createElement(
+            MemoryRouter,
+            { initialEntries: [initialRoute] },
+            createElement(ConfigProvider, null, createElement(App, null, ui)),
+          ),
         ),
       ),
     ),