pi-claude-code-ui

A Claude Code style interface for pi. Tool calls fold into one-line summaries, every edit shows a syntax-highlighted diff, the spinner says what pi is doing, and the colors come from your terminal theme.

pi install npm:pi-claude-code-ui

Terminal colors need pi 1.4 or newer. The package was called pi-claude-style-tools before 1.0.69.

Tool calls

Consecutive tool calls collapse into one sentence, such as Read 2 files, ran 1 shell command. While they run, the row reads Reading 2 files, running 1 shell command… · 3s and shows the call in progress below it. A failed call turns the dot red and adds · 1 failed.

Click a row (in pi's fullscreen mode) or press Ctrl+O to see every call and its output. Ctrl+Shift+O raises the preview limits for long outputs. A row stays where you clicked it, and the view scrolls only as far as needed to show what opened.

Built-in tools (read, bash, grep, find, ls, edit, write), MCP tools, OpenAI-style tools such as apply_patch, webfetch and web_search, and any custom tool all use the same row layout.

Diffs

edit and write show the change as a diff with syntax highlighting and word-level marks. Several edits to one file are listed one after the other. On wide terminals the diff can also use a side-by-side layout.

Shell commands that only change files are drawn the same way. sed -i, perl -pi, heredocs (cat > file <<EOF, tee) and echo … > file show up as Edit (sed) pyproject.toml or Create (heredoc) CHANGELOG.md, with a diff of what actually changed on disk. The command runs unchanged and the model sees its normal output. Anything ambiguous, like a pipe or a variable, stays a regular bash row.

Spinner

While a tool runs, the working line names it: Running npm test…, Reading stats.py…, Searching for TODO…, Waiting for agent: Find edge cases…. While the model thinks, it shows a playful verb instead. The token count covers everything the model writes for the request, including thinking and tool arguments, and counts up smoothly as text streams in.

Thinking

By default (live), thinking is shown while it streams and then collapses to Thought for 3s. Click the row to read it again.

/cc-tools thinking latest goes further: only the latest message keeps its thinking. Earlier messages drop it, so the tool calls that thinking used to separate merge into one row. This changes only what is drawn; the thinking stays in the session and in the model's context. /cc-tools thinking full keeps every thinking block expanded, as stock pi does.

Colors from your terminal

On pi 1.4 and newer the extension switches pi to its built-in system theme, which builds all of pi's colors from the palette your terminal reports. It works in Ghostty, Rex, kitty, WezTerm and other terminals that answer color queries. pi follows light and dark switches on its own. Terminals send nothing when you switch between two dark themes (or two light ones), so the extension also re-reads the palette whenever the terminal window regains focus.

The extension's own colors follow the active theme as well. Diff code uses the theme's syntax colors, diff backgrounds are tinted from the theme's added and removed colors, and connectors keep the same faint contrast on any background.

Your previous theme is saved when the extension switches. /cc-theme terminal off restores it and keeps it, and pi --use-theme <name> still picks the theme for a single run.

Subagents

With pi-subagents, Agent calls get the same treatment. Parallel agents fold into Launching 2 agents…, the spinner names the agent it is waiting for, and the expanded row shows each agent's tool uses, tokens, time and result. Completion notices and the Agents panel use the same dots and connectors as tool rows.

Smaller things

• Past prompts are a single highlighted line starting with ❯, and the input line gets the same marker.
• LaTeX math in replies is shown with Unicode symbols.
• RTK command rewrites appear as a muted (RTK) badge on the bash row.
• apply_patch calls show their parsed patch as a diff before they run.

Commands

Commands that change a setting save it to the settings file, and the change applies right away.

Settings

Settings are read from .pi/settings.json in the project and from the agent settings file, $PI_CODING_AGENT_DIR/settings.json (by default ~/.pi/settings.json). The values below are the defaults.

{
  "toolBackground": "outlines",
  "groupToolCalls": true,
  "thinkingMode": "live",
  "terminalTheme": true,
  "themeAdaptive": true,
  "readOutputMode": "preview",
  "searchOutputMode": "preview",
  "mcpOutputMode": "preview",
  "bashOutputMode": "opencode",
  "previewLines": 8,
  "expandedPreviewMaxLines": 4000,
  "extraExpandedPreviewMaxLines": 12000,
  "extraToolOutputExpanded": false,
  "bashCollapsedLines": 10,
  "bashCommandPreviewLines": 0,
  "liveToolPreview": false,
  "liveToolPreviewLines": 5,
  "diffCollapsedLines": 24,
  "diffLayout": "auto"
}

The screenshots on this page use "toolBackground": "transparent".

Layout

Tool output

Colors

With themeAdaptive on, colors come from these pi theme tokens:

pi before 1.4 does not expose concrete theme colors. There, diffs fall back to github-dark or github-light, and connectors keep the same contrasts measured against black or white.

Notes

The extension targets recent pi versions, where tool renderers receive renderCall(args, theme, context) and renderResult(result, { expanded, isPartial }, theme, context). pi has no public hook for restyling tools that other extensions register, so the extension patches pi's container rendering to give every tool row the same frame.

Credits

This project builds on the work of:

• @heyhuynhgiabuu/pi-pretty by huynhgiabuu: syntax-highlighted file reads, colored bash output and tree-view directory listings
• @heyhuynhgiabuu/pi-diff by huynhgiabuu: the Shiki diff renderer with word-level changes in split and unified views
• pi-tool-display by MasuRii: compact tool rows, diff display and output truncation
• pi-polish by Thomas van Dongen: the one-sentence tool groups, the activity spinner and the ❯ prompt markers follow its design