npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

pi-thinking-box

v1.2.3

Published

Wrap Pi agent thinking blocks in a styled background box.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

cullendotdevcullendotdev

Keywords

pi-packagepi-extensionpi-thinkingpithinkingtuiterminal-ui

Readme

pi-thinking-box

Wrap agent thinking blocks in a styled background box — just like user messages have. A pi extension.

Settings menu with live preview of styled thinking box

Install

pi install npm:pi-thinking-box
# or for local dev:
# cp -r pi-thinking-box ~/.pi/agent/extensions/

Restart pi or run /reload after install.

Usage

Run /thinking-box to open an interactive settings menu with a live preview. Configure everything in one place:

  • Enabled — toggle the thinking box on/off
  • Background Color — choose from 9 presets (VS Code Dark, Dracula, Tokyo Night, etc.) or enter a custom hex color
  • Padding X / Y — horizontal and vertical padding inside the box (0–5)
  • Show Header — toggle a header bar above each thinking block
  • Header Label — customise the header text (default: "Thinking")
  • Show Thinking Level — append the current thinking level (e.g. "medium") to the header
  • **Show Line Count (Collapsed) ** — display the number of lines in thinking block (Only shows when thinking block is collapsed)

All changes apply immediately and preview in real time. Settings persist across sessions to ~/.pi/agent/config/thinking-box.json.

Color Presets

Navigate the color picker with arrow keys — the preview updates live as you browse. Choose "Custom…" to enter any 6-digit hex color.

  • Default (ChatGPT-style), VS Code Dark, Dark Blue-Gray, Dracula, Tokyo Night, Purple Twilight, Gruvbox Dark, Deep Black, Pure Black, Custom…

Configuration

Config persists across sessions to ~/.pi/agent/config/thinking-box.json. Changes survive pi restarts, reloads, and package updates. Defaults ship in config.json inside the extension directory.

Defaults:

  • Enabled: true
  • Background: #343541
  • Padding: 0 × 1 (character cells)
  • Show Header: true
  • Header Label: "Thinking"
  • Show Thinking Level: true
  • Show Line Count: true
  • Show Arrow: true

How It Works

The extension monkey-patches AssistantMessageComponent.prototype.updateContent to wrap thinking blocks in a Box component with configurable background and padding. Thinking text follows the active theme; the background is user-configured hex.

See docs/ARCHITECTURE.md for full implementation details.

Limitations

  • Theme changes: Box background is explicit hex — won't auto-adapt on theme switch. Configure manually for your theme.

License

MIT