@a5c-ai/genty-ui 5.1.1-staging.00ceebd28cf2

package/dist/components/Rendering/StreamingOutputPanel.js

@@ -0,0 +1,75 @@
+// StreamingOutputPanel.ts — Streaming output panel management (GAP-UX-001f)
+// Pure TypeScript: manages panels of streaming output with scrollback.
+// ---------------------------------------------------------------------------
+// StreamPanelManager
+// ---------------------------------------------------------------------------
+export class StreamPanelManager {
+    panels = new Map();
+    addPanel(id, title, opts) {
+        const panel = {
+            id,
+            title,
+            lines: [],
+            maxLines: opts?.maxLines ?? 500,
+            autoScroll: opts?.autoScroll ?? true,
+        };
+        this.panels.set(id, panel);
+        return panel;
+    }
+    appendLine(panelId, line) {
+        const panel = this.panels.get(panelId);
+        if (!panel)
+            return;
+        panel.lines.push(line);
+        // Trim from front if exceeding maxLines
+        if (panel.lines.length > panel.maxLines) {
+            const excess = panel.lines.length - panel.maxLines;
+            panel.lines.splice(0, excess);
+        }
+    }
+    getPanel(id) {
+        return this.panels.get(id);
+    }
+    listPanels() {
+        return Array.from(this.panels.values());
+    }
+    removePanel(id) {
+        return this.panels.delete(id);
+    }
+    clear(panelId) {
+        const panel = this.panels.get(panelId);
+        if (panel)
+            panel.lines = [];
+    }
+}
+// ---------------------------------------------------------------------------
+// Panel text rendering
+// ---------------------------------------------------------------------------
+function repeatChar(char, count) {
+    return count > 0 ? char.repeat(count) : '';
+}
+export function formatPanelOutput(panel, width = 80) {
+    const innerWidth = Math.max(width - 4, 10); // 2 border chars + 2 padding
+    const titleText = ` ${panel.title} `;
+    const titlePadding = Math.max(innerWidth - titleText.length, 0);
+    const leftPad = Math.floor(titlePadding / 2);
+    const rightPad = titlePadding - leftPad;
+    const lines = [];
+    // Top border with title
+    lines.push(`┌${repeatChar('─', leftPad)}${titleText}${repeatChar('─', rightPad)}┐`);
+    // Content lines
+    if (panel.lines.length === 0) {
+        lines.push(`│ ${repeatChar(' ', innerWidth)} │`);
+    }
+    else {
+        for (const line of panel.lines) {
+            const truncated = line.length > innerWidth ? line.slice(0, innerWidth - 1) + '…' : line;
+            const padded = truncated + repeatChar(' ', innerWidth - truncated.length);
+            lines.push(`│ ${padded} │`);
+        }
+    }
+    // Bottom border
+    lines.push(`└${repeatChar('─', innerWidth + 2)}┘`);
+    return lines.join('\n');
+}
+//# sourceMappingURL=StreamingOutputPanel.js.map

package/dist/components/Rendering/StreamingOutputPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingOutputPanel.js","sourceRoot":"","sources":["../../../src/components/Rendering/StreamingOutputPanel.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,uEAAuE;AAcvE,8EAA8E;AAC9E,qBAAqB;AACrB,8EAA8E;AAE9E,MAAM,OAAO,kBAAkB;IACrB,MAAM,GAAG,IAAI,GAAG,EAAuB,CAAC;IAEhD,QAAQ,CAAC,EAAU,EAAE,KAAa,EAAE,IAAkD;QACpF,MAAM,KAAK,GAAgB;YACzB,EAAE;YACF,KAAK;YACL,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,IAAI,EAAE,QAAQ,IAAI,GAAG;YAC/B,UAAU,EAAE,IAAI,EAAE,UAAU,IAAI,IAAI;SACrC,CAAC;QACF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,UAAU,CAAC,OAAe,EAAE,IAAY;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvB,wCAAwC;QACxC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC;YACnD,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,EAAU;QACjB,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC;IAED,UAAU;QACR,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,WAAW,CAAC,EAAU;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;IAED,KAAK,CAAC,OAAe;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,KAAK;YAAE,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;IAC9B,CAAC;CACF;AAED,8EAA8E;AAC9E,uBAAuB;AACvB,8EAA8E;AAE9E,SAAS,UAAU,CAAC,IAAY,EAAE,KAAa;IAC7C,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAkB,EAAE,QAAgB,EAAE;IACtE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6BAA6B;IACzE,MAAM,SAAS,GAAG,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC;IACrC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;IAExC,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,wBAAwB;IACxB,KAAK,CAAC,IAAI,CACR,IAAI,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CACxE,CAAC;IAEF,gBAAgB;IAChB,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC7B,KAAK,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IACnD,CAAC;SAAM,CAAC;QACN,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;YACxF,MAAM,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;YAC1E,KAAK,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,gBAAgB;IAChB,KAAK,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,GAAG,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAEnD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC"}

package/dist/components/Rendering/StructuredDiffView.d.ts

@@ -0,0 +1,13 @@
+export type DiffLineType = 'add' | 'remove' | 'context';
+export interface DiffLine {
+    type: DiffLineType;
+    content: string;
+    lineNumber: number | null;
+}
+export interface DiffHunk {
+    header: string;
+    lines: DiffLine[];
+}
+export declare function parseDiffOutput(diffText: string): DiffHunk[];
+export declare function formatDiffText(hunks: DiffHunk[]): string;
+export declare function formatDiffHtml(hunks: DiffHunk[]): string;

package/dist/components/Rendering/StructuredDiffView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructuredDiffView.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/StructuredDiffView.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAMD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,EAAE,CAyC5D;AAMD,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAaxD;AA0BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAuBxD"}

package/dist/components/Rendering/StructuredDiffView.js

@@ -0,0 +1,106 @@
+// StructuredDiffView.ts — Unified diff parsing and rendering (GAP-UX-001b)
+// Pure TypeScript: parses unified diff output, renders text or HTML.
+// ---------------------------------------------------------------------------
+// Diff parsing
+// ---------------------------------------------------------------------------
+export function parseDiffOutput(diffText) {
+    const hunks = [];
+    const rawLines = diffText.split('\n');
+    let currentHunk = null;
+    let oldLine = 0;
+    let newLine = 0;
+    for (const rawLine of rawLines) {
+        // Hunk header: @@ -oldStart,oldCount +newStart,newCount @@
+        const hunkMatch = rawLine.match(/^@@\s+-(\d+)(?:,\d+)?\s+\+(\d+)(?:,\d+)?\s+@@(.*)$/);
+        if (hunkMatch) {
+            currentHunk = { header: rawLine, lines: [] };
+            hunks.push(currentHunk);
+            oldLine = parseInt(hunkMatch[1], 10);
+            newLine = parseInt(hunkMatch[2], 10);
+            continue;
+        }
+        // Skip file headers (---, +++, diff, index)
+        if (rawLine.startsWith('---') || rawLine.startsWith('+++') || rawLine.startsWith('diff ') || rawLine.startsWith('index ')) {
+            continue;
+        }
+        if (!currentHunk)
+            continue;
+        if (rawLine.startsWith('+')) {
+            currentHunk.lines.push({ type: 'add', content: rawLine.slice(1), lineNumber: newLine });
+            newLine++;
+        }
+        else if (rawLine.startsWith('-')) {
+            currentHunk.lines.push({ type: 'remove', content: rawLine.slice(1), lineNumber: oldLine });
+            oldLine++;
+        }
+        else if (rawLine.startsWith(' ') || rawLine === '') {
+            const content = rawLine.startsWith(' ') ? rawLine.slice(1) : rawLine;
+            currentHunk.lines.push({ type: 'context', content, lineNumber: newLine });
+            oldLine++;
+            newLine++;
+        }
+    }
+    return hunks;
+}
+// ---------------------------------------------------------------------------
+// Text rendering
+// ---------------------------------------------------------------------------
+export function formatDiffText(hunks) {
+    if (hunks.length === 0)
+        return '(no changes)';
+    const lines = [];
+    for (const hunk of hunks) {
+        lines.push(hunk.header);
+        for (const line of hunk.lines) {
+            const prefix = line.type === 'add' ? '+' : line.type === 'remove' ? '-' : ' ';
+            const lineNum = line.lineNumber != null ? String(line.lineNumber).padStart(4) : '    ';
+            lines.push(`${lineNum} ${prefix} ${line.content}`);
+        }
+    }
+    return lines.join('\n');
+}
+// ---------------------------------------------------------------------------
+// HTML rendering
+// ---------------------------------------------------------------------------
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+const DIFF_LINE_CLASS = {
+    add: 'diff-add',
+    remove: 'diff-remove',
+    context: 'diff-context',
+};
+const DIFF_LINE_BG = {
+    add: '#e6ffec',
+    remove: '#ffebe9',
+    context: 'transparent',
+};
+export function formatDiffHtml(hunks) {
+    if (hunks.length === 0)
+        return '<div class="diff-view">(no changes)</div>';
+    let html = '<div class="diff-view">';
+    for (const hunk of hunks) {
+        html += `<div class="diff-hunk">`;
+        html += `<div class="diff-header">${escapeHtml(hunk.header)}</div>`;
+        html += `<table class="diff-table">`;
+        for (const line of hunk.lines) {
+            const cls = DIFF_LINE_CLASS[line.type];
+            const bg = DIFF_LINE_BG[line.type];
+            const prefix = line.type === 'add' ? '+' : line.type === 'remove' ? '-' : ' ';
+            const lineNum = line.lineNumber != null ? String(line.lineNumber) : '';
+            html += `<tr class="${cls}" style="background:${bg}">`;
+            html += `<td class="diff-line-num">${lineNum}</td>`;
+            html += `<td class="diff-prefix">${prefix}</td>`;
+            html += `<td class="diff-content">${escapeHtml(line.content)}</td>`;
+            html += `</tr>`;
+        }
+        html += `</table></div>`;
+    }
+    html += '</div>';
+    return html;
+}
+//# sourceMappingURL=StructuredDiffView.js.map

package/dist/components/Rendering/StructuredDiffView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructuredDiffView.js","sourceRoot":"","sources":["../../../src/components/Rendering/StructuredDiffView.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,qEAAqE;AAmBrE,8EAA8E;AAC9E,eAAe;AACf,8EAA8E;AAE9E,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC9C,MAAM,KAAK,GAAe,EAAE,CAAC;IAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEtC,IAAI,WAAW,GAAoB,IAAI,CAAC;IACxC,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,2DAA2D;QAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC,CAAC;QACtF,IAAI,SAAS,EAAE,CAAC;YACd,WAAW,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;YAC7C,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACxB,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACrC,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACrC,SAAS;QACX,CAAC;QAED,4CAA4C;QAC5C,IAAI,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1H,SAAS;QACX,CAAC;QAED,IAAI,CAAC,WAAW;YAAE,SAAS;QAE3B,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;YACxF,OAAO,EAAE,CAAC;QACZ,CAAC;aAAM,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;YAC3F,OAAO,EAAE,CAAC;QACZ,CAAC;aAAM,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;YACrD,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACrE,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;YAC1E,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,8EAA8E;AAC9E,iBAAiB;AACjB,8EAA8E;AAE9E,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,cAAc,CAAC;IAE9C,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACxB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YAC9E,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACvF,KAAK,CAAC,IAAI,CAAC,GAAG,OAAO,IAAI,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,8EAA8E;AAC9E,iBAAiB;AACjB,8EAA8E;AAE9E,SAAS,UAAU,CAAC,IAAY;IAC9B,OAAO,IAAI;SACR,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,eAAe,GAAiC;IACpD,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,YAAY,GAAiC;IACjD,GAAG,EAAE,SAAS;IACd,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,2CAA2C,CAAC;IAE3E,IAAI,IAAI,GAAG,yBAAyB,CAAC;IACrC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,yBAAyB,CAAC;QAClC,IAAI,IAAI,4BAA4B,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;QACpE,IAAI,IAAI,4BAA4B,CAAC;QACrC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,MAAM,GAAG,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvC,MAAM,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YAC9E,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACvE,IAAI,IAAI,cAAc,GAAG,uBAAuB,EAAE,IAAI,CAAC;YACvD,IAAI,IAAI,6BAA6B,OAAO,OAAO,CAAC;YACpD,IAAI,IAAI,2BAA2B,MAAM,OAAO,CAAC;YACjD,IAAI,IAAI,4BAA4B,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YACpE,IAAI,IAAI,OAAO,CAAC;QAClB,CAAC;QACD,IAAI,IAAI,gBAAgB,CAAC;IAC3B,CAAC;IACD,IAAI,IAAI,QAAQ,CAAC;IACjB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/components/Rendering/SubagentDrillDown.d.ts

@@ -0,0 +1,46 @@
+export type SubagentStatus = 'idle' | 'running' | 'completed' | 'failed' | 'cancelled';
+export interface SubagentEffect {
+    id: string;
+    kind: string;
+    title: string;
+    status: string;
+}
+export interface SubagentView {
+    agentId: string;
+    status: SubagentStatus;
+    tokenUsage: {
+        input: number;
+        output: number;
+    };
+    effects: SubagentEffect[];
+    duration: number;
+    model: string;
+}
+export interface SubagentDrillDownData {
+    agents: SubagentView[];
+    selectedAgentId?: string;
+    expandedEffects: Set<string>;
+}
+export interface ProgressAgent {
+    id: string;
+    status?: string;
+    model?: string;
+    tokenUsage?: {
+        input?: number;
+        output?: number;
+    };
+    effects?: Array<{
+        id: string;
+        kind: string;
+        title: string;
+        status: string;
+    }>;
+    startedAt?: number;
+    completedAt?: number;
+}
+export interface ProgressTracker {
+    agents: ProgressAgent[];
+}
+export declare function buildSubagentView(tracker: ProgressTracker): SubagentDrillDownData;
+export declare function formatSubagentSummary(view: SubagentView): string;
+export declare function formatSubagentDetail(view: SubagentView): string;

package/dist/components/Rendering/SubagentDrillDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubagentDrillDown.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/SubagentDrillDown.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEvF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC9B;AAMD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AAMD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,eAAe,GAAG,qBAAqB,CAuBjF;AA+CD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAMhE;AAMD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAoB/D"}

package/dist/components/Rendering/SubagentDrillDown.js

@@ -0,0 +1,101 @@
+// SubagentDrillDown.ts — Subagent drill-down view construction and rendering (GAP-SUBOBS-005)
+// Pure TypeScript: builds subagent views and renders summary/detail strings.
+// ---------------------------------------------------------------------------
+// View construction
+// ---------------------------------------------------------------------------
+export function buildSubagentView(tracker) {
+    const agents = tracker.agents.map((agent) => ({
+        agentId: agent.id,
+        status: normalizeStatus(agent.status),
+        tokenUsage: {
+            input: agent.tokenUsage?.input ?? 0,
+            output: agent.tokenUsage?.output ?? 0,
+        },
+        effects: (agent.effects ?? []).map((e) => ({
+            id: e.id,
+            kind: e.kind,
+            title: e.title,
+            status: e.status,
+        })),
+        duration: computeDuration(agent.startedAt, agent.completedAt),
+        model: agent.model ?? 'unknown',
+    }));
+    return {
+        agents,
+        selectedAgentId: undefined,
+        expandedEffects: new Set(),
+    };
+}
+function normalizeStatus(status) {
+    const s = (status ?? '').toLowerCase();
+    if (s === 'idle' || s === 'running' || s === 'completed' || s === 'failed' || s === 'cancelled') {
+        return s;
+    }
+    if (s === 'error')
+        return 'failed';
+    if (s === 'done' || s === 'success')
+        return 'completed';
+    return 'idle';
+}
+function computeDuration(startedAt, completedAt) {
+    if (startedAt == null)
+        return 0;
+    const end = completedAt ?? Date.now();
+    return Math.max(end - startedAt, 0);
+}
+// ---------------------------------------------------------------------------
+// Formatting helpers
+// ---------------------------------------------------------------------------
+function formatDuration(ms) {
+    if (ms < 1000)
+        return `${ms}ms`;
+    const seconds = Math.floor(ms / 1000);
+    if (seconds < 60)
+        return `${seconds}s`;
+    const minutes = Math.floor(seconds / 60);
+    const remainingSeconds = seconds % 60;
+    return remainingSeconds > 0 ? `${minutes}m ${remainingSeconds}s` : `${minutes}m`;
+}
+function formatTokens(usage) {
+    return `${usage.input.toLocaleString()}in/${usage.output.toLocaleString()}out`;
+}
+const STATUS_ICON = {
+    idle: '○', // ○
+    running: '◔', // ◔
+    completed: '✔', // ✔
+    failed: '✘', // ✘
+    cancelled: '–', // –
+};
+// ---------------------------------------------------------------------------
+// Summary rendering (one-line per agent)
+// ---------------------------------------------------------------------------
+export function formatSubagentSummary(view) {
+    const icon = STATUS_ICON[view.status] ?? '?';
+    const dur = formatDuration(view.duration);
+    const tokens = formatTokens(view.tokenUsage);
+    const effectCount = view.effects.length;
+    return `${icon} ${view.agentId} [${view.model}] ${view.status} | ${dur} | ${tokens} | ${effectCount} effect${effectCount !== 1 ? 's' : ''}`;
+}
+// ---------------------------------------------------------------------------
+// Detail rendering (expanded with effects)
+// ---------------------------------------------------------------------------
+export function formatSubagentDetail(view) {
+    const lines = [];
+    const icon = STATUS_ICON[view.status] ?? '?';
+    lines.push(`${icon} Agent: ${view.agentId}`);
+    lines.push(`  Model:    ${view.model}`);
+    lines.push(`  Status:   ${view.status}`);
+    lines.push(`  Duration: ${formatDuration(view.duration)}`);
+    lines.push(`  Tokens:   ${formatTokens(view.tokenUsage)}`);
+    if (view.effects.length > 0) {
+        lines.push(`  Effects (${view.effects.length}):`);
+        for (const effect of view.effects) {
+            lines.push(`    │ [${effect.kind}] ${effect.title} (${effect.status})`);
+        }
+    }
+    else {
+        lines.push('  Effects: (none)');
+    }
+    return lines.join('\n');
+}
+//# sourceMappingURL=SubagentDrillDown.js.map

package/dist/components/Rendering/SubagentDrillDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubagentDrillDown.js","sourceRoot":"","sources":["../../../src/components/Rendering/SubagentDrillDown.ts"],"names":[],"mappings":"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"}

package/dist/components/Rendering/index.d.ts

@@ -0,0 +1,12 @@
+export { buildEffectTree, formatEffectTreeText, renderEffectTreeHtml, } from './EffectTreeView.js';
+export type { EffectStatus, EffectTreeNode, FlatEffect, } from './EffectTreeView.js';
+export { formatProgressBar, formatStatusLine, } from './ProgressStatusLine.js';
+export type { ProgressData, } from './ProgressStatusLine.js';
+export { StreamPanelManager, formatPanelOutput, } from './StreamingOutputPanel.js';
+export type { StreamPanel, } from './StreamingOutputPanel.js';
+export { parseDiffOutput, formatDiffText, formatDiffHtml, } from './StructuredDiffView.js';
+export type { DiffLine, DiffLineType, DiffHunk, } from './StructuredDiffView.js';
+export { detectMessageType, formatMessageText, formatMessageHtml, } from './MessageTypeRenderer.js';
+export type { MessageType, } from './MessageTypeRenderer.js';
+export { buildSubagentView, formatSubagentSummary, formatSubagentDetail, } from './SubagentDrillDown.js';
+export type { SubagentStatus, SubagentEffect, SubagentView, SubagentDrillDownData, ProgressAgent, ProgressTracker, } from './SubagentDrillDown.js';

package/dist/components/Rendering/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,YAAY,EACZ,cAAc,EACd,UAAU,GACX,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,YAAY,GACb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,WAAW,GACZ,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,WAAW,GACZ,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,eAAe,GAChB,MAAM,wBAAwB,CAAC"}

package/dist/components/Rendering/index.js

@@ -0,0 +1,10 @@
+// Rendering primitives barrel export — pure TypeScript rendering utilities
+// for effect trees, progress bars, streaming panels, diffs, message types,
+// and subagent drill-down views.
+export { buildEffectTree, formatEffectTreeText, renderEffectTreeHtml, } from './EffectTreeView.js';
+export { formatProgressBar, formatStatusLine, } from './ProgressStatusLine.js';
+export { StreamPanelManager, formatPanelOutput, } from './StreamingOutputPanel.js';
+export { parseDiffOutput, formatDiffText, formatDiffHtml, } from './StructuredDiffView.js';
+export { detectMessageType, formatMessageText, formatMessageHtml, } from './MessageTypeRenderer.js';
+export { buildSubagentView, formatSubagentSummary, formatSubagentDetail, } from './SubagentDrillDown.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Rendering/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Rendering/index.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,2EAA2E;AAC3E,iCAAiC;AAEjC,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AAKjC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAKnC,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,yBAAyB,CAAC;AAOjC,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/dist/components/RunStatusBadge.d.ts

@@ -0,0 +1,3 @@
+export declare function RunStatusBadge(props: {
+    status: string;
+}): JSX.Element;

package/dist/components/RunStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunStatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/RunStatusBadge.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAMrE"}

package/dist/components/RunStatusBadge.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card } from './primitives/Card.js';
+import { Text } from './primitives/Text.js';
+export function RunStatusBadge(props) {
+    return (_jsx(Card, { children: _jsx(Text, { children: props.status }) }));
+}
+//# sourceMappingURL=RunStatusBadge.js.map

package/dist/components/RunStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunStatusBadge.js","sourceRoot":"","sources":["../../src/components/RunStatusBadge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,UAAU,cAAc,CAAC,KAAyB;IACtD,OAAO,CACL,KAAC,IAAI,cACH,KAAC,IAAI,cAAE,KAAK,CAAC,MAAM,GAAQ,GACtB,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Session/SessionCost.d.ts

@@ -0,0 +1,22 @@
+export interface TurnUsage {
+    id?: string;
+    turnId?: string;
+    messageId?: string;
+    timestamp?: string;
+    model?: string;
+    modelId?: string;
+    inputTokens?: number;
+    input_tokens?: number;
+    outputTokens?: number;
+    output_tokens?: number;
+    cacheReadTokens?: number;
+    cache_read_input_tokens?: number;
+    cacheWriteTokens?: number;
+    cache_write_input_tokens?: number;
+}
+export interface SessionCostProps {
+    turns?: TurnUsage[];
+    totalCost?: number | string | null;
+    compact?: boolean;
+}
+export declare function SessionCost({ turns, totalCost, compact }: SessionCostProps): JSX.Element;

package/dist/components/Session/SessionCost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionCost.d.ts","sourceRoot":"","sources":["../../../src/components/Session/SessionCost.tsx"],"names":[],"mappings":"AA2CA,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AA6KD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAU,EAAE,SAAS,EAAE,OAAe,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAsGrG"}

package/dist/components/Session/SessionCost.js

@@ -0,0 +1,168 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+const MODEL_PRICING = {
+    'claude-opus-4': { input: 15, output: 75, cacheRead: 1.5, cacheWrite: 18.75 },
+    'claude-opus-4-5': { input: 15, output: 75, cacheRead: 1.5, cacheWrite: 18.75 },
+    'claude-sonnet-4': { input: 3, output: 15, cacheRead: 0.3, cacheWrite: 3.75 },
+    'claude-sonnet-4-5': { input: 3, output: 15, cacheRead: 0.3, cacheWrite: 3.75 },
+    'claude-sonnet-3-7': { input: 3, output: 15, cacheRead: 0.3, cacheWrite: 3.75 },
+    'claude-sonnet-3-5': { input: 3, output: 15, cacheRead: 0.3, cacheWrite: 3.75 },
+    'claude-haiku-3-5': { input: 0.8, output: 4, cacheRead: 0.08, cacheWrite: 1 },
+    'claude-haiku-3': { input: 0.25, output: 1.25, cacheRead: 0.03, cacheWrite: 0.3 },
+    'gpt-4o': { input: 2.5, output: 10, cacheRead: 1.25, cacheWrite: 0 },
+    'gpt-4o-mini': { input: 0.15, output: 0.6, cacheRead: 0.075, cacheWrite: 0 },
+    'gpt-4-turbo': { input: 10, output: 30, cacheRead: 0, cacheWrite: 0 },
+    'gpt-4': { input: 30, output: 60, cacheRead: 0, cacheWrite: 0 },
+};
+function normalizeModelKey(model) {
+    if (!model)
+        return null;
+    const s = model.toLowerCase().replace(/[_\s]/g, '-');
+    if (MODEL_PRICING[s])
+        return s;
+    const keys = Object.keys(MODEL_PRICING);
+    let best = null;
+    for (const key of keys) {
+        if (s.startsWith(key) || s.includes(key)) {
+            if (!best || key.length > best.length)
+                best = key;
+        }
+    }
+    return best;
+}
+function computeTurnCost(turn) {
+    const model = turn.model || turn.modelId || '';
+    const key = normalizeModelKey(model);
+    const rates = key ? MODEL_PRICING[key] : null;
+    if (!rates)
+        return null;
+    const inputTokens = turn.inputTokens || turn.input_tokens || 0;
+    const outputTokens = turn.outputTokens || turn.output_tokens || 0;
+    const cacheRead = turn.cacheReadTokens || turn.cache_read_input_tokens || 0;
+    const cacheWrite = turn.cacheWriteTokens || turn.cache_write_input_tokens || 0;
+    return ((inputTokens * rates.input +
+        outputTokens * rates.output +
+        cacheRead * rates.cacheRead +
+        cacheWrite * rates.cacheWrite) /
+        1_000_000);
+}
+function formatCost(usd) {
+    if (usd == null)
+        return '—';
+    if (usd < 0.0001)
+        return '<$0.0001';
+    if (usd < 0.01)
+        return `$${usd.toFixed(4)}`;
+    return `$${usd.toFixed(3)}`;
+}
+function formatTokens(n) {
+    if (n == null || n === 0)
+        return '0';
+    if (n >= 1_000_000)
+        return `${(n / 1_000_000).toFixed(1)}M`;
+    if (n >= 1000)
+        return `${(n / 1000).toFixed(1)}k`;
+    return String(n);
+}
+function turnCostKey(turn) {
+    return turn.id ||
+        turn.turnId ||
+        turn.messageId ||
+        turn.timestamp ||
+        [
+            turn.model || turn.modelId || 'unknown-model',
+            turn.inputTokens || turn.input_tokens || 0,
+            turn.outputTokens || turn.output_tokens || 0,
+            turn.cacheReadTokens || turn.cache_read_input_tokens || 0,
+            turn.cacheWriteTokens || turn.cache_write_input_tokens || 0,
+        ].join(':') || '';
+}
+function TurnCostRow({ turn, index }) {
+    const [open, setOpen] = useState(false);
+    const model = turn.model || turn.modelId || '—';
+    const inputTokens = turn.inputTokens || turn.input_tokens || 0;
+    const outputTokens = turn.outputTokens || turn.output_tokens || 0;
+    const cacheRead = turn.cacheReadTokens || turn.cache_read_input_tokens || 0;
+    const cacheWrite = turn.cacheWriteTokens || turn.cache_write_input_tokens || 0;
+    const cost = computeTurnCost(turn);
+    const known = normalizeModelKey(model);
+    return (_jsxs("details", { open: open, onToggle: (e) => setOpen(e.target.open), style: { marginBottom: 4 }, children: [_jsxs("summary", { style: {
+                    cursor: 'pointer',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 8,
+                    padding: '5px 8px',
+                    backgroundColor: '#f8fafc',
+                    border: '1px solid #e2e8f0',
+                    borderRadius: 4,
+                    fontSize: 12,
+                    listStyle: 'none',
+                }, children: [_jsxs("span", { style: { color: 'var(--text-muted)', flexShrink: 0, fontSize: 11 }, children: ["Turn ", index + 1] }), _jsx("span", { style: {
+                            fontFamily: 'monospace',
+                            fontSize: 11,
+                            color: 'var(--text)',
+                            flex: 1,
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                        }, children: model }), _jsx("span", { style: {
+                            fontFamily: 'monospace',
+                            fontSize: 11,
+                            fontWeight: 600,
+                            color: cost != null ? '#1e293b' : '#9ca3af',
+                            flexShrink: 0,
+                        }, children: cost != null ? formatCost(cost) : '—' }), _jsx("span", { style: { fontSize: 10, color: 'var(--text-muted)', flexShrink: 0 }, children: open ? '▲' : '▼' })] }), _jsxs("div", { style: {
+                    padding: '8px 10px',
+                    border: '1px solid #e2e8f0',
+                    borderTop: 'none',
+                    borderRadius: '0 0 4px 4px',
+                    backgroundColor: '#fff',
+                }, children: [_jsx("table", { style: { width: '100%', fontSize: 11, borderCollapse: 'collapse' }, children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { style: { padding: '2px 8px 2px 0', color: 'var(--text-muted)' }, children: "Input tokens" }), _jsx("td", { style: { fontFamily: 'monospace', textAlign: 'right' }, children: formatTokens(inputTokens) })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: '2px 8px 2px 0', color: 'var(--text-muted)' }, children: "Output tokens" }), _jsx("td", { style: { fontFamily: 'monospace', textAlign: 'right' }, children: formatTokens(outputTokens) })] }), cacheRead > 0 && (_jsxs("tr", { children: [_jsx("td", { style: { padding: '2px 8px 2px 0', color: 'var(--text-muted)' }, children: "Cache read" }), _jsx("td", { style: { fontFamily: 'monospace', textAlign: 'right' }, children: formatTokens(cacheRead) })] })), cacheWrite > 0 && (_jsxs("tr", { children: [_jsx("td", { style: { padding: '2px 8px 2px 0', color: 'var(--text-muted)' }, children: "Cache write" }), _jsx("td", { style: { fontFamily: 'monospace', textAlign: 'right' }, children: formatTokens(cacheWrite) })] })), _jsxs("tr", { style: { borderTop: '1px solid #e2e8f0' }, children: [_jsx("td", { style: { padding: '4px 8px 2px 0', color: 'var(--text)', fontWeight: 600 }, children: "Estimated cost" }), _jsx("td", { style: {
+                                                fontFamily: 'monospace',
+                                                textAlign: 'right',
+                                                fontWeight: 600,
+                                                color: cost != null ? '#1e293b' : '#9ca3af',
+                                            }, children: cost != null ? formatCost(cost) : known === null ? 'unknown model' : '—' })] })] }) }), !known && (_jsxs("p", { style: { fontSize: 10, color: 'var(--text-muted)', marginTop: 6 }, children: ["Pricing not available for model \"", model, "\". Cost cannot be estimated."] }))] })] }));
+}
+export function SessionCost({ turns = [], totalCost, compact = false }) {
+    const turnsWithUsage = (turns || []).filter((t) => ((t.inputTokens || t.input_tokens || 0) + (t.outputTokens || t.output_tokens || 0)) > 0);
+    const computedTotal = turnsWithUsage.reduce((acc, t) => {
+        const c = computeTurnCost(t);
+        return c != null ? acc + c : acc;
+    }, 0);
+    const displayTotal = totalCost != null
+        ? `$${Number(totalCost).toFixed(3)}`
+        : turnsWithUsage.length > 0
+            ? formatCost(computedTotal)
+            : '—';
+    const totalInputTokens = turnsWithUsage.reduce((acc, t) => acc + (t.inputTokens || t.input_tokens || 0), 0);
+    const totalOutputTokens = turnsWithUsage.reduce((acc, t) => acc + (t.outputTokens || t.output_tokens || 0), 0);
+    if (compact) {
+        return (_jsxs("div", { "aria-live": "polite", "aria-label": `Session cost: ${displayTotal}`, style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: 12,
+                fontSize: 12,
+                padding: '6px 10px',
+                backgroundColor: '#f8fafc',
+                border: '1px solid #e2e8f0',
+                borderRadius: 4,
+            }, children: [_jsx("span", { style: { color: 'var(--text-muted)' }, children: "Session cost" }), _jsx("strong", { style: { fontFamily: 'monospace', color: '#1e293b' }, children: displayTotal }), totalInputTokens > 0 && (_jsxs(_Fragment, { children: [_jsx("span", { style: { color: '#d1d5db' }, children: "|" }), _jsxs("span", { style: { color: 'var(--text-muted)', fontSize: 11 }, children: [formatTokens(totalInputTokens), " in / ", formatTokens(totalOutputTokens), " out"] })] })), _jsxs("span", { style: { color: 'var(--text-muted)', fontSize: 11 }, children: [turnsWithUsage.length, " turns"] })] }));
+    }
+    return (_jsxs("div", { children: [_jsxs("div", { "aria-live": "polite", "aria-label": `Total session cost: ${displayTotal}`, style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 8,
+                    marginBottom: 10,
+                    padding: '8px 10px',
+                    backgroundColor: '#f0fdf4',
+                    border: '1px solid #bbf7d0',
+                    borderRadius: 4,
+                }, children: [_jsx("span", { style: { fontSize: 12, color: '#166534' }, children: "Total session cost" }), _jsx("strong", { style: {
+                            fontFamily: 'monospace',
+                            fontSize: 14,
+                            color: '#14532d',
+                            flex: 1,
+                        }, children: displayTotal }), _jsxs("span", { style: { fontSize: 11, color: '#16a34a' }, children: [formatTokens(totalInputTokens), " in / ", formatTokens(totalOutputTokens), " out"] })] }), turnsWithUsage.length > 0 ? (_jsx("div", { children: turnsWithUsage.map((turn, turnIndex) => (_jsx(TurnCostRow, { turn: turn, index: turnIndex }, turnCostKey(turn)))) })) : (_jsx("p", { style: { fontSize: 13, color: 'var(--text-muted)', padding: '8px 0' }, children: "No per-turn token usage data available for this session." }))] }));
+}
+//# sourceMappingURL=SessionCost.js.map