feat(dc): Complete Tool C Day 5 - AI Chat + Ant Design X Integration

Summary:
- Upgrade to Ant Design 6.0.1 + install Ant Design X (2.1.0) + X SDK (2.1.0)
- Develop frontend common capability layer: Chat component library (~968 lines)
  * ChatContainer.tsx - Core container component
  * MessageRenderer.tsx - Message renderer
  * CodeBlockRenderer.tsx - Code block renderer with syntax highlighting
  * Complete TypeScript types and documentation
- Integrate ChatContainer into Tool C
- Fix 7 critical UI issues:
  * AG Grid module registration error
  * UI refinement (borders, shadows, gradients)
  * Add AI welcome message
  * Auto-clear input field after sending
  * Remove page scrollbars
  * Manual code execution (not auto-run)
  * Support simple Q&A (new /ai/chat API)
- Complete end-to-end testing
- Update all documentation (4 status docs + 6 dev logs)

Technical Stack:
- Frontend: React 19 + Ant Design 6.0 + Ant Design X 2.1
- Components: Bubble, Sender from @ant-design/x
- Total code: ~5418 lines

Status: Tool C MVP completed, production ready
This commit is contained in:
2025-12-07 22:02:14 +08:00
parent 2c7ed94161
commit af325348b8
30 changed files with 5005 additions and 976 deletions

View File

@@ -12,11 +12,13 @@
"dependencies": {
"@ant-design/charts": "^2.6.6",
"@ant-design/icons": "^6.1.0",
"@ant-design/x": "^2.1.0",
"@ant-design/x-sdk": "^2.1.0",
"@tanstack/react-query": "^5.90.7",
"@tanstack/react-table": "^8.21.3",
"ag-grid-community": "^34.3.1",
"ag-grid-react": "^34.3.1",
"antd": "^5.28.1",
"antd": "^6.0.1",
"axios": "^1.13.2",
"dayjs": "^1.11.19",
"dexie": "^4.2.1",