界面预览

4 屏真实界面，按 v0.1.0 实现版本设计。之后新增的回复卡、选择询问卡片、提示音设置等，预览页里没有，以使用教程为准。

在新窗口查看

打开完整预览

预览页面包含：

• iPhone 14 Pro 框架（375 × 812） 渲染，对齐真实 Android App 的视觉效果
• 4 屏并排展示：会话列表 / 实时对话 / 设备管理 / 个人中心
• 关键交互动效：录音脉动、typing 指示器、在线状态点
• 配色与技术栈说明

预览是纯 HTML + TailwindCSS（CDN 加载）静态页面，可在任意浏览器查看，无需安装。

4 屏要点速查

会话列表

• 按 project_path 自动分组（折叠/展开记忆每个分组状态）
• 顶部全局搜索：标题 / 项目路径 / 消息内容三合一
• 卡片左侧色条 = 用户标记的颜色（v0.1.0 起支持）
• 长按弹 ActionSheet：收藏 / 取消收藏 / 用此设置新建会话 / 删除
• 右下角 FAB「+」：远程新建会话（弹窗可选已有 project_path 或自定义）
• 顶部可按工具筛选；会话分布在多台机器上时还能按位置（本机 / 远程主机）筛选

实时对话

• WebSocket 长连接接收 PTY 输出，断网自动重连
• AI 回复支持 Markdown 渲染 + 代码块语法高亮（highlight.js 内置）
• 工具调用渲染成卡片：工具名 + 参数 + 输出折叠展开
• 输入框右侧麦克风按钮：按住 = 录音（红色脉动），松开 = 识别，结果自动填入输入框
• 长按消息气泡 = 复制单条消息
• 滚动到底部时自动跟随；向上滚动停止跟随保留阅读位置
• 一轮回答收进一张回复卡，工具调用收在「过程」里，回答中展开、答完折叠（v0.9.0）
• AI 等你选择时底部冒出选项按钮 + 按键条（v0.7.0）；CLI 停在登录页时显示登录提示卡（v0.9.0）
• 输入框上方快捷条：「中断」（仅回答中出现）/「按键」/「终端」

设备管理

• 当前活跃桌面以高亮卡片置顶，显示设备名 / 版本 / 在线状态 / 活跃 PTY 数 / 总会话数 / 延迟
• 已配对设备列表显示其他桌面，点击切换（前端切换不影响其他桌面连接）
• 右上角「添加桌面」按钮 → 进入配对流程（扫码 / 手动 PIN）
• 每张设备卡片下方有「切换为当前 / 重命名 / 删除」按钮；删除会先撤销本机在该桌面的授权，再从列表移除

个人中心

• 用户头像 + 已配对桌面数 + 移动端版本号
• AI 回复完成提醒开关 + 测试通知按钮；回复完成提示音（音色 / 音量 / 试听，v0.8.0）
• 检查更新；关于：作者信息 / 社区入口 / 推荐应用
• 危险操作：「清空所有桌面配置」一键 selfRevoke 所有 token + 清空本地存储

与桌面端的版本号差异

下一步

• 安装与网络方案 — 下载 APK + frp 内网穿透
• 配对桌面 — 扫码或手动 PIN
• 使用教程 — 4 屏功能详解