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

package/dist/components/Observability/ToolInspector.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+function tryParseJson(value) {
+    if (value == null)
+        return value;
+    if (typeof value !== 'string')
+        return value;
+    try {
+        return JSON.parse(value);
+    }
+    catch {
+        return value;
+    }
+}
+function formatJson(value) {
+    if (value == null)
+        return '';
+    if (typeof value === 'string')
+        return value;
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch {
+        return String(value);
+    }
+}
+function truncate(text, maxLen) {
+    if (!text || text.length <= maxLen)
+        return text || '';
+    return text.slice(0, maxLen) + '...';
+}
+const STATUS_COLOR = {
+    completed: '#22c55e',
+    error: '#ef4444',
+    running: '#f59e0b',
+};
+function statusColor(status) {
+    return STATUS_COLOR[status] || '#94a3b8';
+}
+const TOOL_META = {
+    bash: { label: 'Bash', prefix: '$' },
+    read: { label: 'Read', prefix: 'R' },
+    write: { label: 'Write', prefix: 'W' },
+    edit: { label: 'Edit', prefix: 'E' },
+    glob: { label: 'Glob', prefix: 'G' },
+    grep: { label: 'Grep', prefix: '/' },
+    web_fetch: { label: 'Fetch', prefix: 'F' },
+    web_search: { label: 'Search', prefix: 'S' },
+};
+function resolveToolMeta(toolName) {
+    const key = (toolName || '').toLowerCase().replace(/[^a-z_]/g, '');
+    return TOOL_META[key] || { label: toolName || 'Tool', prefix: 'T' };
+}
+function inputSummary(toolName, input) {
+    const parsed = typeof input === 'string' ? tryParseJson(input) : input;
+    if (!parsed)
+        return '';
+    const p = parsed;
+    const key = (toolName || '').toLowerCase().replace(/[^a-z_]/g, '');
+    if (key === 'bash')
+        return truncate(String(p?.command || JSON.stringify(parsed)), 120);
+    if (key === 'read')
+        return String(p?.file_path || p?.path || JSON.stringify(parsed));
+    if (key === 'write' || key === 'edit')
+        return String(p?.file_path || JSON.stringify(parsed));
+    if (key === 'glob')
+        return String(p?.pattern || JSON.stringify(parsed));
+    if (key === 'grep')
+        return String(p?.pattern || JSON.stringify(parsed));
+    if (key === 'web_fetch')
+        return String(p?.url || JSON.stringify(parsed));
+    if (key === 'web_search')
+        return String(p?.query || JSON.stringify(parsed));
+    return truncate(typeof parsed === 'string' ? parsed : JSON.stringify(parsed), 120);
+}
+export function ToolCallInspector({ toolName, input, output, status = 'completed', durationMs, }) {
+    const [open, setOpen] = useState(false);
+    const meta = resolveToolMeta(toolName);
+    const color = statusColor(status);
+    const summary = inputSummary(toolName, input);
+    const parsedInput = typeof input === 'string' ? tryParseJson(input) : input;
+    const parsedOutput = typeof output === 'string' ? tryParseJson(output) : output;
+    return (_jsxs("details", { open: open, onToggle: (e) => setOpen(e.target.open), "aria-label": `Tool call: ${meta.label} - ${summary || 'no input'}`, style: {
+            border: '1px solid #e2e8f0',
+            borderLeft: `3px solid ${color}`,
+            borderRadius: 4,
+            marginBottom: 6,
+            fontSize: 12,
+            backgroundColor: '#fafafa',
+        }, children: [_jsxs("summary", { style: {
+                    cursor: 'pointer',
+                    padding: '6px 10px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 6,
+                    listStyle: 'none',
+                    userSelect: 'none',
+                }, children: [_jsx("span", { style: {
+                            fontFamily: 'monospace',
+                            fontSize: 10,
+                            color: '#fff',
+                            backgroundColor: color,
+                            borderRadius: 3,
+                            padding: '1px 5px',
+                            fontWeight: 700,
+                            flexShrink: 0,
+                        }, children: meta.prefix }), _jsx("strong", { style: { fontSize: 11, color: '#1e293b', flexShrink: 0 }, children: meta.label }), _jsx("span", { style: {
+                            fontFamily: 'monospace',
+                            fontSize: 11,
+                            color: 'var(--text)',
+                            flex: 1,
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                        }, children: summary }), durationMs != null && (_jsx("span", { style: { fontSize: 10, color: 'var(--text-muted)', flexShrink: 0 }, children: durationMs < 1000 ? `${durationMs}ms` : `${(durationMs / 1000).toFixed(1)}s` })), _jsx("span", { style: { fontSize: 10, color: 'var(--text-muted)', flexShrink: 0, marginLeft: 4 }, children: open ? '▲' : '▼' })] }), _jsxs("div", { style: { padding: '8px 10px', borderTop: '1px solid #e2e8f0' }, children: [_jsxs("div", { style: { marginBottom: parsedOutput != null ? 8 : 0 }, children: [_jsx("span", { style: {
+                                    fontSize: 10,
+                                    fontWeight: 600,
+                                    color: 'var(--text-muted)',
+                                    textTransform: 'uppercase',
+                                    letterSpacing: '0.05em',
+                                    display: 'block',
+                                    marginBottom: 4,
+                                }, children: "Input" }), _jsx("pre", { style: {
+                                    margin: 0,
+                                    fontFamily: 'monospace',
+                                    fontSize: 11,
+                                    color: '#1e293b',
+                                    backgroundColor: '#f1f5f9',
+                                    border: '1px solid #e2e8f0',
+                                    borderRadius: 3,
+                                    padding: '6px 8px',
+                                    whiteSpace: 'pre-wrap',
+                                    wordBreak: 'break-word',
+                                    maxHeight: 200,
+                                    overflow: 'auto',
+                                }, children: parsedInput != null ? formatJson(parsedInput) : '(empty)' })] }), parsedOutput != null && (_jsxs("div", { children: [_jsx("span", { style: {
+                                    fontSize: 10,
+                                    fontWeight: 600,
+                                    color: 'var(--text-muted)',
+                                    textTransform: 'uppercase',
+                                    letterSpacing: '0.05em',
+                                    display: 'block',
+                                    marginBottom: 4,
+                                }, children: "Output" }), _jsx("pre", { style: {
+                                    margin: 0,
+                                    fontFamily: 'monospace',
+                                    fontSize: 11,
+                                    color: status === 'error' ? '#dc2626' : '#374151',
+                                    backgroundColor: status === 'error' ? '#fef2f2' : '#f8fafc',
+                                    border: `1px solid ${status === 'error' ? '#fca5a5' : '#e2e8f0'}`,
+                                    borderRadius: 3,
+                                    padding: '6px 8px',
+                                    whiteSpace: 'pre-wrap',
+                                    wordBreak: 'break-word',
+                                    maxHeight: 300,
+                                    overflow: 'auto',
+                                }, children: formatJson(parsedOutput) })] }))] })] }));
+}
+export function ToolCallList({ messages }) {
+    const toolMessages = (messages || []).filter((m) => m.role === 'tool' || m.role === 'tool_use' || m.role === 'tool_result');
+    if (!toolMessages.length) {
+        return (_jsx("p", { style: { fontSize: 13, color: 'var(--text-muted)', padding: '8px 0' }, children: "No tool calls in this transcript." }));
+    }
+    return (_jsx("div", { role: "list", "aria-label": "Tool calls", children: toolMessages.map((msg, i) => (_jsx(ToolCallInspector, { toolName: msg.toolName || msg.name || 'Tool', input: msg.input || msg.content, output: msg.output, status: msg.status || 'completed', durationMs: msg.durationMs }, i))) }));
+}
+//# sourceMappingURL=ToolInspector.js.map

package/dist/components/Observability/ToolInspector.js.map

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

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

@@ -0,0 +1,4 @@
+export { ToolCallInspector, ToolCallList } from './ToolInspector.js';
+export type { ToolCallInspectorProps, ToolCallListProps, ToolMessage } from './ToolInspector.js';
+export { ActivityFeed } from './ActivityFeed.js';
+export type { ActivityFeedProps, ActivityItem } from './ActivityFeed.js';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Observability/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACrE,YAAY,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjG,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Observability/index.js

@@ -0,0 +1,3 @@
+export { ToolCallInspector, ToolCallList } from './ToolInspector.js';
+export { ActivityFeed } from './ActivityFeed.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Observability/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,20 @@
+export type EffectStatus = 'pending' | 'running' | 'completed' | 'failed' | 'skipped';
+export interface EffectTreeNode {
+    id: string;
+    parentId: string | null;
+    kind: string;
+    title: string;
+    status: EffectStatus;
+    children: EffectTreeNode[];
+    depth: number;
+}
+export interface FlatEffect {
+    id: string;
+    parentId?: string | null;
+    kind: string;
+    title: string;
+    status: EffectStatus;
+}
+export declare function buildEffectTree(effects: FlatEffect[]): EffectTreeNode[];
+export declare function formatEffectTreeText(tree: EffectTreeNode[]): string;
+export declare function renderEffectTreeHtml(tree: EffectTreeNode[]): string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"EffectTreeView.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/EffectTreeView.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,YAAY,CAAC;CACtB;AAMD,wBAAgB,eAAe,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAuCvE;AAyBD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,MAAM,CAenE;AA2CD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,MAAM,CASnE"}

package/dist/components/Rendering/EffectTreeView.js

@@ -0,0 +1,123 @@
+// EffectTreeView.ts — Effect tree construction and rendering (GAP-UX-001 + UX-001a)
+// Pure TypeScript: builds a tree from a flat effect list, renders ASCII or HTML.
+// ---------------------------------------------------------------------------
+// Tree construction
+// ---------------------------------------------------------------------------
+export function buildEffectTree(effects) {
+    const nodeMap = new Map();
+    // First pass: create nodes
+    for (const effect of effects) {
+        nodeMap.set(effect.id, {
+            id: effect.id,
+            parentId: effect.parentId ?? null,
+            kind: effect.kind,
+            title: effect.title,
+            status: effect.status,
+            children: [],
+            depth: 0,
+        });
+    }
+    // Second pass: wire parent-child relationships
+    const roots = [];
+    for (const node of nodeMap.values()) {
+        if (node.parentId && nodeMap.has(node.parentId)) {
+            nodeMap.get(node.parentId).children.push(node);
+        }
+        else {
+            roots.push(node);
+        }
+    }
+    // Third pass: compute depths
+    function setDepth(node, depth) {
+        node.depth = depth;
+        for (const child of node.children) {
+            setDepth(child, depth + 1);
+        }
+    }
+    for (const root of roots) {
+        setDepth(root, 0);
+    }
+    return roots;
+}
+// ---------------------------------------------------------------------------
+// ASCII tree rendering (terminal)
+// ---------------------------------------------------------------------------
+const STATUS_ICON = {
+    pending: '○', // ○
+    running: '◔', // ◔
+    completed: '✔', // ✔
+    failed: '✘', // ✘
+    skipped: '–', // –
+};
+function renderNodeText(node, prefix, isLast, lines) {
+    const connector = isLast ? '└── ' : '├── ';
+    const icon = STATUS_ICON[node.status] ?? '?';
+    lines.push(`${prefix}${connector}${icon} [${node.kind}] ${node.title} (${node.status})`);
+    const childPrefix = prefix + (isLast ? '    ' : '│   ');
+    for (let i = 0; i < node.children.length; i++) {
+        renderNodeText(node.children[i], childPrefix, i === node.children.length - 1, lines);
+    }
+}
+export function formatEffectTreeText(tree) {
+    if (tree.length === 0)
+        return '(empty tree)';
+    const lines = [];
+    for (let i = 0; i < tree.length; i++) {
+        const root = tree[i];
+        const icon = STATUS_ICON[root.status] ?? '?';
+        lines.push(`${icon} [${root.kind}] ${root.title} (${root.status})`);
+        const childPrefix = i < tree.length - 1 ? '│   ' : '    ';
+        for (let j = 0; j < root.children.length; j++) {
+            renderNodeText(root.children[j], childPrefix, j === root.children.length - 1, lines);
+        }
+    }
+    return lines.join('\n');
+}
+// ---------------------------------------------------------------------------
+// HTML tree rendering (collapsible)
+// ---------------------------------------------------------------------------
+const STATUS_CLASS = {
+    pending: 'effect-pending',
+    running: 'effect-running',
+    completed: 'effect-completed',
+    failed: 'effect-failed',
+    skipped: 'effect-skipped',
+};
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+function renderNodeHtml(node) {
+    const cls = STATUS_CLASS[node.status] ?? 'effect-pending';
+    const icon = STATUS_ICON[node.status] ?? '?';
+    const hasChildren = node.children.length > 0;
+    let html = `<li class="effect-node ${cls}" data-effect-id="${escapeHtml(node.id)}" data-depth="${node.depth}">`;
+    if (hasChildren) {
+        html += `<details open>`;
+        html += `<summary>${icon} <span class="effect-kind">[${escapeHtml(node.kind)}]</span> ${escapeHtml(node.title)} <span class="effect-status">(${node.status})</span></summary>`;
+        html += `<ul>`;
+        for (const child of node.children) {
+            html += renderNodeHtml(child);
+        }
+        html += `</ul></details>`;
+    }
+    else {
+        html += `${icon} <span class="effect-kind">[${escapeHtml(node.kind)}]</span> ${escapeHtml(node.title)} <span class="effect-status">(${node.status})</span>`;
+    }
+    html += `</li>`;
+    return html;
+}
+export function renderEffectTreeHtml(tree) {
+    if (tree.length === 0)
+        return '<ul class="effect-tree"><li>(empty tree)</li></ul>';
+    let html = '<ul class="effect-tree">';
+    for (const root of tree) {
+        html += renderNodeHtml(root);
+    }
+    html += '</ul>';
+    return html;
+}
+//# sourceMappingURL=EffectTreeView.js.map

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

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

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

@@ -0,0 +1,4 @@
+export type MessageType = 'text' | 'code' | 'tool_call' | 'tool_result' | 'thinking' | 'error' | 'system';
+export declare function detectMessageType(content: string): MessageType;
+export declare function formatMessageText(content: string, type: MessageType): string;
+export declare function formatMessageHtml(content: string, type: MessageType): string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTypeRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/MessageTypeRenderer.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAa1G,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAW9D;AAkCD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,CAa5E;AAwBD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,CAsB5E"}

package/dist/components/Rendering/MessageTypeRenderer.js

@@ -0,0 +1,108 @@
+// MessageTypeRenderer.ts — Message type detection and rendering (GAP-UX-001d)
+// Pure TypeScript: detects message types and renders with appropriate formatting.
+// ---------------------------------------------------------------------------
+// Message type detection
+// ---------------------------------------------------------------------------
+const CODE_BLOCK_PATTERN = /^```[\s\S]*```$/m;
+const TOOL_CALL_PATTERN = /^\s*\{[\s\S]*"tool_name"\s*:/;
+const TOOL_RESULT_PATTERN = /^\s*\{[\s\S]*"tool_result"\s*:/;
+const THINKING_PATTERN = /^<thinking>[\s\S]*<\/thinking>$/;
+const ERROR_PATTERN = /^(Error|ERROR|Exception|FATAL|Traceback)[\s:]/;
+const SYSTEM_PATTERN = /^\[system\]|^\[SYSTEM\]/;
+export function detectMessageType(content) {
+    const trimmed = content.trim();
+    if (SYSTEM_PATTERN.test(trimmed))
+        return 'system';
+    if (ERROR_PATTERN.test(trimmed))
+        return 'error';
+    if (THINKING_PATTERN.test(trimmed))
+        return 'thinking';
+    if (TOOL_CALL_PATTERN.test(trimmed))
+        return 'tool_call';
+    if (TOOL_RESULT_PATTERN.test(trimmed))
+        return 'tool_result';
+    if (CODE_BLOCK_PATTERN.test(trimmed))
+        return 'code';
+    return 'text';
+}
+// ---------------------------------------------------------------------------
+// Text formatting
+// ---------------------------------------------------------------------------
+const TYPE_PREFIX = {
+    text: '',
+    code: '┌─ code ──────────────────\n',
+    tool_call: '⇒ Tool Call:\n',
+    tool_result: '⇐ Tool Result:\n',
+    thinking: '\u{1F4AD} Thinking:\n',
+    error: '⚠ Error:\n',
+    system: 'ℹ System:\n',
+};
+const TYPE_SUFFIX = {
+    text: '',
+    code: '\n└─────────────────────────┘',
+    tool_call: '',
+    tool_result: '',
+    thinking: '',
+    error: '',
+    system: '',
+};
+function stripCodeFences(content) {
+    return content.replace(/^```\w*\n?/, '').replace(/\n?```$/, '');
+}
+function stripThinkingTags(content) {
+    return content.replace(/^<thinking>\n?/, '').replace(/\n?<\/thinking>$/, '');
+}
+export function formatMessageText(content, type) {
+    let body = content;
+    switch (type) {
+        case 'code':
+            body = stripCodeFences(body.trim());
+            break;
+        case 'thinking':
+            body = stripThinkingTags(body.trim());
+            break;
+    }
+    return `${TYPE_PREFIX[type]}${body}${TYPE_SUFFIX[type]}`;
+}
+// ---------------------------------------------------------------------------
+// HTML rendering
+// ---------------------------------------------------------------------------
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+const TYPE_HTML_CLASS = {
+    text: 'msg-text',
+    code: 'msg-code',
+    tool_call: 'msg-tool-call',
+    tool_result: 'msg-tool-result',
+    thinking: 'msg-thinking',
+    error: 'msg-error',
+    system: 'msg-system',
+};
+export function formatMessageHtml(content, type) {
+    const cls = TYPE_HTML_CLASS[type];
+    let body = content;
+    switch (type) {
+        case 'code':
+            body = stripCodeFences(body.trim());
+            return `<div class="${cls}"><pre><code>${escapeHtml(body)}</code></pre></div>`;
+        case 'thinking':
+            body = stripThinkingTags(body.trim());
+            return `<div class="${cls}"><em>${escapeHtml(body)}</em></div>`;
+        case 'error':
+            return `<div class="${cls}"><strong>${escapeHtml(body)}</strong></div>`;
+        case 'tool_call':
+            return `<div class="${cls}"><pre class="tool-call">${escapeHtml(body)}</pre></div>`;
+        case 'tool_result':
+            return `<div class="${cls}"><pre class="tool-result">${escapeHtml(body)}</pre></div>`;
+        case 'system':
+            return `<div class="${cls}"><span class="system-msg">${escapeHtml(body)}</span></div>`;
+        default:
+            return `<div class="${cls}"><p>${escapeHtml(body)}</p></div>`;
+    }
+}
+//# sourceMappingURL=MessageTypeRenderer.js.map

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

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

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

@@ -0,0 +1,9 @@
+export interface ProgressData {
+    current: number;
+    total: number;
+    label: string;
+    startedAt: number;
+    estimatedCompletion?: number;
+}
+export declare function formatProgressBar(data: ProgressData, width?: number): string;
+export declare function formatStatusLine(data: ProgressData, now?: number): string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStatusLine.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/ProgressStatusLine.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AASD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,GAAE,MAAW,GAAG,MAAM,CAQhF;AAqCD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAQzE"}

package/dist/components/Rendering/ProgressStatusLine.js

@@ -0,0 +1,57 @@
+// ProgressStatusLine.ts — Progress bar and status line formatting (GAP-UX-001e)
+// Pure TypeScript: renders progress bars and status lines as strings.
+// ---------------------------------------------------------------------------
+// Progress bar rendering
+// ---------------------------------------------------------------------------
+const FILL_CHAR = '█'; // █
+const EMPTY_CHAR = '░'; // ░
+export function formatProgressBar(data, width = 20) {
+    const safeTotal = Math.max(data.total, 1);
+    const ratio = Math.min(Math.max(data.current / safeTotal, 0), 1);
+    const filled = Math.round(ratio * width);
+    const empty = width - filled;
+    const percent = Math.round(ratio * 100);
+    return `[${FILL_CHAR.repeat(filled)}${EMPTY_CHAR.repeat(empty)}] ${percent}%`;
+}
+// ---------------------------------------------------------------------------
+// Time remaining
+// ---------------------------------------------------------------------------
+function formatDuration(ms) {
+    if (ms < 0)
+        return '0s';
+    const totalSeconds = Math.floor(ms / 1000);
+    if (totalSeconds < 60)
+        return `${totalSeconds}s`;
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    if (minutes < 60)
+        return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
+    const hours = Math.floor(minutes / 60);
+    const remainingMinutes = minutes % 60;
+    return remainingMinutes > 0 ? `${hours}h ${remainingMinutes}m` : `${hours}h`;
+}
+function estimateRemaining(data, now) {
+    if (data.estimatedCompletion != null) {
+        const remaining = data.estimatedCompletion - now;
+        return remaining > 0 ? formatDuration(remaining) : 'any moment';
+    }
+    // Derive from elapsed time and progress
+    const elapsed = now - data.startedAt;
+    if (elapsed <= 0 || data.current <= 0)
+        return null;
+    const totalEstimate = (elapsed / data.current) * data.total;
+    const remaining = totalEstimate - elapsed;
+    return remaining > 0 ? formatDuration(remaining) : 'any moment';
+}
+// ---------------------------------------------------------------------------
+// Status line rendering
+// ---------------------------------------------------------------------------
+export function formatStatusLine(data, now) {
+    const currentTime = now ?? Date.now();
+    const bar = formatProgressBar(data);
+    const stepLabel = `Step ${data.current}/${data.total}`;
+    const remaining = estimateRemaining(data, currentTime);
+    const remainingText = remaining ? ` (${remaining} remaining)` : '';
+    return `${stepLabel} — ${data.label} ${bar}${remainingText}`;
+}
+//# sourceMappingURL=ProgressStatusLine.js.map

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

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

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

@@ -0,0 +1,20 @@
+export interface StreamPanel {
+    id: string;
+    title: string;
+    lines: string[];
+    maxLines: number;
+    autoScroll: boolean;
+}
+export declare class StreamPanelManager {
+    private panels;
+    addPanel(id: string, title: string, opts?: {
+        maxLines?: number;
+        autoScroll?: boolean;
+    }): StreamPanel;
+    appendLine(panelId: string, line: string): void;
+    getPanel(id: string): StreamPanel | undefined;
+    listPanels(): StreamPanel[];
+    removePanel(id: string): boolean;
+    clear(panelId: string): void;
+}
+export declare function formatPanelOutput(panel: StreamPanel, width?: number): string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingOutputPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/StreamingOutputPanel.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;CACrB;AAMD,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAkC;IAEhD,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,WAAW;IAYpG,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAW/C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAI7C,UAAU,IAAI,WAAW,EAAE;IAI3B,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAIhC,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAI7B;AAUD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,GAAE,MAAW,GAAG,MAAM,CA6BhF"}