10 KiB
tags, create time
| tags | create time | ||||||
|---|---|---|---|---|---|---|---|
|
2026-06-09 22:30 |
StatusLine 底部状态栏 - 自定义 shell 渲染管线
概述
StatusLine 是 Claude Code REPL 底部显示的一行自定义文本,由用户提供的 shell 命令渲染。主进程把运行时状态打包成 JSON 通过 stdin 喂给脚本,脚本在 stdout 输出一行字符串,Ink 侧以 ANSI 转义渲染到 footer。核心设计哲学:语言无关 + 进程隔离 + Unix 管道。
正文
配置
~/.claude/settings.json 里添加 statusLine 字段:
{
"statusLine": {
"type": "command",
"command": "bash ~/.claude/statusline-command.sh",
"refreshInterval": 1,
"padding": 0
}
}
| 字段 | 类型 | 作用 |
|---|---|---|
type |
"command" |
目前仅支持 command 型 |
command |
string |
shell 命令字符串;主进程用系统 shell 解释执行 |
refreshInterval |
number (秒) |
定时刷新周期;缺省/0 表示不定时刷新 |
padding |
number |
左右 padding,单位为 Ink cell |
Schema 定义在 src/utils/settings/types.ts:550(statusLine Zod object)。
渲染管线(整体图)
graph LR
subgraph "Ink 侧"
A["buildStatusLineCommandInput 收集运行时状态"] --> B["executeStatusLineCommand execCommandHook 拉起 shell"]
B -->|"JSON via stdin"| C["用户脚本 jq .model... 计算格式化"]
C -->|"stdout 一行文本"| B
B --> D["setAppState statusLineText"]
D --> E["StatusLine 组件 memo 订阅"]
E --> F["Text + Ansi 渲染到 footer"]
end
subgraph "用户侧"
C
end
Input 协议:主进程 → 脚本
buildStatusLineCommandInput(src/components/StatusLine.tsx:53)构造的 JSON 对象字段如下:
| 字段 | 来源 | 备注 |
|---|---|---|
session_id |
getSessionId() |
UUID,用于脚本侧 per-session 状态隔离 |
session_name |
getCurrentSessionTitle(sessionId) |
用户命名的会话标题(可选) |
model.id / model.display_name |
getRuntimeMainLoopModel() |
运行时真实模型(经 permission mode 降级/200k 升级) |
workspace.current_dir / project_dir / added_dirs |
getCwd() / getOriginalCwd() |
current_dir 随 cd 变化 |
version |
MACRO.VERSION |
构建注入,如 2.1.888 |
output_style.name |
settings.outputStyle |
缺省 DEFAULT_OUTPUT_STYLE_NAME |
cost.total_cost_usd / total_duration_ms / total_api_duration_ms |
cost-tracker.js 聚合 |
会话累计 |
context_window.total_input_tokens / total_output_tokens |
同上 | 累计 token |
context_window.context_window_size |
getContextWindowForModel() |
模型上下文上限 |
context_window.current_usage |
getCurrentUsage(messages) |
最新一次 assistant message 的 usage |
context_window.used_percentage / remaining_percentage |
calculateContextPercentages() |
0-100 浮点 |
exceeds_200k_tokens |
检查最近 assistant message | 用于 1M 上下文模型的展示 |
rate_limits.five_hour / seven_day |
getRawUtilization() |
{ used_percentage, resets_at } |
vim.mode |
启用 vim 模式时 | INSERT / NORMAL / ... |
agent.name |
主线程 agent 类型 | 子 agent fork 时非空 |
remote.session_id |
Bridge / Remote Control 模式 | 远程会话 |
worktree |
当前 worktree 元信息 | name / path / branch 等 |
Output 协议:脚本 → 主进程
executeStatusLineCommand(src/utils/hooks.ts:4752)对脚本 stdout 做如下处理:
trim()首尾空白- 按
\n拆行,每行再trim() - 空行丢弃,剩余用
\n重新拼接
Tip
多行输出会被保留为多行(Ink 渲染时
<Text>允许换行),但设计推荐单行——多行会挤占 REPL 高度。
状态码约定:
exit 0+ 有 stdout → 显示exit 0+ 空 stdout → 清空 statusLine(显示为空)- 非 0 → 忽略,保留上次内容
- 超时(默认 5000ms) → 忽略
- 被 AbortController 取消 → 忽略
ANSI 颜色可用,Ink 通过 <Ansi>{text}</Ansi> 组件解析 SGR 序列。
三种触发源
StatusLine 的重算由三类事件驱动,全部经同一个 debounce 队列:
1. Event-driven
监听这些状态变化,触发 scheduleUpdate():
lastAssistantMessageId— 新助手回复出现permissionMode—/mode切换权限模式vimMode— vim insert/normal 切换mainLoopModel—/model切换
2. Settings-driven
settings.statusLine.command 字符串变化时(热重载 settings.json),标记下一次结果 log 并立即 doUpdate()。
3. Time-driven
读取 settings.statusLine.refreshInterval(秒),setInterval 每到点走一次 scheduleUpdate()。配置为 0 或缺省时不启定时器(零开销)。
Warning
本仓库历史缺口:反编译出的
StatusLine.tsx最初没有 Time-driven 触发路径,refreshInterval字段也不在 Zod schema 里。导致脚本里 TTL 倒计时、时钟类动态内容不会秒刷。已在 2026-05-06 补齐。
Debounce + Abort
三种触发源都走 scheduleUpdate:
scheduleUpdate() → setTimeout(300ms) → doUpdate()
│
└─ 再次 schedule 会 clearTimeout 前次
300ms debounce 合并抖动事件。
doUpdate() 里:
abortControllerRef.current?.abort() // 取消上一次 in-flight shell
controller = new AbortController()
executeStatusLineCommand(..., controller.signal, ...)
[!info] 单飞(single-flight)语义:任何新触发都会 abort 上一次未完成的 shell 调用,保证同一时刻最多一个子进程。这对
refreshInterval: 1尤其关键。
安全网关
executeStatusLineCommand 在执行前有三层拦截:
shouldDisableAllHooksIncludingManaged()→ managed settings 全局禁用 hooks 时直接返回shouldSkipHookDueToTrust()→ 工作区未接受信任对话框时跳过(RCE 防护)shouldAllowManagedHooksOnly()→ 非 managed settings 禁用 hooks 但 managed 未禁用时,只读取 policySettings 源的 statusLine
另外,statusLineShouldDisplay 在 Kairos assistant mode 下直接返回 false——因为那时 statusline 字段反映的是 REPL/daemon 进程状态,不是 agent 子进程在跑的东西。
渲染细节
memo 隔离
export const StatusLine = memo(StatusLineInner)
父组件 PromptInputFooter 每次 setMessages 都 rerender,但 StatusLine 的 props 只有 lastAssistantMessageId 会变,memo 阻断了无意义的重渲染。
订阅粒度
const statusLineText = useAppState(s => s.statusLineText)
useAppState 是选择器订阅,仅在 statusLineText 字段变化时触发 rerender;doUpdate() 里还做了幂等检查——文本不变就不更新 zustand。
Fullscreen 占位
Fullscreen 模式下 footer flexShrink:0,statusline 从 0 行变 1 行会挤掉 ScrollBox 一行内容导致抖动。首次脚本还没返回时,用空格文本占住一行高度,脚本返回后原位替换。
内置 /statusline slash command
src/commands/statusline.tsx 定义了一个 prompt 型 command,展开成自然语言指令喂给主 Agent:
Create an AgentTool with subagent_type "statusline-setup" and the prompt "<user-args>"
默认 prompt 是 "Configure my statusLine from my shell PS1 configuration"。该子 agent 权限极小:
- Tools: 仅
Read、Edit - Allowed paths:
Read(~/**)、Edit(~/.claude/settings.json)
编写自定义脚本的要点
- 脚本必须无状态 — 每次 tick 主进程 fork 一次新 shell。需要跨 tick 的状态用
~/.claude/statusline-state/<hash>.state文件持久化 - 按
session_id哈希隔离状态文件 — 多会话同时开着时共享一个 state 文件会串 - 防御性读取 — state 文件可能损坏/被截断,按行 read + 字段校验
refreshInterval不等于"脚本秒级调用" — tick 和事件触发都走同一 debounce 队列- 执行时间预算 — 默认 5000ms 超时;为避免频繁超时,脚本热路径应在 100ms 内完成
- 颜色用 ANSI 转义 — 不要依赖 TERM 环境变量;Ink 的
<Ansi>组件独立解析 SGR - 不要输出多行 — 单行文本,否则挤占 REPL 布局
- 处理
current_usage为 null 的情况 — 首次响应之前可能为 null,脚本应有 fallback
已知缺口与修复(本仓库)
| 项 | 官方 Claude Code | 本仓库原始 | 本仓库现状 |
|---|---|---|---|
refreshInterval Zod 字段 |
✅ 有 | ❌ 无 | ✅ 已补 |
Time-driven setInterval 触发 |
✅ 有 | ❌ 无 | ✅ 已补 |
| Event-driven 触发 | ✅ 有 | ✅ 有 | — |
| Settings-driven 触发 | ✅ 有 | ✅ 有 | — |
| Debounce + Abort | ✅ 有 | ✅ 有 | — |
| Trust 网关 | ✅ 有 | ✅ 有 | — |
修复(2026-05-06):
src/utils/settings/types.ts:554— statusLine schema 新增refreshInterval: z.number().optional()src/components/StatusLine.tsx:292— 新增 Time-driven useEffect
Warning
静默失效特征:修复前 settings.json 写
refreshInterval: 1无任何报错——JSON 解析通过,Zod schema 默认 strip 多余字段,官方文档又说支持这个字段,用户很容易以为生效了而没意识到 TTL/时钟类输出根本没秒刷。
相关源码
| 文件 | 作用 |
|---|---|
src/components/StatusLine.tsx |
UI 组件、触发逻辑、buildStatusLineCommandInput |
src/utils/hooks.ts:4752 |
executeStatusLineCommand:shell 执行、输出处理、安全网关 |
src/utils/settings/types.ts:550 |
statusLine Zod schema |
src/types/statusLine.ts |
StatusLineCommandInput 类型(当前为 stub) |
src/commands/statusline.tsx |
/statusline slash command 定义 |
src/state/AppStateStore.ts:95 |
statusLineText 字段声明 |
src/components/PromptInput/PromptInputFooter.tsx:159 |
StatusLine 组件挂载点 |