Files
ai-mcp-web-ui/planning-artifacts
Claude AI 6957fd6fda feat: json-render 官方 Hook 重构完成
迁移到官方 @json-render/react 的 useChatUI hook,实现更优雅的
流式响应和 spec 渲染机制。

## 核心变更

### 新增文件
- frontend-v2/app/api/chat/route.ts - Next.js API Route,
  使用 Vercel AI SDK 的 streamText() + @ai-sdk/mcp

### 前端改造
- frontend-v2/app/page.tsx - 使用官方 useChatUI 替代自定义 useChat
- frontend-v2/components/ChatMessage.tsx - 简化组件,使用官方 spec 解析
- frontend-v2/lib/hooks.ts - 标记为 DEPRECATED,保留供参考

### 依赖更新
- ai@6.0.116 - Vercel AI SDK
- @ai-sdk/anthropic@3.0.58 - Anthropic 集成
- @ai-sdk/mcp@1.0.25 - MCP 客户端

## 验收标准
-  AC1: API Route 返回文本流响应
-  AC2: 前端使用 useChatUI
-  AC3: useChatUI 内部解析 JSONL patches
-  AC4-6: 需要运行时测试
-  AC7: npm run build 成功

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-23 06:38:18 +00:00
..