pi-minimal 0.2.1 → 0.2.2

package/CHANGELOG.md

@@ -10,6 +10,23 @@ Releases are cut automatically: when the `version` in `package.json` changes on
 
 ## [Unreleased]
 
+## [0.2.2] - 2026-10-22
+
+### Added
+- Fenced code renders as a closed box (`╭─ lang ─╮` / `│ code │` / `╰───╯`)
+  instead of literal ``` lines, keeping syntax highlighting; long lines wrap
+  inside the box. pi-tui exposes no hook for this, so pi-minimal post-processes
+  the code token's rendered lines.
+
+### Changed
+- Chrome margin (status line, footer, turn rule, tool rows) follows pi's
+  `outputPad` setting so it lines up with transcript text. Set
+  `editorPaddingX` to the same value for a flush left edge.
+- Chrome modules tolerate a stale `chrome` module after `/reload`, which
+  previously could crash the renderer when the package was updated in place.
+- `mdCodeBlockBorder` in `minimal-dark` is a faint grey again (it frames the
+  box now) instead of background-coloured.
+
 ## [0.2.1] - 2026-10-22
 
 ### Added
@@ -57,7 +74,8 @@ Releases are cut automatically: when the `version` in `package.json` changes on
 - Initial release: header/footer chrome, compact tool activity rows, working
   status line, Herdr sibling status, Gauntlet widget hiding.
 
-[Unreleased]: https://github.com/raviy06/pi-minimal/compare/v0.2.1...HEAD
+[Unreleased]: https://github.com/raviy06/pi-minimal/compare/v0.2.2...HEAD
+[0.2.2]: https://github.com/raviy06/pi-minimal/compare/v0.2.1...v0.2.2
 [0.2.1]: https://github.com/raviy06/pi-minimal/compare/v0.2.0...v0.2.1
 [0.2.0]: https://github.com/raviy06/pi-minimal/compare/v0.1.0...v0.2.0
 [0.1.0]: https://github.com/raviy06/pi-minimal/releases/tag/v0.1.0

package/README.md

@@ -35,7 +35,9 @@ Do not load this package beside the live `grok-chrome` extension. Disable or rem
 - **Thinking gutter** – thinking paragraphs are prefixed with `┊` so they read as secondary.
 - **Status line** – one line above the editor: model · thinking level · context meter (amber at 70 %, red at 90 %) · cwd · `⎇ branch ±dirty` · Herdr siblings.
 - **Footer** – key hints appear only when the agent is idle and the editor is empty; `/compact` is suggested under context pressure.
-- **Theme** – ships `minimal-dark`: neutral tool backgrounds, visible user-message tint, dimmer thinking text, violet headings (yellow is reserved for warnings), and code-fence lines coloured like the background so fenced code reads as a padded block. Select it in `/settings` → Theme, or set `"theme": "minimal-dark"`.
+- **Code blocks** – fenced code renders as a closed box with the language as its title, keeping syntax highlighting, instead of literal ``` lines; long lines wrap inside the box.
+- **Alignment** – chrome follows pi's `outputPad` setting. Pi's editor uses the separate `editorPaddingX` setting (default `0`); set `"editorPaddingX": 1` for a flush left edge with the transcript.
+- **Theme** – ships `minimal-dark`: neutral tool backgrounds, visible user-message tint, dimmer thinking text, violet headings (yellow is reserved for warnings), and faint code-block frames. Select it in `/settings` → Theme, or set `"theme": "minimal-dark"`.
 
 ## Configuration
 

package/dist/chrome.js

@@ -1 +1,16 @@
+/**
+ * Horizontal margin for pi-minimal's chrome (status line, footer, turn rule, tool rows).
+ * Follows pi's `outputPad` setting so chrome lines up with transcript text. Pi's editor uses
+ * the separate `editorPaddingX` setting (default 0); set it to the same value for a flush
+ * left edge.
+ */
+const KEY = Symbol.for("pi-minimal.chrome-margin");
+const store = globalThis;
+/** Kept for modules linked against an older copy of this file across a hot reload. */
 export const CHROME_MARGIN = 1;
+export function chromeMargin() {
+    return store[KEY] ?? CHROME_MARGIN;
+}
+export function setChromeMargin(value) {
+    store[KEY] = value === 0 ? 0 : 1;
+}

package/dist/code-box.js

@@ -0,0 +1,69 @@
+import { Markdown, visibleWidth, wrapTextWithAnsi } from "@earendil-works/pi-tui";
+const PATCHED = Symbol.for("pi-minimal.code-box");
+/** Current framing implementation. Lives on globalThis so a /reload swaps the behaviour of the
+ *  wrapper that an earlier load already installed on pi-tui's shared Markdown prototype. */
+const FRAME_SLOT = Symbol.for("pi-minimal.code-box.frame");
+const slots = globalThis;
+export function frameCodeLines(lines, lang, width, theme) {
+    if (lines.length < 2)
+        return lines;
+    // Trailing spacer ("" after the closing fence) is preserved as-is.
+    let end = lines.length;
+    while (end > 0 && lines[end - 1] === "")
+        end -= 1;
+    if (end < 2)
+        return lines;
+    const trailer = lines.slice(end);
+    const body = lines.slice(1, end - 1);
+    const indent = theme.codeBlockIndent ?? "  ";
+    const outer = Math.max(6, width);
+    // "│ " + content + " │"
+    const innerWidth = outer - 4;
+    const label = lang ? ` ${lang} ` : "";
+    const topRule = "─".repeat(Math.max(1, outer - 3 - visibleWidth(label)));
+    const top = theme.codeBlockBorder(`╭─${label}${topRule}╮`);
+    const bottom = theme.codeBlockBorder(`╰${"─".repeat(outer - 2)}╯`);
+    const edge = theme.codeBlockBorder("│");
+    const framed = [];
+    for (const line of body) {
+        const content = line.startsWith(indent) ? line.slice(indent.length) : line;
+        for (const piece of wrapTextWithAnsi(content, innerWidth)) {
+            const pad = Math.max(0, innerWidth - visibleWidth(piece));
+            framed.push(`${edge} ${piece}${" ".repeat(pad)} ${edge}`);
+        }
+    }
+    if (framed.length === 0)
+        framed.push(`${edge} ${" ".repeat(innerWidth)} ${edge}`);
+    return [top, ...framed, bottom, ...trailer];
+}
+/**
+ * Patch pi-tui's Markdown renderer. The prototype wrapper is installed once per process; every
+ * call (including after /reload) points it at this module's `frameCodeLines`.
+ * Returns false when the renderer is not patchable.
+ */
+export function installCodeBox() {
+    slots[FRAME_SLOT] = frameCodeLines;
+    const proto = Markdown.prototype;
+    if (proto[PATCHED])
+        return true;
+    const original = proto.renderToken;
+    if (typeof original !== "function")
+        return false;
+    const originalRender = original;
+    proto.renderToken = function (token, width, next, style) {
+        const lines = originalRender.call(this, token, width, next, style);
+        if (token?.type !== "code" || !this.theme?.codeBlockBorder)
+            return lines;
+        const frame = slots[FRAME_SLOT];
+        if (!frame)
+            return lines;
+        try {
+            return frame(lines, token.lang, width, this.theme);
+        }
+        catch {
+            return lines;
+        }
+    };
+    proto[PATCHED] = true;
+    return true;
+}

package/dist/cwd.js

@@ -1,7 +1,9 @@
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import path from "node:path";
-import { CHROME_MARGIN } from "./chrome.js";
+import * as chrome from "./chrome.js";
 import { formatGitState } from "./git-state.js";
+/** Tolerates a stale chrome module after /reload, where only CHROME_MARGIN may exist. */
+const margin = () => (typeof chrome.chromeMargin === "function" ? chrome.chromeMargin() : (chrome.CHROME_MARGIN ?? 1));
 export function formatCwd(cwd) {
     const home = process.env.HOME || process.env.USERPROFILE || "";
     if (!home)
@@ -95,7 +97,7 @@ export function installCwd(ctx, sources) {
             dispose: unsub,
             invalidate() { },
             render(width) {
-                const inner = Math.max(8, width - CHROME_MARGIN * 2);
+                const inner = Math.max(8, width - margin() * 2);
                 const id = ctx.model?.id || "no-model";
                 const icon = theme.fg("accent", modelIcon(id));
                 const name = theme.fg("text", shortModel(id));
@@ -136,7 +138,7 @@ export function installCwd(ctx, sources) {
                         .join(theme.fg("dim", " · ")));
                 }
                 const row = splitRow(left, right, inner);
-                return [`${" ".repeat(CHROME_MARGIN)}${row}`];
+                return [`${" ".repeat(margin())}${row}`];
             },
         };
     }, { placement: "aboveEditor" });

package/dist/footer.js

@@ -1,7 +1,9 @@
 import { keyHint } from "@earendil-works/pi-coding-agent";
 import { truncateToWidth } from "@earendil-works/pi-tui";
-import { CHROME_MARGIN } from "./chrome.js";
+import * as chrome from "./chrome.js";
 import { formatTrackerLines } from "./tracker.js";
+/** Tolerates a stale chrome module after /reload, where only CHROME_MARGIN may exist. */
+const margin = () => (typeof chrome.chromeMargin === "function" ? chrome.chromeMargin() : (chrome.CHROME_MARGIN ?? 1));
 /**
  * Key hints are shown only when nothing else needs the line: idle agent, empty editor. Otherwise
  * the footer collapses to zero lines (tracker lines excepted).
@@ -24,7 +26,7 @@ export function installFooter(ctx, sources) {
             dispose: unsub,
             invalidate() { },
             render(width) {
-                const inner = Math.max(8, width - CHROME_MARGIN * 2);
+                const inner = Math.max(8, width - margin() * 2);
                 const out = [];
                 const hints = footerHints(sources, [
                     keyHint("tui.input.submit", "send"),
@@ -33,10 +35,10 @@ export function installFooter(ctx, sources) {
                 ].filter(Boolean));
                 if (hints.length > 0) {
                     const line = theme.fg("dim", hints.join("  ·  "));
-                    out.push(`${" ".repeat(CHROME_MARGIN)}${truncateToWidth(line, inner, "")}`);
+                    out.push(`${" ".repeat(margin())}${truncateToWidth(line, inner, "")}`);
                 }
                 for (const extra of formatTrackerLines(ctx, theme)) {
-                    out.push(`${" ".repeat(CHROME_MARGIN)}${truncateToWidth(extra, inner, "")}`);
+                    out.push(`${" ".repeat(margin())}${truncateToWidth(extra, inner, "")}`);
                 }
                 return out;
             },

package/dist/index.js

@@ -11,11 +11,15 @@ import { installWorkingStatus } from "./working-status.js";
 import { installTurnRule } from "./turn-rule.js";
 import { installTranscript } from "./transcript.js";
 import { createGitState } from "./git-state.js";
+import { installCodeBox } from "./code-box.js";
+import { setChromeMargin } from "./chrome.js";
+import { SettingsManager } from "@earendil-works/pi-coding-agent";
 export default function piMinimalExtension(pi) {
     const stopWorkingStatus = installWorkingStatus(pi);
     const stopTurnRule = installTurnRule(pi);
     installToolRenderers(pi);
     installTranscript(pi);
+    installCodeBox();
     let fastTimer;
     let slowTimer;
     let stealTimer;
@@ -154,6 +158,13 @@ export default function piMinimalExtension(pi) {
         });
         hideWidgets = config.hideGauntletWidgets;
         currentCwd = ctx.cwd;
+        try {
+            const settings = SettingsManager.create(ctx.cwd, undefined, { projectTrusted: ctx.isProjectTrusted() });
+            setChromeMargin(settings.getOutputPad());
+        }
+        catch {
+            // Keep the default margin when settings are unavailable.
+        }
         installHeader(ctx);
         installChromeFooter(ctx);
         installStatusLine(ctx);

package/dist/tools.js

@@ -1,10 +1,13 @@
 import { Container, truncateToWidth } from "@earendil-works/pi-tui";
 import { rowIsRunning } from "./activity.js";
+import * as chrome from "./chrome.js";
 import { createLiveWatch } from "./live-watch.js";
 import { bashBody, formatDuration, formatOutcome, layoutRow, resultText, rowGlyph, toolItem, } from "./tool-rows.js";
+/** Tolerates a stale chrome module after /reload, where only CHROME_MARGIN may exist. */
+const margin = () => (typeof chrome.chromeMargin === "function" ? chrome.chromeMargin() : (chrome.CHROME_MARGIN ?? 1));
 const live = createLiveWatch(400);
-/** Left indent of every tool row, in cells. */
-const ROW_INDENT = 2;
+/** Left indent of every tool row: chrome margin plus one cell so rows sit inside message text. */
+const rowIndent = () => margin() + 1;
 /** Max lines of output shown when a row is expanded. */
 const EXPANDED_MAX_LINES = 400;
 export function stopLiveWatch() {
@@ -44,7 +47,7 @@ function outputBlock(kind, result, theme) {
     const lines = expandedLines(kind, result);
     if (lines.length === 0)
         return new Container();
-    const indent = " ".repeat(ROW_INDENT + 2);
+    const indent = " ".repeat(rowIndent() + 2);
     const rule = theme.fg("borderMuted", "│");
     return {
         render(width) {
@@ -57,7 +60,7 @@ function outputBlock(kind, result, theme) {
 function errorLineBlock(line, theme) {
     if (!line)
         return undefined;
-    const indent = " ".repeat(ROW_INDENT + 2);
+    const indent = " ".repeat(rowIndent() + 2);
     const rule = theme.fg("error", "│");
     return {
         render(width) {
@@ -98,7 +101,7 @@ function activityRow(kind, args, theme, context) {
                     right = right ? `${stats} · ${right}` : stats;
                 }
             }
-            const inner = Math.max(8, width - ROW_INDENT);
+            const inner = Math.max(8, width - rowIndent());
             const row = layoutRow(inner, kind, item, right);
             let coloredRight;
             if (status === "running")
@@ -112,7 +115,7 @@ function activityRow(kind, args, theme, context) {
             }
             else
                 coloredRight = theme.fg("dim", row.outcome);
-            const line = " ".repeat(ROW_INDENT) +
+            const line = " ".repeat(rowIndent()) +
                 theme.fg(statusColor(status), glyph) +
                 " " +
                 theme.fg("dim", row.verb) +

package/dist/turn-rule.js

@@ -1,6 +1,8 @@
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
-import { CHROME_MARGIN } from "./chrome.js";
+import * as chrome from "./chrome.js";
 import { formatElapsed } from "./working-status.js";
+/** Tolerates a stale chrome module after /reload, where only CHROME_MARGIN may exist. */
+const margin = () => (typeof chrome.chromeMargin === "function" ? chrome.chromeMargin() : (chrome.CHROME_MARGIN ?? 1));
 export const TURN_ENTRY_TYPE = "pi-minimal.turn";
 export function formatClock(epochMs) {
     const d = new Date(epochMs);
@@ -70,10 +72,10 @@ export function installTurnRule(pi) {
         const color = entry.data.outcome === "completed" ? "borderMuted" : entry.data.outcome === "aborted" ? "warning" : "error";
         return {
             render(width) {
-                const inner = Math.max(0, width - CHROME_MARGIN * 2);
+                const inner = Math.max(0, width - margin() * 2);
                 const rule = ruleLine(inner, label);
                 const colored = rule.replace(label, theme.fg("dim", label));
-                return ["", `${" ".repeat(CHROME_MARGIN)}${theme.fg(color, colored)}`];
+                return ["", `${" ".repeat(margin())}${theme.fg(color, colored)}`];
             },
             invalidate() { },
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-minimal",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "license": "MIT",
   "type": "module",
   "private": false,

package/release-notes.md

@@ -1,30 +1,32 @@
 ### Added
-- Automated releases: when `version` in `package.json` changes on `main`, the
-  Publish workflow verifies the build, tags `vX.Y.Z`, creates a GitHub Release
-  (CHANGELOG section + generated notes + package tarball), records a deployment
-  to the `npm` environment, and publishes to npm via OIDC trusted publishing.
-- `CHANGELOG.md` and a "Releasing" section in the README.
-- The Publish workflow upgrades npm to >= 11.5.1 (required for OIDC trusted
-  publishing) and is re-runnable: an existing tag whose version is missing
-  from npm is published without re-tagging.
-- `repository`, `homepage`, and `bugs` fields in `package.json`, required for
-  npm provenance verification.
+- Fenced code renders as a closed box (`╭─ lang ─╮` / `│ code │` / `╰───╯`)
+  instead of literal ``` lines, keeping syntax highlighting; long lines wrap
+  inside the box. pi-tui exposes no hook for this, so pi-minimal post-processes
+  the code token's rendered lines.
 
 ### Changed
-- The release-triggered publish workflow is now a manual, token-based fallback
-  (`release.yml`) for re-publishing an existing tag.
+- Chrome margin (status line, footer, turn rule, tool rows) follows pi's
+  `outputPad` setting so it lines up with transcript text. Set
+  `editorPaddingX` to the same value for a flush left edge.
+- Chrome modules tolerate a stale `chrome` module after `/reload`, which
+  previously could crash the renderer when the package was updated in place.
+- `mdCodeBlockBorder` in `minimal-dark` is a faint grey again (it frames the
+  box now) instead of background-coloured.
 
 ## What's Changed
-* Document trusted publishing setup by @raviy06 in https://github.com/raviy06/pi-minimal/pull/3
-* Use npm for installation by @raviy06 in https://github.com/raviy06/pi-minimal/pull/4
-* Design pass: tool rows, turn rule, status line, minimal-dark theme by @raviy06 in https://github.com/raviy06/pi-minimal/pull/5
-* Automate releases on version change (0.2.1) by @raviy06 in https://github.com/raviy06/pi-minimal/pull/6
+* Fix trusted publishing: upgrade npm, make Publish re-runnable by @raviy06 in https://github.com/raviy06/pi-minimal/pull/7
+* Add Dependabot configuration file by @raviy06 in https://github.com/raviy06/pi-minimal/pull/9
+* Create SECURITY.md for security policy by @raviy06 in https://github.com/raviy06/pi-minimal/pull/10
+* Pin npm 11 for trusted publishing by @raviy06 in https://github.com/raviy06/pi-minimal/pull/8
+* Drop registry-url so npm uses OIDC instead of a placeholder token by @raviy06 in https://github.com/raviy06/pi-minimal/pull/11
+* Add repository metadata required for npm provenance by @raviy06 in https://github.com/raviy06/pi-minimal/pull/12
+* Frame fenced code, align chrome with outputPad (0.2.2) by @raviy06 in https://github.com/raviy06/pi-minimal/pull/13
 
 
-**Full Changelog**: https://github.com/raviy06/pi-minimal/compare/v0.1.0...v0.2.1
+**Full Changelog**: https://github.com/raviy06/pi-minimal/compare/v0.2.1...v0.2.2
 
 ---
 **Install / upgrade**
 ```bash
-pi install npm:pi-minimal@0.2.1   # or: pi update --extensions
+pi install npm:pi-minimal@0.2.2   # or: pi update --extensions
 ```

package/src/chrome.ts

@@ -1 +1,19 @@
+/**
+ * Horizontal margin for pi-minimal's chrome (status line, footer, turn rule, tool rows).
+ * Follows pi's `outputPad` setting so chrome lines up with transcript text. Pi's editor uses
+ * the separate `editorPaddingX` setting (default 0); set it to the same value for a flush
+ * left edge.
+ */
+const KEY = Symbol.for("pi-minimal.chrome-margin")
+const store = globalThis as unknown as Record<symbol, number | undefined>
+
+/** Kept for modules linked against an older copy of this file across a hot reload. */
 export const CHROME_MARGIN = 1
+
+export function chromeMargin(): number {
+  return store[KEY] ?? CHROME_MARGIN
+}
+
+export function setChromeMargin(value: number): void {
+  store[KEY] = value === 0 ? 0 : 1
+}

package/src/code-box.ts

@@ -0,0 +1,86 @@
+import { Markdown, visibleWidth, wrapTextWithAnsi } from "@earendil-works/pi-tui"
+
+/**
+ * pi-tui renders fenced code as literal ``` lines. Pi exposes no hook for the code token, so
+ * pi-minimal post-processes the rendered lines of every `code` token into a closed box:
+ *
+ *   ╭─ json ──────────────╮
+ *   │ { "a": 1 }          │
+ *   ╰─────────────────────╯
+ *
+ * Code lines longer than the box are wrapped inside it so the right edge stays intact.
+ */
+
+type CodeToken = { type?: string; lang?: string; text?: string }
+type MarkdownThemeLike = {
+  codeBlockBorder: (text: string) => string
+  codeBlockIndent?: string
+}
+
+const PATCHED = Symbol.for("pi-minimal.code-box")
+/** Current framing implementation. Lives on globalThis so a /reload swaps the behaviour of the
+ *  wrapper that an earlier load already installed on pi-tui's shared Markdown prototype. */
+const FRAME_SLOT = Symbol.for("pi-minimal.code-box.frame")
+
+type Framer = (lines: string[], lang: string | undefined, width: number, theme: MarkdownThemeLike) => string[]
+const slots = globalThis as unknown as Record<symbol, Framer | undefined>
+
+export function frameCodeLines(lines: string[], lang: string | undefined, width: number, theme: MarkdownThemeLike): string[] {
+  if (lines.length < 2) return lines
+  // Trailing spacer ("" after the closing fence) is preserved as-is.
+  let end = lines.length
+  while (end > 0 && lines[end - 1] === "") end -= 1
+  if (end < 2) return lines
+  const trailer = lines.slice(end)
+  const body = lines.slice(1, end - 1)
+  const indent = theme.codeBlockIndent ?? "  "
+  const outer = Math.max(6, width)
+  // "│ " + content + " │"
+  const innerWidth = outer - 4
+
+  const label = lang ? ` ${lang} ` : ""
+  const topRule = "─".repeat(Math.max(1, outer - 3 - visibleWidth(label)))
+  const top = theme.codeBlockBorder(`╭─${label}${topRule}╮`)
+  const bottom = theme.codeBlockBorder(`╰${"─".repeat(outer - 2)}╯`)
+  const edge = theme.codeBlockBorder("│")
+
+  const framed: string[] = []
+  for (const line of body) {
+    const content = line.startsWith(indent) ? line.slice(indent.length) : line
+    for (const piece of wrapTextWithAnsi(content, innerWidth)) {
+      const pad = Math.max(0, innerWidth - visibleWidth(piece))
+      framed.push(`${edge} ${piece}${" ".repeat(pad)} ${edge}`)
+    }
+  }
+  if (framed.length === 0) framed.push(`${edge} ${" ".repeat(innerWidth)} ${edge}`)
+  return [top, ...framed, bottom, ...trailer]
+}
+
+type RenderToken = (this: { theme: MarkdownThemeLike }, token: CodeToken, width: number, next?: string, style?: unknown) => string[]
+
+/**
+ * Patch pi-tui's Markdown renderer. The prototype wrapper is installed once per process; every
+ * call (including after /reload) points it at this module's `frameCodeLines`.
+ * Returns false when the renderer is not patchable.
+ */
+export function installCodeBox(): boolean {
+  slots[FRAME_SLOT] = frameCodeLines
+  const proto = Markdown.prototype as unknown as Record<string | symbol, unknown>
+  if (proto[PATCHED]) return true
+  const original = proto.renderToken
+  if (typeof original !== "function") return false
+  const originalRender = original as RenderToken
+  proto.renderToken = function (this: { theme: MarkdownThemeLike }, token: CodeToken, width: number, next?: string, style?: unknown) {
+    const lines = originalRender.call(this, token, width, next, style)
+    if (token?.type !== "code" || !this.theme?.codeBlockBorder) return lines
+    const frame = slots[FRAME_SLOT]
+    if (!frame) return lines
+    try {
+      return frame(lines, token.lang, width, this.theme)
+    } catch {
+      return lines
+    }
+  }
+  proto[PATCHED] = true
+  return true
+}

package/src/cwd.ts

@@ -1,10 +1,14 @@
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui"
 import type { ExtensionContext } from "@earendil-works/pi-coding-agent"
 import path from "node:path"
-import { CHROME_MARGIN } from "./chrome.js"
+import * as chrome from "./chrome.js"
 import { formatGitState, type GitState } from "./git-state.js"
 import type { Sibling } from "./herdr.js"
 
+/** Tolerates a stale chrome module after /reload, where only CHROME_MARGIN may exist. */
+const margin = (): number => (typeof chrome.chromeMargin === "function" ? chrome.chromeMargin() : (chrome.CHROME_MARGIN ?? 1))
+
+
 export function formatCwd(cwd: string): string {
   const home = process.env.HOME || process.env.USERPROFILE || ""
   if (!home) return cwd
@@ -103,7 +107,7 @@ export function installCwd(ctx: ExtensionContext, sources: StatusLineSources): v
         dispose: unsub,
         invalidate() {},
         render(width: number): string[] {
-          const inner = Math.max(8, width - CHROME_MARGIN * 2)
+          const inner = Math.max(8, width - margin() * 2)
           const id = ctx.model?.id || "no-model"
           const icon = theme.fg("accent", modelIcon(id))
           const name = theme.fg("text", shortModel(id))
@@ -147,7 +151,7 @@ export function installCwd(ctx: ExtensionContext, sources: StatusLineSources): v
             )
           }
           const row = splitRow(left, right, inner)
-          return [`${" ".repeat(CHROME_MARGIN)}${row}`]
+          return [`${" ".repeat(margin())}${row}`]
         },
       }
     },

package/src/footer.ts

@@ -1,9 +1,13 @@
 import type { ExtensionContext } from "@earendil-works/pi-coding-agent"
 import { keyHint } from "@earendil-works/pi-coding-agent"
 import { truncateToWidth } from "@earendil-works/pi-tui"
-import { CHROME_MARGIN } from "./chrome.js"
+import * as chrome from "./chrome.js"
 import { formatTrackerLines } from "./tracker.js"
 
+/** Tolerates a stale chrome module after /reload, where only CHROME_MARGIN may exist. */
+const margin = (): number => (typeof chrome.chromeMargin === "function" ? chrome.chromeMargin() : (chrome.CHROME_MARGIN ?? 1))
+
+
 export type FooterSources = {
   /** True while an agent run is in progress. */
   busy: () => boolean
@@ -33,7 +37,7 @@ export function installFooter(ctx: ExtensionContext, sources: FooterSources): vo
       dispose: unsub,
       invalidate() {},
       render(width: number): string[] {
-        const inner = Math.max(8, width - CHROME_MARGIN * 2)
+        const inner = Math.max(8, width - margin() * 2)
         const out: string[] = []
         const hints = footerHints(sources, [
           keyHint("tui.input.submit", "send"),
@@ -42,10 +46,10 @@ export function installFooter(ctx: ExtensionContext, sources: FooterSources): vo
         ].filter(Boolean))
         if (hints.length > 0) {
           const line = theme.fg("dim", hints.join("  ·  "))
-          out.push(`${" ".repeat(CHROME_MARGIN)}${truncateToWidth(line, inner, "")}`)
+          out.push(`${" ".repeat(margin())}${truncateToWidth(line, inner, "")}`)
         }
         for (const extra of formatTrackerLines(ctx, theme as { fg: (name: string, s: string) => string })) {
-          out.push(`${" ".repeat(CHROME_MARGIN)}${truncateToWidth(extra, inner, "")}`)
+          out.push(`${" ".repeat(margin())}${truncateToWidth(extra, inner, "")}`)
         }
         return out
       },

package/src/index.ts

@@ -11,12 +11,16 @@ import { installWorkingStatus } from "./working-status.js"
 import { installTurnRule } from "./turn-rule.js"
 import { installTranscript } from "./transcript.js"
 import { createGitState } from "./git-state.js"
+import { installCodeBox } from "./code-box.js"
+import { setChromeMargin } from "./chrome.js"
+import { SettingsManager } from "@earendil-works/pi-coding-agent"
 
 export default function piMinimalExtension(pi: ExtensionAPI): void {
   const stopWorkingStatus = installWorkingStatus(pi)
   const stopTurnRule = installTurnRule(pi)
   installToolRenderers(pi)
   installTranscript(pi)
+  installCodeBox()
   let fastTimer: ReturnType<typeof setInterval> | undefined
   let slowTimer: ReturnType<typeof setInterval> | undefined
   let stealTimer: ReturnType<typeof setInterval> | undefined
@@ -151,6 +155,12 @@ export default function piMinimalExtension(pi: ExtensionAPI): void {
     })
     hideWidgets = config.hideGauntletWidgets
     currentCwd = ctx.cwd
+    try {
+      const settings = SettingsManager.create(ctx.cwd, undefined, { projectTrusted: ctx.isProjectTrusted() })
+      setChromeMargin(settings.getOutputPad())
+    } catch {
+      // Keep the default margin when settings are unavailable.
+    }
     installHeader(ctx)
     installChromeFooter(ctx)
     installStatusLine(ctx)

package/src/tools.ts

@@ -1,8 +1,10 @@
 import type { ExtensionAPI, Theme, ToolRenderers } from "@earendil-works/pi-coding-agent"
 import { Container, truncateToWidth } from "@earendil-works/pi-tui"
 import { rowIsRunning } from "./activity.js"
+import * as chrome from "./chrome.js"
 import { createLiveWatch } from "./live-watch.js"
 import {
+
   bashBody,
   formatDuration,
   formatOutcome,
@@ -17,6 +19,9 @@ import {
   type ToolResultLike,
 } from "./tool-rows.js"
 
+/** Tolerates a stale chrome module after /reload, where only CHROME_MARGIN may exist. */
+const margin = (): number => (typeof chrome.chromeMargin === "function" ? chrome.chromeMargin() : (chrome.CHROME_MARGIN ?? 1))
+
 type RenderOptions = {
   expanded?: boolean
 }
@@ -42,8 +47,8 @@ type RenderContext = {
 
 const live = createLiveWatch(400)
 
-/** Left indent of every tool row, in cells. */
-const ROW_INDENT = 2
+/** Left indent of every tool row: chrome margin plus one cell so rows sit inside message text. */
+const rowIndent = () => margin() + 1
 /** Max lines of output shown when a row is expanded. */
 const EXPANDED_MAX_LINES = 400
 
@@ -82,7 +87,7 @@ function expandedLines(kind: ToolKind, result: ToolResultLike | undefined): stri
 function outputBlock(kind: ToolKind, result: ToolResultLike | undefined, theme: Theme) {
   const lines = expandedLines(kind, result)
   if (lines.length === 0) return new Container()
-  const indent = " ".repeat(ROW_INDENT + 2)
+  const indent = " ".repeat(rowIndent() + 2)
   const rule = theme.fg("borderMuted", "│")
   return {
     render(width: number): string[] {
@@ -95,7 +100,7 @@ function outputBlock(kind: ToolKind, result: ToolResultLike | undefined, theme:
 
 function errorLineBlock(line: string | undefined, theme: Theme) {
   if (!line) return undefined
-  const indent = " ".repeat(ROW_INDENT + 2)
+  const indent = " ".repeat(rowIndent() + 2)
   const rule = theme.fg("error", "│")
   return {
     render(width: number): string[] {
@@ -135,7 +140,7 @@ function activityRow(kind: ToolKind, args: ToolArgs | undefined, theme: Theme, c
           right = right ? `${stats} · ${right}` : stats
         }
       }
-      const inner = Math.max(8, width - ROW_INDENT)
+      const inner = Math.max(8, width - rowIndent())
       const row = layoutRow(inner, kind, item, right)
 
       let coloredRight: string
@@ -148,7 +153,7 @@ function activityRow(kind: ToolKind, args: ToolArgs | undefined, theme: Theme, c
       } else coloredRight = theme.fg("dim", row.outcome)
 
       const line =
-        " ".repeat(ROW_INDENT) +
+        " ".repeat(rowIndent()) +
         theme.fg(statusColor(status), glyph) +
         " " +
         theme.fg("dim", row.verb) +

package/src/turn-rule.ts

@@ -1,8 +1,12 @@
 import type { ExtensionAPI, ExtensionContext } from "@earendil-works/pi-coding-agent"
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui"
-import { CHROME_MARGIN } from "./chrome.js"
+import * as chrome from "./chrome.js"
 import { formatElapsed } from "./working-status.js"
 
+/** Tolerates a stale chrome module after /reload, where only CHROME_MARGIN may exist. */
+const margin = (): number => (typeof chrome.chromeMargin === "function" ? chrome.chromeMargin() : (chrome.CHROME_MARGIN ?? 1))
+
+
 export const TURN_ENTRY_TYPE = "pi-minimal.turn"
 
 export type TurnSummary = {
@@ -83,10 +87,10 @@ export function installTurnRule(pi: ExtensionAPI): () => void {
     const color = entry.data.outcome === "completed" ? "borderMuted" : entry.data.outcome === "aborted" ? "warning" : "error"
     return {
       render(width: number): string[] {
-        const inner = Math.max(0, width - CHROME_MARGIN * 2)
+        const inner = Math.max(0, width - margin() * 2)
         const rule = ruleLine(inner, label)
         const colored = rule.replace(label, theme.fg("dim", label))
-        return ["", `${" ".repeat(CHROME_MARGIN)}${theme.fg(color, colored)}`]
+        return ["", `${" ".repeat(margin())}${theme.fg(color, colored)}`]
       },
       invalidate() {},
     }

package/test/code-box.test.ts

@@ -0,0 +1,55 @@
+import assert from "node:assert/strict"
+import test from "node:test"
+import { Markdown } from "@earendil-works/pi-tui"
+import { frameCodeLines, installCodeBox } from "../src/code-box.js"
+
+const theme = { codeBlockBorder: (s: string) => s }
+const ESC = String.fromCharCode(27)
+const stripAnsi = (s: string) => s.split(ESC).map((p, i) => (i === 0 ? p : p.replace(/^\[[0-9;]*m/, ""))).join("")
+
+test("frameCodeLines replaces fences with a closed box and keeps the trailer", () => {
+	const out = frameCodeLines(["```json", '  {"a":1}', "  ", "```", ""], "json", 20, theme)
+	assert.equal(out.length, 5)
+	assert.ok(out[0].startsWith("╭─ json ─") && out[0].endsWith("╮"))
+	assert.equal(out[1], '│ {"a":1}          │')
+	assert.equal(out[2], "│                  │")
+	assert.ok(out[3].startsWith("╰─") && out[3].endsWith("╯"))
+	for (const l of out.slice(0, 4)) assert.equal(l.length, 20, l)
+	assert.equal(out[4], "")
+})
+
+test("frameCodeLines wraps long lines inside the box", () => {
+	const out = frameCodeLines(["```", "  " + "x".repeat(30), "```"], undefined, 20, theme)
+	assert.equal(out.length, 4, out.join("\n"))
+	assert.equal(out[1], `│ ${"x".repeat(16)} │`)
+	assert.equal(out[2], `│ ${"x".repeat(14)}   │`)
+	for (const l of out) assert.equal(l.length, 20, l)
+})
+
+test("frameCodeLines handles empty blocks and missing language", () => {
+	const out = frameCodeLines(["```", "```"], undefined, 10, theme)
+	assert.deepEqual(out.map((l) => l[0]), ["╭", "│", "╰"])
+	assert.deepEqual(out.map((l) => l[l.length - 1]), ["╮", "│", "╯"])
+	assert.ok(!out[0].includes(" "), "no language label")
+	assert.deepEqual(frameCodeLines(["x"], undefined, 10, theme), ["x"])
+})
+
+test("installCodeBox patches pi-tui's Markdown renderer idempotently", () => {
+	assert.equal(installCodeBox(), true)
+	assert.equal(installCodeBox(), true)
+	// A reload re-points the installed wrapper at the current framer.
+	const slot = Symbol.for("pi-minimal.code-box.frame")
+	const slots = globalThis as unknown as Record<symbol, unknown>
+	assert.equal(slots[slot], frameCodeLines)
+	const id = (s: string) => s
+	const mdTheme = {
+		heading: id, link: id, linkUrl: id, code: id, codeBlock: id, codeBlockBorder: id, quote: id, quoteBorder: id,
+		hr: id, listBullet: id, bold: id, italic: id, underline: id, strikethrough: id,
+	}
+	const md = new Markdown("before\n\n```ts\nconst x = 1\n```\n\nafter", 0, 0, mdTheme as never)
+	const lines = md.render(40).map(stripAnsi)
+	assert.ok(lines.some((l) => l.startsWith("╭─ ts ") && l.endsWith("╮")), lines.join("\n"))
+	assert.ok(lines.some((l) => l.startsWith("│ const x = 1") && l.endsWith("│")), lines.join("\n"))
+	assert.ok(lines.some((l) => l.startsWith("╰─") && l.endsWith("╯")), lines.join("\n"))
+	assert.ok(!lines.some((l) => l.includes("```")), "no literal fences remain")
+})

package/test/package.test.ts

@@ -5,7 +5,7 @@ import { readFileSync } from "node:fs"
 test("package manifest exposes the committed extension", () => {
 	const pkg = JSON.parse(readFileSync("package.json", "utf8"))
 	assert.equal(pkg.name, "pi-minimal")
-	assert.equal(pkg.version, "0.2.1")
+	assert.equal(pkg.version, "0.2.2")
 	assert.equal(pkg.license, "MIT")
 	assert.equal(pkg.type, "module")
 	assert.deepEqual(pkg.engines, { node: ">=22.19.0" })

package/test/theme.test.ts

@@ -37,8 +37,8 @@ test("minimal-dark variable references resolve", () => {
 	}
 })
 
-test("minimal-dark hides code fences and neutralises tool backgrounds", () => {
-	assert.equal(theme.colors.mdCodeBlockBorder, "bg")
+test("minimal-dark frames code quietly and neutralises tool backgrounds", () => {
+	assert.equal(theme.colors.mdCodeBlockBorder, "faint")
 	assert.equal(theme.colors.mdCodeBlock, "text")
 	assert.equal(theme.colors.toolSuccessBg, theme.colors.toolPendingBg)
 	assert.notEqual(theme.colors.mdHeading, theme.colors.warning)

package/themes/minimal-dark.json

@@ -50,7 +50,7 @@
 		"mdLinkUrl": "dim",
 		"mdCode": "violet",
 		"mdCodeBlock": "text",
-		"mdCodeBlockBorder": "bg",
+		"mdCodeBlockBorder": "faint",
 		"mdQuote": "muted",
 		"mdQuoteBorder": "faint",
 		"mdHr": "faint",