refactor: 聊天室 Agent 重构 — ToolLoopAgent + 论坛式布局

后端:
- 删除 agent-stream.ts，新建 alfred-agent.ts (ToolLoopAgent 工厂)
- 新建 get-current-time.ts 工具 (zod schema)
- 重构 send.ts: createAgentUIStreamResponse + onFinish 可靠持久化

前端:
- 删除 MessageBubble.tsx，新建 ToolCallCard.tsx (四态)
- 重构 ChatPanel.tsx: 论坛式 Card 布局 + PartRenderer 分派
- 移除 @ant-design/x 依赖，改用 antd 组件 + streamdown

依赖:
+ zod + streamdown
- @ant-design/x - @ant-design/x-markdown

测试: 306 pass, typecheck/lint 0 errors

docs/development/frontend.md

@@ -6,15 +6,15 @@
 
 ## 技术栈
 
-| 层面   | 技术                                                  | 用途                     |
-| ------ | ----------------------------------------------------- | ------------------------ |
-| 框架   | React 19                                              | UI 组件开发              |
-| 构建   | Vite（开发）+ Bun compile（生产）                     | 开发服务 HMR 与生产构建  |
-| 语言   | TypeScript                                            | 类型安全                 |
-| UI 库  | Ant Design (antd) + @ant-design/icons + @ant-design/x | UI 组件、图标与聊天 UI   |
-| 数据层 | TanStack Query (React Query) + React Query Devtools   | 服务端状态管理与自动刷新 |
-| AI 层  | Vercel AI SDK (`@ai-sdk/react`)                       | 聊天状态管理与流式通信   |
-| 路由   | React Router v7 (Declarative mode)                    | SPA 路由与页面导航       |
+| 层面   | 技术                                                | 用途                     |
+| ------ | --------------------------------------------------- | ------------------------ |
+| 框架   | React 19                                            | UI 组件开发              |
+| 构建   | Vite（开发）+ Bun compile（生产）                   | 开发服务 HMR 与生产构建  |
+| 语言   | TypeScript                                          | 类型安全                 |
+| UI 库  | Ant Design (antd) + @ant-design/icons               | UI 组件与图标            |
+| 数据层 | TanStack Query (React Query) + React Query Devtools | 服务端状态管理与自动刷新 |
+| AI 层  | Vercel AI SDK (`@ai-sdk/react`)                     | 聊天状态管理与流式通信   |
+| 路由   | React Router v7 (Declarative mode)                  | SPA 路由与页面导航       |
 
 不引入额外状态管理库。TanStack Query 承担服务端状态，组件内状态使用 useState。
 
@@ -141,8 +141,9 @@ Workbench 项目上下文通过 `ProjectContext` 提供，在 `WorkbenchProjectG
 Workbench 聊天页面位于 `src/web/consoles/workbench/pages/ChatPage.tsx`，组合 `ChatSidebar` 和 `ChatPanel` 两个子组件。
 
 - **ChatSidebar**：使用 TanStack Query 管理会话列表，提供创建和删除会话操作。
-- **ChatPanel**：使用 Vercel AI SDK `useChat` hook（来自 `@ai-sdk/react`）管理聊天状态，通过 `DefaultChatTransport`（来自 `ai` 包）与后端 SSE 端点通信。使用 `@ant-design/x` 的 `Bubble.List` 和 `Sender` 组件渲染消息列表和输入框。`useChat` 返回的 `UIMessage` 使用 `parts` 数组存储内容，不包含 `content` 属性；需从 `parts` 中提取 `type: "text"` 的文本内容用于 Bubble 展示。
-- **MessageBubble**：简单的纯文本消息气泡组件（MVP）。
+- **ChatPanel**：使用 Vercel AI SDK `useChat` hook（来自 `@ai-sdk/react`）管理聊天状态，通过 `DefaultChatTransport`（来自 `ai` 包）与后端 SSE 端点通信。采用论坛式单列垂直布局，使用 antd `Card` 组件承载每条消息，通过 `PartRenderer` 按 `part.type` 分派渲染（文本/工具调用/推理/步骤分隔）。AI 文本使用 `streamdown` 流式 Markdown 渲染，工具调用使用 `ToolCallCard` 展示参数和执行结果。输入区使用 antd `Input.TextArea` + `Button`。
+- **ToolCallCard**：工具调用状态组件，支持 input-streaming/input-available/output-available/output-error 四态。
+- **MessageBubble**：已删除，由 PartRenderer + Card 容器替代。
 - **use-conversations hook**：位于 `src/web/hooks/use-conversations.ts`，封装会话 CRUD 的 fetch 调用。
 
 - 生产入口必须启用 `ErrorBoundary`，运行时渲染异常使用 antd `Result status="500"` 或等价组件展示。