JOJO
cc9df7959a
## 新增：基于 React/Ink 的 CLI 终端（cli/）
使用 Ink 框架构建完整的终端 UI，取代原有的纯 print 交互方式：
- App.tsx：主应用组件，管理对话状态、任务轮询、键盘输入、slash 命令
- components.tsx：Timeline、Composer、StatusLine、Picker、SlashMenu 等全部 UI 组件
- eventMapper.ts：将后端 SSE 事件流映射为 Timeline 条目，支持 thinking/tool/assistant/sub_agent 等类型
- api.ts：封装所有后端 REST 接口（任务、对话、模型、权限、工作区等）
- commands.ts：slash 命令定义（/new /resume /model /permission /execution /workspace /compact /tools 等）
- workspaces.ts：本地工作区目录的持久化管理
- types.ts：所有共享类型定义
- format.ts：context 格式化、路径缩写等工具函数
## 重大修复：去除固定高度全屏模式，恢复滚轮滚动
**问题根因**：根 Box 设置了 `height={stdout.rows}` 使 Ink 进入原地重绘模式
（类似 vim/htop），所有内容在同一块屏幕区域反复擦写，永远不会真正
"滚出"屏幕顶部，导致 terminal 的 scrollback buffer 始终为空，鼠标
滚轮无任何响应。
**修复方案**：
- 移除根 Box 的 `height` 约束和 `overflow="hidden"`
- 移除内层 Box 的 `flexGrow`/`justifyContent="flex-end"` 全屏布局
- Timeline 不再做行数截断，直接渲染全部条目
- 内容自然流入 terminal scrollback buffer，鼠标滚轮恢复正常
**同步清理**：删除 `getTimelineMaxRows`、`estimateTimelineRows`、
`scrollOffset` 状态及方向键滚动逻辑（这些都是全屏模式下的补丁，
去除固定高度后不再需要）
## 修复：Composer 光标位置偏移一行
`setCursorPosition` 中 y 轴使用 `lines.length` 导致单行时偏移 +1。
改为 `lines.length - 1`，与实际最后一行渲染位置对齐。
## 其他
- AGENTS.md / README.md：补充 CLI 启动方式与架构说明
- server/chat.py：补充任务轮询接口所需字段
- package.json：新增 cli 相关脚本入口
- docs/cli_slash_commands_spec.md、docs/cli_ui_display_spec.md：CLI 设计文档
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
30 lines
954 B
TypeScript
30 lines
954 B
TypeScript
import { homedir } from 'node:os';
|
|
|
|
export function shortPath(path: string): string {
|
|
const home = homedir();
|
|
return path.startsWith(home) ? `~${path.slice(home.length)}` : path;
|
|
}
|
|
|
|
export function formatContext(used: number, limit: number): string {
|
|
if (!limit || limit <= 0) return formatTokens(used);
|
|
const left = Math.max(0, limit - used);
|
|
const pct = limit > 0 ? Math.round((left / limit) * 100) : 0;
|
|
return `${pct}% left ${formatTokens(used)} / ${formatTokens(limit)}`;
|
|
}
|
|
|
|
export function formatTokens(value: number): string {
|
|
if (value >= 1000) {
|
|
const rounded = Math.round((value / 1000) * 10) / 10;
|
|
return `${rounded}K`;
|
|
}
|
|
return String(value);
|
|
}
|
|
|
|
export function nowSessionId(): string {
|
|
return globalThis.crypto?.randomUUID?.() || `${Date.now()}-${Math.random().toString(16).slice(2)}`;
|
|
}
|
|
|
|
export function lastLines(lines: string[], limit = 5): string[] {
|
|
return lines.slice(Math.max(0, lines.length - limit));
|
|
}
|