# ADR-0007 后台用 Vue 3 + UnoCSS，视觉对齐 Claude VS Code 插件

- 状态：Accepted · 日期：2026-10-22

## 决策
- 后台技术栈与业务平台一致：Vue 3 + TS + UnoCSS + Vite
- 对话组件抽成 `packages/chat-ui`，后台 Playground 与业务平台共用
- 视觉规范对齐 Claude VS Code 插件（时间线圆点、工具行、交互卡片、橙色聚焦输入框），整体布局采用 VS Code 工作台结构
- 只复刻设计令牌和布局，不拷贝插件源码和资源；图标用 `@vscode/codicons`

## 理由
用户偏好该风格；技术栈统一可以复用组件，降低维护成本。
规范来源见 [research/claude-vscode-ui-reference.md](../research/claude-vscode-ui-reference.md)。