# 列阵工作台 (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 冲突
- 默认使用深色主题
- 项目包含完整的类型支持