@leo-alvarenga/pi-zen-frame 0.17.0 → 0.19.0

package/README.md

@@ -10,6 +10,7 @@ A [`pi-coding-agent`](https://github.com/earendil-works/pi) extension that gives
 - **Header Box**: Optional welcome panel with a logo and "Welcome back!" heading, model name, current working directory, Git status, and a random tip
 - **Working Messages**: Randomized loading status messages during response generation, updated on a configurable timer
 - **Native Theme Support**: Uses pi `ThemeColor` tokens to automatically align with your active theme
+- **Command Palette**: `alt+p` opens a filterable list of built-in and registered slash commands
 
 ---
 
@@ -42,10 +43,7 @@ Configuration is loaded from `~/.pi/agent/pi-zen-frame.json`. All properties are
   // Fallback accent color for frame border and active segments
   "accentColor": "accent",
 
-  // Master mute: renders all segments in muted tones except agent-mode (default: false)
-  "zenMode": false,
-
-  // Editor-frame renderer by registered name (built-in: "blocky")
+  // Editor-frame renderer by registered name (built-in: "blocky", "minimalist")
   "editorFrame": "blocky",
 
   "header": {
@@ -90,27 +88,27 @@ Configuration is loaded from `~/.pi/agent/pi-zen-frame.json`. All properties are
 
 The editor frame shows status indicators in two rows below the editor:
 
-| Location           | Segment        | Description                                                           |
-| ------------------ | -------------- | --------------------------------------------------------------------- |
-| Editor band (left) | **agent mode** | Active agent indicator pill from `pi-agent-manager`                   |
-|                    | **model**      | Active model name and provider                                        |
-|                    | **reasoning**  | Current reasoning effort level, tinted with pi thinking tokens        |
+| Location           | Segment        | Description                                                                                                                                         |
+| ------------------ | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Editor band (left) | **agent mode** | Active agent indicator pill from `pi-agent-manager`                                                                                                 |
+|                    | **model**      | Active model name and provider                                                                                                                      |
+|                    | **reasoning**  | Current reasoning effort level, tinted with pi thinking tokens                                                                                      |
 |                    | **spinner**    | Active phase indicator (`thinking`, `outputting`, `toolcall`, `exec`); replaces the row while streaming when `showSpinner` is enabled (default off) |
-| Footer (left)      | **cwd**        | Shortened path, active Git branch, and uncommitted file counts        |
-| Footer (right)     | **ctx**        | Context usage percentage and token counts with color alerts           |
+| Footer (left)      | **cwd**        | Shortened path, active Git branch, and uncommitted file counts                                                                                      |
+| Footer (right)     | **ctx**        | Context usage percentage and token counts with color alerts                                                                                         |
 
 ---
 
 ## Commands & Keybindings
 
-- **Toggle Command**: `/zen_mode` — Toggles Zen mode on and off.
-- **Default Keybinding**: `ctrl+shift+z`
+- **Command Palette**: `alt+p` — filter and insert built-in or registered slash commands.
+- **Palette Keys**: `↑`/`↓` navigate, `Enter` inserts the command, `Esc` closes.
 
 To rebind or disable the hotkey, update `~/.pi/agent/keybindings.json`:
 
 ```jsonc
 {
-  "piZenFrame.zenMode": "ctrl+shift+z", // Set to [] to disable the shortcut
+  "piZenFrame.palette": "alt+p", // Set to [] to disable the shortcut
 }
 ```
 
@@ -125,7 +123,7 @@ extensions/
 ├── index.ts            # Extension entry point: config initialization and events
 ├── config/             # Types, defaults, and settings normalization
 ├── components/         # Status segments, header, and frame layout helpers
-├── editor/             # BlockyEditor editor-frame renderer
+├── editor/             # Editor-frame renderers (blocky / minimalist) + palette
 ├── renderers/          # Renderer registry + swap-in API (blocky / basic)
 └── utils/              # Helpers for Git status, paths, agent modes, and token usage
 

package/extensions/components/agent-mode.ts

@@ -3,7 +3,7 @@ import { capitalize } from "../utils";
 import type { SegmentDef } from "./types";
 
 /** Pseudo-footer (left): the current Agent Mode from pi-agent-manager
- *  (when installed). Rendered as a pill using the agent's own color/icon. */
+ *  (when installed). Rendered as a pill using the agent's own color/icon */
 export const agentModeSegment: SegmentDef = {
   id: "agent-mode",
   slot: "topLeft",
@@ -13,7 +13,6 @@ export const agentModeSegment: SegmentDef = {
     const m = d.agentMode;
     if (!m) return "";
 
-    // Agent's own color wins; accent fills in. Zen never mutes the agent.
     const color = m.color ?? d.accentColor;
     const label = ` ${capitalize(m.name)} `;
 

package/extensions/components/cwd.ts

@@ -15,11 +15,11 @@ export const cwdSegment: SegmentDef = {
       let git = ` ${icons.gitBranch} ${d.gitBranch}`;
       text +=
         theme.fg("dim", " ·") +
-        theme.fg(d.zenMode ? "muted" : d.accentColor, git);
+        theme.fg(d.accentColor, git);
 
       if (d.gitDirty > 0) {
         text += theme.fg(
-          d.zenMode ? "muted" : "error",
+          "error",
           ` ${icons.gitDirty} ${d.gitDirty}`,
         );
       }

package/extensions/components/header.ts

@@ -6,10 +6,7 @@ import type {
   ThemeColor,
 } from "@earendil-works/pi-coding-agent";
 
-import {
-  DEFAULT_ICONS,
-  HEADER_TIPS,
-} from "../config/constants";
+import { DEFAULT_ICONS, HEADER_TIPS } from "../config/constants";
 import type { Settings } from "../config/types";
 import { fitFrameRow } from "./frame";
 import { getShortCwd } from "../utils";
@@ -19,12 +16,7 @@ const MIN_BOX_WIDTH = 20;
 const LEFT_COL_RATIO = 0.4; // logo column width / total width
 
 /** BasicHeader preset styling — self-contained, not user-configurable. */
-const LOGO_LINES = [
-  "█████████  ",
-  "███   ███  ",
-  "██████     ",
-  "███     ███",
-];
+const LOGO_LINES = ["█████████  ", "███   ███  ", "██████     ", "███     ███"];
 const LOGO_COLOR: ThemeColor = "text";
 const HEADING = "Welcome back!";
 const SUBHEADING =
@@ -160,17 +152,15 @@ export function createHeader(
         "",
         "",
 
-        ...wrapLines(
-          [HEADING],
-          leftW - 2,
-        ).map((line) => theme.bold(theme.fg("muted", line))),
+        ...wrapLines([HEADING], leftW - 2).map((line) =>
+          theme.bold(theme.fg("muted", line)),
+        ),
 
         "",
 
-        ...wrapLines(
-          [SUBHEADING],
-          leftW - 2,
-        ).map((line) => theme.italic(theme.fg("muted", line))),
+        ...wrapLines([SUBHEADING], leftW - 2).map((line) =>
+          theme.italic(theme.fg("muted", line)),
+        ),
       ];
 
       // Too narrow for a box → fall back to a plain centered logo.

package/extensions/components/notify.ts

@@ -6,7 +6,7 @@ export const notifySegment: SegmentDef = {
   id: "notify",
   slot: "topLeft",
   render: (d, { icons, theme }) => {
-    const color = d.notifyEnabled && !d.zenMode ? d.accentColor : "muted";
+    const color = d.notifyEnabled ? d.accentColor : "muted";
 
     return theme.fg(color, ` ${d.notifyEnabled ? icons.bell : icons.bellOff} `);
   },

package/extensions/components/reasoning.ts

@@ -16,7 +16,7 @@ export const reasoningSegment: SegmentDef = {
       "thinkingText") as ThemeColor;
 
     return theme.fg(
-      d.zenMode ? "muted" : token,
+      token,
       ` ${icons.thinking} ${d.thinkingLevel} `,
     );
   },

package/extensions/components/spinner.ts

@@ -12,9 +12,9 @@ export const spinnerSegment: SegmentDef = {
   render: (d, { theme }) => {
     let phase = d.spinnerPhase ?? "thinking";
 
-    // No frame.colors key for the spinner; zen mutes it, else accent.
+    // No frame.colors key for the spinner; accent only.
     const spinner = theme.fg(
-      d.zenMode ? "muted" : d.accentColor,
+      d.accentColor,
       ` ${d.spinnerFrame} `,
     );
     if (phase === "idle") return spinner;

package/extensions/components/token-count.ts

@@ -44,13 +44,12 @@ export const tokenCountSegment: SegmentDef = {
       }
     }
 
-    const color2 = d.zenMode ? "muted" : color;
     const used = tokens === null ? "?" : formatTokens(tokens);
 
     return (
-      theme.fg(color2, ` ${icons.context} ctx ${pct} `) +
+      theme.fg(color, ` ${icons.context} ctx ${pct} `) +
       theme.fg("dim", "·") +
-      theme.fg(color2, ` ${used}/${formatWindow(window)} `) +
+      theme.fg(color, ` ${used}/${formatWindow(window)} `) +
       theme.fg("dim", "·") +
       theme.fg(
         "dim",

package/extensions/components/types.ts

@@ -49,9 +49,6 @@ export interface FrameData {
   spinnerPhase: SpinnerPhase | null;
   thinkingLevel: string | undefined;
 
-  /** Master mute: when true, every segment except agentMode renders muted. */
-  zenMode: boolean;
-
   /** To render the agent mode (from @leo-alvarenga/pi-agent-manager) segment, if any */
   agentMode: AgentMode;
 
@@ -88,7 +85,6 @@ export interface SegmentDef {
 export interface ExternalData {
   cwd: string;
   gitDirty: number;
-  zenMode: boolean;
   agentMode: AgentMode;
   theme: Theme | undefined;
   gitBranch: string | undefined;

package/extensions/config/constants/contracts.ts

@@ -1,15 +1,10 @@
-/** External contract IDs: the zen-mode keybinding and the optional
- *  pi-agent-manager integration (no hard dependency).
- */
-/** pi-agent-manager integration (optional — no hard dependency). */
+/** pi-agent-manager integration (optional: no hard dependency) */
 export const PI_AGENT_MANAGER_AGENT_EVENT = "pi-agent-manager:agent-changed";
 export const PI_AGENT_MANAGER_AGENT_DATA_KEY = "pi-agent-manager-agent";
 
-/** pi-notify integration (optional — no hard dependency). */
+/** pi-notify integration (optional: no hard dependency) */
 export const PI_NOTIFY_TOGGLE_EVENT = "pi-notify:toggle-changed";
 
-/** Keybinding id users bind in keybindings.json to toggle zen mode. */
-export const ZEN_MODE_SHORTCUT_ID = "piZenFrame.zenMode";
-/** Default key when the user hasn't bound one (override or disable via
- *  keybindings.json; `[]` disables the shortcut, `/zen_mode` still works). */
-export const ZEN_MODE_DEFAULT_KEY = "ctrl+shift+z";
+/** Keybinding id users bind in keybindings.json to open the command palett. */
+export const PALETTE_SHORTCUT_ID = "piZenFrame.palette";
+export const PALETTE_DEFAULT_KEY = "alt+p";

package/extensions/config/constants/defaults.ts

@@ -1,7 +1,7 @@
 import type { Settings } from "../types";
 import { WORKING_MESSAGES } from "./messages";
+
 export const DEFAULT_SETTINGS: Settings = {
-  zenMode: false,
   accentColor: "accent",
   editorFrame: "blocky",
 

package/extensions/config/constants/index.ts

@@ -1,10 +1,5 @@
-/**
- * Constants, grouped by concern and re-exported from a single barrel.
- * Import everything with `import { ... } from "../config/constants"` —
- * resolution keeps working now that this is a directory.
- */
 export * from "./file";
 export * from "./contracts";
 export * from "./visuals";
 export * from "./messages";
-export * from "./defaults";
+export * from "./defaults";

package/extensions/config/constants/visuals.ts

@@ -1,6 +1,7 @@
 import type { ThemeColor } from "@earendil-works/pi-coding-agent";
 import type { FrameIcons, SpinnerPhase } from "../types";
-/** Spinner animation frames per phase (pi-editor-shell style). */
+
+/** Spinner animation frames per phase (pi-editor-shell style) */
 export const SPINNER_FRAMES: Record<SpinnerPhase, string[]> = {
   idle: ["⠃", "⠞", "⡵", "⠿", "⢹", "⠄"],
   outputting: ["⠋", "⠙", "⠸", "⠴", "⠦", "⠇", "⠏"],
@@ -11,7 +12,7 @@ export const SPINNER_FRAMES: Record<SpinnerPhase, string[]> = {
   // Sample ["░", "▒", "▓", "█", "▓", "▒"],
 };
 
-/** Nerd Font glyphs used by the blocky editor preset. */
+/** Nerd Font glyphs used by the blocky editor preset */
 export const DEFAULT_ICONS: FrameIcons = {
   model: "󰣖",
   folder: " ",
@@ -25,15 +26,15 @@ export const DEFAULT_ICONS: FrameIcons = {
   bellOff: "󰂛",
 };
 
-/** Thinking level → theme token, mirroring pi's own border-color mapping. */
+/** Thinking level → theme token, mirroring pi's own border-color mapping */
 export const THINKING_TOKEN: Record<string, string> = {
-  off: "thinkingOff",
-  minimal: "thinkingMinimal",
   low: "thinkingLow",
-  medium: "thinkingMedium",
+  max: "thinkingMax",
+  off: "thinkingOff",
   high: "thinkingHigh",
   xhigh: "thinkingXhigh",
-  max: "thinkingMax",
+  medium: "thinkingMedium",
+  minimal: "thinkingMinimal",
 };
 
 export const THEME_COLORS: Record<ThemeColor, true> = {

package/extensions/config/settings.ts

@@ -19,7 +19,7 @@ function loadSettingsFile(): Promise<string> {
   return readFile(getResolvedSettingsFilePath(), "utf8");
 }
 
-/** Validate a raw (possibly malformed) config against the schema shapes. */
+/** Validate a raw (possibly malformed) config against the schema shapes */
 function normalize(raw: unknown): Settings {
   if (!raw || typeof raw !== "object") return DEFAULT_SETTINGS;
 
@@ -37,7 +37,6 @@ function normalize(raw: unknown): Settings {
   const out: Settings = {
     ...DEFAULT_SETTINGS,
     frame: { ...DEFAULT_SETTINGS.frame },
-    zenMode: bool(r.zenMode, d.zenMode ?? true),
     editorFrame:
       typeof r.editorFrame === "string" ? r.editorFrame : d.editorFrame,
   };
@@ -95,6 +94,7 @@ function normalize(raw: unknown): Settings {
 export async function loadSettings(): Promise<Settings> {
   try {
     const raw = JSON.parse(await loadSettingsFile()) as unknown;
+
     return normalize(raw);
   } catch {
     return DEFAULT_SETTINGS;

package/extensions/config/types.ts

@@ -1,6 +1,6 @@
 import type { ThemeColor } from "@earendil-works/pi-coding-agent";
 
-/** Streaming phase used to drive the status-animation spinner. */
+/** Streaming phase used to drive the status-animation spinner */
 export type SpinnerPhase =
   "thinking" | "outputting" | "toolcall" | "exec" | "idle";
 
@@ -9,7 +9,7 @@ export interface BannerTip {
   text: string;
 }
 
-/** Nerd-font / glyph icons shown in the band and status rows. Overridable. */
+/** Nerd-font / glyph icons shown in the band and status rows. Overridable */
 export interface FrameIcons {
   folder: string;
   model: string;
@@ -24,9 +24,9 @@ export interface FrameIcons {
 }
 
 /**
- * ``frame`` — the editor frame preset. Styling and layout (prefix, colors,
+ * ``frame``: the editor frame preset. Styling and layout (prefix, colors,
  * margins, paddings) are owned by the renderer; only these behavioral
- * toggles are configurable.
+ * toggles are configurable
  */
 export interface FrameSettings {
   enable?: boolean;
@@ -44,7 +44,7 @@ export interface FrameSettings {
   showSpinner?: boolean;
 }
 
-/** `header` — the top-line header, which can show a logo or other text */
+/** `header`: the top-line header, which can show a logo or other text */
 export interface HeaderSettings {
   enable: boolean;
 
@@ -52,15 +52,15 @@ export interface HeaderSettings {
   type?: string;
 }
 
-/** `workingMessage` — rotating messages in pi's built-in working loader. */
+/** `workingMessage`: rotating messages in pi's built-in working loader */
 export interface WorkingMessageSettings {
-  /** Toggle the rotating messages. Default true. */
+  /** Toggle the rotating messages. Default true */
   enable?: boolean;
 
-  /** How often (ms) the message is replaced. Default 3000. */
+  /** How often (ms) the message is replaced. Default 3000 */
   intervalMs?: number;
 
-  /** Custom message pool; replaces the default 30. */
+  /** Custom message pool; replaces the default 30 */
   messages?: string[];
 }
 
@@ -69,14 +69,9 @@ export interface Settings {
   header?: HeaderSettings;
   workingMessage?: WorkingMessageSettings;
 
-  /** Editor-frame renderer by registered name. Default "blocky". */
+  /** Editor-frame renderer by registered name. Default "blocky" */
   editorFrame?: string;
 
-  /** Master mute: every segment except agent-mode renders muted.
-   *  Default true. Toggle at runtime with `/zen_mode` or the `piZenFrame.zenMode`
-   *  keybinding (default `ctrl+shift+z`). */
-  zenMode?: boolean;
-
   /** Accent color for segment highlights; Defaults to 'accent' */
   accentColor?: ThemeColor;
 }

package/extensions/editor/blocky-editor.ts

@@ -1,34 +1,29 @@
-/**
- * BlockyEditor — the editor-frame renderer. Subclasses CustomEditor so all of
- * pi's editing/undo/app-keybinding machinery keeps working; `render` layers
- * the bg band. Vim behavior was removed — all input passes through to the
- * base editor. Appearance lives in `components/` (segments + frame).
- */
 import {
   CustomEditor,
   ThemeColor,
   type ExtensionAPI,
 } from "@earendil-works/pi-coding-agent";
 
-import { DEFAULT_ICONS, SPINNER_FRAMES } from "../config/constants";
 import type { SpinnerPhase } from "../config/types";
-import { composeBand, fitInfoRow, isBorderRow } from "../components/frame";
-import { segmentsFor } from "../components/registry";
-import type {
-  ExternalData,
-  FrameData,
-  SegmentContext,
-} from "../components/types";
+import type { ExternalData, FrameData } from "../components/types";
 import type { EditorFrameRenderOptions } from "../renderers/types";
 
+import {
+  handlePaletteInput,
+  loadPaletteItems,
+  renderPalette,
+  type PaletteState,
+} from "./palette";
+import { renderEditorFrame } from "./render";
+import { SpinnerController } from "./spinner";
+
 export class BlockyEditor extends CustomEditor {
   private pi: ExtensionAPI;
   private opts: EditorFrameRenderOptions;
   private provider: (pi: ExtensionAPI) => ExternalData;
 
-  private spinnerIdx = 0;
-  private spinnerPhase: SpinnerPhase | null = null;
-  private spinnerTimer: ReturnType<typeof setInterval> | null = null;
+  private spinner = new SpinnerController();
+  private paletteState: PaletteState | null = null;
 
   constructor(
     pi: ExtensionAPI,
@@ -37,149 +32,106 @@ export class BlockyEditor extends CustomEditor {
     ...args: ConstructorParameters<typeof CustomEditor>
   ) {
     super(...args);
-
     this.pi = pi;
     this.opts = opts;
     this.provider = provider;
   }
 
   setSpinner(phase: SpinnerPhase | null): void {
-    if (this.spinnerPhase === phase) return;
-
-    this.spinnerIdx = 0;
-    this.spinnerPhase = phase;
-    this.clearSpinnerTimer();
-
-    if (phase && SPINNER_FRAMES[phase]) {
-      const frames = SPINNER_FRAMES[phase];
-
-      this.spinnerTimer = setInterval(() => {
-        this.spinnerIdx = (this.spinnerIdx + 1) % frames.length;
-        this.tui.requestRender();
-      }, 80);
+    if (phase) {
+      this.spinner.start(phase, () => this.tui.requestRender());
+    } else {
+      this.spinner.stop();
+      this.tui.requestRender();
     }
-
-    this.tui.requestRender();
   }
 
   stopSpinner(): void {
-    this.clearSpinnerTimer();
-    this.spinnerPhase = null;
+    this.spinner.stop();
   }
 
   refresh(): void {
     this.tui.requestRender();
   }
 
-  // ── rendering ──────────────────────────────────────────────────────────
+  openPalette(): void {
+    const all = loadPaletteItems(this.pi);
+
+    this.paletteState = { query: "", all, items: all, selected: 0, viewTop: 0 };
+    this.tui.requestRender();
+  }
+
+  override handleInput(data: string): void {
+    if (!this.paletteState) {
+      super.handleInput(data);
+      return;
+    }
+
+    const result = handlePaletteInput(this.paletteState, data);
+
+    if (result.submit) {
+      this.paletteState = null;
+      this.setText(result.submit);
+      super.handleInput("\r");
+      return;
+    }
+
+    this.paletteState = result.next;
+    this.tui.requestRender();
+  }
 
   render(width: number): string[] {
+    if (this.paletteState) {
+      const ext = this.provider(this.pi);
+      if (ext.theme) {
+        return renderPalette(this.paletteState, width, ext.theme);
+      }
+    }
+
     const frame = this.opts.frame;
 
     const padX = Math.min(2, Math.max(0, Math.floor(width / 2)));
-
     const marginX = Math.min(1, Math.max(0, Math.floor(width / 2)));
 
     const contentWidth = width - marginX * 2;
     const innerWidth = width - padX * 2 - marginX * 2;
+
     if (innerWidth < 8) return super.render(width);
 
     const ext = this.provider(this.pi);
+
+    // No theme (non-TUI) or frame disabled or too narrow → plain editor.
+    if (!ext.theme || !frame.enable || contentWidth < (frame.minWidth ?? 20)) {
+      return super.render(width);
+    }
+
     const d: FrameData = {
       cwd: ext.cwd,
       context: ext.context,
-      zenMode: ext.zenMode,
       gitDirty: ext.gitDirty,
       agentMode: ext.agentMode,
       gitBranch: ext.gitBranch,
       modelName: ext.modelName,
       spinnerPhase: ext.spinnerPhase,
       modelProvider: ext.modelProvider,
+      notifyEnabled: ext.notifyEnabled,
       thinkingLevel: ext.thinkingLevel,
-      spinnerFrame: this.spinnerFrame(),
+      spinnerFrame: this.spinner.frame(),
       accentColor: this.opts.accentColor,
-      notifyEnabled: ext.notifyEnabled,
     };
 
     let prefix = "┃";
-
-    if (ext.theme?.fg) {
-      const prefixColor: ThemeColor =
-        ext.agentMode?.color ?? this.opts.accentColor ?? "text";
-      prefix = ext.theme.fg(prefixColor, prefix);
-    }
-
-    // No theme (non-TUI) or frame disabled or too narrow → plain editor.
-    if (!ext.theme || !frame.enable || contentWidth < (frame.minWidth ?? 20)) {
-      return super.render(width);
-    }
-
-    const inner = super.render(innerWidth);
-
-    let bottomIdx = inner.length - 1;
-    for (let i = inner.length - 1; i >= 0; i--) {
-      if (isBorderRow(inner[i]!)) {
-        bottomIdx = i;
-        break;
-      }
-    }
-
-    const content = inner.slice(1, bottomIdx);
-    const autocomplete = inner.slice(bottomIdx + 1);
-
-    const bgSgr = ext.theme.getBgAnsi("customMessageBg");
-    const paint = (row: string) =>
-      bgSgr + row.split("\x1b[0m").join(`\x1b[0m${bgSgr}`) + "\x1b[0m";
-
-    const ctx: SegmentContext = {
-      cfg: frame,
-      theme: ext.theme,
-      icons: DEFAULT_ICONS,
-    };
-
-    const box = composeBand(content, autocomplete, {
-      padX,
-      paint,
+    const prefixColor: ThemeColor =
+      ext.agentMode?.color ?? this.opts.accentColor ?? "text";
+    prefix = ext.theme.fg(prefixColor, prefix);
+
+    return renderEditorFrame(
+      (innerWidth) => super.render(innerWidth),
+      this.opts,
+      ext,
+      d,
       prefix,
-      width: contentWidth,
-      marginX: 1,
-      paddingTop: 1,
-      paddingBottom: 1,
-      boxBottom: fitInfoRow(
-        segmentsFor("topLeft", d, ctx),
-        segmentsFor("topRight", d, ctx),
-        innerWidth,
-      ),
-    });
-
-    const pseudoFooter = fitInfoRow(
-      segmentsFor("bottomLeft", d, ctx),
-      segmentsFor("bottomRight", d, ctx),
-      contentWidth,
-    );
-
-    // Blank rows OUTSIDE the band, above/below it.
-    const marginRow = " ".repeat(contentWidth);
-    const marginTop: string[] = [];
-    const marginBottom: string[] = [];
-
-    return [...marginTop, ...box, marginRow, pseudoFooter, ...marginBottom].map(
-      (row) => " ".repeat(marginX) + row + " ".repeat(marginX),
+      width,
     );
   }
-
-  private spinnerFrame(): string {
-    if (!this.spinnerPhase) return "";
-
-    const frames = SPINNER_FRAMES[this.spinnerPhase]!;
-
-    return frames[this.spinnerIdx % frames.length]!;
-  }
-
-  private clearSpinnerTimer(): void {
-    if (this.spinnerTimer) {
-      clearInterval(this.spinnerTimer);
-      this.spinnerTimer = null;
-    }
-  }
 }