cc-hud 0.1.0

package/.claude-plugin/marketplace.json

@@ -0,0 +1,19 @@
+{
+  "name": "cc-hud",
+  "owner": {
+    "name": "Water"
+  },
+  "metadata": {
+    "description": "Compact statusline HUD for Claude Code",
+    "version": "0.1.0"
+  },
+  "plugins": [
+    {
+      "name": "cc-hud",
+      "source": "./",
+      "description": "Compact single-line statusline showing context usage, active agents, and rate limits.",
+      "category": "monitoring",
+      "tags": ["hud", "statusline", "status-bar", "monitoring", "context", "agents", "rate-limit", "windows", "crash-free", "node", "zero-dependency", "catppuccin", "progress-bar", "usage"]
+    }
+  ]
+}

package/.claude-plugin/plugin.json

@@ -0,0 +1,15 @@
+{
+  "name": "cc-hud",
+  "description": "Compact statusline HUD for Claude Code — context, agents, rate limits",
+  "version": "0.1.0",
+  "author": {
+    "name": "Water"
+  },
+  "commands": [
+    "./commands/setup.md"
+  ],
+  "homepage": "https://github.com/WaterTian/cc-hud",
+  "repository": "https://github.com/WaterTian/cc-hud",
+  "license": "MIT",
+  "keywords": ["hud", "statusline", "status-bar", "monitoring", "context", "agents", "rate-limit", "windows", "crash-free", "node", "zero-dependency", "catppuccin", "progress-bar", "usage"]
+}

package/README.md

@@ -0,0 +1,158 @@
+<!--
+  cc-hud — Claude Code statusline plugin
+  Shows: model name, context window usage (progress bar), active subagents, rate limits (5h/7d)
+  Pure Node.js, zero dependencies, crash-free on Windows (no Bun)
+  Install: /plugin marketplace add WaterTian/cc-hud && /plugin install cc-hud && /cc-hud:setup
+  Keywords: claude-code plugin statusline status-bar hud monitoring context-window rate-limit agents windows crash-free zero-dependency catppuccin
+-->
+
+<p align="center">
+  <img src="cc-hud-preview.png" alt="cc-hud preview" width="720" />
+</p>
+
+<h1 align="center">CC-HUD</h1>
+
+<p align="center">
+  <strong>A compact, single-line statusline plugin for <a href="https://claude.ai/claude-code">Claude Code</a></strong><br/>
+  <sub>Crash-free, zero-dependency status bar — model · context · agents · rate limits</sub>
+</p>
+
+<p align="center">
+  <code>Model</code> &nbsp;&rarr;&nbsp; <code>Context</code> &nbsp;&rarr;&nbsp; <code>Agents</code> &nbsp;&rarr;&nbsp; <code>Rate Limits</code>
+  <br/>
+  <sub>everything you need, nothing you don't.</sub>
+</p>
+
+<p align="center">
+  <a href="#install"><img src="https://img.shields.io/badge/install-3_commands-blueviolet?style=flat-square" alt="install" /></a>
+  &nbsp;
+  <img src="https://img.shields.io/badge/dependencies-0-brightgreen?style=flat-square" alt="zero deps" />
+  &nbsp;
+  <img src="https://img.shields.io/badge/node-%3E%3D18-blue?style=flat-square" alt="node >= 18" />
+  &nbsp;
+  <img src="https://img.shields.io/badge/license-MIT-green?style=flat-square" alt="MIT" />
+</p>
+
+<br/>
+
+## Why CC-HUD?
+
+<table>
+<tr><td>
+
+### The Problem
+
+Claude Code's native installer bundles [Bun](https://bun.sh), which has a known memory allocator bug on **Windows** ([oven-sh/bun#25082](https://github.com/oven-sh/bun/issues/25082)), causing frequent `pas panic` crashes. Statusline plugins like [jarrodwatts/claude-hud](https://github.com/jarrodwatts/claude-hud) run **on every tick**, amplifying memory pressure and making crashes far more likely.
+
+### The Solution
+
+CC-HUD is a **crash-free alternative** — pure Node.js, zero dependencies, stateless per-call, ~60ms execution, 2s hard timeout. Designed to keep your status bar running without taking Claude Code down.
+
+</td></tr>
+</table>
+
+## 为什么做 CC-HUD？
+
+<table>
+<tr><td>
+
+### 问题
+
+Claude Code 原生安装器内嵌 [Bun](https://bun.sh)，在 **Windows** 上存在已知内存分配器 bug（[oven-sh/bun#25082](https://github.com/oven-sh/bun/issues/25082)），频繁触发 `pas panic` 崩溃。而 [jarrodwatts/claude-hud](https://github.com/jarrodwatts/claude-hud) 等状态栏插件**每次 tick 都会执行**，加剧内存压力，使崩溃更加频繁。
+
+### 解决方案
+
+CC-HUD 是**不会崩溃的替代方案** — 纯 Node.js、零依赖、无状态调用、~60ms 执行、2s 硬超时。让状态栏稳定运行，不拖垮 Claude Code。
+
+</td></tr>
+</table>
+
+> [!TIP]
+> **Windows users:** Use `npm i -g @anthropic-ai/claude-code` instead of the native installer to avoid Bun crashes entirely.
+>
+> **Windows 用户：** 建议用 `npm i -g @anthropic-ai/claude-code` 代替原生安装器，彻底规避 Bun 崩溃。
+
+<br/>
+
+## Features
+
+<table>
+<tr>
+  <td align="center" width="20%"><h3>█▌</h3><b>Context Bar</b><br/><sub>1/8-precision blocks<br/>80-level granularity</sub></td>
+  <td align="center" width="20%"><h3>🎨</h3><b>Color</b><br/><sub><a href="https://github.com/catppuccin/catppuccin">Catppuccin Mocha</a><br/>4-stop gradient</sub></td>
+  <td align="center" width="20%"><h3>◐</h3><b>Agents</b><br/><sub>Running subagents<br/>with type & model</sub></td>
+  <td align="center" width="20%"><h3>%</h3><b>Rate Limits</b><br/><sub>5h / 7d usage<br/>Pro / Max</sub></td>
+  <td align="center" width="20%"><h3>0</h3><b>Dependencies</b><br/><sub>Zero. Node.js<br/>built-ins only</sub></td>
+</tr>
+</table>
+
+<br/>
+
+## Install
+
+Inside Claude Code, run 3 commands:
+
+```
+/plugin marketplace add WaterTian/cc-hud
+/plugin install cc-hud
+/cc-hud:setup
+```
+
+Restart Claude Code. **Done.**
+
+<details>
+<summary><b>Manual install</b></summary>
+<br/>
+
+```bash
+git clone https://github.com/WaterTian/cc-hud.git
+cd cc-hud && npm install && npm run build
+```
+
+Add to `~/.claude/settings.json`:
+
+```json
+{
+  "statusLine": {
+    "type": "command",
+    "command": "node /path/to/cc-hud/dist/index.js",
+    "padding": 2
+  }
+}
+```
+
+</details>
+
+<br/>
+
+## How It Works
+
+```
+Claude Code ─── stdin JSON ──→ cc-hud ──→ stdout ──→ status bar
+             ↘ transcript JSONL (tail 64KB → active agents)
+```
+
+<table>
+<tr>
+  <td align="center"><b>Stateless</b><br/><sub>Fresh process per call<br/>zero memory leaks</sub></td>
+  <td align="center"><b>Fast</b><br/><sub>~60ms execution<br/>within 300ms debounce</sub></td>
+  <td align="center"><b>Safe</b><br/><sub>2s hard timeout<br/>all IO try-catch</sub></td>
+</tr>
+</table>
+
+<br/>
+
+## Development
+
+```bash
+npm run build      # compile
+npm test           # 13 tests
+```
+
+<br/>
+
+---
+
+<p align="center">
+  <sub>MIT License &copy; <a href="https://github.com/WaterTian">Water</a></sub>
+</p>

package/commands/setup.md

@@ -0,0 +1,20 @@
+---
+name: setup
+description: Configure cc-hud statusline in Claude Code settings
+---
+
+Set up the cc-hud statusline. Write the following `statusLine` config into the user's `~/.claude/settings.json` (merge with existing settings, do not overwrite other fields):
+
+```json
+{
+  "statusLine": {
+    "type": "command",
+    "command": "node ${CLAUDE_PLUGIN_ROOT}/dist/index.js",
+    "padding": 2
+  }
+}
+```
+
+Use `${CLAUDE_PLUGIN_ROOT}` which resolves to the plugin's install directory.
+
+After writing the config, tell the user to restart Claude Code to see the HUD.

package/dist/index.js

@@ -0,0 +1,35 @@
+import { readStdin } from './stdin.js';
+import { parseAgents } from './transcript.js';
+import { render } from './render.js';
+// Hard timeout — never block Claude Code
+const TIMEOUT_MS = 2000;
+setTimeout(() => process.exit(0), TIMEOUT_MS).unref();
+function shortModelName(displayName, id) {
+    if (displayName) {
+        const stripped = displayName.replace(/\s*\(.*?\)\s*/g, '').trim();
+        if (stripped)
+            return stripped;
+    }
+    if (id) {
+        const m = id.match(/claude-(\w+)-(\d+)-(\d+)/);
+        if (m)
+            return `${m[1][0].toUpperCase()}${m[1].slice(1)} ${m[2]}.${m[3]}`;
+    }
+    return 'Claude';
+}
+async function main() {
+    const data = await readStdin();
+    // Parse transcript in parallel with render prep — no dependency
+    const agentsPromise = parseAgents(data.transcript_path);
+    const contextPercent = data.context_window?.used_percentage ?? 0;
+    const agents = await agentsPromise;
+    const renderData = {
+        model: shortModelName(data.model?.display_name, data.model?.id),
+        contextPercent: Math.round(contextPercent),
+        agents,
+        fiveHourPercent: data.rate_limits?.five_hour?.used_percentage ?? null,
+        sevenDayPercent: data.rate_limits?.seven_day?.used_percentage ?? null,
+    };
+    console.log(render(renderData));
+}
+main().catch(() => process.exit(0));

package/dist/render.js

@@ -0,0 +1,77 @@
+// — Catppuccin Mocha palette (ANSI 256) —
+const RESET = '\x1b[0m';
+const fg = (n) => `\x1b[38;5;${n}m`;
+const GREEN = fg(151); // #a6e3a1 — ok
+const YELLOW = fg(223); // #f9e2af — caution
+const PEACH = fg(216); // #fab387 — warning
+const RED = fg(211); // #f38ba8 — critical
+const TEAL = fg(115); // #94e2d5 — agent accent
+const BLUE = fg(111); // #89b4fa — info accent
+const OVERLAY = fg(243); // #6c7086 — dim/separator
+const SURFACE = fg(238); // #313244 — bar track
+const TEXT = fg(189); // #cdd6f4 — primary text
+// — Bar config —
+const BAR_WIDTH = 10;
+const BLOCKS = [' ', '▏', '▎', '▍', '▌', '▋', '▊', '▉', '█'];
+const TRACK_CHAR = '░';
+function color(percent) {
+    if (percent <= 50)
+        return GREEN;
+    if (percent <= 70)
+        return YELLOW;
+    if (percent <= 85)
+        return PEACH;
+    return RED;
+}
+function progressBar(percent) {
+    const clamped = Math.max(0, Math.min(100, percent));
+    const total = (clamped / 100) * BAR_WIDTH;
+    const full = Math.floor(total);
+    const frac = Math.round((total - full) * 8);
+    const empty = BAR_WIDTH - full - (frac > 0 ? 1 : 0);
+    const c = color(clamped);
+    const bar = c + '█'.repeat(full) +
+        (frac > 0 ? BLOCKS[frac] : '') +
+        RESET + SURFACE +
+        TRACK_CHAR.repeat(Math.max(0, empty)) +
+        RESET;
+    return `${bar} ${c}${clamped}%${RESET}`;
+}
+function rateSegment(label, percent) {
+    if (percent == null)
+        return null;
+    const clamped = Math.round(Math.max(0, Math.min(100, percent)));
+    const c = color(clamped);
+    return `${OVERLAY}${label}:${RESET} ${c}${clamped}%${RESET}`;
+}
+function agentSegment(agents) {
+    if (agents.length === 0)
+        return null;
+    const parts = agents.slice(0, 3).map(a => {
+        const model = a.model ? ` ${OVERLAY}[${a.model}]${RESET}` : '';
+        return `${TEAL}◐${RESET} ${TEXT}${a.type}${RESET}${model}`;
+    });
+    return parts.join(' ');
+}
+export function render(data) {
+    const segments = [];
+    // Model + context bar
+    segments.push(`${OVERLAY}[${RESET}${BLUE}${data.model}${RESET}${OVERLAY}]${RESET} ${progressBar(data.contextPercent)}`);
+    // Agents (if any)
+    const agentStr = agentSegment(data.agents);
+    if (agentStr)
+        segments.push(agentStr);
+    // Rate limits
+    const r5 = rateSegment('5h', data.fiveHourPercent);
+    const r7 = rateSegment('7d', data.sevenDayPercent);
+    if (r5 && r7) {
+        segments.push(`${r5} ${r7}`);
+    }
+    else if (r5) {
+        segments.push(r5);
+    }
+    else if (r7) {
+        segments.push(r7);
+    }
+    return segments.join(` ${OVERLAY}│${RESET} `);
+}

package/dist/stdin.js

@@ -0,0 +1,18 @@
+export async function readStdin() {
+    if (process.stdin.isTTY)
+        return {};
+    const chunks = [];
+    process.stdin.setEncoding('utf8');
+    for await (const chunk of process.stdin) {
+        chunks.push(chunk);
+    }
+    const raw = chunks.join('');
+    if (!raw.trim())
+        return {};
+    try {
+        return JSON.parse(raw);
+    }
+    catch {
+        return {};
+    }
+}

package/dist/transcript.js

@@ -0,0 +1,75 @@
+import { open, stat } from 'node:fs/promises';
+const TAIL_BYTES = 64 * 1024; // 64 KB — agent entries are near the end
+async function readTail(filePath) {
+    const info = await stat(filePath);
+    if (!info.isFile() || info.size === 0)
+        return '';
+    const fd = await open(filePath, 'r');
+    try {
+        const start = Math.max(0, info.size - TAIL_BYTES);
+        const len = info.size - start;
+        const buf = Buffer.alloc(len);
+        await fd.read(buf, 0, len, start);
+        const text = buf.toString('utf8');
+        if (start > 0) {
+            const nl = text.indexOf('\n');
+            return nl >= 0 ? text.slice(nl + 1) : '';
+        }
+        return text;
+    }
+    finally {
+        await fd.close();
+    }
+}
+export async function parseAgents(transcriptPath) {
+    if (!transcriptPath)
+        return [];
+    let text;
+    try {
+        text = await readTail(transcriptPath);
+    }
+    catch {
+        return [];
+    }
+    if (!text)
+        return [];
+    const agents = new Map();
+    const completed = new Set();
+    const lines = text.split('\n');
+    for (const line of lines) {
+        // Fast pre-filter: skip lines that can't contain agent data
+        if (!line.includes('"Agent"') && !line.includes('"tool_result"'))
+            continue;
+        let entry;
+        try {
+            entry = JSON.parse(line);
+        }
+        catch {
+            continue;
+        }
+        const blocks = entry.message?.content;
+        if (!Array.isArray(blocks))
+            continue;
+        for (const block of blocks) {
+            if (block.type === 'tool_use' && block.name === 'Agent' && block.id) {
+                const input = block.input ?? {};
+                agents.set(block.id, {
+                    id: block.id,
+                    type: input.subagent_type ?? 'general-purpose',
+                    model: input.model,
+                    description: input.description,
+                    status: 'running',
+                });
+            }
+            if (block.type === 'tool_result' && block.tool_use_id) {
+                completed.add(block.tool_use_id);
+            }
+        }
+    }
+    for (const id of completed) {
+        const agent = agents.get(id);
+        if (agent)
+            agent.status = 'completed';
+    }
+    return [...agents.values()].filter(a => a.status === 'running');
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "cc-hud",
+  "version": "0.1.0",
+  "description": "Compact statusline HUD for Claude Code — context, agents, rate limits",
+  "type": "module",
+  "main": "dist/index.js",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "npm run build && node --test",
+    "test:stdin": "npm run build && echo {\"model\":{\"display_name\":\"Opus\"},\"context_window\":{\"used_percentage\":45,\"context_window_size\":200000},\"rate_limits\":{\"five_hour\":{\"used_percentage\":25},\"seven_day\":{\"used_percentage\":10}}} | node dist/index.js"
+  },
+  "files": [
+    "dist/",
+    "src/",
+    "commands/",
+    ".claude-plugin/"
+  ],
+  "keywords": [
+    "claude-code",
+    "claude-code-plugin",
+    "statusline",
+    "status-bar",
+    "hud",
+    "monitoring",
+    "context-window",
+    "rate-limit",
+    "agents",
+    "windows",
+    "crash-free",
+    "zero-dependency",
+    "catppuccin"
+  ],
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "typescript": "^5.0.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,42 @@
+import { readStdin } from './stdin.js';
+import { parseAgents } from './transcript.js';
+import { render } from './render.js';
+import type { RenderData } from './types.js';
+
+// Hard timeout — never block Claude Code
+const TIMEOUT_MS = 2000;
+setTimeout(() => process.exit(0), TIMEOUT_MS).unref();
+
+function shortModelName(displayName?: string, id?: string): string {
+  if (displayName) {
+    const stripped = displayName.replace(/\s*\(.*?\)\s*/g, '').trim();
+    if (stripped) return stripped;
+  }
+  if (id) {
+    const m = id.match(/claude-(\w+)-(\d+)-(\d+)/);
+    if (m) return `${m[1][0].toUpperCase()}${m[1].slice(1)} ${m[2]}.${m[3]}`;
+  }
+  return 'Claude';
+}
+
+async function main(): Promise<void> {
+  const data = await readStdin();
+
+  // Parse transcript in parallel with render prep — no dependency
+  const agentsPromise = parseAgents(data.transcript_path);
+
+  const contextPercent = data.context_window?.used_percentage ?? 0;
+  const agents = await agentsPromise;
+
+  const renderData: RenderData = {
+    model: shortModelName(data.model?.display_name, data.model?.id),
+    contextPercent: Math.round(contextPercent),
+    agents,
+    fiveHourPercent: data.rate_limits?.five_hour?.used_percentage ?? null,
+    sevenDayPercent: data.rate_limits?.seven_day?.used_percentage ?? null,
+  };
+
+  console.log(render(renderData));
+}
+
+main().catch(() => process.exit(0));

package/src/render.ts

@@ -0,0 +1,85 @@
+import type { RenderData } from './types.js';
+
+// — Catppuccin Mocha palette (ANSI 256) —
+const RESET = '\x1b[0m';
+const fg = (n: number) => `\x1b[38;5;${n}m`;
+
+const GREEN  = fg(151);  // #a6e3a1 — ok
+const YELLOW = fg(223);  // #f9e2af — caution
+const PEACH  = fg(216);  // #fab387 — warning
+const RED    = fg(211);  // #f38ba8 — critical
+const TEAL   = fg(115);  // #94e2d5 — agent accent
+const BLUE   = fg(111);  // #89b4fa — info accent
+const OVERLAY = fg(243); // #6c7086 — dim/separator
+const SURFACE = fg(238); // #313244 — bar track
+const TEXT   = fg(189);  // #cdd6f4 — primary text
+
+// — Bar config —
+const BAR_WIDTH = 10;
+const BLOCKS = [' ', '▏', '▎', '▍', '▌', '▋', '▊', '▉', '█'];
+const TRACK_CHAR = '░';
+
+function color(percent: number): string {
+  if (percent <= 50) return GREEN;
+  if (percent <= 70) return YELLOW;
+  if (percent <= 85) return PEACH;
+  return RED;
+}
+
+function progressBar(percent: number): string {
+  const clamped = Math.max(0, Math.min(100, percent));
+  const total = (clamped / 100) * BAR_WIDTH;
+  const full = Math.floor(total);
+  const frac = Math.round((total - full) * 8);
+  const empty = BAR_WIDTH - full - (frac > 0 ? 1 : 0);
+
+  const c = color(clamped);
+  const bar =
+    c + '█'.repeat(full) +
+    (frac > 0 ? BLOCKS[frac] : '') +
+    RESET + SURFACE +
+    TRACK_CHAR.repeat(Math.max(0, empty)) +
+    RESET;
+
+  return `${bar} ${c}${clamped}%${RESET}`;
+}
+
+function rateSegment(label: string, percent: number | null): string | null {
+  if (percent == null) return null;
+  const clamped = Math.round(Math.max(0, Math.min(100, percent)));
+  const c = color(clamped);
+  return `${OVERLAY}${label}:${RESET} ${c}${clamped}%${RESET}`;
+}
+
+function agentSegment(agents: RenderData['agents']): string | null {
+  if (agents.length === 0) return null;
+  const parts = agents.slice(0, 3).map(a => {
+    const model = a.model ? ` ${OVERLAY}[${a.model}]${RESET}` : '';
+    return `${TEAL}◐${RESET} ${TEXT}${a.type}${RESET}${model}`;
+  });
+  return parts.join(' ');
+}
+
+export function render(data: RenderData): string {
+  const segments: string[] = [];
+
+  // Model + context bar
+  segments.push(`${OVERLAY}[${RESET}${BLUE}${data.model}${RESET}${OVERLAY}]${RESET} ${progressBar(data.contextPercent)}`);
+
+  // Agents (if any)
+  const agentStr = agentSegment(data.agents);
+  if (agentStr) segments.push(agentStr);
+
+  // Rate limits
+  const r5 = rateSegment('5h', data.fiveHourPercent);
+  const r7 = rateSegment('7d', data.sevenDayPercent);
+  if (r5 && r7) {
+    segments.push(`${r5} ${r7}`);
+  } else if (r5) {
+    segments.push(r5);
+  } else if (r7) {
+    segments.push(r7);
+  }
+
+  return segments.join(` ${OVERLAY}│${RESET} `);
+}

package/src/stdin.ts

@@ -0,0 +1,21 @@
+import type { StdinData } from './types.js';
+
+export async function readStdin(): Promise<StdinData> {
+  if (process.stdin.isTTY) return {};
+
+  const chunks: string[] = [];
+  process.stdin.setEncoding('utf8');
+
+  for await (const chunk of process.stdin) {
+    chunks.push(chunk as string);
+  }
+
+  const raw = chunks.join('');
+  if (!raw.trim()) return {};
+
+  try {
+    return JSON.parse(raw) as StdinData;
+  } catch {
+    return {};
+  }
+}

package/src/transcript.ts

@@ -0,0 +1,94 @@
+import { open, stat } from 'node:fs/promises';
+import type { AgentEntry } from './types.js';
+
+interface ContentBlock {
+  type: string;
+  id?: string;
+  name?: string;
+  input?: Record<string, unknown>;
+  tool_use_id?: string;
+}
+
+interface TranscriptLine {
+  message?: { content?: ContentBlock[] };
+}
+
+const TAIL_BYTES = 64 * 1024; // 64 KB — agent entries are near the end
+
+async function readTail(filePath: string): Promise<string> {
+  const info = await stat(filePath);
+  if (!info.isFile() || info.size === 0) return '';
+
+  const fd = await open(filePath, 'r');
+  try {
+    const start = Math.max(0, info.size - TAIL_BYTES);
+    const len = info.size - start;
+    const buf = Buffer.alloc(len);
+    await fd.read(buf, 0, len, start);
+    const text = buf.toString('utf8');
+
+    if (start > 0) {
+      const nl = text.indexOf('\n');
+      return nl >= 0 ? text.slice(nl + 1) : '';
+    }
+    return text;
+  } finally {
+    await fd.close();
+  }
+}
+
+export async function parseAgents(transcriptPath: string | undefined): Promise<AgentEntry[]> {
+  if (!transcriptPath) return [];
+
+  let text: string;
+  try {
+    text = await readTail(transcriptPath);
+  } catch {
+    return [];
+  }
+
+  if (!text) return [];
+
+  const agents = new Map<string, AgentEntry>();
+  const completed = new Set<string>();
+
+  const lines = text.split('\n');
+  for (const line of lines) {
+    // Fast pre-filter: skip lines that can't contain agent data
+    if (!line.includes('"Agent"') && !line.includes('"tool_result"')) continue;
+
+    let entry: TranscriptLine;
+    try {
+      entry = JSON.parse(line);
+    } catch {
+      continue;
+    }
+
+    const blocks = entry.message?.content;
+    if (!Array.isArray(blocks)) continue;
+
+    for (const block of blocks) {
+      if (block.type === 'tool_use' && block.name === 'Agent' && block.id) {
+        const input = block.input ?? {};
+        agents.set(block.id, {
+          id: block.id,
+          type: (input.subagent_type as string) ?? 'general-purpose',
+          model: input.model as string | undefined,
+          description: input.description as string | undefined,
+          status: 'running',
+        });
+      }
+
+      if (block.type === 'tool_result' && block.tool_use_id) {
+        completed.add(block.tool_use_id);
+      }
+    }
+  }
+
+  for (const id of completed) {
+    const agent = agents.get(id);
+    if (agent) agent.status = 'completed';
+  }
+
+  return [...agents.values()].filter(a => a.status === 'running');
+}

package/src/types.ts

@@ -0,0 +1,36 @@
+export interface StdinData {
+  model?: { id?: string; display_name?: string };
+  context_window?: {
+    context_window_size?: number;
+    used_percentage?: number | null;
+    remaining_percentage?: number | null;
+    current_usage?: {
+      input_tokens?: number;
+      output_tokens?: number;
+      cache_creation_input_tokens?: number;
+      cache_read_input_tokens?: number;
+    } | null;
+  };
+  rate_limits?: {
+    five_hour?: { used_percentage?: number | null; resets_at?: number | null } | null;
+    seven_day?: { used_percentage?: number | null; resets_at?: number | null } | null;
+  } | null;
+  transcript_path?: string;
+  cwd?: string;
+}
+
+export interface AgentEntry {
+  id: string;
+  type: string;
+  model?: string;
+  description?: string;
+  status: 'running' | 'completed';
+}
+
+export interface RenderData {
+  model: string;
+  contextPercent: number;
+  agents: AgentEntry[];
+  fiveHourPercent: number | null;
+  sevenDayPercent: number | null;
+}