@opengsd/gsd-pi 1.2.0 → 1.3.0-dev.65546769

package/packages/gsd-agent-modes/dist/modes/interactive/components/transcript-design.d.ts

@@ -8,6 +8,12 @@ export type FrameTone = "assistant" | "user" | "compaction" | "skill";
 export declare function chatMessageWidth(width: number): number;
 /** Outer indent for user turns and tool/work cards in the connected transcript. */
 export declare const TRANSCRIPT_CARD_INDENT = 4;
+/** Tool rows in the transcript (Variant A). */
+export declare const TRANSCRIPT_TOOL_MARKER = "\u25B8";
+/** System/compaction/skill notices in the transcript (Variant A). */
+export declare const TRANSCRIPT_SYSTEM_MARKER = "\u25C7";
+export declare function setRailAnimationEnabled(enabled: boolean): void;
+export declare function isRailAnimationEnabled(): boolean;
 export declare function headerLabel(text: string): string;
 export declare function renderChatTurnBridge(width: number, fromIndent?: number, railColor?: ThemeColor): string[];
 /** Bridge from a left-pegged assistant turn down into the next indented user turn. */
@@ -26,6 +32,8 @@ export declare function trimOuterBlankLines(lines: string[]): string[];
 export declare function collapseBlankLines(lines: string[]): string[];
 export declare function breakpoint(width: number): TuiBreakpoint;
 export declare function badge(text: string, tone?: TuiTone): string;
+/** Compact braille spinner for live auto-mode status chrome. */
+export declare function styledActivitySpinner(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;
@@ -49,9 +57,8 @@ export declare function openSurface(lines: string[], width: number, opts: {
     paddingX?: number;
 }): string[];
 /**
- * Render a framed system/conversation surface (compaction notices, skill
- * invocations) as a copy-clean open surface (ADR-019): a titled top rule
- * and body lines with no border column. Replaces the former chat-frame.ts.
+ * Render a system/conversation notice (compaction, skill invocations) as a
+ * plain ◇ header plus copy-clean body lines (Variant A — no horizontal rules).
  */
 export declare function renderChatFrame(contentLines: string[], width: number, opts: {
     label: string;
@@ -60,6 +67,18 @@ export declare function renderChatFrame(contentLines: string[], width: number, o
     timestampFormat: TimestampFormat;
     showTimestamp?: boolean;
 }): string[];
+/** Chat/dialog corner glyph — top-left opener on speaker headers. */
+export declare const CHAT_CORNER_TOP_LEFT = "\u256D\u2500 ";
+/** @deprecated Prefer renderCornerSpeakerHeader via renderPlainSpeakerMessage. */
+export declare function renderPlainSpeakerHeader(label: string, meta: string | undefined, width: number, tone: "user" | "assistant"): string;
+export declare function renderPlainSpeakerBody(lines: string[], width: number, bodyColor: "userMessageText" | "assistantMessageText"): string[];
+export declare function renderPlainSpeakerMessage(lines: string[], width: number, opts: {
+    label: string;
+    meta?: string;
+    tone: "user" | "assistant";
+    trailingBlank?: boolean;
+}): string[];
+/** @deprecated Connected rails — Variant B. Prefer renderPlainSpeakerMessage. */
 export declare function renderAssistantRail(lines: string[], width: number, opts?: {
     label?: string;
     meta?: string;
@@ -67,6 +86,7 @@ export declare function renderAssistantRail(lines: string[], width: number, opts
     connected?: boolean;
     continuesToUser?: boolean;
 }): string[];
+/** @deprecated Connected rails — Variant B. Prefer renderPlainSpeakerMessage. */
 export declare function renderUserRail(lines: string[], width: number, opts: {
     label?: string;
     meta?: string;
@@ -80,6 +100,18 @@ export declare function renderTranscriptCard(lines: string[], width: number, opt
     footerRight?: string;
     indent?: number;
 }): string[];
+export declare function renderCompactToolStrip(title: string, target: string | undefined, width: number, opts: {
+    status: string;
+    tone: StatusTone;
+    hidden?: boolean;
+}): string[];
+export declare function renderPlainToolMessage(bodyLines: string[], width: number, opts: {
+    title: string;
+    target?: string;
+    meta?: string;
+    tone: StatusTone;
+}): string[];
+/** @deprecated Prefer renderCompactToolStrip (Variant A). */
 export declare function renderToolLineCard(title: string, target: string | undefined, width: number, opts: {
     status: string;
     tone: StatusTone;
@@ -95,5 +127,41 @@ export declare function renderCommandCard(command: string, width: number, opts:
     indent?: number;
 }): string[];
 export declare function renderProgressBar(done: number, total: number, width: number, tone?: StatusTone): string;
+export type StepDotMode = "position" | "completed";
+/**
+ * Discrete step indicator — ● for reached steps, ○ for pending.
+ * `position`: done is the active step index (1-based, includes current).
+ * `completed`: done is the count of fully finished steps.
+ */
+export declare function renderStepDots(done: number, total: number, opts?: {
+    maxDots?: number;
+    mode?: StepDotMode;
+}): string;
+/** Label + step dots + numeric count, e.g. `tasks ●●●○○ 3/5`. */
+export declare function formatStepProgress(label: string, done: number, total: number, opts?: {
+    maxDots?: number;
+    mode?: StepDotMode;
+    countColor?: ThemeColor;
+}): string;
 export declare function renderFooterStrip(leftSegments: string[], right: string, width: number): string[];
+/**
+ * Full-width footer: fixed segments plus one flex segment (typically context + bar).
+ * The flex segment receives all remaining horizontal space.
+ */
+export declare function layoutFullWidthFooter(segments: string[], width: number, flexAt: number, flexRender: (segmentBudget: number) => string): string;
+export declare function renderFullWidthFooterStrip(segments: string[], width: number, flex?: {
+    at: number;
+    render: (segmentBudget: number) => string;
+}): string[];
+/** Single-line footer — no box, ` · ` separators. */
+export declare function layoutMinimalFooter(segments: string[], width: number, flex?: {
+    at: number;
+    render: (segmentBudget: number) => string;
+}): string;
+/**
+ * Full-width minimal footer: left + center (flex) flush left, stats flush right.
+ */
+export declare function layoutFullWidthMinimalFooter(leftSegments: string[], rightSegments: string[], width: number, flexRender: (segmentBudget: number) => string): string;
+/** Single-line footer output — no rounded panel. */
+export declare function renderMinimalFooterLine(line: string, width: number): string[];
 //# sourceMappingURL=transcript-design.d.ts.map

package/packages/gsd-agent-modes/dist/modes/interactive/components/transcript-design.d.ts.map

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

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

@@ -1,6 +1,6 @@
 // Project/App: gsd-pi
 // File Purpose: Shared recommended transcript rendering primitives for assistant, tool, command, footer, and auto-mode TUI surfaces.
-import { alignRight, padRight, style, truncateToWidth, visibleWidth } from "@gsd/pi-tui";
+import { alignRight, isImageLine, padRight, style, truncateToWidth, visibleWidth } from "@gsd/pi-tui";
 import { theme } from "@gsd/pi-coding-agent/theme/theme.js";
 import { formatTimestamp } from "./timestamp.js";
 export function chatMessageWidth(width) {
@@ -8,10 +8,27 @@ export function chatMessageWidth(width) {
 }
 /** Outer indent for user turns and tool/work cards in the connected transcript. */
 export const TRANSCRIPT_CARD_INDENT = 4;
+/** Tool rows in the transcript (Variant A). */
+export const TRANSCRIPT_TOOL_MARKER = "▸";
+/** System/compaction/skill notices in the transcript (Variant A). */
+export const TRANSCRIPT_SYSTEM_MARKER = "◇";
 const RUNNING_RAIL_FRAME_MS = 70;
 const RUNNING_RAIL_TRAIL = 5;
 const HORIZONTAL_RAIL = "─";
 const HORIZONTAL_RAIL_HEAD = "━";
+// Whether the "running" rail sweeps (animates) or renders as a static rule. User
+// setting `terminal.toolRailAnimation` (default on). When off, running cards show
+// a static rail and ToolExecutionComponent does not arm its re-render timer, so a
+// long-running tool costs zero idle CPU. Module-level (not per-card) because every
+// running card shares the one preference; the interactive mode sets it at startup
+// and when the setting is toggled.
+let railAnimationEnabled = true;
+export function setRailAnimationEnabled(enabled) {
+    railAnimationEnabled = enabled;
+}
+export function isRailAnimationEnabled() {
+    return railAnimationEnabled;
+}
 export function headerLabel(text) {
     return text.toUpperCase();
 }
@@ -74,7 +91,7 @@ export function renderConnectedCard(width, title, bodyLines, opts = {}) {
     const indent = opts.indent ?? TRANSCRIPT_CARD_INDENT;
     const prefix = indentSpaces(indent);
     const railColor = opts.railColor ?? "borderAccent";
-    const sweepFrame = opts.railSweep ? runningRailFrame() : undefined;
+    const sweepFrame = opts.railSweep && railAnimationEnabled ? runningRailFrame() : undefined;
     const rail = (text) => renderRailText(text, railColor, sweepFrame);
     const resolvedTitleColor = opts.titleColor ??
         (title.includes("✕") ? "error" : title.includes("✓") ? "success" : railColor);
@@ -95,12 +112,26 @@ export function renderConnectedCard(width, title, bodyLines, opts = {}) {
         }
     }
     const paintBody = (line) => {
+        // Image (Kitty/iTerm2) sequence lines carry raw terminal graphics escapes and
+        // rely on exact column/row positioning. Prepend the SAME left offset normal
+        // body lines get (card indent + 3 spaces) so the image aligns under the card
+        // text rather than hugging column 0, but do NOT padRight/truncate — trailing
+        // padding or clipping after the sequence would corrupt the placement. The
+        // leading spaces simply advance the cursor before the image draws.
+        if (isImageLine(line)) {
+            return prefix + "   " + line;
+        }
         const innerWidth = Math.max(1, width - indent);
         const inner = padRight("   " + line, innerWidth);
         const painted = opts.bodyBg ? theme.bg(opts.bodyBg, inner) : inner;
         return prefix + painted;
     };
-    const bodySource = trimOuterBlankLines(bodyLines);
+    // When the body contains an inline image, its reserved blank padding rows (the
+    // rows the TUI counts so content below the image lands in the right place) must
+    // NOT be trimmed/collapsed — trimming them collapses a tall image to one line
+    // and the terminal then paints the full image over the chat and footer below.
+    const hasImage = bodyLines.some((l) => isImageLine(l));
+    const bodySource = hasImage ? bodyLines : trimOuterBlankLines(bodyLines);
     const out = [padLine(topLine, width)];
     for (const line of bodySource) {
         out.push(paintBody(line));
@@ -110,12 +141,18 @@ export function renderConnectedCard(width, title, bodyLines, opts = {}) {
     }
     return out;
 }
+function stripAnsiCodes(text) {
+    return text.replace(/\x1b\[[0-9;]*m/g, "");
+}
+function isBlankRenderLine(line) {
+    return stripAnsiCodes(line).trim().length === 0;
+}
 export function trimOuterBlankLines(lines) {
     let start = 0;
     let end = lines.length;
-    while (start < end && lines[start].trim().length === 0)
+    while (start < end && isBlankRenderLine(lines[start]))
         start++;
-    while (end > start && lines[end - 1].trim().length === 0)
+    while (end > start && isBlankRenderLine(lines[end - 1]))
         end--;
     return lines.slice(start, end);
 }
@@ -123,8 +160,8 @@ export function trimOuterBlankLines(lines) {
 export function collapseBlankLines(lines) {
     const out = [];
     for (const line of lines) {
-        const blank = line.trim().length === 0;
-        if (blank && out.length > 0 && out[out.length - 1].trim().length === 0)
+        const blank = isBlankRenderLine(line);
+        if (blank && out.length > 0 && isBlankRenderLine(out[out.length - 1]))
             continue;
         out.push(line);
     }
@@ -164,6 +201,12 @@ function panelToneColor(tone) {
 export function badge(text, tone = "default") {
     return theme.fg(panelToneColor(tone), text);
 }
+const ACTIVITY_SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+/** Compact braille spinner for live auto-mode status chrome. */
+export function styledActivitySpinner(tone = "accent") {
+    const frame = ACTIVITY_SPINNER_FRAMES[Math.floor(Date.now() / 120) % ACTIVITY_SPINNER_FRAMES.length];
+    return theme.fg(panelToneColor(tone), frame);
+}
 export function keyValue(label, value, valueColor = "text", labelWidth = 10) {
     return `${theme.fg("dim", padRight(label, labelWidth))}${theme.fg(valueColor, value)}`;
 }
@@ -211,9 +254,8 @@ export function openSurface(lines, width, opts) {
     return surface.render(lines, Math.max(20, width));
 }
 /**
- * Render a framed system/conversation surface (compaction notices, skill
- * invocations) as a copy-clean open surface (ADR-019): a titled top rule
- * and body lines with no border column. Replaces the former chat-frame.ts.
+ * Render a system/conversation notice (compaction, skill invocations) as a
+ * plain ◇ header plus copy-clean body lines (Variant A — no horizontal rules).
  */
 export function renderChatFrame(contentLines, width, opts) {
     const outerWidth = Math.max(20, width);
@@ -222,21 +264,47 @@ export function renderChatFrame(contentLines, width, opts) {
     const bodyColor = opts.tone === "user" ? "userMessageText" : isPurple ? "customMessageText" : "assistantMessageText";
     // A label may carry a " - " splitting a bold name from a dim detail.
     const dashIdx = opts.label.indexOf(" - ");
-    const titleStyled = dashIdx >= 0
+    const labelStyled = dashIdx >= 0
         ? theme.fg(frameColor, theme.bold(opts.label.slice(0, dashIdx))) + theme.fg("dim", opts.label.slice(dashIdx))
         : theme.fg(frameColor, theme.bold(opts.label));
     const rightRaw = opts.showTimestamp === false || !opts.timestamp ? "" : formatTimestamp(opts.timestamp, opts.timestampFormat);
+    const metaStyled = rightRaw ? theme.fg("dim", ` · ${rightRaw}`) : "";
+    const header = padLine(truncateToWidth(`${theme.fg(frameColor, TRANSCRIPT_SYSTEM_MARKER)} ${labelStyled}${metaStyled}`, outerWidth, "…"), outerWidth);
     const source = trimOuterBlankLines(contentLines);
-    const body = (source.length > 0 ? source : [""]).map((line) => theme.fg(bodyColor, line));
-    let surface = style()
-        .border("open")
-        .borderColor((text) => theme.fg(frameColor, text))
-        .title(titleStyled);
-    if (rightRaw) {
-        surface = surface.titleRight(theme.fg("dim", rightRaw));
+    const body = (source.length > 0 ? source : [""]).map((line) => padLine(theme.fg(bodyColor, line), outerWidth));
+    return [header, ...body, ""];
+}
+/** Chat/dialog corner glyph — top-left opener on speaker headers. */
+export const CHAT_CORNER_TOP_LEFT = "╭─ ";
+function speakerCornerColor(tone) {
+    return tone === "user" ? "border" : "borderAccent";
+}
+function renderCornerSpeakerHeader(label, meta, width, tone) {
+    const cornerColor = speakerCornerColor(tone);
+    const labelStyled = tone === "user" ? theme.fg("border", theme.bold(label)) : theme.fg("accent", theme.bold(label));
+    const metaStyled = meta ? theme.fg("dim", ` · ${meta}`) : "";
+    const topLeft = theme.fg(cornerColor, CHAT_CORNER_TOP_LEFT) + labelStyled + metaStyled;
+    return padLine(truncateToWidth(topLeft, width, "…"), width);
+}
+/** @deprecated Prefer renderCornerSpeakerHeader via renderPlainSpeakerMessage. */
+export function renderPlainSpeakerHeader(label, meta, width, tone) {
+    return renderCornerSpeakerHeader(label, meta, width, tone);
+}
+export function renderPlainSpeakerBody(lines, width, bodyColor) {
+    const source = trimOuterBlankLines(lines);
+    return source.map((line) => padLine(theme.fg(bodyColor, line), width));
+}
+export function renderPlainSpeakerMessage(lines, width, opts) {
+    const outerWidth = Math.max(20, width);
+    const bodyColor = opts.tone === "user" ? "userMessageText" : "assistantMessageText";
+    const body = renderPlainSpeakerBody(lines, outerWidth, bodyColor);
+    const out = [renderCornerSpeakerHeader(opts.label, opts.meta, outerWidth, opts.tone), ...body];
+    if (opts.trailingBlank !== false) {
+        out.push("");
     }
-    return surface.render(body, outerWidth);
+    return out;
 }
+/** @deprecated Connected rails — Variant B. Prefer renderPlainSpeakerMessage. */
 export function renderAssistantRail(lines, width, opts = {}) {
     const railColor = opts.railColor ?? "borderAccent";
     const source = trimOuterBlankLines(lines);
@@ -257,11 +325,12 @@ export function renderAssistantRail(lines, width, opts = {}) {
     }
     return result;
 }
+/** @deprecated Connected rails — Variant B. Prefer renderPlainSpeakerMessage. */
 export function renderUserRail(lines, width, opts) {
     const source = trimOuterBlankLines(lines);
     const body = (source.length > 0 ? source : [""]).map((line) => theme.fg("userMessageText", line));
     const titleRight = opts.meta ? theme.fg("dim", opts.meta) : undefined;
-    return renderConnectedCard(width, opts.label ?? "You", body, {
+    return renderConnectedCard(width, opts.label ?? "YOU", body, {
         indent: TRANSCRIPT_CARD_INDENT,
         titleRight,
         railColor: "border",
@@ -288,7 +357,7 @@ function openRuleLine(title, right, width, tone, sweep = false) {
     const clippedRight = truncateToWidth(right, rightBudget, "");
     const fixed = 4 + visibleWidth(clippedTitle) + 2 + visibleWidth(clippedRight) + 4;
     const fill = Math.max(1, w - fixed);
-    const sweepFrame = sweep ? runningRailFrame() : undefined;
+    const sweepFrame = sweep && railAnimationEnabled ? runningRailFrame() : undefined;
     return padLine(renderRailText("─── ", tone) +
         clippedTitle +
         renderRailText(` ${"─".repeat(fill)} `, tone, sweepFrame) +
@@ -305,7 +374,9 @@ export function renderTranscriptCard(lines, width, opts) {
     const outerWidth = Math.max(20, width);
     const indent = opts.indent ?? TRANSCRIPT_CARD_INDENT;
     const tone = toneColor(opts.tone);
-    const body = trimOuterBlankLines(lines);
+    // Preserve image padding rows (see renderConnectedCard) — trimming them would
+    // collapse a tall inline image and make it overflow the card.
+    const body = lines.some((l) => isImageLine(l)) ? lines : trimOuterBlankLines(lines);
     let titleRight = opts.right ? theme.fg(tone, opts.right) : undefined;
     if (opts.footerLeft || opts.footerRight) {
         const hint = [opts.footerLeft, opts.footerRight].filter(Boolean).join(" · ");
@@ -319,27 +390,64 @@ export function renderTranscriptCard(lines, width, opts) {
         railSweep: opts.tone === "running",
     });
 }
-export function renderToolLineCard(title, target, width, opts) {
-    const tone = toneColor(opts.tone);
-    const indent = opts.indent ?? TRANSCRIPT_CARD_INDENT;
-    const innerWidth = Math.max(20, width - indent);
-    const titleText = `${opts.titlePrefix ?? ""}${styledHeader(title, "borderAccent")}${target ? ` ${theme.fg("text", target)}` : ""}`;
+function statusColorForTone(tone) {
+    if (tone === "error")
+        return "error";
+    if (tone === "running")
+        return "accent";
+    if (tone === "warning")
+        return "warning";
+    return "success";
+}
+export function renderCompactToolStrip(title, target, width, opts) {
+    const titleText = target
+        ? `${styledHeader(title, "borderAccent")} ${theme.fg("text", target)}`
+        : styledHeader(title, "borderAccent");
+    const left = `${theme.fg("borderAccent", TRANSCRIPT_TOOL_MARKER)} ${titleText}`;
     const statusText = opts.hidden ? `${opts.status} · output hidden · ctrl+o expand` : opts.status;
-    const right = theme.fg(opts.tone === "success" ? "success" : tone, statusText);
-    const rule = openRuleLine(titleText, right, innerWidth, tone, opts.tone === "running");
-    const line = opts.bg ? theme.bg(opts.bg, rule) : rule;
-    return indentRenderedLines([line], indent, width);
+    const right = theme.fg(statusColorForTone(opts.tone), statusText);
+    return [padLine(alignRight(left, right, width), width)];
+}
+export function renderPlainToolMessage(bodyLines, width, opts) {
+    const outerWidth = Math.max(20, width);
+    const indent = TRANSCRIPT_CARD_INDENT;
+    const prefix = indentSpaces(indent);
+    const innerWidth = Math.max(1, outerWidth - indent);
+    const titleText = opts.target
+        ? `${styledHeader(opts.title, "borderAccent")} ${theme.fg("text", opts.target)}`
+        : styledHeader(opts.title, "borderAccent");
+    const left = `${theme.fg("borderAccent", TRANSCRIPT_TOOL_MARKER)} ${titleText}`;
+    const right = opts.meta ? theme.fg(statusColorForTone(opts.tone), opts.meta) : "";
+    const header = padLine(alignRight(left, right, outerWidth), outerWidth);
+    const hasImage = bodyLines.some((line) => isImageLine(line));
+    const bodySource = hasImage ? bodyLines : collapseBlankLines(bodyLines);
+    const paintBody = (line) => {
+        if (isImageLine(line)) {
+            return prefix + "   " + line;
+        }
+        if (hasImage && isBlankRenderLine(line)) {
+            return padLine(prefix + padRight("", innerWidth), outerWidth);
+        }
+        return padLine(truncateToWidth(line, outerWidth, ""), outerWidth);
+    };
+    return [header, ...bodySource.map(paintBody), ""];
+}
+/** @deprecated Prefer renderCompactToolStrip (Variant A). */
+export function renderToolLineCard(title, target, width, opts) {
+    return renderCompactToolStrip(title, target, width, {
+        status: opts.status,
+        tone: opts.tone,
+        hidden: opts.hidden,
+    });
 }
 export function renderCommandCard(command, width, opts) {
-    const tone = toneColor(opts.tone);
-    const indent = opts.indent ?? TRANSCRIPT_CARD_INDENT;
-    const innerWidth = Math.max(20, width - indent);
-    const titleText = `${theme.fg("accent", "$")} ${theme.fg("text", command)}`;
+    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" : tone, statusText);
-    return indentRenderedLines([openRuleLine(titleText, right, innerWidth, tone, opts.tone === "running")], indent, width);
+    const statusColor = opts.tone === "error" ? "error" : opts.tone === "running" ? "accent" : "success";
+    const right = theme.fg(statusColor, statusText);
+    return [padLine(alignRight(left, right, width), width)];
 }
 export function renderProgressBar(done, total, width, tone = "success") {
     const clampedWidth = Math.max(0, width);
@@ -348,6 +456,46 @@ export function renderProgressBar(done, total, width, tone = "success") {
     return (theme.fg(toneColor(tone), "█".repeat(filled)) +
         theme.fg("dim", "░".repeat(clampedWidth - filled)));
 }
+const STEP_DOT_MAX = 12;
+/**
+ * Discrete step indicator — ● for reached steps, ○ for pending.
+ * `position`: done is the active step index (1-based, includes current).
+ * `completed`: done is the count of fully finished steps.
+ */
+export function renderStepDots(done, total, opts = {}) {
+    if (total <= 0)
+        return "";
+    const maxDots = opts.maxDots ?? STEP_DOT_MAX;
+    const mode = opts.mode ?? "position";
+    const complete = done >= total;
+    let displayTotal = total;
+    let displayDone = Math.max(0, Math.min(done, total));
+    let overflowSuffix = "";
+    if (total > maxDots) {
+        displayTotal = maxDots;
+        displayDone = Math.max(0, Math.min(displayTotal, Math.round((done / total) * displayTotal)));
+        overflowSuffix = theme.fg("dim", `+${total - maxDots}`);
+    }
+    let dots = "";
+    for (let i = 0; i < displayTotal; i++) {
+        const reached = i < displayDone;
+        if (reached) {
+            const isCurrent = !complete && mode === "position" && i === displayDone - 1;
+            const color = complete ? "success" : isCurrent ? "accent" : "text";
+            dots += theme.fg(color, "●");
+        }
+        else {
+            dots += theme.fg("dim", "○");
+        }
+    }
+    return dots + overflowSuffix;
+}
+/** Label + step dots + numeric count, e.g. `tasks ●●●○○ 3/5`. */
+export function formatStepProgress(label, done, total, opts = {}) {
+    const dots = renderStepDots(done, total, opts);
+    const countColor = opts.countColor ?? "dim";
+    return `${theme.fg("dim", label)} ${dots}${theme.fg(countColor, ` ${done}/${total}`)}`;
+}
 export function renderFooterStrip(leftSegments, right, width) {
     const outerWidth = Math.max(20, width);
     const innerWidth = Math.max(1, outerWidth - 2);
@@ -359,4 +507,76 @@ export function renderFooterStrip(leftSegments, right, width) {
     const content = rightAlign(left, rightStyled, innerWidth);
     return roundedPanel([content], outerWidth);
 }
+const footerSegmentSep = () => theme.fg("dim", " │ ");
+/**
+ * Full-width footer: fixed segments plus one flex segment (typically context + bar).
+ * The flex segment receives all remaining horizontal space.
+ */
+export function layoutFullWidthFooter(segments, width, flexAt, flexRender) {
+    const sep = footerSegmentSep();
+    const sepWidth = visibleWidth(sep);
+    const slotCount = segments.length + 1;
+    const separators = Math.max(0, slotCount - 1) * sepWidth;
+    let fixedWidth = 0;
+    for (const segment of segments) {
+        fixedWidth += visibleWidth(segment);
+    }
+    const flexBudget = Math.max(12, width - fixedWidth - separators);
+    const flexSegment = flexRender(flexBudget);
+    const parts = [...segments.slice(0, flexAt), flexSegment, ...segments.slice(flexAt)];
+    const line = parts.join(sep);
+    return truncateToWidth(line, width, "…");
+}
+export function renderFullWidthFooterStrip(segments, width, flex) {
+    const outerWidth = Math.max(20, width);
+    const innerWidth = Math.max(1, outerWidth - 2);
+    const content = flex
+        ? layoutFullWidthFooter(segments, innerWidth, flex.at, flex.render)
+        : truncateToWidth(segments.filter(Boolean).join(footerSegmentSep()), innerWidth, "…");
+    return roundedPanel([content], outerWidth);
+}
+/** Single-line footer — no box, ` · ` separators. */
+export function layoutMinimalFooter(segments, width, flex) {
+    const sep = theme.fg("dim", " · ");
+    const sepWidth = visibleWidth(sep);
+    if (flex) {
+        const slotCount = segments.length + 1;
+        const separators = Math.max(0, slotCount - 1) * sepWidth;
+        let fixedWidth = 0;
+        for (const segment of segments) {
+            fixedWidth += visibleWidth(segment);
+        }
+        const flexBudget = Math.max(8, width - fixedWidth - separators);
+        const flexSegment = flex.render(flexBudget);
+        const parts = [...segments.slice(0, flex.at), flexSegment, ...segments.slice(flex.at)];
+        return truncateToWidth(parts.join(sep), width, "…");
+    }
+    return truncateToWidth(segments.filter(Boolean).join(sep), width, "…");
+}
+/**
+ * Full-width minimal footer: left + center (flex) flush left, stats flush right.
+ */
+export function layoutFullWidthMinimalFooter(leftSegments, rightSegments, width, flexRender) {
+    const sep = theme.fg("dim", " · ");
+    const left = leftSegments.filter(Boolean).join(sep);
+    const right = rightSegments.filter(Boolean).join(sep);
+    const leftWidth = left ? visibleWidth(left) : 0;
+    const rightWidth = right ? visibleWidth(right) : 0;
+    const sepWidth = visibleWidth(sep);
+    if (!right) {
+        const flexBudget = Math.max(8, width - leftWidth - (left ? sepWidth : 0));
+        const center = flexRender(flexBudget);
+        const line = [left, center].filter(Boolean).join(sep);
+        return truncateToWidth(line, width, "…");
+    }
+    const flexBudget = Math.max(8, width - leftWidth - rightWidth - sepWidth - 1);
+    const center = flexRender(flexBudget);
+    const leftBlock = center ? (left ? `${left}${sep}${center}` : center) : left;
+    return alignRight(leftBlock, right, width);
+}
+/** Single-line footer output — no rounded panel. */
+export function renderMinimalFooterLine(line, width) {
+    const outerWidth = Math.max(20, width);
+    return [padRight(truncateToWidth(line, outerWidth, "…"), outerWidth)];
+}
 //# sourceMappingURL=transcript-design.js.map