pi-ui-hephaestus

Muted thinking blocks, framed editor, animated header, response time, and rich footer for pi

Package details

extension

Install pi-ui-hephaestus from npm and Pi will load the resources declared by the package manifest.

$ pi install npm:pi-ui-hephaestus
Package
pi-ui-hephaestus
Version
0.3.1
Published
May 3, 2026
Downloads
320/mo · 320/wk
Author
danmademe
License
unknown
Types
extension
Size
151.8 KB
Dependencies
0 dependencies · 4 peers
Pi manifest JSON
{
  "extensions": [
    "./src/index.ts"
  ],
  "image": "https://raw.githubusercontent.com/danielcherubini/pi-ui-hephaestus/main/docs/splash-screen.png"
}

Security note

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

README

Hephaestus

Visual polish and useful context for the Pi coding agent TUI

npm version TypeScript License: MIT

Hephaestus transforms the Pi coding agent terminal into a polished, information-rich workspace. It adds an animated splash screen, a framed editor with a double-press quit guard, muted thinking blocks, per-message response times, and a compact footer that surfaces your git status, model, and context window usage at a glance.

What's inside

Animated splash screen

A smooth reveal animation greets you on startup — the Pi logo fades in diagonally, followed by version info, loaded context, prompts, skills, extensions, and themes. It gives the TUI a proper launch feel instead of an abrupt prompt.

Framed editor pane

The input area gets a clean bordered frame with a top edge and bottom edge, visually separating it from the chat history. There's also a double-press quit guard: pressing the clear key once shows a brief "press again to quit" hint, preventing accidental exits while you're mid-conversation.

Muted thinking blocks

Thinking (reasoning) content is rendered in muted colors so it doesn't compete with the actual response. Code blocks inside thinking sections are automatically unindented for readability. The label text and color are fully customizable through settings.

Response time per message

Each user message gets a right-aligned timer showing how long the AI took to respond — displayed as 12.3s or 2m 14s depending on duration. This makes it easy to spot which prompts trigger long reasoning cycles.

Rich single-line footer

A compact status bar at the bottom packs useful information without stealing vertical space:

  • Directory and git branch with clean/dirty indicator
  • Active model name
  • Thinking level indicator (when the agent is reasoning)
  • Worktree branch (if you're using one)
  • Token usage — input/output/cache counts and cost estimate
  • Context window bar — a progress bar showing how much of the context window is used, with color-coded warnings at 80% and 95%

Installation

npm install -g pi-ui-hephaestus

The extension loads automatically when Pi detects it in your global npm packages. No configuration needed to get started.

Settings

Run the /hephaestus slash command to open the interactive settings panel:

Setting Description Default
Muted Theme Use subdued colors for thinking blocks Off
Code Unindent Remove 2-space indent from code blocks inside thinking sections On
Label Text Custom prefix shown before thinking blocks Thinking...
Label Color RGB color for the thinking label 255,215,0

Navigate with arrow keys, press Enter to toggle or open submenus, and use the Save button at the bottom to persist changes. Press ESC to cancel without saving.

Configuration

Settings are stored in ~/.pi/agent/settings.json under the "hephaestus" key:

{
  "hephaestus": {
    "mutedTheme": false,
    "codeUnindent": true,
    "labelText": "Thinking...",
    "labelColor": "255,215,0"
  }
}

You can also edit this file directly to fine-tune values.

Requirements

  • Pi TUI with extension support (@mariozechner/pi-coding-agent >= 0.1.0)
  • Node.js >= 24