73 lines
1.8 KiB
Markdown
73 lines
1.8 KiB
Markdown
# 列阵工作台 (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 工作者参与任务）
|
|
- 🌙 **深色主题（默认）
|
|
- 📱 **响应式设计
|
|
|
|
## 快速开始
|
|
|
|
### 安装依赖
|
|
|
|
```bash
|
|
npm install --legacy-peer-deps
|
|
```
|
|
|
|
### 开发
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
### 构建
|
|
|
|
```bash
|
|
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 冲突
|
|
- 默认使用深色主题
|
|
- 项目包含完整的类型支持
|