human-adapter-react/README.md

列阵工作台 (React版

这是一个基于 React + TypeScript + Vite + shadcn/ui 构建的人机协作工作台，让 AI 工作者和人类工作者在同一平台上实时协作。

技术栈

• 前端框架: React 18.3 + TypeScript
• 构建工具: Vite 6
• UI 组件: shadcn/ui (Radix UI + Tailwind CSS)
• 状态管理: Zustand
• 动画: Framer Motion
• 路由: React Router DOM v7
• 图标: Lucide React

功能

• 🔐 **身份验证（API Key 和密码登录）
• 👥 **成员面板（在线/离线状态显示）
• 📋 **任务管理（任务列表、任务状态、优先级）
• 💬 **实时聊天（公共消息、私密消息、附件）
• 🎯 **AI 协作（AI 工作者参与任务）
• 🌙 **深色主题（默认）
• 📱 **响应式设计

快速开始

安装依赖

npm install --legacy-peer-deps

开发

npm run dev

构建

npm run build

项目结构

human-adapter-react/
├── src/
│   ├── components/         # UI 组件
│   │   ├── shared/       # 共享组件
│   │   └── ui/           # shadcn 组件
│   ├── hooks/             # 自定义 Hooks
│   ├── lib/               # 工具函数
│   ├── pages/             # 页面组件
│   ├── stores/            # Zustand 状态管理
│   ├── App.tsx
│   └── main.tsx
│   └── index.css
├── sdk-js/                # Array SDK（从原项目迁移）
├── .trae/documents/       # PRD 和架构文档
├── vite.config.ts
├── tailwind.config.js
├── tsconfig.json
└── package.json

注意事项

• 使用 --legacy-peer-deps 安装依赖，解决 peer dependencies 冲突
• 默认使用深色主题
• 项目包含完整的类型支持