@smithers-orchestrator/cli 0.20.0 → 0.20.3

package/src/tui/components/MetricsPane.jsx

@@ -1,108 +0,0 @@
-// @ts-nocheck
-import React, { useEffect, useState } from "react";
-import { useKeyboard } from "@opentui/react";
-/** @typedef {import("@smithers-orchestrator/db/adapter").SmithersDb} SmithersDb */
-
-/**
- * @param {{ adapter: SmithersDb; onBack: () => void; }} value
- */
-export function MetricsPane({ adapter, onBack, }) {
-    const [stats, setStats] = useState({
-        runsTotal: 0,
-        runsFinished: 0,
-        nodesTotal: 0,
-        tokensIn: 0,
-        tokensOut: 0,
-        tokensCache: 0,
-        series: []
-    });
-    useEffect(() => {
-        let mounted = true;
-        async function fetchStats() {
-            try {
-                const [runStats] = await adapter.rawQuery(`SELECT count(*) as total, sum(case when status='finished' then 1 else 0 end) as finished FROM _smithers_runs`);
-                const [nodeStats] = await adapter.rawQuery(`SELECT count(*) as total FROM _smithers_nodes`);
-                const [tokenStats] = await adapter.rawQuery(`
-          SELECT 
-            sum(cast(json_extract(payload_json, '$.inputTokens') as integer)) as tIn,
-            sum(cast(json_extract(payload_json, '$.outputTokens') as integer)) as tOut,
-            sum(cast(json_extract(payload_json, '$.cacheReadTokens') as integer)) as tCache
-          FROM _smithers_events 
-          WHERE type = 'TokenUsageReported'
-        `);
-                // Last 24hr timeseries
-                const nowMs = Date.now();
-                const oneDayAgo = nowMs - (24 * 60 * 60 * 1000);
-                const series = await adapter.rawQuery(`
-          SELECT 
-            strftime('%H:00', datetime(timestamp_ms/1000, 'unixepoch', 'localtime')) as hr,
-            sum(cast(json_extract(payload_json, '$.inputTokens') as integer) + cast(json_extract(payload_json, '$.outputTokens') as integer)) as totalTokens
-          FROM _smithers_events 
-          WHERE type = 'TokenUsageReported' AND timestamp_ms > ${oneDayAgo}
-          GROUP BY hr
-          ORDER BY timestamp_ms ASC
-          LIMIT 24
-        `);
-                if (mounted) {
-                    setStats({
-                        runsTotal: runStats?.total || 0,
-                        runsFinished: runStats?.finished || 0,
-                        nodesTotal: nodeStats?.total || 0,
-                        tokensIn: tokenStats?.tIn || 0,
-                        tokensOut: tokenStats?.tOut || 0,
-                        tokensCache: tokenStats?.tCache || 0,
-                        series: series || []
-                    });
-                }
-            }
-            catch (err) {
-                // fail silently for telemetry
-            }
-        }
-        fetchStats();
-        const interval = setInterval(fetchStats, 5000);
-        return () => {
-            mounted = false;
-            clearInterval(interval);
-        };
-    }, [adapter]);
-    useKeyboard((key) => {
-        if (key.name === "escape") {
-            onBack();
-        }
-    });
-    // Render Sparkline
-    const maxTokens = Math.max(1, ...stats.series.map((s) => s.totalTokens || 0));
-    const blocks = [' ', '▂', '▃', '▄', '▅', '▆', '▇', '█'];
-    const sparkline = stats.series.map((s) => {
-        const val = s.totalTokens || 0;
-        const idx = Math.floor((val / maxTokens) * (blocks.length - 1));
-        return blocks[idx];
-    }).join("");
-    const labels = stats.series.map((s) => s.hr).join(" ");
-    return (<box style={{ flexGrow: 1, width: "100%", height: "100%", flexDirection: "column", paddingLeft: 1 }}>
-      <text style={{ color: "cyan", marginBottom: 1 }}> 📊 Smithers Global Telemetry (Prometheus Rollup) </text>
-      
-      <box style={{ flexDirection: "row", marginBottom: 2 }}>
-        <box style={{ width: 30, flexDirection: "column", borderRight: true, borderColor: "gray" }}>
-           <text style={{ color: "white" }}> Lifetime Runs: </text>
-           <text style={{ color: "green" }}> {stats.runsTotal} ({stats.runsFinished} completed) </text>
-        </box>
-        <box style={{ width: 30, flexDirection: "column", borderRight: true, borderColor: "gray", paddingLeft: 1 }}>
-           <text style={{ color: "white" }}> Total Nodes Executed: </text>
-           <text style={{ color: "yellow" }}> {stats.nodesTotal} tasks </text>
-        </box>
-        <box style={{ width: 40, flexDirection: "column", paddingLeft: 1 }}>
-           <text style={{ color: "white" }}> LLM Token Throughput: </text>
-           <text style={{ color: "magenta" }}> IN: {stats.tokensIn} | OUT: {stats.tokensOut} </text>
-        </box>
-      </box>
-
-      <text style={{ color: "gray", marginTop: 1 }}> Token Usage (Last 24 Hours) </text>
-      <box style={{ height: 6, width: "100%", flexDirection: "column", marginTop: 1, border: true, borderColor: "#34d399", paddingLeft: 1 }}>
-        <text style={{ color: "cyan", marginTop: 1 }}> {sparkline || "No token telemetry to graph"} </text>
-        <text style={{ color: "gray" }}> {labels} </text>
-      </box>
-
-    </box>);
-}

package/src/tui/components/MetricsPane.tsx

@@ -1,5 +0,0 @@
-import type { SmithersDb } from "@smithers-orchestrator/db/adapter";
-export declare function MetricsPane({ adapter, onBack, }: {
-    adapter: SmithersDb;
-    onBack: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/src/tui/components/NodeDetailView.jsx

@@ -1,284 +0,0 @@
-// @ts-nocheck
-import React, { useEffect, useState } from "react";
-import { useKeyboard } from "@opentui/react";
-import { ChatPane } from "./ChatPane.jsx";
-import { LogsPane } from "./LogsPane.jsx";
-import { FramesPane } from "./FramesPane.jsx";
-/** @typedef {import("@smithers-orchestrator/db/adapter").SmithersDb} SmithersDb */
-
-/**
- * @param {{ adapter: SmithersDb; runId: string; nodeId: string | null; // null means "Global Run" onBack: () => void; }} value
- */
-export function NodeDetailView({ adapter, runId, nodeId, onBack, }) {
-    const [runData, setRunData] = useState(null);
-    const [nodeData, setNodeData] = useState(null);
-    const [attempts, setAttempts] = useState([]);
-    const [events, setEvents] = useState([]);
-    const [rawOutput, setRawOutput] = useState(null);
-    const [scorerResults, setScorerResults] = useState([]);
-    const [tab, setTab] = useState("output");
-    useEffect(() => {
-        let mounted = true;
-        let timeout;
-        async function fetchDetails() {
-            if (!mounted)
-                return;
-            try {
-                const run = await adapter.getRun(runId);
-                const fetchedAttempts = await adapter.listAttemptsForRun(runId);
-                const fetchedEvents = await adapter.listEvents(runId, -1, 10000);
-                let fetchedNode = null;
-                let fetchedRawOutput = null;
-                if (nodeId) {
-                    const nodes = await adapter.listNodes(runId);
-                    fetchedNode = nodes.find(n => n.nodeId === nodeId) || null;
-                    if (fetchedNode?.outputTable) {
-                        fetchedRawOutput = await adapter.getRawNodeOutput(fetchedNode.outputTable, runId, nodeId);
-                    }
-                }
-                let fetchedScores = [];
-                try {
-                    fetchedScores = await adapter.listScorerResults(runId, nodeId ?? undefined);
-                }
-                catch { }
-                if (mounted) {
-                    setRunData(run);
-                    setNodeData(fetchedNode);
-                    setAttempts(fetchedAttempts);
-                    setEvents(fetchedEvents);
-                    setRawOutput(fetchedRawOutput);
-                    setScorerResults(fetchedScores ?? []);
-                }
-            }
-            catch (err) { }
-            if (mounted)
-                timeout = setTimeout(fetchDetails, 1000);
-        }
-        fetchDetails();
-        return () => {
-            mounted = false;
-            clearTimeout(timeout);
-        };
-    }, [adapter, runId, nodeId]);
-    const isGlobal = nodeId === null;
-    useKeyboard((key) => {
-        if (key.name === "escape" || (key.name === "c" && key.ctrl) || key.name === "backspace") {
-            onBack();
-            return;
-        }
-        if (key.name === "r" && !isGlobal && latestAttempt) {
-            Bun.spawn([
-                "bun", "run", "src/index.js", "revert",
-                "--runId", runId,
-                "--nodeId", nodeId,
-                "--attempt", latestAttempt.attempt.toString(),
-                "--iteration", latestAttempt.iteration.toString()
-            ], { stdout: "ignore", stderr: "ignore" }).unref();
-            return;
-        }
-        const tabList = ["input", "output", "frames", "chat", "logs", "scores"];
-        if (key.name === "left" || key.name === "h") {
-            setTab((prev) => tabList[(tabList.indexOf(prev) - 1 + tabList.length) % tabList.length]);
-            return;
-        }
-        if (key.name === "right" || key.name === "l") {
-            setTab((prev) => tabList[(tabList.indexOf(prev) + 1) % tabList.length]);
-            return;
-        }
-        if (key.name === "1")
-            setTab("input");
-        if (key.name === "2")
-            setTab("output");
-        if (key.name === "3")
-            setTab("frames");
-        if (key.name === "4")
-            setTab("chat");
-        if (key.name === "5")
-            setTab("logs");
-        if (key.name === "6")
-            setTab("scores");
-    });
-    if (!runData) {
-        return <text style={{ margin: 1 }}>Loading inspection data...</text>;
-    }
-    /**
-   * @param {string} [jsonStr]
-   */
-    function safePretty(jsonStr) {
-        if (!jsonStr)
-            return "None";
-        try {
-            return JSON.stringify(JSON.parse(jsonStr), null, 2);
-        }
-        catch {
-            return jsonStr.substring(0, 10000); // RAW String output
-        }
-    }
-    const targetAttempts = isGlobal ? [] : attempts.filter((a) => a.nodeId === nodeId).sort((a, b) => b.attempt - a.attempt);
-    const latestAttempt = targetAttempts.length > 0 ? targetAttempts[0] : null;
-    let inputData = isGlobal ? runData.configJson : "Inputs are dynamically constructed. No static properties were captured for this task frame.";
-    if (!isGlobal && latestAttempt?.metaJson) {
-        try {
-            const meta = JSON.parse(latestAttempt.metaJson);
-            const { inputPrompt, systemPrompt, agentId, model, config, approvalMode, ...rest } = meta;
-            let str = "[ Agent Configuration ]\n";
-            if (agentId || model)
-                str += `Agent: ${agentId ?? "unknown"}  |  Model: ${model ?? "default"}\n`;
-            if (approvalMode)
-                str += `Approval Mode: ${approvalMode}\n`;
-            if (config) {
-                try {
-                    str += `Config: ${JSON.stringify(config)}\n`;
-                }
-                catch {
-                    str += `Config: ${String(config)}\n`;
-                }
-            }
-            if (systemPrompt)
-                str += `\n[ System Prompt ]\n${systemPrompt}\n`;
-            if (inputPrompt)
-                str += `\n[ Input Prompt ]\n${inputPrompt}\n`;
-            if (Object.keys(rest).length)
-                str += `\n[ Other Meta Options ]\n${JSON.stringify(rest, null, 2)}`;
-            inputData = str;
-        }
-        catch (err) {
-            inputData = `Failed to parse metadata: ${err.message}\nRaw JSON:\n${latestAttempt.metaJson}`;
-        }
-    }
-    let outputData = "No output text available yet.";
-    if (isGlobal) {
-        if (runData.errorJson) {
-            outputData = `ERROR:\n${runData.errorJson}`;
-        }
-        else if (runData.status === "finished") {
-            outputData = "Run completed successfully (no global errorJson stacktrace was captured).\n\nPress [Enter] to inspect individual task payloads.";
-        }
-        else if (runData.status === "failed") {
-            outputData = "Workflow failed (no global errorJson stacktrace was captured).\n\nPress [Enter] to inspect and determine which individual task node crashed.";
-        }
-        else {
-            outputData = "Workflow is still active or pending execution...";
-        }
-    }
-    else {
-        if (latestAttempt?.errorJson) {
-            outputData = `ERROR:\n${latestAttempt.errorJson}`;
-        }
-        else if (rawOutput) {
-            try {
-                const cleanOutput = { ...rawOutput };
-                delete cleanOutput.run_id;
-                delete cleanOutput.node_id;
-                delete cleanOutput.iteration;
-                // Attempt to parse internal stringified JSON fields for display
-                for (const [k, v] of Object.entries(cleanOutput)) {
-                    if (typeof v === "string" && (v.startsWith("{") || v.startsWith("["))) {
-                        try {
-                            cleanOutput[k] = JSON.parse(v);
-                        }
-                        catch { }
-                    }
-                }
-                outputData = JSON.stringify(cleanOutput);
-            }
-            catch {
-                outputData = JSON.stringify(rawOutput);
-            }
-        }
-        else {
-            outputData = latestAttempt?.responseText ?? "No output text available yet.";
-        }
-    }
-    let tokensStr = "";
-    if (!isGlobal && nodeId) {
-        const usageEvent = events.find((e) => e.type === "TokenUsageReported" && e.nodeId === nodeId && e.attempt === latestAttempt?.attempt);
-        if (usageEvent) {
-            try {
-                const payload = JSON.parse(usageEvent.payloadJson);
-                tokensStr = ` \n    Tokens: ${payload.inputTokens} IN | ${payload.outputTokens} OUT | ${payload.cacheReadTokens ?? 0} CACHE`;
-            }
-            catch { }
-        }
-    }
-    else if (isGlobal) {
-        let tIn = 0, tOut = 0, tCache = 0;
-        for (const e of events) {
-            if (e.type === "TokenUsageReported") {
-                try {
-                    const p = JSON.parse(e.payloadJson);
-                    tIn += (p.inputTokens ?? 0);
-                    tOut += (p.outputTokens ?? 0);
-                    tCache += (p.cacheReadTokens ?? 0);
-                }
-                catch { }
-            }
-        }
-        tokensStr = ` \n    Total Run Tokens: ${tIn} IN | ${tOut} OUT | ${tCache} CACHE`;
-    }
-    let bodyContent = null;
-    if (tab === "input") {
-        bodyContent = (<scrollbox style={{ width: "100%", height: "100%", paddingLeft: 1 }}>
-        <text>{safePretty(inputData)}</text>
-      </scrollbox>);
-    }
-    else if (tab === "output") {
-        bodyContent = (<box style={{ width: "100%", height: "100%", flexDirection: "column" }}>
-        <scrollbox style={{ flexGrow: 1, width: "100%", paddingLeft: 1 }}>
-          <text>{safePretty(outputData)}</text>
-        </scrollbox>
-        {tokensStr && (<box style={{ width: "100%", height: 2, borderTop: true, borderColor: "gray" }}>
-            <text style={{ color: "yellow" }}>{tokensStr}</text>
-          </box>)}
-      </box>);
-    }
-    else if (tab === "frames") {
-        bodyContent = (<FramesPane adapter={adapter} runId={runId} focused={true} filterNodeId={nodeId ?? undefined} nodeAttempt={latestAttempt ?? undefined}/>);
-    }
-    else if (tab === "chat") {
-        bodyContent = (<ChatPane adapter={adapter} runId={runId} focused={true} filterNodeId={nodeId ?? undefined}/>);
-    }
-    else if (tab === "logs") {
-        bodyContent = (<LogsPane adapter={adapter} runId={runId} focused={true}/>);
-    }
-    else if (tab === "scores") {
-        let scoresText = "No scorer results available.";
-        if (scorerResults.length > 0) {
-            const lines = scorerResults.map((r) => {
-                const scoreVal = typeof r.score === "number" ? r.score.toFixed(2) : String(r.score);
-                return `  ${r.scorerName ?? r.scorer_name ?? "unknown"}: ${scoreVal}  ${r.reason ?? ""}`;
-            });
-            scoresText = `Scorer Results (${scorerResults.length}):\n\n${lines.join("\n")}`;
-        }
-        bodyContent = (<scrollbox style={{ width: "100%", height: "100%", paddingLeft: 1 }}>
-        <text>{scoresText}</text>
-      </scrollbox>);
-    }
-    /**
-   * @param {string} num
-   * @param {string} label
-   * @param {string} expectedTab
-   */
-    const getTabLabel = (num, label, expectedTab) => {
-        return tab === expectedTab ? `[(${num}) ${label}]` : ` (${num}) ${label} `;
-    };
-    const header = `Task Inspector: ${isGlobal ? "Entire Run" : nodeId}`;
-    const tabs = `${getTabLabel("1", "Input", "input")} | ${getTabLabel("2", "Output", "output")} | ${getTabLabel("3", "Frames", "frames")} | ${getTabLabel("4", "Chat", "chat")} | ${getTabLabel("5", "Logs", "logs")} | ${getTabLabel("6", "Scores", "scores")}`;
-    const escLabel = !isGlobal && latestAttempt ? "[R] Revert State | [Esc] Back" : "[Esc] Back";
-    try {
-        return (<box style={{ flexGrow: 1, width: "100%", height: "100%", flexDirection: "column" }}>
-          <box style={{ width: "100%", height: 3, border: true, borderColor: "#3b82f6", flexDirection: "row", justifyContent: "space-between" }}>
-            <text style={{ color: "white", paddingLeft: 1, fontWeight: "bold" }}>{header}</text>
-            <text style={{ color: "#93c5fd", paddingRight: 1 }}>{tabs}  {escLabel}</text>
-          </box>
-
-          <box style={{ flexGrow: 1, width: "100%", border: true, borderColor: "#60a5fa", flexDirection: "column" }}>
-            {bodyContent}
-          </box>
-        </box>);
-    }
-    catch (err) {
-        require("fs").writeFileSync("/tmp/tui-crash.log", err?.stack || err?.message || String(err));
-        throw err;
-    }
-}

package/src/tui/components/NodeDetailView.tsx

@@ -1,7 +0,0 @@
-import type { SmithersDb } from "@smithers-orchestrator/db/adapter";
-export declare function NodeDetailView({ adapter, runId, nodeId, onBack, }: {
-    adapter: SmithersDb;
-    runId: string;
-    nodeId: string | null;
-    onBack: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/src/tui/components/NodeInspector.jsx

@@ -1,51 +0,0 @@
-// @ts-nocheck
-import React, { useEffect, useState } from "react";
-import { useKeyboard } from "@opentui/react";
-import { ChatPane } from "./ChatPane.jsx";
-/** @typedef {import("@smithers-orchestrator/db/adapter").SmithersDb} SmithersDb */
-
-/**
- * @param {{ adapter: SmithersDb; runId: string; node: any; onClose: () => void; }} value
- */
-export function NodeInspector({ adapter, runId, node, onClose, }) {
-    const [tab, setTab] = useState("snapshot");
-    useKeyboard((key) => {
-        if (key.name === "escape" || (key.name === "c" && key.ctrl) || key.name === "backspace") {
-            onClose();
-        }
-        if (key.name === "1")
-            setTab("snapshot");
-        if (key.name === "2")
-            setTab("chat");
-    });
-    return (<box style={{
-            width: "90%",
-            height: "90%",
-            border: true,
-            borderColor: "magenta",
-            position: "absolute",
-            top: "5%",
-            left: "5%",
-            flexDirection: "column",
-            backgroundColor: "black",
-        }} title={`[Esc to Close] Node Inspector: ${node.nodeId} | ${tab === "snapshot" ? "[(1) Snapshot]  (2) Chat" : " (1) Snapshot  [(2) Chat]"}`}>
-      {tab === "snapshot" ? (<scrollbox style={{ width: "100%", height: "100%", flexDirection: "column", padding: 1 }}>
-          <text style={{ color: "yellow" }}>
-            <strong>Input Data:</strong>
-          </text>
-          <text>{node.inputData ? JSON.stringify(JSON.parse(node.inputData), null, 2) : "None"}</text>
-          <box style={{ height: 1 }}/>
-          <text style={{ color: "yellow" }}>
-            <strong>Output Data:</strong>
-          </text>
-          <text>{node.outputData ? JSON.stringify(JSON.parse(node.outputData), null, 2) : "None"}</text>
-          <box style={{ height: 1 }}/>
-          <text style={{ color: "yellow" }}>
-            <strong>Metadata:</strong>
-          </text>
-          <text>{`Iteration: ${node.iteration}  |  Attempts: ${node.attempts ?? 0}  |  State: ${node.state}`}</text>
-        </scrollbox>) : (<box style={{ flexGrow: 1, width: "100%", height: "100%" }}>
-          <ChatPane adapter={adapter} runId={runId} focused={true} filterNodeId={node.nodeId}/>
-        </box>)}
-    </box>);
-}

package/src/tui/components/NodeInspector.tsx

@@ -1,7 +0,0 @@
-import type { SmithersDb } from "@smithers-orchestrator/db/adapter";
-export declare function NodeInspector({ adapter, runId, node, onClose, }: {
-    adapter: SmithersDb;
-    runId: string;
-    node: any;
-    onClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/src/tui/components/RunDetailView.jsx

@@ -1,190 +0,0 @@
-// @ts-nocheck
-import React, { useEffect, useState } from "react";
-import { useKeyboard } from "@opentui/react";
-/** @typedef {import("@smithers-orchestrator/db/adapter").SmithersDb} SmithersDb */
-
-/**
- * @param {{ adapter: SmithersDb; runId: string; onBack: () => void; onSelectNode: (nodeId: string | null) => void; }} value
- */
-export function RunDetailView({ adapter, runId, onBack, onSelectNode, }) {
-    const [runData, setRunData] = useState(null);
-    const [nodes, setNodes] = useState([]);
-    const [attempts, setAttempts] = useState([]);
-    const [events, setEvents] = useState([]);
-    const [branchInfo, setBranchInfo] = useState(null);
-    const [childBranches, setChildBranches] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0); // 0 = Run itself, 1+ = nodes
-    useEffect(() => {
-        let mounted = true;
-        let timeout;
-        async function fetchDetails() {
-            if (!mounted)
-                return;
-            try {
-                const run = await adapter.getRun(runId);
-                const fetchedNodes = await adapter.listNodes(runId);
-                const fetchedAttempts = await adapter.listAttemptsForRun(runId);
-                const fetchedEvents = await adapter.listEvents(runId, -1, 10000);
-                // Time Travel: fetch branch info
-                let fetchedBranchInfo = null;
-                let fetchedChildBranches = [];
-                try {
-                    const { getBranchInfo, listBranches } = await import("../../../time-travel/fork.js");
-                    fetchedBranchInfo = await getBranchInfo(adapter, runId) ?? null;
-                    fetchedChildBranches = await listBranches(adapter, runId) ?? [];
-                }
-                catch { }
-                if (mounted) {
-                    setRunData(run);
-                    setNodes(fetchedNodes);
-                    setAttempts(fetchedAttempts);
-                    setEvents(fetchedEvents);
-                    setBranchInfo(fetchedBranchInfo);
-                    setChildBranches(fetchedChildBranches);
-                    setSelectedIndex((prev) => Math.min(prev, fetchedNodes.length));
-                }
-            }
-            catch (err) { }
-            if (mounted)
-                timeout = setTimeout(fetchDetails, 1000);
-        }
-        fetchDetails();
-        return () => {
-            mounted = false;
-            clearTimeout(timeout);
-        };
-    }, [adapter, runId]);
-    useKeyboard((key) => {
-        if (key.name === "escape" || (key.name === "c" && key.ctrl) || key.name === "backspace") {
-            onBack();
-            return;
-        }
-        if (key.name === "down" || key.name === "j") {
-            setSelectedIndex((s) => Math.min(s + 1, nodes.length));
-        }
-        if (key.name === "up" || key.name === "k") {
-            setSelectedIndex((s) => Math.max(0, s - 1));
-        }
-        if (key.name === "enter" || key.name === "return") {
-            onSelectNode(selectedIndex === 0 ? null : nodes[selectedIndex - 1]?.nodeId);
-        }
-        if (key.name === "h" && selectedIndex > 0) {
-            const targetNode = nodes[selectedIndex - 1]?.nodeId;
-            if (targetNode && (runData?.status === "running" || runData?.status === "waiting-approval")) {
-                Bun.spawn([
-                    "smithers-ctl",
-                    "terminal",
-                    "--cwd",
-                    process.cwd(),
-                    "--command",
-                    `bun run src/index.js hijack ${runId} --target ${targetNode}`,
-                ], { stdout: "ignore", stderr: "ignore" }).unref();
-            }
-        }
-    });
-    if (!runData) {
-        return <text style={{ margin: 1 }}>Loading run details for {runId}...</text>;
-    }
-    const isGlobal = selectedIndex === 0;
-    const selectedNode = isGlobal ? null : nodes[selectedIndex - 1];
-    let outputData = "No output text available yet.";
-    if (isGlobal) {
-        if (runData.errorJson) {
-            outputData = `ERROR:\n${runData.errorJson}`;
-        }
-        else if (runData.status === "finished") {
-            outputData = "Run completed successfully (no global errorJson stacktrace was captured).\n\nPress [Enter] to inspect individual task payloads.";
-        }
-        else if (runData.status === "failed") {
-            outputData = "Workflow failed (no global errorJson stacktrace was captured).\n\nPress [Enter] to inspect and determine which individual task node crashed.";
-        }
-        else {
-            outputData = "Workflow is still active or pending execution...";
-        }
-    }
-    else {
-        const nodeAttempts = attempts.filter((a) => a.nodeId === selectedNode?.nodeId).sort((a, b) => b.attempt - a.attempt);
-        const latestAttempt = nodeAttempts[0];
-        outputData = latestAttempt?.errorJson ? `ERROR:\n${latestAttempt.errorJson}` : latestAttempt?.responseText ?? "No output text available yet.";
-    }
-    let truncatedOutput = outputData;
-    if (truncatedOutput.length > 500) {
-        const head = truncatedOutput.substring(0, 200);
-        const tail = truncatedOutput.substring(truncatedOutput.length - 200);
-        truncatedOutput = `${head}\n\n... [ TRUNCATED ${truncatedOutput.length - 400} CHARACTERS ] ...\n\n${tail}`;
-    }
-    // Calculate tokens
-    let tokensStr = "";
-    if (!isGlobal && selectedNode) {
-        const usageAttempts = attempts.filter((a) => a.nodeId === selectedNode.nodeId).sort((a, b) => b.attempt - a.attempt);
-        const usageAttempt = usageAttempts[0];
-        const usageEvent = events.find((e) => e.type === "TokenUsageReported" && e.nodeId === selectedNode.nodeId && e.attempt === usageAttempt?.attempt);
-        if (usageEvent) {
-            try {
-                const payload = JSON.parse(usageEvent.payloadJson);
-                tokensStr = `Tokens: ${payload.inputTokens} IN | ${payload.outputTokens} OUT | ${payload.cacheReadTokens ?? 0} CACHE`;
-            }
-            catch { }
-        }
-    }
-    else if (isGlobal) {
-        let tIn = 0, tOut = 0, tCache = 0;
-        for (const e of events) {
-            if (e.type === "TokenUsageReported") {
-                try {
-                    const p = JSON.parse(e.payloadJson);
-                    tIn += (p.inputTokens ?? 0);
-                    tOut += (p.outputTokens ?? 0);
-                    tCache += (p.cacheReadTokens ?? 0);
-                }
-                catch { }
-            }
-        }
-        tokensStr = `Total Run Tokens: ${tIn} IN | ${tOut} OUT | ${tCache} CACHE`;
-    }
-    return (<box style={{ flexGrow: 1, width: "100%", height: "100%", flexDirection: "row" }}>
-      {/* Left Sidebar: Nodes Tree */}
-      <box style={{
-            width: 40,
-            height: "100%",
-            border: true,
-            borderColor: "#34d399",
-            flexDirection: "column",
-        }} title={`Run Tasks [Esc to Return]`}>
-        <scrollbox style={{ width: "100%", height: "100%", flexDirection: "column", paddingLeft: 1 }}>
-          <text style={{ color: isGlobal ? "green" : "white" }}>
-            {isGlobal ? "▶ " : "  "}[ Entire Run ]
-          </text>
-          {nodes.map((node, i) => {
-            const isSelected = selectedIndex === i + 1;
-            return (<text key={`${node.runId}-${node.nodeId}-${node.iteration}`} style={{ color: isSelected ? "green" : "white" }}>
-                {isSelected ? "▶ " : "  "}{node.nodeId}: {node.state}
-              </text>);
-        })}
-        </scrollbox>
-      </box>
-
-      {/* Right Area: Preview Pane */}
-      <box style={{
-            flexGrow: 1,
-            height: "100%",
-            border: true,
-            borderColor: "#4bc5a3",
-            flexDirection: "column",
-            paddingLeft: 1
-        }} title={`Preview: ${isGlobal ? "Entire Run" : selectedNode?.nodeId} [Hit Enter to Deep Inspect]`}>
-        <text style={{ color: "yellow" }}>State: {isGlobal ? runData.status : selectedNode?.state}</text>
-        {isGlobal && branchInfo && (<text style={{ color: "magenta" }}>
-            Fork: from {branchInfo.parentRunId?.slice(0, 12)} frame {branchInfo.parentFrameNo}{branchInfo.branchLabel ? ` [${branchInfo.branchLabel}]` : ""}
-          </text>)}
-        {isGlobal && childBranches.length > 0 && (<text style={{ color: "cyan" }}>
-            Branches: {childBranches.length} fork{childBranches.length !== 1 ? "s" : ""} ({childBranches.map((b) => b.branchLabel || b.runId?.slice(0, 8)).join(", ")})
-          </text>)}
-        {tokensStr && <text style={{ color: "cyan" }}>{tokensStr}</text>}
-        <text style={{ color: "gray", marginTop: 1 }}>--- Terminal Output Snippet ---</text>
-        <scrollbox style={{ flexGrow: 1, width: "100%", marginTop: 1 }}>
-          <text>{truncatedOutput}</text>
-        </scrollbox>
-      </box>
-    </box>);
-}

package/src/tui/components/RunDetailView.tsx

@@ -1,7 +0,0 @@
-import type { SmithersDb } from "@smithers-orchestrator/db/adapter";
-export declare function RunDetailView({ adapter, runId, onBack, onSelectNode, }: {
-    adapter: SmithersDb;
-    runId: string;
-    onBack: () => void;
-    onSelectNode: (nodeId: string | null) => void;
-}): import("react/jsx-runtime").JSX.Element;