gsd-pi 2.80.0 → 2.81.0-dev.3cddbbba2

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/controllers/chat-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-controller.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/controllers/chat-controller.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AA8CnG,wBAAgB,4BAA4B,CAC3C,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,GACvB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC,CAiB/C;AAED,wBAAgB,sBAAsB,CAAC,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAExE;AA+BD,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,wBAAwB,GAAG;IACvE,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,4BAA4B,EAAE,MAAM,GAAG,CAAC;IACxC,gBAAgB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACxD,qBAAqB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IACpD,2BAA2B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;IACvD,sBAAsB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4BAA4B,EAAE,MAAM,IAAI,CAAC;IACzC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,wBAAwB,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CAChD,EAAE,KAAK,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CAw1B7C"}
+{"version":3,"file":"chat-controller.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/controllers/chat-controller.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAmDnG,wBAAgB,4BAA4B,CAC3C,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,GACvB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC,CAiB/C;AAED,wBAAgB,sBAAsB,CAAC,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAExE;AA6HD,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,wBAAwB,GAAG;IACvE,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,4BAA4B,EAAE,MAAM,GAAG,CAAC;IACxC,gBAAgB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACxD,qBAAqB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IACpD,2BAA2B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;IACvD,sBAAsB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4BAA4B,EAAE,MAAM,IAAI,CAAC;IACzC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,wBAAwB,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CAChD,EAAE,KAAK,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CA61B7C"}

package/packages/pi-coding-agent/dist/modes/interactive/controllers/chat-controller.js

@@ -1,7 +1,8 @@
+// GSD-2 Interactive Chat Controller
 import { Loader, Markdown, Spacer, Text } from "@gsd/pi-tui";
 import { theme } from "../theme/theme.js";
 import { AssistantMessageComponent } from "../components/assistant-message.js";
-import { ToolExecutionComponent } from "../components/tool-execution.js";
+import { ToolExecutionComponent, ToolPhaseSummaryComponent, } from "../components/tool-execution.js";
 import { DynamicBorder } from "../components/dynamic-border.js";
 import { appKey } from "../components/keybinding-hints.js";
 // Tracks the last processed content index to avoid re-scanning all blocks on every message_update
@@ -74,6 +75,84 @@ let hasToolsInTurn = false;
 let pinnedBorder;
 // Reference to the pinned markdown component below the border
 let pinnedTextComponent;
+function mergeToolPhases(phases) {
+    const merged = [];
+    for (const phase of phases) {
+        const previous = merged[merged.length - 1];
+        if (previous?.label === phase.label) {
+            previous.count += phase.count;
+            previous.durationMs += phase.durationMs;
+            previous.targets = mergeTargets(previous.targets, phase.targets);
+            if (previous.actionLabel !== phase.actionLabel) {
+                previous.actionLabel = undefined;
+            }
+        }
+        else {
+            merged.push({ ...phase, targets: phase.targets ? [...phase.targets] : undefined });
+        }
+    }
+    return merged;
+}
+function mergeTargets(existing, incoming) {
+    if (!existing && !incoming)
+        return undefined;
+    const seen = new Set();
+    const merged = [];
+    for (const target of [...(existing ?? []), ...(incoming ?? [])]) {
+        if (!target || seen.has(target))
+            continue;
+        seen.add(target);
+        merged.push(target);
+    }
+    return merged;
+}
+function replaceCompactToolRowsWithPhaseSummary(host) {
+    let changed = false;
+    const nextRenderedSegments = [];
+    let rollupRun = [];
+    const flushRollupRun = () => {
+        const actionCount = rollupRun.reduce((total, item) => total + item.phases.reduce((sum, phase) => sum + phase.count, 0), 0);
+        if (actionCount < 2) {
+            nextRenderedSegments.push(...rollupRun.map((item) => item.seg));
+            rollupRun = [];
+            return;
+        }
+        const firstIndex = Math.max(0, host.chatContainer.children.indexOf(rollupRun[0].seg.component));
+        const phases = mergeToolPhases(rollupRun.flatMap((item) => item.phases));
+        const summary = new ToolPhaseSummaryComponent(phases);
+        for (const { seg } of rollupRun) {
+            host.chatContainer.removeChild(seg.component);
+        }
+        host.chatContainer.addChild(summary);
+        const summaryIndex = host.chatContainer.children.indexOf(summary);
+        if (summaryIndex !== -1 && summaryIndex !== firstIndex) {
+            host.chatContainer.children.splice(summaryIndex, 1);
+            host.chatContainer.children.splice(firstIndex, 0, summary);
+            host.chatContainer._prevRender = null;
+        }
+        changed = true;
+        nextRenderedSegments.push({ kind: "tool-summary", component: summary, phases });
+        rollupRun = [];
+    };
+    for (const seg of renderedSegments) {
+        const phase = seg.kind === "tool" ? seg.component.getRollupPhase() : null;
+        if (seg.kind === "tool" && phase) {
+            rollupRun.push({ seg, phases: [phase] });
+            continue;
+        }
+        if (seg.kind === "tool-summary") {
+            rollupRun.push({ seg, phases: seg.component.getPhases() });
+            continue;
+        }
+        flushRollupRun();
+        nextRenderedSegments.push(seg);
+    }
+    flushRollupRun();
+    if (changed) {
+        renderedSegments = nextRenderedSegments;
+        host.ui.requestRender();
+    }
+}
 export async function handleAgentEvent(host, event) {
     if (!host.isInitialized) {
         await host.init();
@@ -135,6 +214,7 @@ export async function handleAgentEvent(host, event) {
                     return;
             }
         case "agent_start":
+            host.clearBlockingError();
             if (host.retryEscapeHandler) {
                 host.defaultEditor.onEscape = host.retryEscapeHandler;
                 host.retryEscapeHandler = undefined;
@@ -280,6 +360,7 @@ export async function handleAgentEvent(host, event) {
                             details: externalToolResult.details,
                             isError: externalToolResult.isError,
                         });
+                        replaceCompactToolRowsWithPhaseSummary(host);
                     }
                 }
                 // Segment walker: render content blocks in stream order, append-only.
@@ -664,6 +745,7 @@ export async function handleAgentEvent(host, event) {
                     for (const [, component] of host.pendingTools.entries()) {
                         component.setArgsComplete();
                     }
+                    replaceCompactToolRowsWithPhaseSummary(host);
                 }
                 host.streamingComponent = undefined;
                 host.streamingMessage = undefined;
@@ -690,6 +772,7 @@ export async function handleAgentEvent(host, event) {
                 component.setExpanded(host.toolOutputExpanded);
                 host.chatContainer.addChild(component);
                 host.pendingTools.set(event.toolCallId, component);
+                renderedSegments.push({ kind: "tool", contentIndex: Number.MAX_SAFE_INTEGER, component });
                 host.ui.requestRender();
             }
             break;
@@ -705,7 +788,7 @@ export async function handleAgentEvent(host, event) {
             const component = host.pendingTools.get(event.toolCallId);
             if (component) {
                 component.updateResult({ ...event.result, isError: event.isError });
-                host.pendingTools.delete(event.toolCallId);
+                replaceCompactToolRowsWithPhaseSummary(host);
                 host.ui.requestRender();
             }
             break;
@@ -720,6 +803,7 @@ export async function handleAgentEvent(host, event) {
                 host.streamingComponent.setShowMetadata(true);
                 host.streamingComponent.updateContent(host.streamingMessage);
             }
+            replaceCompactToolRowsWithPhaseSummary(host);
             host.streamingComponent = undefined;
             host.streamingMessage = undefined;
             renderedSegments = [];