# BitSeek Claw 整体概览

BitSeek Claw 采用现代化的三栏布局设计，提供直观的用户界面。以下是界面的整体结构介绍。

## 界面布局

![整体布局](images/main-page.png)

BitSeek Claw 的界面分为三个主要区域：

1. **顶部导航栏** - 功能模块切换
2. **左侧边栏** - 会话管理和导航
3. **中央主区域** - 聊天和工作区
4. **右侧面板** - 文件浏览（可选）

## 顶部导航栏

![导航栏](images/navigation-bar.png)

导航栏位于页面顶部，包含以下功能模块：

| 图标 | 名称 | 功能描述 |
|------|------|----------|
| 💬 | 聊天 | 与 AI 进行对话交流 |
| 👥 | AI 同事 | 管理和交互多个 AI 代理 |
| 📋 | 任务 | 查看和管理任务列表 |
| 📊 | 看板 | 任务看板视图 |
| ⚡ | 技能 | 管理 AI 技能库 |
| 🧠 | 记忆 | 查看和管理 AI 记忆 |
| 📁 | 工作区 | 文件和项目管理 |
| ⚙️ | 配置 | 代理配置管理 |
| ✅ | 待办 | 待办事项管理 |
| 📈 | 统计 | 使用统计和洞察 |
| 📊 | Hermes 仪表盘 | 系统监控面板 |
| 📝 | 日志 | 系统日志查看 |
| ⚙️ | 设置 | 系统设置 |

## 左侧边栏

![侧边栏](images/sidebar.png)

左侧边栏提供会话管理和快速导航：

### 会话管理
- **新建对话** - 创建新的聊天会话
- **筛选对话** - 按关键词筛选会话
- **会话列表** - 显示所有历史会话
  - 按时间分组（今天、昨天、上周等）
  - 每个会话显示标题和最后活跃时间
  - 右键菜单提供更多操作

### 项目管理
- **所有** - 查看所有会话
- **未分配** - 查看未分配项目的会话
- **新建项目** - 创建新项目分组

## 中央主区域

![聊天区域](images/chat-area.png)

中央主区域是主要工作区，根据当前选择的功能模块显示不同内容：

### 聊天界面
- **欢迎消息** - 显示引导问题
- **消息输入框** - 输入消息与 AI 交流
- **快捷操作** - 文件选择、听写等功能
- **上下文信息** - 显示当前模型、工作区等

### 其他功能界面
- 任务管理、看板视图、技能管理等
- 每个功能模块都有专门的界面布局

## 右侧工作区面板

![工作区面板](images/workspace-panel.png)

右侧工作区面板提供文件管理功能：

### 文件浏览器
- **文件列表** - 显示工作区中的文件和文件夹
- **文件操作** - 新建文件、文件夹、刷新等
- **文件预览** - 点击文件可预览内容

### 功能标签
- **Files** - 文件浏览器
- **Artifacts** - 生成的工件和内容

## 底部控制栏

底部控制栏提供会话级别的控制：

### 模型选择
- **AI 模型** - 切换不同的 AI 模型
- **推理强度** - 调整 AI 推理强度
- **配置文件** - 切换用户配置文件

### 消息操作
- **发送按钮** - 发送输入的消息
- **文件附件** - 附加文件到消息
- **听写功能** - 语音输入支持

## 主题和外观

BitSeek Claw 支持多种主题：

- **深色主题** - 默认主题，护眼舒适
- **浅色主题** - 明亮清爽的界面
- **自定义主题** - 支持自定义颜色方案

## 响应式设计

界面支持不同屏幕尺寸：
- **桌面端** - 完整三栏布局
- **平板端** - 可折叠侧边栏
- **移动端** - 单栏布局，适配手机屏幕

## 快捷键

常用快捷键：
- `Ctrl/Cmd + N` - 新建对话
- `Ctrl/Cmd + /` - 聚焦搜索框
- `Ctrl/Cmd + Enter` - 发送消息
- `Esc` - 关闭弹窗或取消操作

## 下一步

了解整体布局后，请查看：
- **[页面操作](02-页面操作.md)** - 各个功能模块的详细操作指南
