# Claw Code Frontend

Claw Code 的 Web 前端界面，使用 [Ant Design X](https://x.ant.design/) 构建。

## 技术栈

- React 19 + TypeScript
- Ant Design X 2.5（Bubble / Sender / Conversations / Think / ThoughtChain / XMarkdown）
- Vite 6

## 开发

```bash
npm install
npm run dev
```

前端通过 Vite 代理连接后端，默认代理到 `http://localhost:3000`。

先启动后端：

```bash
# 项目根目录
cargo run --bin claw-server
```

## 构建

```bash
npm run build
```

产出目录：`dist/`。

## 项目结构

```
src/
  main.tsx                  # 入口
  App.tsx                   # XProvider 主题 + 布局 + 状态管理
  api.ts                    # REST API 客户端
  types.ts                  # 类型定义
  hooks/
    useSSE.ts               # SSE 事件流
  components/
    ChatView.tsx            # 聊天区（Bubble.List + Sender + XMarkdown）
    SessionSidebar.tsx      # 会话侧边栏（Conversations）
    ToolChain.tsx           # 工具调用链（ThoughtChain）
    WelcomeScreen.tsx       # 欢迎页
```