@pasko70/pibo 1.1.0 → 1.3.0

package/dist/session-ui/terminalRows.js

@@ -0,0 +1,937 @@
+import { compareTraceNodes } from "../shared/trace-engine.js";
+import { terminalTextValue } from "./terminalValue.js";
+export const COMPACT_TERMINAL_OUTPUT_PREVIEW_LINES = 5;
+export const COMPACT_TERMINAL_EXPLORING_PREVIEW_LINES = 6;
+export function buildCompactTerminalRows(traceView, options) {
+    if (!traceView)
+        return [];
+    const flatNodes = flattenTraceNodes(traceView.nodes)
+        .sort((left, right) => compareTraceNodes(left.node, right.node))
+        .filter((item) => item.node.type !== "agent.turn" && (options.showThinking || item.node.type !== "model.reasoning"));
+    const candidates = flatNodes.map((item) => createRowCandidate(item.node, item.turnId));
+    return groupRelatedToolCandidates(candidates).map((candidate) => candidate.row);
+}
+function flattenTraceNodes(nodes, turnId) {
+    const result = [];
+    for (const node of nodes) {
+        if (node.type !== "agent.turn")
+            result.push({ node, turnId });
+        result.push(...flattenTraceNodes(node.children, node.type === "agent.turn" ? node.id : turnId));
+    }
+    return result;
+}
+function createRowCandidate(node, turnId) {
+    let candidate;
+    switch (node.type) {
+        case "user.message":
+            candidate = { row: createUserMessageRow(node), turnId };
+            break;
+        case "assistant.message":
+            candidate = { row: createAssistantMessageRow(node), turnId };
+            break;
+        case "model.reasoning":
+            candidate = { row: createReasoningRow(node), turnId };
+            break;
+        case "tool.call":
+            candidate = createToolRowCandidate(node, turnId);
+            break;
+        case "tool.result":
+            candidate = createToolResultRowCandidate(node, turnId);
+            break;
+        case "agent.delegation":
+            candidate = { row: createDelegationRow(node), turnId };
+            break;
+        case "agent.async":
+            candidate = { row: createAsyncAgentRow(node), turnId };
+            break;
+        case "yielded.run":
+            candidate = { row: createYieldedRunRow(node), turnId };
+            break;
+        case "execution.command":
+            candidate = { row: createExecutionCommandRow(node), turnId };
+            break;
+        case "execution.compaction":
+            candidate = { row: createCompactionRow(node), turnId };
+            break;
+        case "error":
+            candidate = { row: createErrorRow(node), turnId };
+            break;
+        case "agent.turn":
+            candidate = {
+                row: {
+                    id: node.id,
+                    kind: "error",
+                    status: "neutral",
+                    lines: [],
+                    sourceNodeIds: [node.id],
+                },
+                turnId,
+            };
+            break;
+    }
+    return { ...candidate, row: { ...candidate.row, ...debugFields(node) } };
+}
+function debugFields(node) {
+    return {
+        eventId: node.eventId,
+        runId: node.runId,
+        orderSource: node.source,
+        orderStreamId: node.orderKey?.streamId,
+        orderStreamFrameIndex: node.orderKey?.streamFrameIndex,
+    };
+}
+function createUserMessageRow(node) {
+    const text = stringValue(node.output) || stringValue(node.summary) || node.title;
+    return {
+        id: node.id,
+        kind: "message.user",
+        status: mapStatus(node.status),
+        lines: [{ prefix: "prompt", tokens: [token(text)] }],
+        sourceNodeIds: [node.id],
+        forkEntryId: node.entryId,
+        output: text,
+    };
+}
+function createAssistantMessageRow(node) {
+    return {
+        id: node.id,
+        kind: "message.assistant",
+        status: mapStatus(node.status),
+        lines: [],
+        sourceNodeIds: [node.id],
+        output: stringValue(node.output) || stringValue(node.summary) || "",
+        error: node.error,
+    };
+}
+function createReasoningRow(node) {
+    const text = previewText(node.output ?? node.summary);
+    return {
+        id: node.id,
+        kind: "reasoning",
+        status: mapStatus(node.status),
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(node.status === "running" ? "Thinking" : "Thought", "amber", "semibold")],
+            },
+        ],
+        sourceNodeIds: [node.id],
+        markdown: text,
+    };
+}
+function createToolRowCandidate(node, turnId) {
+    const command = shellCommandValue(node.input);
+    if (command && isShellToolName(node.title)) {
+        const row = createCommandToolRow(node, command);
+        return { row, turnId, exploring: undefined };
+    }
+    const image = classifyImageTool(node);
+    if (image) {
+        const row = createImageToolRow(node, image);
+        return { row, turnId, image: image.detail };
+    }
+    const preview = previewLines(node.error ?? node.output, COMPACT_TERMINAL_OUTPUT_PREVIEW_LINES, node.error ? "red" : "dim");
+    const row = {
+        id: node.id,
+        kind: "tool.call",
+        status: mapStatus(node.status),
+        errorKind: node.status === "error" ? "tool" : undefined,
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [
+                    token(toolVerb(node.status), toneForStatus(node.status), "semibold"),
+                    token(" "),
+                ],
+                functionCall: { name: node.title, input: node.input },
+            },
+            ...preview.lines,
+        ],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: node.input !== undefined || node.output !== undefined || Boolean(node.error),
+        previewOmission: previewOmission(preview, node.error ? "error" : "output"),
+    };
+    const exploring = classifyExploringTool(node);
+    return { row, turnId, exploring };
+}
+function createImageToolRow(node, image) {
+    const status = mapStatus(node.status);
+    const detailLabel = image.path ? `Path: ${image.path}` : image.query ? `Query: ${image.query}` : image.mimeType ? `Type: ${image.mimeType}` : "Image content returned";
+    return {
+        id: node.id,
+        kind: "tool.image",
+        status,
+        errorKind: node.status === "error" ? "tool" : undefined,
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(imageToolVerb(node.status, image.count), toneForStatus(node.status), "semibold")],
+            },
+            {
+                prefix: "detail",
+                tokens: [token(detailLabel, node.status === "error" ? "red" : "cyan")],
+            },
+        ],
+        sourceNodeIds: [node.id],
+        input: sanitizeImagePayload(node.input),
+        output: image.summary,
+        error: node.error,
+        expandable: node.input !== undefined || image.summary !== undefined || Boolean(node.error),
+    };
+}
+function createToolResultRowCandidate(node, turnId) {
+    const image = classifyImageTool(node);
+    if (image) {
+        const row = createImageToolRow(node, image);
+        return { row, turnId, image: image.detail };
+    }
+    return { row: createToolResultRow(node), turnId };
+}
+function createToolResultRow(node) {
+    const preview = previewLines(node.error ?? node.output, COMPACT_TERMINAL_OUTPUT_PREVIEW_LINES, node.error ? "red" : "dim");
+    return {
+        id: node.id,
+        kind: "tool.call",
+        status: mapStatus(node.status),
+        errorKind: node.status === "error" ? "tool" : undefined,
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(node.status === "error" ? "Tool failed" : "Returned", toneForStatus(node.status), "semibold"), token(` ${node.title}`)],
+            },
+            ...preview.lines,
+        ],
+        sourceNodeIds: [node.id],
+        output: node.output,
+        error: node.error,
+        expandable: node.output !== undefined || Boolean(node.error),
+        previewOmission: previewOmission(preview, node.error ? "error" : "output"),
+    };
+}
+function createDelegationRow(node) {
+    const subagentName = stringValue(isRecord(node.input) ? node.input.subagentName : undefined) || node.summary || node.title;
+    const delegatedArguments = isRecord(node.input) ? node.input.arguments : undefined;
+    const previewText = compactInlinePreview(delegatedArguments ?? node.input);
+    const detailLines = previewText
+        ? [{ prefix: "detail", tokens: [token(previewText, "dim")] }]
+        : [];
+    return {
+        id: node.id,
+        kind: "agent.delegation",
+        status: mapStatus(node.status),
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(delegationVerb(node.status), toneForStatus(node.status), "semibold"), token(` ${subagentName}`, "cyan")],
+            },
+            ...detailLines,
+        ],
+        sourceNodeIds: [node.id],
+        linkedPiboSessionId: node.linkedPiboSessionId,
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: node.input !== undefined || node.output !== undefined || Boolean(node.error),
+    };
+}
+function createAsyncAgentRow(node) {
+    const preview = previewLines(node.error ?? node.output, COMPACT_TERMINAL_OUTPUT_PREVIEW_LINES, node.error ? "red" : "dim");
+    return {
+        id: node.id,
+        kind: "agent.async",
+        status: mapStatus(node.status),
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(asyncVerb(node.status), toneForStatus(node.status), "semibold"), token(` ${node.title}`, "cyan")],
+            },
+            ...preview.lines,
+        ],
+        sourceNodeIds: [node.id],
+        linkedPiboSessionId: node.linkedPiboSessionId,
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: node.input !== undefined || node.output !== undefined || Boolean(node.error),
+        previewOmission: previewOmission(preview, node.error ? "error" : "output"),
+    };
+}
+function createYieldedRunRow(node) {
+    const preview = previewLines(node.output, COMPACT_TERMINAL_OUTPUT_PREVIEW_LINES);
+    return {
+        id: node.id,
+        kind: "yielded.run",
+        status: mapStatus(node.status),
+        errorKind: node.status === "error" ? "tool" : undefined,
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [
+                    token(node.status === "running" ? "Waiting on runs" : "Run update", toneForStatus(node.status), "semibold"),
+                    token(node.summary ? ` ${node.summary}` : ""),
+                ],
+            },
+            ...preview.lines,
+        ],
+        sourceNodeIds: [node.id],
+        output: node.output,
+        error: node.error,
+        expandable: node.output !== undefined || Boolean(node.error),
+        previewOmission: previewOmission(preview, "output"),
+    };
+}
+function createCompactionRow(node) {
+    const label = node.status === "running"
+        ? "Compacting"
+        : node.status === "error"
+            ? "Compaction failed"
+            : stringValue(node.summary) || "Compacted";
+    return {
+        id: node.id,
+        kind: "execution.compaction",
+        status: mapStatus(node.status),
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(label, toneForStatus(node.status), node.status === "error" ? "bold" : "semibold")],
+            },
+        ],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: node.input !== undefined || node.output !== undefined || Boolean(node.error),
+    };
+}
+function createExecutionCommandRow(node) {
+    if (node.title === "status") {
+        return createStatusToolRow(node);
+    }
+    if (node.title === "thinking") {
+        return createThinkingToolRow(node);
+    }
+    if (node.title === "fast_mode") {
+        return createFastModeToolRow(node);
+    }
+    if (node.title === "login" && isLoginMenuOutput(node.output)) {
+        return createLoginToolRow(node);
+    }
+    if (node.title === "model" && isModelMenuOutput(node.output)) {
+        return createModelToolRow(node);
+    }
+    const command = shellCommandValue(node.output) ?? shellCommandValue(node.input) ?? node.title;
+    const preview = previewLines(node.error ?? node.output, COMPACT_TERMINAL_OUTPUT_PREVIEW_LINES, node.error ? "red" : "dim", 180);
+    return {
+        id: node.id,
+        kind: "execution.command",
+        status: mapStatus(node.status),
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token("Command", "yellow", "semibold"), token(` /${node.title}`, "yellow")],
+            },
+            ...preview.lines,
+        ],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: node.input !== undefined || node.output !== undefined || Boolean(node.error),
+        previewOmission: previewOmission(preview, node.error ? "error" : "output"),
+    };
+}
+function createStatusToolRow(node) {
+    return {
+        id: node.id,
+        kind: "tool.status",
+        status: mapStatus(node.status),
+        lines: [],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: false,
+    };
+}
+function createThinkingToolRow(node) {
+    return {
+        id: node.id,
+        kind: "tool.thinking",
+        status: mapStatus(node.status),
+        lines: [],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: false,
+    };
+}
+function createFastModeToolRow(node) {
+    const result = isRecord(node.output) ? node.output : undefined;
+    const mode = result?.mode === "fast" ? "fast" : result?.mode === "normal" ? "normal" : undefined;
+    const changed = result?.changed !== false;
+    const supported = result?.supported !== false;
+    const label = !supported
+        ? "Fast mode is not supported by this model."
+        : mode === "fast"
+            ? changed ? "Switched to Fast mode." : "Fast mode is already on."
+            : mode === "normal"
+                ? changed ? "Switched to Normal mode." : "Normal mode is already on."
+                : "Fast mode updated.";
+    return {
+        id: node.id,
+        kind: "execution.command",
+        status: mapStatus(node.status),
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(label, supported ? "green" : "dim", "semibold")],
+            },
+        ],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: false,
+    };
+}
+function createLoginToolRow(node) {
+    return {
+        id: node.id,
+        kind: "tool.login",
+        status: mapStatus(node.status),
+        lines: [],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: false,
+    };
+}
+function createModelToolRow(node) {
+    return {
+        id: node.id,
+        kind: "tool.model",
+        status: mapStatus(node.status),
+        lines: [],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: false,
+    };
+}
+function isLoginMenuOutput(value) {
+    if (!value || typeof value !== "object" || Array.isArray(value))
+        return false;
+    const record = value;
+    return record.action === "show_login_menu" && Array.isArray(record.providers);
+}
+function isModelMenuOutput(value) {
+    if (!value || typeof value !== "object" || Array.isArray(value))
+        return false;
+    const record = value;
+    return record.action === "show_model_menu" && Array.isArray(record.providers);
+}
+function createCommandToolRow(node, command) {
+    const preview = previewLines(node.error ?? node.output, COMPACT_TERMINAL_OUTPUT_PREVIEW_LINES, node.error ? "red" : "dim", 180);
+    return {
+        id: node.id,
+        kind: "execution.command",
+        status: mapStatus(node.status),
+        errorKind: node.status === "error" ? "tool" : undefined,
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(node.status === "running" ? "Running" : "Ran", toneForStatus(node.status), "semibold"), token(" "), ...bashTokens(command)],
+            },
+            ...preview.lines,
+        ],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        output: node.output,
+        error: node.error,
+        expandable: node.input !== undefined || node.output !== undefined || Boolean(node.error),
+        previewOmission: previewOmission(preview, node.error ? "error" : "output"),
+    };
+}
+function createErrorRow(node) {
+    return {
+        id: node.id,
+        kind: "error",
+        status: "error",
+        errorKind: "system",
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(node.title || "Error", "red", "bold"), token(node.error ? ` ${node.error}` : "", "red")],
+            },
+            ...sessionErrorDetailLines(node.input),
+        ],
+        sourceNodeIds: [node.id],
+        input: node.input,
+        error: node.error,
+        output: node.output,
+        expandable: node.input !== undefined || node.output !== undefined || Boolean(node.error),
+    };
+}
+function sessionErrorDetailLines(details) {
+    if (!isRecord(details))
+        return [];
+    const fields = [
+        ["Class", stringValue(details.errorClass) ?? stringValue(details.category)],
+        ["Code", stringValue(details.code) ?? stringValue(details.providerCode)],
+        ["Origin", stringValue(details.origin)],
+        ["Provider", [stringValue(details.api), stringValue(details.provider), stringValue(details.model)].filter(Boolean).join(" / ") || undefined],
+        ["Retryable", typeof details.retryable === "boolean" ? (details.retryable ? "yes" : "no") : undefined],
+    ];
+    return fields
+        .filter((entry) => typeof entry[1] === "string" && entry[1].length > 0)
+        .map(([label, value], index) => ({
+        prefix: index === 0 ? "detail" : "continuation",
+        tokens: [token(`${label}: `, "dim"), token(value, "red")],
+    }));
+}
+function groupRelatedToolCandidates(candidates) {
+    const grouped = [];
+    for (let index = 0; index < candidates.length; index += 1) {
+        const candidate = candidates[index];
+        const groupKind = candidateGroupKind(candidate);
+        if (!groupKind) {
+            grouped.push(candidate);
+            continue;
+        }
+        const run = [candidate];
+        let cursor = index + 1;
+        while (cursor < candidates.length && candidateGroupKind(candidates[cursor]) === groupKind && candidates[cursor].turnId === candidate.turnId) {
+            run.push(candidates[cursor]);
+            cursor += 1;
+        }
+        if (run.length === 1) {
+            grouped.push(candidate);
+            continue;
+        }
+        grouped.push({ row: groupKind === "images" ? createImageGroup(run) : createExploringGroup(run), turnId: candidate.turnId });
+        index = cursor - 1;
+    }
+    return grouped;
+}
+function candidateGroupKind(candidate) {
+    if (candidate.image)
+        return "images";
+    if (candidate.exploring)
+        return "exploring";
+    return undefined;
+}
+function createExploringGroup(candidates) {
+    const detailItems = detailItemsForGroup(candidates, "exploring");
+    const visibleDetailItems = detailItems.slice(0, COMPACT_TERMINAL_EXPLORING_PREVIEW_LINES);
+    const omittedDetailCount = Math.max(0, detailItems.length - visibleDetailItems.length);
+    const firstRow = candidates[0]?.row;
+    const firstId = firstRow?.id ?? "exploring";
+    const lastId = candidates[candidates.length - 1]?.row.id ?? firstId;
+    const status = candidates.some((candidate) => candidate.row.status === "running")
+        ? "running"
+        : candidates.some((candidate) => candidate.row.status === "error")
+            ? "error"
+            : "done";
+    return {
+        id: `group:exploring:${firstId}:${lastId}`,
+        kind: "tool.group.exploring",
+        status,
+        errorKind: status === "error" ? "tool" : undefined,
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(status === "running" ? "Exploring" : status === "error" ? "Exploring failed" : "Explored", toneForStatus(status), "semibold")],
+            },
+            ...visibleDetailItems.map((item, index) => ({
+                prefix: index === 0 ? "detail" : "continuation",
+                tokens: [token(item.label, item.status === "error" ? "red" : "dim")],
+            })),
+            ...(omittedDetailCount > 0 ? [{
+                    prefix: "continuation",
+                    tokens: [token(`+${omittedDetailCount} more explorations`, "dim", "normal", true)],
+                }] : []),
+        ],
+        sourceNodeIds: candidates.flatMap((candidate) => candidate.row.sourceNodeIds),
+        eventId: firstRow?.eventId,
+        runId: firstRow?.runId,
+        orderSource: firstRow?.orderSource,
+        orderStreamId: firstRow?.orderStreamId,
+        orderStreamFrameIndex: firstRow?.orderStreamFrameIndex,
+        detailItems,
+        expandable: detailItems.some((item) => item.input !== undefined || item.output !== undefined || Boolean(item.error)),
+        previewOmission: omittedDetailCount > 0 ? {
+            source: "details",
+            visibleLineCount: visibleDetailItems.length,
+            omittedLineCount: omittedDetailCount,
+            totalLineCount: detailItems.length,
+            maxVisibleLineCount: COMPACT_TERMINAL_EXPLORING_PREVIEW_LINES,
+        } : undefined,
+    };
+}
+function createImageGroup(candidates) {
+    const detailItems = detailItemsForGroup(candidates, "images");
+    const visibleDetailItems = detailItems.slice(0, COMPACT_TERMINAL_EXPLORING_PREVIEW_LINES);
+    const omittedDetailCount = Math.max(0, detailItems.length - visibleDetailItems.length);
+    const firstRow = candidates[0]?.row;
+    const firstId = firstRow?.id ?? "images";
+    const lastId = candidates[candidates.length - 1]?.row.id ?? firstId;
+    const status = candidates.some((candidate) => candidate.row.status === "running")
+        ? "running"
+        : candidates.some((candidate) => candidate.row.status === "error")
+            ? "error"
+            : "done";
+    return {
+        id: `group:images:${firstId}:${lastId}`,
+        kind: "tool.group.images",
+        status,
+        errorKind: status === "error" ? "tool" : undefined,
+        lines: [
+            {
+                prefix: "bullet",
+                tokens: [token(status === "running" ? "Viewing images" : status === "error" ? "Image reads failed" : "Viewed images", toneForStatus(status), "semibold")],
+            },
+            ...visibleDetailItems.map((item, index) => ({
+                prefix: index === 0 ? "detail" : "continuation",
+                tokens: [token(item.label, item.status === "error" ? "red" : "cyan")],
+            })),
+            ...(omittedDetailCount > 0 ? [{
+                    prefix: "continuation",
+                    tokens: [token(`+${omittedDetailCount} more image reads`, "dim", "normal", true)],
+                }] : []),
+        ],
+        sourceNodeIds: candidates.flatMap((candidate) => candidate.row.sourceNodeIds),
+        eventId: firstRow?.eventId,
+        runId: firstRow?.runId,
+        orderSource: firstRow?.orderSource,
+        orderStreamId: firstRow?.orderStreamId,
+        orderStreamFrameIndex: firstRow?.orderStreamFrameIndex,
+        detailItems,
+        expandable: detailItems.some((item) => item.input !== undefined || item.output !== undefined || Boolean(item.error)),
+        previewOmission: omittedDetailCount > 0 ? {
+            source: "details",
+            visibleLineCount: visibleDetailItems.length,
+            omittedLineCount: omittedDetailCount,
+            totalLineCount: detailItems.length,
+            maxVisibleLineCount: COMPACT_TERMINAL_EXPLORING_PREVIEW_LINES,
+        } : undefined,
+    };
+}
+function detailItemsForGroup(candidates, kind) {
+    return candidates.map((candidate) => {
+        const detail = kind === "images" ? candidate.image : candidate.exploring;
+        return {
+            id: candidate.row.id,
+            label: detail?.label ?? candidate.row.lines[0]?.tokens.map((entry) => entry.text).join("") ?? candidate.row.id,
+            status: candidate.row.status,
+            input: candidate.row.input,
+            output: candidate.row.output,
+            error: candidate.row.error,
+            linkedPiboSessionId: candidate.row.linkedPiboSessionId,
+            previewOmission: candidate.row.previewOmission,
+        };
+    });
+}
+function classifyImageTool(node) {
+    const normalized = (node.title ?? "").trim().toLowerCase();
+    const args = isRecord(node.input) ? node.input : undefined;
+    const path = previewPath(args) ?? previewPath(isRecord(node.output) ? recordField(node.output, "details") : undefined) ?? previewPath(isRecord(node.output) ? node.output : undefined);
+    const query = previewQuery(args);
+    const images = collectImagePayloads(node.output);
+    const isImageTool = matchesTool(normalized, ["view_image", "image", "screenshot"]);
+    if (!images.length && !isImageTool)
+        return undefined;
+    const mimeType = images.map((image) => image.mimeType).find((value) => Boolean(value));
+    const count = Math.max(1, images.length);
+    const summary = {
+        type: images.length > 1 ? "images" : images.length === 1 ? "image" : "image_reference",
+        path,
+        query,
+        mimeType,
+        count: count > 1 ? count : undefined,
+        detail: images.length ? "Image data hidden in terminal view." : "Image path only; binary data is hidden in terminal view.",
+    };
+    const labelTarget = path ?? query ?? mimeType ?? "image";
+    return {
+        count,
+        path,
+        query,
+        mimeType,
+        summary,
+        detail: {
+            id: node.id,
+            label: `${node.status === "error" ? "Image failed" : "Viewed image"} ${labelTarget}`,
+            status: mapStatus(node.status),
+            input: sanitizeImagePayload(node.input),
+            output: summary,
+            error: node.error,
+        },
+    };
+}
+function collectImagePayloads(value, depth = 0, seen = new Set()) {
+    if (depth > 5 || value === undefined || value === null)
+        return [];
+    if (typeof value !== "object")
+        return [];
+    if (seen.has(value))
+        return [];
+    seen.add(value);
+    if (Array.isArray(value))
+        return value.flatMap((item) => collectImagePayloads(item, depth + 1, seen));
+    const record = value;
+    const type = typeof record.type === "string" ? record.type.toLowerCase() : undefined;
+    const mimeType = typeof record.mimeType === "string" ? record.mimeType : typeof record.mime_type === "string" ? record.mime_type : undefined;
+    const hasImageData = typeof record.data === "string" || typeof record.image_url === "string" || isRecord(record.image_url);
+    if ((type === "image" || type === "input_image" || type === "output_image" || type === "image_url") && (hasImageData || mimeType?.startsWith("image/"))) {
+        return [{ mimeType }];
+    }
+    if (mimeType?.startsWith("image/") && hasImageData)
+        return [{ mimeType }];
+    const nested = [];
+    if ("content" in record)
+        nested.push(record.content);
+    if ("message" in record)
+        nested.push(record.message);
+    if ("result" in record)
+        nested.push(record.result);
+    if ("output" in record)
+        nested.push(record.output);
+    return nested.flatMap((item) => collectImagePayloads(item, depth + 1, seen));
+}
+function sanitizeImagePayload(value) {
+    if (Array.isArray(value))
+        return value.map(sanitizeImagePayload);
+    if (!isRecord(value))
+        return value;
+    const result = {};
+    for (const [key, item] of Object.entries(value)) {
+        if ((key === "data" || key === "image_url") && typeof item === "string" && item.length > 120) {
+            result[key] = `[hidden ${key}]`;
+            continue;
+        }
+        result[key] = sanitizeImagePayload(item);
+    }
+    return result;
+}
+function imageToolVerb(status, count) {
+    if (status === "running")
+        return count > 1 ? "Viewing images" : "Viewing image";
+    if (status === "error")
+        return count > 1 ? "Image reads failed" : "Image read failed";
+    return count > 1 ? "Viewed images" : "Viewed image";
+}
+function recordField(record, key) {
+    const value = record?.[key];
+    return isRecord(value) ? value : undefined;
+}
+function classifyExploringTool(node) {
+    const normalized = (node.title ?? "").trim().toLowerCase();
+    const args = isRecord(node.input) ? node.input : undefined;
+    if (matchesTool(normalized, ["read", "open"])) {
+        return {
+            id: node.id,
+            label: `Read ${previewPath(args) ?? compactInlinePreview(node.input)}`,
+            status: mapStatus(node.status),
+            input: node.input,
+            output: node.output,
+            error: node.error,
+        };
+    }
+    if (matchesTool(normalized, ["list", "ls", "glob"])) {
+        return {
+            id: node.id,
+            label: `List ${previewPath(args) ?? compactInlinePreview(node.input)}`,
+            status: mapStatus(node.status),
+            input: node.input,
+            output: node.output,
+            error: node.error,
+        };
+    }
+    if (matchesTool(normalized, ["search", "find", "grep", "rg"])) {
+        const query = previewQuery(args);
+        const path = previewPath(args);
+        return {
+            id: node.id,
+            label: `Search ${query ?? compactInlinePreview(node.input)}${path ? ` in ${path}` : ""}`,
+            status: mapStatus(node.status),
+            input: node.input,
+            output: node.output,
+            error: node.error,
+        };
+    }
+    return undefined;
+}
+function matchesTool(name, terms) {
+    return terms.some((term) => name === term || name.startsWith(`${term}_`) || name.endsWith(`_${term}`) || name.includes(term));
+}
+function previewPath(value) {
+    if (!value)
+        return undefined;
+    for (const key of ["path", "file", "filePath", "filepath", "url", "uri", "cwd", "pattern", "glob"]) {
+        const candidate = stringValue(value[key]);
+        if (candidate)
+            return candidate;
+    }
+    return undefined;
+}
+function previewQuery(value) {
+    if (!value)
+        return undefined;
+    for (const key of ["query", "pattern", "text", "name", "q", "regex"]) {
+        const candidate = stringValue(value[key]);
+        if (candidate)
+            return candidate;
+    }
+    return undefined;
+}
+function previewLines(value, maxVisibleLines, tone = "dim", _maxLineLength = 160) {
+    const empty = { lines: [], visibleLineCount: 0, omittedLineCount: 0, totalLineCount: 0, maxVisibleLineCount: maxVisibleLines };
+    const text = previewText(value);
+    if (!text)
+        return empty;
+    const allLines = text
+        .split(/\r?\n/)
+        .map((line) => line.trimEnd())
+        .filter((line, index, lines) => line.length > 0 || lines.length === 1);
+    if (!allLines.length)
+        return empty;
+    const visible = allLines.slice(0, maxVisibleLines);
+    const omittedLineCount = Math.max(0, allLines.length - visible.length);
+    const lines = visible.map((line, index) => ({
+        prefix: index === 0 ? "detail" : "continuation",
+        tokens: [token(line, tone)],
+    }));
+    if (omittedLineCount > 0) {
+        lines.push({
+            prefix: "continuation",
+            tokens: [token(`+${omittedLineCount} more lines`, "dim", "normal", true)],
+        });
+    }
+    return {
+        lines,
+        visibleLineCount: visible.length,
+        omittedLineCount,
+        totalLineCount: allLines.length,
+        maxVisibleLineCount: maxVisibleLines,
+    };
+}
+function previewOmission(result, source) {
+    if (result.omittedLineCount <= 0)
+        return undefined;
+    return {
+        source,
+        visibleLineCount: result.visibleLineCount,
+        omittedLineCount: result.omittedLineCount,
+        totalLineCount: result.totalLineCount,
+        maxVisibleLineCount: result.maxVisibleLineCount,
+    };
+}
+function previewText(value) {
+    const text = terminalTextValue(value);
+    if (text !== undefined)
+        return text.trim();
+    if (typeof value === "string")
+        return value.trim();
+    if (value === undefined || value === null)
+        return "";
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch {
+        return String(value);
+    }
+}
+function compactInlinePreview(value) {
+    const text = typeof value === "string" ? value : previewText(value);
+    return text.replace(/\s+/g, " ").trim();
+}
+function isShellToolName(name) {
+    const normalized = (name ?? "").trim().toLowerCase();
+    return (normalized === "shell" ||
+        normalized === "bash" ||
+        normalized === "terminal");
+}
+function shellCommandValue(value) {
+    if (!isRecord(value))
+        return undefined;
+    for (const key of ["cmd", "command", "script"]) {
+        const candidate = stringValue(value[key]);
+        if (candidate)
+            return candidate;
+    }
+    return undefined;
+}
+function bashTokens(command) {
+    const chunks = command.match(/\s+|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|[^\s]+/g) ?? [command];
+    let seenCommand = false;
+    return chunks.map((chunk) => {
+        if (/^\s+$/.test(chunk))
+            return token(chunk);
+        if (/^(?:&&|\|\||[|;<>]|2>&1)$/.test(chunk))
+            return token(chunk, "red", "semibold");
+        if (chunk.startsWith("-"))
+            return token(chunk, "magenta");
+        if (chunk.startsWith("$") || chunk.includes("="))
+            return token(chunk, "yellow");
+        if (/^['"]/.test(chunk))
+            return token(chunk, "green");
+        if (!seenCommand) {
+            seenCommand = true;
+            return token(chunk, "green", "semibold");
+        }
+        if (chunk.includes("/") || chunk.startsWith("."))
+            return token(chunk, "cyan");
+        return token(chunk, "default");
+    });
+}
+function toolVerb(status) {
+    if (status === "running")
+        return "Calling";
+    if (status === "error")
+        return "Call failed";
+    return "Called";
+}
+function delegationVerb(status) {
+    if (status === "running")
+        return "Spawning";
+    if (status === "error")
+        return "Spawn failed";
+    return "Spawned";
+}
+function asyncVerb(status) {
+    if (status === "running")
+        return "Waiting for";
+    if (status === "error")
+        return "Finished waiting for";
+    return "Finished waiting for";
+}
+function mapStatus(status) {
+    if (status === "running")
+        return "running";
+    if (status === "error")
+        return "error";
+    return "done";
+}
+function toneForStatus(status) {
+    if (status === "running")
+        return "cyan";
+    if (status === "error")
+        return "red";
+    if (status === "done")
+        return "green";
+    return "default";
+}
+function token(text, tone = "default", weight = "normal", italic = false) {
+    return { text, tone, weight, italic };
+}
+function stringValue(value) {
+    return typeof value === "string" && value.trim().length ? value : undefined;
+}
+function isRecord(value) {
+    return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}