pi-claude-style-tui

A Claude Code-inspired TUI for Pi with per-run elapsed time and token telemetry.

Package details

extensiontheme

Install pi-claude-style-tui from npm and Pi will load the resources declared by the package manifest.

$ pi install npm:pi-claude-style-tui

Pi manifest JSON

{
  "extensions": [
    "./extensions/claude-code-startup.ts"
  ],
  "themes": [
    "./themes/claude-code-dark.json"
  ]
}

Pi packages can execute code and influence agent behavior. Review the source before installing third-party packages.

A Pi package that provides a Claude Code-inspired header, editor, footer, theme, and turn telemetry.

Install the package from npm:

pi install npm:pi-claude-style-tui

To try it without adding it to your Pi settings:

pi -e npm:pi-claude-style-tui

Update or remove the package:

pi update npm:pi-claude-style-tui
pi remove npm:pi-claude-style-tui

Compact single-column welcome card
Claude Code-inspired dark palette and prompt styling
Straight input separators and ❯ prompt markers
Safe ● markers for prose-first Assistant responses without breaking block Markdown
Compact ● Tool(args) / └ result rows for Pi-owned built-in tools, with expandable output
Configurable footer with ordered Claude/Pi fields for model, context, workspace, session, usage, cache, cost, and duration
Pi-compatible context alerts (>70% warning, >90% error), cache totals, and session cost
Claude-style spinner verbs, mirrored ✻ working-glyph animation, delayed elapsed time, and estimated output-token count
Persistent <verb> for <duration> turn summaries
Slash-command highlighting

npm install
npm run check
npm run typecheck
npm test

Run directly from the checkout:

pi -e .

Validate the package contents and release checks before publishing:

npm pack --dry-run
npm publish --access public

npm publish validates formatting, lint, import order, typecheck, and tests through the prepublishOnly script.

/exit — exit Pi; equivalent to /quit
/statusline — toggle and reorder footer fields (Space, ←/→, Enter); saves to ~/.pi/agent/claude-code-tui.json
/context — show a Claude-style context usage bar
/reduced-motion [on|off] — disable shimmer and use a static working indicator; saves to the same config file
- Fields: model, context, directory, cache, cost, session name/ID, transcript path, version, context remaining/window, input/output tokens, duration, and >200k warning

MIT