Claude Code Router 状态栏监控3 步配置模型与 Token 面板【免费下载链接】claude-code-routerOne local control plane for every AI agent: route across models, fuse new capabilities, orchestrate tools, and stay fully in control.项目地址: https://gitcode.com/GitHub_Trending/cl/claude-code-router月底导出 LLM 账单时你大概率会遇到两个问题每笔调用对应哪个模型、消耗了多少 Token全得靠翻日志还原同时你又在多个模型之间来回切换终端里看不到当前实际生效的是哪一个。Claude Code Router 的终端状态栏StatusLine就是为这两个场景准备的把模型、Token 用量和 Git 分支等信息直接显示在终端底部配合告警阈值一次配置长期可用。快速上手三步把状态栏跑起来整个流程只有三条命令跑完你就能在终端里看到状态栏。git clone https://gitcode.com/GitHub_Trending/cl/claude-code-router cd claude-code-router npm install然后复制配置模板并启动cp config.example.json config.json npm run dev监控面板会自动集成到终端输出中。核心采集逻辑在 src/utils/statusline.ts主题与模块的定制入口在 ui/src/components/StatusLineConfigDialog.tsx后面几节都会用到这两个文件。看懂面板各模块在说什么默认监控指标就这几项逐个看一遍面板上再没有看不懂的部分模块配置 type含义工作目录workDir当前项目目录名模板变量{{workDirName}}Git 分支gitBranch当前分支名模板变量{{gitBranch}}模型model当前实际生效的模型模板变量{{model}}输入 Tokenusage本次输入 Token 数模板变量{{inputTokens}}输出 Tokenusage本次输出 Token 数模板变量{{outputTokens}}响应时间系统默认请求耗时用于发现慢调用其中“模型”和“输入/输出 Token”是排查问题最常用的两个模型切错了看model账单对不上看usage。个性化定制换主题、配字体、加自定义模块三种主题怎么选状态栏支持默认主题、Powerline 风格、简洁主题三种。一个容易踩的坑Powerline 的箭头分段效果依赖 Nerd Font终端识别不到时会自动降级为简洁主题。源码里这行逻辑就是做这个判断的// 用户强制简单主题或终端无法显示 Nerd Fonts 时自动回退 const effectiveTheme useSimpleTheme || !canDisplayNerd ? SIMPLE_THEME : DEFAULT_THEME;所以如果你发现面板突然“变朴素”了先检查字体。安装 Nerd Font# Ubuntu/Debian sudo apt install fonts-hack-ttf # macOS brew install --cask font-hack-nerd-font装好后在config.json里声明字体{ StatusLine: { currentStyle: powerline, fontFamily: Hack Nerd Font Mono } }调整模块顺序和颜色StatusLine.powerline.modules是一个数组每一项的icon、text、color、background都独立可配。想调换顺序直接调整数组里的先后即可。加一个自定义指标模块需要额外指标比如 CPU/内存时用type: script指向你自己的脚本注意指向本地路径不要改仓库里的文件{ type: script, icon: , text: {{cpuUsage}}% CPU / {{memUsage}}% MEM, scriptPath: ./scripts/system-monitor.js }告警与阈值配置 Token 用量提醒 阈值写在config.json的Alerts段。下面这个配置表示输入超过 1 万 Token 或输出超过 5 千 Token 时触发提醒动作{ Alerts: { tokenLimits: { input: 10000, output: 5000, action: notify } } }建议阈值先按你日常单次会话的峰值用量设跑几天后再收紧避免提醒频繁到被无视。排障速查图标、刷新与日志现象原因处理图标显示为乱码或方框终端未安装 Nerd Font按上文安装字体并重启终端面板样式比预期朴素自动降级为简洁主题检查canDisplayNerd判断确认字体生效数据采集失败脚本权限或路径问题chmod 755 scripts/确认scriptPath指向正确想看详细报错应用有独立日志tail -f logs/app.log延伸阅读状态栏的实现集中在 src/utils/statusline.ts如果想知道主题降级和各变量的渲染细节直接读这个文件最快。日志与观测相关的入口可以参考 ui/src/components/LogViewer.tsx 和项目介绍 blog/zh/项目初衷及原理.md前者帮你把请求日志集中管理起来后者把整个路由器的设计背景讲清楚了。【免费下载链接】claude-code-routerOne local control plane for every AI agent: route across models, fuse new capabilities, orchestrate tools, and stay fully in control.项目地址: https://gitcode.com/GitHub_Trending/cl/claude-code-router创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Claude Code Router 状态栏监控：3 步配置模型与 Token 面板
Claude Code Router 状态栏监控3 步配置模型与 Token 面板【免费下载链接】claude-code-routerOne local control plane for every AI agent: route across models, fuse new capabilities, orchestrate tools, and stay fully in control.项目地址: https://gitcode.com/GitHub_Trending/cl/claude-code-router月底导出 LLM 账单时你大概率会遇到两个问题每笔调用对应哪个模型、消耗了多少 Token全得靠翻日志还原同时你又在多个模型之间来回切换终端里看不到当前实际生效的是哪一个。Claude Code Router 的终端状态栏StatusLine就是为这两个场景准备的把模型、Token 用量和 Git 分支等信息直接显示在终端底部配合告警阈值一次配置长期可用。快速上手三步把状态栏跑起来整个流程只有三条命令跑完你就能在终端里看到状态栏。git clone https://gitcode.com/GitHub_Trending/cl/claude-code-router cd claude-code-router npm install然后复制配置模板并启动cp config.example.json config.json npm run dev监控面板会自动集成到终端输出中。核心采集逻辑在 src/utils/statusline.ts主题与模块的定制入口在 ui/src/components/StatusLineConfigDialog.tsx后面几节都会用到这两个文件。看懂面板各模块在说什么默认监控指标就这几项逐个看一遍面板上再没有看不懂的部分模块配置 type含义工作目录workDir当前项目目录名模板变量{{workDirName}}Git 分支gitBranch当前分支名模板变量{{gitBranch}}模型model当前实际生效的模型模板变量{{model}}输入 Tokenusage本次输入 Token 数模板变量{{inputTokens}}输出 Tokenusage本次输出 Token 数模板变量{{outputTokens}}响应时间系统默认请求耗时用于发现慢调用其中“模型”和“输入/输出 Token”是排查问题最常用的两个模型切错了看model账单对不上看usage。个性化定制换主题、配字体、加自定义模块三种主题怎么选状态栏支持默认主题、Powerline 风格、简洁主题三种。一个容易踩的坑Powerline 的箭头分段效果依赖 Nerd Font终端识别不到时会自动降级为简洁主题。源码里这行逻辑就是做这个判断的// 用户强制简单主题或终端无法显示 Nerd Fonts 时自动回退 const effectiveTheme useSimpleTheme || !canDisplayNerd ? SIMPLE_THEME : DEFAULT_THEME;所以如果你发现面板突然“变朴素”了先检查字体。安装 Nerd Font# Ubuntu/Debian sudo apt install fonts-hack-ttf # macOS brew install --cask font-hack-nerd-font装好后在config.json里声明字体{ StatusLine: { currentStyle: powerline, fontFamily: Hack Nerd Font Mono } }调整模块顺序和颜色StatusLine.powerline.modules是一个数组每一项的icon、text、color、background都独立可配。想调换顺序直接调整数组里的先后即可。加一个自定义指标模块需要额外指标比如 CPU/内存时用type: script指向你自己的脚本注意指向本地路径不要改仓库里的文件{ type: script, icon: , text: {{cpuUsage}}% CPU / {{memUsage}}% MEM, scriptPath: ./scripts/system-monitor.js }告警与阈值配置 Token 用量提醒 阈值写在config.json的Alerts段。下面这个配置表示输入超过 1 万 Token 或输出超过 5 千 Token 时触发提醒动作{ Alerts: { tokenLimits: { input: 10000, output: 5000, action: notify } } }建议阈值先按你日常单次会话的峰值用量设跑几天后再收紧避免提醒频繁到被无视。排障速查图标、刷新与日志现象原因处理图标显示为乱码或方框终端未安装 Nerd Font按上文安装字体并重启终端面板样式比预期朴素自动降级为简洁主题检查canDisplayNerd判断确认字体生效数据采集失败脚本权限或路径问题chmod 755 scripts/确认scriptPath指向正确想看详细报错应用有独立日志tail -f logs/app.log延伸阅读状态栏的实现集中在 src/utils/statusline.ts如果想知道主题降级和各变量的渲染细节直接读这个文件最快。日志与观测相关的入口可以参考 ui/src/components/LogViewer.tsx 和项目介绍 blog/zh/项目初衷及原理.md前者帮你把请求日志集中管理起来后者把整个路由器的设计背景讲清楚了。【免费下载链接】claude-code-routerOne local control plane for every AI agent: route across models, fuse new capabilities, orchestrate tools, and stay fully in control.项目地址: https://gitcode.com/GitHub_Trending/cl/claude-code-router创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考