gsd-pi 2.81.0 → 2.82.0-dev.ed17d078d

package/packages/pi-coding-agent/dist/modes/interactive/components/transcript-design.js

@@ -0,0 +1,152 @@
+// Project/App: GSD-2
+// File Purpose: Shared recommended transcript rendering primitives for assistant, tool, command, footer, and auto-mode TUI surfaces.
+import { truncateToWidth, visibleWidth } from "@gsd/pi-tui";
+import { theme } from "../theme/theme.js";
+import { alignRight, padRight, roundedPanel } from "./tui-style-kit.js";
+export function chatMessageWidth(width) {
+    return Math.max(24, Math.min(width, Math.floor(width * 0.72)));
+}
+function trimOuterBlankLines(lines) {
+    let start = 0;
+    let end = lines.length;
+    while (start < end && lines[start].trim().length === 0)
+        start++;
+    while (end > start && lines[end - 1].trim().length === 0)
+        end--;
+    return lines.slice(start, end);
+}
+function toneColor(tone) {
+    switch (tone) {
+        case "running": return "toolRunning";
+        case "success": return "border";
+        case "error": return "toolError";
+        case "warning": return "warning";
+        case "muted":
+        default: return "toolMuted";
+    }
+}
+export function rightAlign(left, right, width) {
+    return alignRight(left, right, width);
+}
+export function renderAssistantRail(lines, width, opts = { label: "GSD" }) {
+    const outerWidth = Math.max(20, width);
+    const indent = "  ";
+    const rail = theme.fg(opts.railColor ?? "borderAccent", "┃");
+    const blockWidth = Math.max(1, outerWidth - visibleWidth(indent));
+    const contentWidth = Math.max(1, blockWidth - 2);
+    const header = opts.meta
+        ? `${theme.fg("borderAccent", theme.bold(opts.label))} ${theme.fg("dim", opts.meta)}`
+        : theme.fg("borderAccent", theme.bold(opts.label));
+    const source = lines.length > 0 ? lines : [""];
+    const row = (line) => `${indent}${theme.bg("customMessageBg", padRight(`${rail} ${line}`, blockWidth))}`;
+    return [
+        row(""),
+        row(truncateToWidth(header, contentWidth, "")),
+        ...source.map((line) => row(truncateToWidth(line, contentWidth, ""))),
+        row(""),
+    ];
+}
+export function renderUserRail(lines, width, opts) {
+    const outerWidth = Math.max(20, width);
+    const maxMessageWidth = chatMessageWidth(outerWidth);
+    const rawBodyLines = trimOuterBlankLines(lines).length > 0 ? trimOuterBlankLines(lines) : [""];
+    const rail = theme.fg("border", "┃");
+    const contentWidth = Math.max(1, Math.min(maxMessageWidth, outerWidth - 2));
+    const header = opts.meta
+        ? `${theme.fg("border", theme.bold(opts.label))} ${theme.fg("dim", opts.meta)}`
+        : theme.fg("border", theme.bold(opts.label));
+    const bodyLines = rawBodyLines.map((line) => theme.fg("userMessageText", truncateToWidth(line.trimEnd(), contentWidth, "")));
+    const row = (line) => theme.bg("userMessageBg", padRight(`${rail} ${line}`, outerWidth));
+    return [
+        row(""),
+        row(truncateToWidth(header, contentWidth, "")),
+        ...bodyLines.map((line) => row(truncateToWidth(line, contentWidth, ""))),
+        row(""),
+    ];
+}
+function cardRow(line, contentWidth, paddingX, border) {
+    const padded = " ".repeat(paddingX) + padRight(line, contentWidth) + " ".repeat(paddingX);
+    return `${border("│")}${padded}${border("│")}`;
+}
+export function renderTranscriptCard(lines, width, opts) {
+    const outerWidth = Math.max(20, width);
+    const innerWidth = Math.max(1, outerWidth - 2);
+    const paddingX = 2;
+    const contentWidth = Math.max(1, innerWidth - paddingX * 2);
+    const borderColor = toneColor(opts.tone);
+    const border = (text) => theme.fg(borderColor, text);
+    const title = theme.fg("borderAccent", opts.title);
+    const right = opts.right ? theme.fg(toneColor(opts.tone), opts.right) : "";
+    const header = rightAlign(title, right, contentWidth);
+    const body = lines.map((line) => padRight(line, contentWidth));
+    const footer = opts.footerLeft || opts.footerRight
+        ? [rightAlign(theme.fg("dim", opts.footerLeft ?? ""), theme.fg("dim", opts.footerRight ?? ""), contentWidth)]
+        : [];
+    return [
+        border("╭" + "─".repeat(outerWidth - 2) + "╮"),
+        cardRow(header, contentWidth, paddingX, border),
+        ...body.map((line) => cardRow(line, contentWidth, paddingX, border)),
+        ...footer.map((line) => cardRow(line, contentWidth, paddingX, border)),
+        border("╰" + "─".repeat(outerWidth - 2) + "╯"),
+    ];
+}
+export function renderToolLineCard(title, target, width, opts) {
+    const outerWidth = Math.max(20, width);
+    const innerWidth = Math.max(1, outerWidth - 2);
+    const paddingX = 2;
+    const contentWidth = Math.max(1, innerWidth - paddingX * 2);
+    const borderColor = toneColor(opts.tone);
+    const border = (text) => theme.fg(borderColor, text);
+    const titleText = `${opts.titlePrefix ?? ""}${theme.fg("borderAccent", title)}`;
+    const targetText = target ? ` ${theme.fg("text", target)}` : "";
+    const left = `${titleText}${targetText}`;
+    const statusText = opts.hidden
+        ? `${opts.status} · output hidden · ctrl+o expand`
+        : opts.status;
+    const right = theme.fg(opts.tone === "success" ? "success" : borderColor, statusText);
+    const line = rightAlign(left, right, contentWidth);
+    const row = cardRow(line, contentWidth, paddingX, border);
+    return [
+        border("╭" + "─".repeat(outerWidth - 2) + "╮"),
+        opts.bg ? theme.bg(opts.bg, row) : row,
+        border("╰" + "─".repeat(outerWidth - 2) + "╯"),
+    ];
+}
+export function renderCommandCard(command, width, opts) {
+    const outerWidth = Math.max(20, width);
+    const innerWidth = Math.max(1, outerWidth - 2);
+    const paddingX = 2;
+    const contentWidth = Math.max(1, innerWidth - paddingX * 2);
+    const borderColor = toneColor(opts.tone);
+    const left = `${theme.fg("accent", "$")} ${theme.fg("text", command)}`;
+    const statusText = opts.progress
+        ? `${opts.progress} ${opts.status}`
+        : `${opts.status} · output hidden · ctrl+o expand`;
+    const right = theme.fg(opts.tone === "success" ? "success" : borderColor, statusText);
+    const line = rightAlign(left, right, contentWidth);
+    const border = (text) => theme.fg(borderColor, text);
+    return [
+        border("╭" + "─".repeat(outerWidth - 2) + "╮"),
+        cardRow(line, contentWidth, paddingX, border),
+        border("╰" + "─".repeat(outerWidth - 2) + "╯"),
+    ];
+}
+export function renderProgressBar(done, total, width, tone = "success") {
+    const clampedWidth = Math.max(0, width);
+    const pct = total > 0 ? Math.max(0, Math.min(1, done / total)) : 0;
+    const filled = Math.round(pct * clampedWidth);
+    return (theme.fg(toneColor(tone), "█".repeat(filled)) +
+        theme.fg("dim", "░".repeat(clampedWidth - filled)));
+}
+export function renderFooterStrip(leftSegments, right, width) {
+    const outerWidth = Math.max(20, width);
+    const innerWidth = Math.max(1, outerWidth - 2);
+    const sep = theme.fg("dim", "  │  ");
+    const rightStyled = theme.fg("dim", right);
+    const rightWidth = visibleWidth(rightStyled);
+    const leftBudget = right ? Math.max(1, innerWidth - rightWidth - 3) : innerWidth;
+    const left = truncateToWidth(leftSegments.filter(Boolean).join(sep), leftBudget, "");
+    const content = rightAlign(left, rightStyled, innerWidth);
+    return roundedPanel([content], outerWidth);
+}
+//# sourceMappingURL=transcript-design.js.map

package/packages/pi-coding-agent/dist/modes/interactive/components/transcript-design.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transcript-design.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/transcript-design.ts"],"names":[],"mappings":"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","sourcesContent":["// Project/App: GSD-2\n// File Purpose: Shared recommended transcript rendering primitives for assistant, tool, command, footer, and auto-mode TUI surfaces.\n\nimport { truncateToWidth, visibleWidth } from \"@gsd/pi-tui\";\nimport { theme, type ThemeBg, type ThemeColor } from \"../theme/theme.js\";\nimport { alignRight, padRight, roundedPanel } from \"./tui-style-kit.js\";\n\nexport type StatusTone = \"running\" | \"success\" | \"error\" | \"warning\" | \"muted\";\n\nexport function chatMessageWidth(width: number): number {\n\treturn Math.max(24, Math.min(width, Math.floor(width * 0.72)));\n}\n\nfunction trimOuterBlankLines(lines: string[]): string[] {\n\tlet start = 0;\n\tlet end = lines.length;\n\twhile (start < end && lines[start].trim().length === 0) start++;\n\twhile (end > start && lines[end - 1].trim().length === 0) end--;\n\treturn lines.slice(start, end);\n}\n\nfunction toneColor(tone: StatusTone): ThemeColor {\n\tswitch (tone) {\n\t\tcase \"running\": return \"toolRunning\";\n\t\tcase \"success\": return \"border\";\n\t\tcase \"error\": return \"toolError\";\n\t\tcase \"warning\": return \"warning\";\n\t\tcase \"muted\":\n\t\tdefault: return \"toolMuted\";\n\t}\n}\n\nexport function rightAlign(left: string, right: string, width: number): string {\n\treturn alignRight(left, right, width);\n}\n\nexport function renderAssistantRail(\n\tlines: string[],\n\twidth: number,\n\topts: { label: string; meta?: string; railColor?: ThemeColor } = { label: \"GSD\" },\n): string[] {\n\tconst outerWidth = Math.max(20, width);\n\tconst indent = \"  \";\n\tconst rail = theme.fg(opts.railColor ?? \"borderAccent\", \"┃\");\n\tconst blockWidth = Math.max(1, outerWidth - visibleWidth(indent));\n\tconst contentWidth = Math.max(1, blockWidth - 2);\n\tconst header = opts.meta\n\t\t? `${theme.fg(\"borderAccent\", theme.bold(opts.label))} ${theme.fg(\"dim\", opts.meta)}`\n\t\t: theme.fg(\"borderAccent\", theme.bold(opts.label));\n\tconst source = lines.length > 0 ? lines : [\"\"];\n\tconst row = (line: string) => `${indent}${theme.bg(\"customMessageBg\", padRight(`${rail} ${line}`, blockWidth))}`;\n\treturn [\n\t\trow(\"\"),\n\t\trow(truncateToWidth(header, contentWidth, \"\")),\n\t\t...source.map((line) => row(truncateToWidth(line, contentWidth, \"\"))),\n\t\trow(\"\"),\n\t];\n}\n\nexport function renderUserRail(\n\tlines: string[],\n\twidth: number,\n\topts: { label: string; meta?: string },\n): string[] {\n\tconst outerWidth = Math.max(20, width);\n\tconst maxMessageWidth = chatMessageWidth(outerWidth);\n\tconst rawBodyLines = trimOuterBlankLines(lines).length > 0 ? trimOuterBlankLines(lines) : [\"\"];\n\tconst rail = theme.fg(\"border\", \"┃\");\n\tconst contentWidth = Math.max(1, Math.min(maxMessageWidth, outerWidth - 2));\n\tconst header = opts.meta\n\t\t? `${theme.fg(\"border\", theme.bold(opts.label))} ${theme.fg(\"dim\", opts.meta)}`\n\t\t: theme.fg(\"border\", theme.bold(opts.label));\n\tconst bodyLines = rawBodyLines.map((line) =>\n\t\ttheme.fg(\"userMessageText\", truncateToWidth(line.trimEnd(), contentWidth, \"\"))\n\t);\n\tconst row = (line: string) => theme.bg(\"userMessageBg\", padRight(`${rail} ${line}`, outerWidth));\n\treturn [\n\t\trow(\"\"),\n\t\trow(truncateToWidth(header, contentWidth, \"\")),\n\t\t...bodyLines.map((line) => row(truncateToWidth(line, contentWidth, \"\"))),\n\t\trow(\"\"),\n\t];\n}\n\nfunction cardRow(line: string, contentWidth: number, paddingX: number, border: (text: string) => string): string {\n\tconst padded = \" \".repeat(paddingX) + padRight(line, contentWidth) + \" \".repeat(paddingX);\n\treturn `${border(\"│\")}${padded}${border(\"│\")}`;\n}\n\nexport function renderTranscriptCard(\n\tlines: string[],\n\twidth: number,\n\topts: {\n\t\ttitle: string;\n\t\tright?: string;\n\t\ttone: StatusTone;\n\t\tfooterLeft?: string;\n\t\tfooterRight?: string;\n\t},\n): string[] {\n\tconst outerWidth = Math.max(20, width);\n\tconst innerWidth = Math.max(1, outerWidth - 2);\n\tconst paddingX = 2;\n\tconst contentWidth = Math.max(1, innerWidth - paddingX * 2);\n\tconst borderColor = toneColor(opts.tone);\n\tconst border = (text: string) => theme.fg(borderColor, text);\n\tconst title = theme.fg(\"borderAccent\", opts.title);\n\tconst right = opts.right ? theme.fg(toneColor(opts.tone), opts.right) : \"\";\n\tconst header = rightAlign(title, right, contentWidth);\n\tconst body = lines.map((line) => padRight(line, contentWidth));\n\tconst footer =\n\t\topts.footerLeft || opts.footerRight\n\t\t\t? [rightAlign(theme.fg(\"dim\", opts.footerLeft ?? \"\"), theme.fg(\"dim\", opts.footerRight ?? \"\"), contentWidth)]\n\t\t\t: [];\n\treturn [\n\t\tborder(\"╭\" + \"─\".repeat(outerWidth - 2) + \"╮\"),\n\t\tcardRow(header, contentWidth, paddingX, border),\n\t\t...body.map((line) => cardRow(line, contentWidth, paddingX, border)),\n\t\t...footer.map((line) => cardRow(line, contentWidth, paddingX, border)),\n\t\tborder(\"╰\" + \"─\".repeat(outerWidth - 2) + \"╯\"),\n\t];\n}\n\nexport function renderToolLineCard(\n\ttitle: string,\n\ttarget: string | undefined,\n\twidth: number,\n\topts: { status: string; tone: StatusTone; hidden?: boolean; titlePrefix?: string; bg?: ThemeBg },\n): string[] {\n\tconst outerWidth = Math.max(20, width);\n\tconst innerWidth = Math.max(1, outerWidth - 2);\n\tconst paddingX = 2;\n\tconst contentWidth = Math.max(1, innerWidth - paddingX * 2);\n\tconst borderColor = toneColor(opts.tone);\n\tconst border = (text: string) => theme.fg(borderColor, text);\n\tconst titleText = `${opts.titlePrefix ?? \"\"}${theme.fg(\"borderAccent\", title)}`;\n\tconst targetText = target ? ` ${theme.fg(\"text\", target)}` : \"\";\n\tconst left = `${titleText}${targetText}`;\n\tconst statusText = opts.hidden\n\t\t? `${opts.status} · output hidden · ctrl+o expand`\n\t\t: opts.status;\n\tconst right = theme.fg(opts.tone === \"success\" ? \"success\" : borderColor, statusText);\n\tconst line = rightAlign(left, right, contentWidth);\n\tconst row = cardRow(line, contentWidth, paddingX, border);\n\treturn [\n\t\tborder(\"╭\" + \"─\".repeat(outerWidth - 2) + \"╮\"),\n\t\topts.bg ? theme.bg(opts.bg, row) : row,\n\t\tborder(\"╰\" + \"─\".repeat(outerWidth - 2) + \"╯\"),\n\t];\n}\n\nexport function renderCommandCard(\n\tcommand: string,\n\twidth: number,\n\topts: { status: string; tone: StatusTone; progress?: string },\n): string[] {\n\tconst outerWidth = Math.max(20, width);\n\tconst innerWidth = Math.max(1, outerWidth - 2);\n\tconst paddingX = 2;\n\tconst contentWidth = Math.max(1, innerWidth - paddingX * 2);\n\tconst borderColor = toneColor(opts.tone);\n\tconst left = `${theme.fg(\"accent\", \"$\")} ${theme.fg(\"text\", command)}`;\n\tconst statusText = opts.progress\n\t\t? `${opts.progress} ${opts.status}`\n\t\t: `${opts.status} · output hidden · ctrl+o expand`;\n\tconst right = theme.fg(opts.tone === \"success\" ? \"success\" : borderColor, statusText);\n\tconst line = rightAlign(left, right, contentWidth);\n\tconst border = (text: string) => theme.fg(borderColor, text);\n\treturn [\n\t\tborder(\"╭\" + \"─\".repeat(outerWidth - 2) + \"╮\"),\n\t\tcardRow(line, contentWidth, paddingX, border),\n\t\tborder(\"╰\" + \"─\".repeat(outerWidth - 2) + \"╯\"),\n\t];\n}\n\nexport function renderProgressBar(done: number, total: number, width: number, tone: StatusTone = \"success\"): string {\n\tconst clampedWidth = Math.max(0, width);\n\tconst pct = total > 0 ? Math.max(0, Math.min(1, done / total)) : 0;\n\tconst filled = Math.round(pct * clampedWidth);\n\treturn (\n\t\ttheme.fg(toneColor(tone), \"█\".repeat(filled)) +\n\t\ttheme.fg(\"dim\", \"░\".repeat(clampedWidth - filled))\n\t);\n}\n\nexport function renderFooterStrip(leftSegments: string[], right: string, width: number): string[] {\n\tconst outerWidth = Math.max(20, width);\n\tconst innerWidth = Math.max(1, outerWidth - 2);\n\tconst sep = theme.fg(\"dim\", \"  │  \");\n\tconst rightStyled = theme.fg(\"dim\", right);\n\tconst rightWidth = visibleWidth(rightStyled);\n\tconst leftBudget = right ? Math.max(1, innerWidth - rightWidth - 3) : innerWidth;\n\tconst left = truncateToWidth(leftSegments.filter(Boolean).join(sep), leftBudget, \"\");\n\tconst content = rightAlign(left, rightStyled, innerWidth);\n\treturn roundedPanel([content], outerWidth);\n}\n"]}

package/packages/pi-coding-agent/dist/modes/interactive/components/tui-style-kit.d.ts

@@ -0,0 +1,16 @@
+import { type ThemeColor } from "../theme/theme.js";
+export type TuiTone = "default" | "accent" | "success" | "warning" | "error" | "muted";
+export type TuiBreakpoint = "compact" | "regular" | "wide";
+export declare function breakpoint(width: number): TuiBreakpoint;
+export declare function padRight(text: string, width: number): string;
+export declare function alignRight(left: string, right: string, width: number): string;
+export declare function toneColor(tone: TuiTone): ThemeColor;
+export declare function badge(text: string, tone?: TuiTone): string;
+export declare function keyValue(label: string, value: string, valueColor?: ThemeColor, labelWidth?: number): string;
+export declare function roundedPanel(lines: string[], width: number, opts?: {
+    tone?: TuiTone;
+    title?: string;
+    rightTitle?: string;
+    paddingX?: number;
+}): string[];
+//# sourceMappingURL=tui-style-kit.d.ts.map

package/packages/pi-coding-agent/dist/modes/interactive/components/tui-style-kit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui-style-kit.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/tui-style-kit.ts"],"names":[],"mappings":"AAIA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE3D,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,CAIvD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAG5D;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAK7E;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,UAAU,CAUnD;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,GAAE,OAAmB,GAAG,MAAM,CAErE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,GAAE,UAAmB,EAAE,UAAU,SAAK,GAAG,MAAM,CAE/G;AAED,wBAAgB,YAAY,CAC3B,KAAK,EAAE,MAAM,EAAE,EACf,KAAK,EAAE,MAAM,EACb,IAAI,GAAE;IACL,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACb,GACJ,MAAM,EAAE,CAoCV"}

package/packages/pi-coding-agent/dist/modes/interactive/components/tui-style-kit.js

@@ -0,0 +1,73 @@
+// Project/App: GSD-2
+// File Purpose: Lip Gloss-inspired terminal layout primitives for GSD interactive TUI surfaces.
+import { truncateToWidth, visibleWidth } from "@gsd/pi-tui";
+import { theme } from "../theme/theme.js";
+export function breakpoint(width) {
+    if (width < 72)
+        return "compact";
+    if (width < 112)
+        return "regular";
+    return "wide";
+}
+export function padRight(text, width) {
+    const clipped = truncateToWidth(text, Math.max(0, width), "");
+    return clipped + " ".repeat(Math.max(0, width - visibleWidth(clipped)));
+}
+export function alignRight(left, right, width) {
+    if (width <= 0)
+        return "";
+    if (!right)
+        return truncateToWidth(left, width, "");
+    const gap = Math.max(1, width - visibleWidth(left) - visibleWidth(right));
+    return truncateToWidth(left + " ".repeat(gap) + right, width, "");
+}
+export function toneColor(tone) {
+    switch (tone) {
+        case "accent": return "borderAccent";
+        case "success": return "success";
+        case "warning": return "warning";
+        case "error": return "error";
+        case "muted": return "borderMuted";
+        case "default":
+        default: return "border";
+    }
+}
+export function badge(text, tone = "default") {
+    return theme.fg(toneColor(tone), text);
+}
+export function keyValue(label, value, valueColor = "text", labelWidth = 10) {
+    return `${theme.fg("dim", label.padEnd(labelWidth))}${theme.fg(valueColor, value)}`;
+}
+export function roundedPanel(lines, width, opts = {}) {
+    const outerWidth = Math.max(1, width);
+    const paddingX = Math.max(0, opts.paddingX ?? 0);
+    const borderColor = toneColor(opts.tone ?? "default");
+    const border = (text) => theme.fg(borderColor, text);
+    const title = opts.title ? theme.fg("borderAccent", opts.title) : "";
+    const rightTitle = opts.rightTitle ? theme.fg("dim", opts.rightTitle) : "";
+    const body = lines.length > 0 ? lines : [""];
+    if (outerWidth < 3) {
+        return body.map((line) => truncateToWidth(line, outerWidth, ""));
+    }
+    const innerWidth = Math.max(1, outerWidth - 2);
+    const contentWidth = Math.max(1, innerWidth - paddingX * 2);
+    const renderedBody = body.map((line) => {
+        const padded = " ".repeat(paddingX) + padRight(line, contentWidth) + " ".repeat(paddingX);
+        return `${border("│")}${padRight(padded, innerWidth)}${border("│")}`;
+    });
+    if (!title && !rightTitle) {
+        return [
+            border("╭" + "─".repeat(outerWidth - 2) + "╮"),
+            ...renderedBody,
+            border("╰" + "─".repeat(outerWidth - 2) + "╯"),
+        ];
+    }
+    const header = alignRight(title, rightTitle, innerWidth);
+    return [
+        border("╭" + "─".repeat(outerWidth - 2) + "╮"),
+        `${border("│")}${padRight(header, innerWidth)}${border("│")}`,
+        ...renderedBody,
+        border("╰" + "─".repeat(outerWidth - 2) + "╯"),
+    ];
+}
+//# sourceMappingURL=tui-style-kit.js.map

package/packages/pi-coding-agent/dist/modes/interactive/components/tui-style-kit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui-style-kit.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/tui-style-kit.ts"],"names":[],"mappings":"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","sourcesContent":["// Project/App: GSD-2\n// File Purpose: Lip Gloss-inspired terminal layout primitives for GSD interactive TUI surfaces.\n\nimport { truncateToWidth, visibleWidth } from \"@gsd/pi-tui\";\nimport { theme, type ThemeColor } from \"../theme/theme.js\";\n\nexport type TuiTone = \"default\" | \"accent\" | \"success\" | \"warning\" | \"error\" | \"muted\";\n\nexport type TuiBreakpoint = \"compact\" | \"regular\" | \"wide\";\n\nexport function breakpoint(width: number): TuiBreakpoint {\n\tif (width < 72) return \"compact\";\n\tif (width < 112) return \"regular\";\n\treturn \"wide\";\n}\n\nexport function padRight(text: string, width: number): string {\n\tconst clipped = truncateToWidth(text, Math.max(0, width), \"\");\n\treturn clipped + \" \".repeat(Math.max(0, width - visibleWidth(clipped)));\n}\n\nexport function alignRight(left: string, right: string, width: number): string {\n\tif (width <= 0) return \"\";\n\tif (!right) return truncateToWidth(left, width, \"\");\n\tconst gap = Math.max(1, width - visibleWidth(left) - visibleWidth(right));\n\treturn truncateToWidth(left + \" \".repeat(gap) + right, width, \"\");\n}\n\nexport function toneColor(tone: TuiTone): ThemeColor {\n\tswitch (tone) {\n\t\tcase \"accent\": return \"borderAccent\";\n\t\tcase \"success\": return \"success\";\n\t\tcase \"warning\": return \"warning\";\n\t\tcase \"error\": return \"error\";\n\t\tcase \"muted\": return \"borderMuted\";\n\t\tcase \"default\":\n\t\tdefault: return \"border\";\n\t}\n}\n\nexport function badge(text: string, tone: TuiTone = \"default\"): string {\n\treturn theme.fg(toneColor(tone), text);\n}\n\nexport function keyValue(label: string, value: string, valueColor: ThemeColor = \"text\", labelWidth = 10): string {\n\treturn `${theme.fg(\"dim\", label.padEnd(labelWidth))}${theme.fg(valueColor, value)}`;\n}\n\nexport function roundedPanel(\n\tlines: string[],\n\twidth: number,\n\topts: {\n\t\ttone?: TuiTone;\n\t\ttitle?: string;\n\t\trightTitle?: string;\n\t\tpaddingX?: number;\n\t} = {},\n): string[] {\n\tconst outerWidth = Math.max(1, width);\n\tconst paddingX = Math.max(0, opts.paddingX ?? 0);\n\tconst borderColor = toneColor(opts.tone ?? \"default\");\n\tconst border = (text: string) => theme.fg(borderColor, text);\n\tconst title = opts.title ? theme.fg(\"borderAccent\", opts.title) : \"\";\n\tconst rightTitle = opts.rightTitle ? theme.fg(\"dim\", opts.rightTitle) : \"\";\n\tconst body = lines.length > 0 ? lines : [\"\"];\n\n\tif (outerWidth < 3) {\n\t\treturn body.map((line) => truncateToWidth(line, outerWidth, \"\"));\n\t}\n\n\tconst innerWidth = Math.max(1, outerWidth - 2);\n\tconst contentWidth = Math.max(1, innerWidth - paddingX * 2);\n\n\tconst renderedBody = body.map((line) => {\n\t\tconst padded = \" \".repeat(paddingX) + padRight(line, contentWidth) + \" \".repeat(paddingX);\n\t\treturn `${border(\"│\")}${padRight(padded, innerWidth)}${border(\"│\")}`;\n\t});\n\n\tif (!title && !rightTitle) {\n\t\treturn [\n\t\t\tborder(\"╭\" + \"─\".repeat(outerWidth - 2) + \"╮\"),\n\t\t\t...renderedBody,\n\t\t\tborder(\"╰\" + \"─\".repeat(outerWidth - 2) + \"╯\"),\n\t\t];\n\t}\n\n\tconst header = alignRight(title, rightTitle, innerWidth);\n\treturn [\n\t\tborder(\"╭\" + \"─\".repeat(outerWidth - 2) + \"╮\"),\n\t\t`${border(\"│\")}${padRight(header, innerWidth)}${border(\"│\")}`,\n\t\t...renderedBody,\n\t\tborder(\"╰\" + \"─\".repeat(outerWidth - 2) + \"╯\"),\n\t];\n}\n"]}

package/packages/pi-coding-agent/dist/modes/interactive/components/user-message.d.ts

@@ -1,7 +1,7 @@
 import { Container, type MarkdownTheme } from "@gsd/pi-tui";
 import { type TimestampFormat } from "./timestamp.js";
 /**
- * Component that renders a user message with a right-aligned timestamp.
+ * Component that renders a user message against the left edge of the chat transcript.
  */
 export declare class UserMessageComponent extends Container {
     private timestamp;

package/packages/pi-coding-agent/dist/modes/interactive/components/user-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-message.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/user-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMtD;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,SAAS;IAClD,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,eAAe,CAAkB;gBAE7B,IAAI,EAAE,MAAM,EAAE,aAAa,GAAE,aAAkC,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,eAAe,GAAE,eAAiC;IAO1I,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAqBxC"}
+{"version":3,"file":"user-message.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/user-message.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtE,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMvE;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,SAAS;IAClD,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,eAAe,CAAkB;gBAE7B,IAAI,EAAE,MAAM,EAAE,aAAa,GAAE,aAAkC,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,eAAe,GAAE,eAAiC;IAO1I,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAuBxC"}

package/packages/pi-coding-agent/dist/modes/interactive/components/user-message.js

@@ -1,10 +1,13 @@
+// Project/App: GSD-2
+// File Purpose: Left-edge user message rail renderer for interactive chat transcripts.
 import { Container, Markdown } from "@gsd/pi-tui";
 import { getMarkdownTheme } from "../theme/theme.js";
-import { renderChatFrame } from "./chat-frame.js";
+import { formatTimestamp } from "./timestamp.js";
+import { chatMessageWidth, renderUserRail } from "./transcript-design.js";
 const OSC133_ZONE_START = "\x1b]133;A\x07";
 const OSC133_ZONE_END = "\x1b]133;B\x07";
 /**
- * Component that renders a user message with a right-aligned timestamp.
+ * Component that renders a user message against the left edge of the chat transcript.
  */
 export class UserMessageComponent extends Container {
     constructor(text, markdownTheme = getMarkdownTheme(), timestamp, timestampFormat = "date-time-iso") {
@@ -15,14 +18,15 @@ export class UserMessageComponent extends Container {
     }
     render(width) {
         const frameWidth = Math.max(20, width);
-        const contentWidth = Math.max(1, frameWidth - 4);
+        const messageWidth = chatMessageWidth(frameWidth);
+        const contentWidth = Math.max(1, messageWidth - 2);
         const lines = super.render(contentWidth);
-        const framed = renderChatFrame(lines, frameWidth, {
+        const meta = this.timestamp !== undefined
+            ? formatTimestamp(this.timestamp, this.timestampFormat)
+            : undefined;
+        const framed = renderUserRail(lines, frameWidth, {
             label: "You",
-            tone: "user",
-            timestamp: this.timestamp,
-            timestampFormat: this.timestampFormat,
-            showTimestamp: true,
+            meta,
         });
         if (framed.length === 0) {
             return framed;

package/packages/pi-coding-agent/dist/modes/interactive/components/user-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-message.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/user-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAC3C,MAAM,eAAe,GAAG,gBAAgB,CAAC;AAEzC;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,SAAS;IAIlD,YAAY,IAAY,EAAE,gBAA+B,gBAAgB,EAAE,EAAE,SAAkB,EAAE,kBAAmC,eAAe;QAClJ,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;IACxD,CAAC;IAEQ,MAAM,CAAC,KAAa;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACvC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;QACjD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACzC,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE;YACjD,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,aAAa,EAAE,IAAI;SACnB,CAAC,CAAC;QACH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,MAAM,CAAC;QACf,CAAC;QACD,MAAM,GAAG,GAAG,CAAC,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC;QAC5B,MAAM,cAAc,GAAG,CAAC,CAAC;QACzB,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QACrC,GAAG,CAAC,cAAc,CAAC,GAAG,iBAAiB,GAAG,GAAG,CAAC,cAAc,CAAC,CAAC;QAC9D,GAAG,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC,aAAa,CAAC,GAAG,eAAe,CAAC;QAC1D,OAAO,GAAG,CAAC;IACZ,CAAC;CACD","sourcesContent":["import { Container, Markdown, type MarkdownTheme } from \"@gsd/pi-tui\";\nimport { getMarkdownTheme } from \"../theme/theme.js\";\nimport { type TimestampFormat } from \"./timestamp.js\";\nimport { renderChatFrame } from \"./chat-frame.js\";\n\nconst OSC133_ZONE_START = \"\\x1b]133;A\\x07\";\nconst OSC133_ZONE_END = \"\\x1b]133;B\\x07\";\n\n/**\n * Component that renders a user message with a right-aligned timestamp.\n */\nexport class UserMessageComponent extends Container {\n\tprivate timestamp: number | undefined;\n\tprivate timestampFormat: TimestampFormat;\n\n\tconstructor(text: string, markdownTheme: MarkdownTheme = getMarkdownTheme(), timestamp?: number, timestampFormat: TimestampFormat = \"date-time-iso\") {\n\t\tsuper();\n\t\tthis.timestamp = timestamp;\n\t\tthis.timestampFormat = timestampFormat;\n\t\tthis.addChild(new Markdown(text, 0, 0, markdownTheme));\n\t}\n\n\toverride render(width: number): string[] {\n\t\tconst frameWidth = Math.max(20, width);\n\t\tconst contentWidth = Math.max(1, frameWidth - 4);\n\t\tconst lines = super.render(contentWidth);\n\t\tconst framed = renderChatFrame(lines, frameWidth, {\n\t\t\tlabel: \"You\",\n\t\t\ttone: \"user\",\n\t\t\ttimestamp: this.timestamp,\n\t\t\ttimestampFormat: this.timestampFormat,\n\t\t\tshowTimestamp: true,\n\t\t});\n\t\tif (framed.length === 0) {\n\t\t\treturn framed;\n\t\t}\n\t\tconst out = [\"\", ...framed];\n\t\tconst firstFrameLine = 1;\n\t\tconst lastFrameLine = out.length - 1;\n\t\tout[firstFrameLine] = OSC133_ZONE_START + out[firstFrameLine];\n\t\tout[lastFrameLine] = out[lastFrameLine] + OSC133_ZONE_END;\n\t\treturn out;\n\t}\n}\n"]}
+{"version":3,"file":"user-message.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/user-message.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,uFAAuF;AAEvF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAwB,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAC3C,MAAM,eAAe,GAAG,gBAAgB,CAAC;AAEzC;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,SAAS;IAIlD,YAAY,IAAY,EAAE,gBAA+B,gBAAgB,EAAE,EAAE,SAAkB,EAAE,kBAAmC,eAAe;QAClJ,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;IACxD,CAAC;IAEQ,MAAM,CAAC,KAAa;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACvC,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAClD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACzC,MAAM,IAAI,GACT,IAAI,CAAC,SAAS,KAAK,SAAS;YAC3B,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC;YACvD,CAAC,CAAC,SAAS,CAAC;QACd,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,UAAU,EAAE;YAChD,KAAK,EAAE,KAAK;YACZ,IAAI;SACJ,CAAC,CAAC;QACH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,MAAM,CAAC;QACf,CAAC;QACD,MAAM,GAAG,GAAG,CAAC,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC;QAC5B,MAAM,cAAc,GAAG,CAAC,CAAC;QACzB,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QACrC,GAAG,CAAC,cAAc,CAAC,GAAG,iBAAiB,GAAG,GAAG,CAAC,cAAc,CAAC,CAAC;QAC9D,GAAG,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC,aAAa,CAAC,GAAG,eAAe,CAAC;QAC1D,OAAO,GAAG,CAAC;IACZ,CAAC;CACD","sourcesContent":["// Project/App: GSD-2\n// File Purpose: Left-edge user message rail renderer for interactive chat transcripts.\n\nimport { Container, Markdown, type MarkdownTheme } from \"@gsd/pi-tui\";\nimport { getMarkdownTheme } from \"../theme/theme.js\";\nimport { formatTimestamp, type TimestampFormat } from \"./timestamp.js\";\nimport { chatMessageWidth, renderUserRail } from \"./transcript-design.js\";\n\nconst OSC133_ZONE_START = \"\\x1b]133;A\\x07\";\nconst OSC133_ZONE_END = \"\\x1b]133;B\\x07\";\n\n/**\n * Component that renders a user message against the left edge of the chat transcript.\n */\nexport class UserMessageComponent extends Container {\n\tprivate timestamp: number | undefined;\n\tprivate timestampFormat: TimestampFormat;\n\n\tconstructor(text: string, markdownTheme: MarkdownTheme = getMarkdownTheme(), timestamp?: number, timestampFormat: TimestampFormat = \"date-time-iso\") {\n\t\tsuper();\n\t\tthis.timestamp = timestamp;\n\t\tthis.timestampFormat = timestampFormat;\n\t\tthis.addChild(new Markdown(text, 0, 0, markdownTheme));\n\t}\n\n\toverride render(width: number): string[] {\n\t\tconst frameWidth = Math.max(20, width);\n\t\tconst messageWidth = chatMessageWidth(frameWidth);\n\t\tconst contentWidth = Math.max(1, messageWidth - 2);\n\t\tconst lines = super.render(contentWidth);\n\t\tconst meta =\n\t\t\tthis.timestamp !== undefined\n\t\t\t\t? formatTimestamp(this.timestamp, this.timestampFormat)\n\t\t\t\t: undefined;\n\t\tconst framed = renderUserRail(lines, frameWidth, {\n\t\t\tlabel: \"You\",\n\t\t\tmeta,\n\t\t});\n\t\tif (framed.length === 0) {\n\t\t\treturn framed;\n\t\t}\n\t\tconst out = [\"\", ...framed];\n\t\tconst firstFrameLine = 1;\n\t\tconst lastFrameLine = out.length - 1;\n\t\tout[firstFrameLine] = OSC133_ZONE_START + out[firstFrameLine];\n\t\tout[lastFrameLine] = out[lastFrameLine] + OSC133_ZONE_END;\n\t\treturn out;\n\t}\n}\n"]}

package/packages/pi-coding-agent/dist/modes/interactive/theme/theme-highlight.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme-highlight.test.d.ts.map

package/packages/pi-coding-agent/dist/modes/interactive/theme/theme-highlight.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-highlight.test.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/theme/theme-highlight.test.ts"],"names":[],"mappings":""}

package/packages/pi-coding-agent/dist/modes/interactive/theme/theme-highlight.test.js

@@ -0,0 +1,17 @@
+// Project/App: GSD-2
+// File Purpose: Tests for safe terminal syntax highlighting fallback.
+import test from "node:test";
+import assert from "node:assert/strict";
+import stripAnsi from "strip-ansi";
+import { highlightCode, initTheme } from "./theme.js";
+initTheme("dark", false);
+test("highlightCode applies lightweight syntax colors when native highlighting is disabled", () => {
+    const [line] = highlightCode("const answer = 42 // meaning", "typescript");
+    assert.ok(line.includes("\x1b["), "expected ANSI color output");
+    assert.equal(stripAnsi(line), "const answer = 42 // meaning");
+});
+test("highlightCode keeps plain text unstyled when no language is known", () => {
+    const [line] = highlightCode("const answer = 42");
+    assert.equal(line, "const answer = 42");
+});
+//# sourceMappingURL=theme-highlight.test.js.map

package/packages/pi-coding-agent/dist/modes/interactive/theme/theme-highlight.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-highlight.test.js","sourceRoot":"","sources":["../../../../src/modes/interactive/theme/theme-highlight.test.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,sEAAsE;AAEtE,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEtD,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAEzB,IAAI,CAAC,sFAAsF,EAAE,GAAG,EAAE;IACjG,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,8BAA8B,EAAE,YAAY,CAAC,CAAC;IAE3E,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,4BAA4B,CAAC,CAAC;IAChE,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,8BAA8B,CAAC,CAAC;AAC/D,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,mEAAmE,EAAE,GAAG,EAAE;IAC9E,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAElD,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;AACzC,CAAC,CAAC,CAAC","sourcesContent":["// Project/App: GSD-2\n// File Purpose: Tests for safe terminal syntax highlighting fallback.\n\nimport test from \"node:test\";\nimport assert from \"node:assert/strict\";\nimport stripAnsi from \"strip-ansi\";\n\nimport { highlightCode, initTheme } from \"./theme.js\";\n\ninitTheme(\"dark\", false);\n\ntest(\"highlightCode applies lightweight syntax colors when native highlighting is disabled\", () => {\n\tconst [line] = highlightCode(\"const answer = 42 // meaning\", \"typescript\");\n\n\tassert.ok(line.includes(\"\\x1b[\"), \"expected ANSI color output\");\n\tassert.equal(stripAnsi(line), \"const answer = 42 // meaning\");\n});\n\ntest(\"highlightCode keeps plain text unstyled when no language is known\", () => {\n\tconst [line] = highlightCode(\"const answer = 42\");\n\n\tassert.equal(line, \"const answer = 42\");\n});\n"]}

package/packages/pi-coding-agent/dist/modes/interactive/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/theme/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/theme/theme.ts"],"names":[],"mappings":"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"}

package/packages/pi-coding-agent/dist/modes/interactive/theme/theme.js

@@ -716,13 +716,117 @@ function getHighlightColors(t) {
     }
     return cachedHighlightColors;
 }
+const LIGHTWEIGHT_KEYWORDS = new Set([
+    "as",
+    "async",
+    "await",
+    "break",
+    "case",
+    "catch",
+    "class",
+    "const",
+    "continue",
+    "default",
+    "def",
+    "else",
+    "enum",
+    "export",
+    "extends",
+    "false",
+    "fn",
+    "for",
+    "from",
+    "function",
+    "if",
+    "import",
+    "in",
+    "interface",
+    "let",
+    "match",
+    "new",
+    "null",
+    "return",
+    "struct",
+    "switch",
+    "throw",
+    "true",
+    "try",
+    "type",
+    "undefined",
+    "use",
+    "var",
+    "while",
+]);
+function lightweightHighlightLine(line) {
+    let out = "";
+    let i = 0;
+    while (i < line.length) {
+        const ch = line[i];
+        const next = line[i + 1];
+        if (ch === "/" && next === "/") {
+            out += theme.fg("syntaxComment", line.slice(i));
+            break;
+        }
+        if (ch === "#") {
+            out += theme.fg("syntaxComment", line.slice(i));
+            break;
+        }
+        if (ch === '"' || ch === "'" || ch === "`") {
+            const quote = ch;
+            let j = i + 1;
+            while (j < line.length) {
+                if (line[j] === "\\") {
+                    if (j + 1 >= line.length) {
+                        j = line.length;
+                        break;
+                    }
+                    j += 2;
+                    continue;
+                }
+                if (line[j] === quote) {
+                    j++;
+                    break;
+                }
+                j++;
+            }
+            out += theme.fg("syntaxString", line.slice(i, j));
+            i = j;
+            continue;
+        }
+        if (/[A-Za-z_$]/.test(ch ?? "")) {
+            let j = i + 1;
+            while (j < line.length && /[A-Za-z0-9_$]/.test(line[j] ?? ""))
+                j++;
+            const word = line.slice(i, j);
+            out += LIGHTWEIGHT_KEYWORDS.has(word)
+                ? theme.fg("syntaxKeyword", word)
+                : word;
+            i = j;
+            continue;
+        }
+        if (/\d/.test(ch ?? "")) {
+            let j = i + 1;
+            while (j < line.length && /[\d._]/.test(line[j] ?? ""))
+                j++;
+            out += theme.fg("syntaxNumber", line.slice(i, j));
+            i = j;
+            continue;
+        }
+        out += ch;
+        i++;
+    }
+    return out;
+}
+function lightweightHighlightCode(code) {
+    return code.split("\n").map(lightweightHighlightLine);
+}
 /**
  * Highlight code with syntax coloring based on file extension or language.
  * Returns array of highlighted lines.
  */
 export function highlightCode(code, lang) {
     if (!NATIVE_TUI_HIGHLIGHT_ENABLED) {
-        return code.split("\n");
+        return lang ? lightweightHighlightCode(code) : code.split("\n");
     }
     const validLang = lang && supportsLanguage(lang) ? lang : null;
     try {