@heyhuynhgiabuu/pi-pretty 0.6.31 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [0.7.0] - 2026-10-10
+
+### Added
+
+- Opt-in `toolStyle: "claudecode"` (default `default`, no change for existing users): collapsed tools render as `✓ Name (args)` with an `└` result row (line counts, duration, bash `timeout`, `+N -N` for edits), a braille spinner while running, `·` while pending, and `✗` on failure.
+- Fold consecutive tool calls into `Done (…)` / `Running (…)` groups with a `├─`/`└─` tree. Clicking a tool in a group expands it; Ctrl+O expands everything. Tools the style does not cover break a group instead of being flattened into it.
+- Style `write`, `edit`, `apply_patch` (pi-diff), `codemode` (Pi built-in), and `recall` (pikit) without re-registering them, by deciding their renderers per component by tool name. Their full output remains available when expanded.
+- `(ctrl+o to expand)` / `(ctrl+o to collapse)` hints on folded groups and expanded calls, and `thought 3s (ctrl+t to expand)` for hidden thinking, using the user's own key bindings.
+- In this style: flush-left `thinking` / `thought 3s` labels, no `❯` prefix on user messages, and an input box with plain horizontal rules and a flush-left `❯` instead of the rounded border.
+
+### Maintenance
+
+- Add `vitest.config.ts` so tests never read the developer's real `~/.pi/agent/pi-pretty.json`.
+- Add regression coverage for rows, grouping, click-to-expand, delegated renderers, and the unboxed prompt editor.
+
 ## [0.6.31] - 2026-10-08
 
 ### Added

package/README.md

@@ -175,6 +175,7 @@ Place a JSON file alongside Pi's `settings.json` to customize pi-pretty. Every o
 | `cacheLimit` | positive int | `PRETTY_CACHE_LIMIT` | `128` |
 | `fff.enableHomeScanning` | boolean | `PRETTY_FFF_HOME_SCAN` (`1`/`0`) | `false` |
 | `fff.enableRootScanning` | boolean | `PRETTY_FFF_ROOT_SCAN` (`1`/`0`) | `false` |
+| `toolStyle` | `default` \| `claudecode` | — | `default` |
 | `workingIndicator.enabled` | boolean | `PRETTY_WORKING_INDICATOR` (`on`/`off`) | `true` |
 | `workingIndicator.text` | string or string[] (phrases rotated per sweep; env accepts comma-separated) | `PRETTY_WORKING_INDICATOR_TEXT` | `["Working…"]` |
 | `workingIndicator.mode` | `shimmer` \| `kitt` \| `static` | `PRETTY_WORKING_INDICATOR_MODE` | `shimmer` |
@@ -235,6 +236,26 @@ older rows are never mislabeled. The 30fps ticker runs only while the current me
 is thinking, bounding the cost of `setHiddenThinkingLabel(label)` rebuilding chat children. Inherits
 `mode`, `bold`, and the palette/accent from `workingIndicator`.
 
+### Claude Code tool style
+
+Set `"toolStyle": "claudecode"` for a Claude Code-like transcript (restart pi to apply):
+
+```
+✓ Done (3 tool calls · 1 thought) (ctrl+o to expand)
+  ├─ • Read (src/a.ts)
+  │  └ 42 lines · ◷ 0.02s
+  ├─ • Edit (src/a.ts)
+  │  └ +3 -1 · ◷ 0.06s
+  └─ • Bash (npm test)
+     └ 12 lines · ◷ 3.1s · timeout 300s
+```
+
+- Collapsed tool calls are one `✓ Name (args)` row plus an `└` result row; a spinner shows while running, `·` while waiting, `✗` on failure. Ctrl+O (or a click) expands to the full pretty output.
+- Two or more consecutive tool calls fold into one `Done (…)` / `Running (…)` group. Click a tool in the group to expand it.
+- Covers `read`, `bash`, `grep`, `find`, `ls`, and — through the host's renderer lookup, without re-registering them — `write`, `edit`, `apply_patch` (pi-diff), `codemode`, and `recall`. `+N` is shown in the success color and `-N` in the error color. Tools it does not style keep their own rendering and break a group.
+- Hidden thinking reads `thought 3s (ctrl+t to expand)`, user messages lose the `❯` prefix, and the input box drops its rounded border for plain rules with a flush-left `❯`.
+- `toolStyle` only changes presentation. It patches Pi's `ToolExecutionComponent` and chat `Container` render lookups, which are not public API; if Pi reshapes them the styling degrades to Pi's own rendering.
+
 ### Environment variables
 
 Optional environment variables:

package/dist/claude-style.d.ts

@@ -0,0 +1,45 @@
+/**
+ * pi-pretty: opt-in "claudecode" tool style (config `toolStyle: "claudecode"`).
+ *
+ *   ✓ Read (src/a.ts)           collapsed call row: status icon (spinner while running), bold name
+ *     └ 42 lines · ◷ 0.02s      collapsed result row hanging from a connector
+ *   ✓ Done (3 tool calls)       consecutive tool calls fold into one group row
+ *     ├─ • Bash(ls)
+ *     └─ • Read(a.ts)
+ *
+ * Collapsed rows replace the pretty output; Ctrl+O (expanded) keeps pi-pretty's
+ * full rendering. Grouping is a pure render-time projection of the chat children.
+ * Modeled on the look of sting8k/pi-droid-styling's `claudecode` preset.
+ */
+type AnyFn = (...args: any[]) => any;
+export declare function setClaudeStyleTheme(theme: unknown): void;
+/**
+ * Wrap a tool definition so collapsed rows use the Claude Code look. Expanded
+ * calls keep the call row but defer the result body to the original renderer.
+ */
+export declare function withClaudeToolStyle<T extends {
+    name: string;
+    label?: string;
+    renderCall?: AnyFn;
+    renderResult?: AnyFn;
+}>(def: T): T;
+/**
+ * Give write/edit/apply_patch the Claude Code rows without owning their registration (pi-diff or Pi's
+ * builtins keep their schema, execute and diff renderer). Rendering is decided per component,
+ * so the host's lookups are patched by tool name, as pi-droid-styling does. Collapsed: call
+ * and `+N -N` rows; expanded: the provider's own result renderer. Pass `false` to restore.
+ */
+export declare function installClaudeExternalToolRenderers(toolExecutionComponent: unknown, enabled?: boolean): void;
+/** Proxy `pi` so tools registered through it get the Claude Code rows. */
+export declare function withClaudeToolStyleApi<P extends {
+    registerTool: AnyFn;
+}>(pi: P): P;
+/**
+ * Fold consecutive tool calls into `✓ Done (...)` groups by wrapping pi-tui's base
+ * `Container.render`. Pi nests its chat container (no stable index to look it up by),
+ * but only that container holds tool components as direct children, so the wrapper
+ * stays inert for every other container. Pass `false` to restore the original render.
+ */
+export declare function installClaudeChatGrouping(enabled?: boolean): void;
+export {};
+//# sourceMappingURL=claude-style.d.ts.map

package/dist/claude-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"claude-style.d.ts","sourceRoot":"","sources":["../src/claude-style.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAOH,KAAK,KAAK,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAgBrC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAExD;AAoWD;;;GAGG;AACH,wBAAgB,mBAAmB,CAClC,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,EACnF,GAAG,EAAE,CAAC,GAAG,CAAC,CAGX;AAcD;;;;;GAKG;AACH,wBAAgB,kCAAkC,CAAC,sBAAsB,EAAE,OAAO,EAAE,OAAO,UAAO,GAAG,IAAI,CAqDxG;AAED,0EAA0E;AAC1E,wBAAgB,sBAAsB,CAAC,CAAC,SAAS;IAAE,YAAY,EAAE,KAAK,CAAA;CAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAQlF;AA6ID;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,UAAO,GAAG,IAAI,CAgB9D"}