@smithers-orchestrator/cli 0.20.1 → 0.20.4

package/src/tui/app.jsx

@@ -1,139 +0,0 @@
-// @ts-nocheck
-import React, { useEffect, useState } from "react";
-import { useKeyboard } from "@opentui/react";
-import { RunsList } from "./components/RunsList.jsx";
-import { WorkflowLauncher } from "./components/WorkflowLauncher.jsx";
-import { RunDetailView } from "./components/RunDetailView.jsx";
-import { NodeDetailView } from "./components/NodeDetailView.jsx";
-import { AskModal } from "./components/AskModal.jsx";
-import { SqliteBrowser } from "./components/SqliteBrowser.jsx";
-import { CronList } from "./components/CronList.jsx";
-import { MetricsPane } from "./components/MetricsPane.jsx";
-/** @typedef {import("@smithers-orchestrator/db/adapter").SmithersDb} SmithersDb */
-
-const TABS = [
-    { id: "runs", label: "Runs", access: "r" },
-    { id: "ask", label: "Agent Console", access: "a" },
-    { id: "crons", label: "Triggers", access: "t" },
-    { id: "metrics", label: "Telemetry", access: "m" },
-    { id: "sqlite", label: "Data Grid", access: "s" },
-];
-/**
- * @param {{ adapter: SmithersDb; onExit: () => void; }} value
- */
-export function TuiApp({ adapter, onExit, }) {
-    const [view, setView] = useState("runs");
-    const [selectedRunId, setSelectedRunId] = useState(null);
-    const [selectedNodeId, setSelectedNodeId] = useState(null);
-    const activeTabId = (view === "detail" || view === "node" || view === "launcher") ? "runs" : view;
-    useKeyboard(async (key) => {
-        // Tab switching
-        if (key.name === "left" || key.name === "right") {
-            // only accept left/right at the root view so we don't clobber text inputs
-            if (view === "runs" || view === "crons" || view === "metrics") {
-                const currentIndex = TABS.findIndex((t) => t.id === activeTabId);
-                if (key.name === "right") {
-                    const next = TABS[(currentIndex + 1) % TABS.length];
-                    setView(next.id);
-                }
-                else {
-                    const prev = TABS[(currentIndex - 1 + TABS.length) % TABS.length];
-                    setView(prev.id);
-                }
-                return;
-            }
-        }
-        if (key.name === "s" && view !== "sqlite" && view !== "ask") {
-            setView("sqlite");
-            return;
-        }
-        if (key.name === "t" && view !== "crons" && view !== "ask") {
-            setView("crons");
-            return;
-        }
-        if (key.name === "m" && view !== "metrics" && view !== "ask") {
-            setView("metrics");
-            return;
-        }
-        if (view === "runs") {
-            if (key.name === "escape" || (key.name === "c" && key.ctrl)) {
-                onExit();
-            }
-            if (key.name === "n") {
-                setView("launcher");
-            }
-            if (key.name === "a") {
-                setView("ask");
-            }
-        }
-        else if (view === "detail") {
-            if (key.name === "escape") {
-                setView("runs");
-            }
-            else if (key.name === "c" && key.ctrl) {
-                onExit();
-            }
-        }
-        else if (view === "node") {
-            if (key.name === "escape") {
-                setView("detail");
-            }
-            else if (key.name === "c" && key.ctrl) {
-                onExit();
-            }
-        }
-        else if (view === "launcher") {
-            if (key.name === "escape") {
-                setView("runs");
-            }
-            else if (key.name === "c" && key.ctrl) {
-                onExit();
-            }
-        }
-        else if (view === "ask") {
-            if (key.name === "escape") {
-                setView("runs");
-            }
-            else if (key.name === "c" && key.ctrl) {
-                onExit();
-            }
-        }
-    });
-    return (<box style={{ flexGrow: 1, width: "100%", height: "100%", flexDirection: "column" }}>
-      {/* Global Tab Header */}
-      <box style={{ width: "100%", height: 3, borderBottom: true, borderColor: "gray", flexDirection: "row", paddingLeft: 1 }}>
-        {TABS.map((tab) => {
-            const isActive = activeTabId === tab.id;
-            return (<text key={tab.id} style={{ color: isActive ? "#a7f3d0" : "gray", marginRight: 3 }}>
-              {isActive ? "▶ " : "  "}[{tab.access.toUpperCase()}] {tab.label}
-            </text>);
-        })}
-      </box>
-
-      {view === "runs" && (<box style={{ flexGrow: 1, width: "100%", height: "100%", border: true, borderColor: "#34d399", flexDirection: "column" }} title="Smithers Runs - [Enter] View Details | [N] New Run | [Esc] Exit">
-          <RunsList adapter={adapter} focused={view === "runs"} onChange={setSelectedRunId} onSubmit={(runId) => {
-                setSelectedRunId(runId);
-                setView("detail");
-            }}/>
-        </box>)}
-
-      {view === "detail" && selectedRunId && (<RunDetailView adapter={adapter} runId={selectedRunId} onBack={() => setView("runs")} onSelectNode={(nodeId) => {
-                setSelectedNodeId(nodeId);
-                setView("node");
-            }}/>)}
-
-      {view === "node" && selectedRunId && (<NodeDetailView adapter={adapter} runId={selectedRunId} nodeId={selectedNodeId} onBack={() => setView("detail")}/>)}
-
-      {view === "launcher" && (<WorkflowLauncher onClose={() => setView("runs")}/>)}
-      {view === "ask" && (<AskModal onClose={() => setView("runs")}/>)}
-      {view === "sqlite" && (<box style={{ flexGrow: 1, width: "100%", height: "100%", border: true, borderColor: "#34d399", flexDirection: "column" }} title="Smithers DB - [Esc] Return to Runs | [Tab] Switch Panes | [Up/Down] Query Table">
-          <SqliteBrowser adapter={adapter} onBack={() => setView("runs")}/>
-        </box>)}
-      {view === "crons" && (<box style={{ flexGrow: 1, width: "100%", height: "100%", border: true, borderColor: "#34d399", flexDirection: "column" }} title="Smithers Schedule Triggers - [Esc] Return to Runs | [Up/Down] Select | [Del] Remove">
-          <CronList adapter={adapter} onBack={() => setView("runs")}/>
-        </box>)}
-      {view === "metrics" && (<box style={{ flexGrow: 1, width: "100%", height: "100%", border: true, borderColor: "#34d399", flexDirection: "column" }} title="Smithers Telemetry (Prometheus Rollup) - [Esc] Return to Runs">
-          <MetricsPane adapter={adapter} onBack={() => setView("runs")}/>
-        </box>)}
-    </box>);
-}

package/src/tui/app.tsx

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

package/src/tui/components/AskModal.jsx

@@ -1,109 +0,0 @@
-// @ts-nocheck
-import React, { useState, useEffect } from "react";
-import { useKeyboard } from "@opentui/react";
-/**
- * @param {{ onClose: () => void }} value
- */
-export function AskModal({ onClose }) {
-    const [question, setQuestion] = useState("");
-    const [answer, setAnswer] = useState("");
-    const [status, setStatus] = useState("input");
-    useKeyboard((key) => {
-        if (key.name === "escape" || (key.name === "c" && key.ctrl)) {
-            if (status !== "streaming") { // Or allow cancel mid-stream if we kill the proc? Keep simple for now
-                onClose();
-                return;
-            }
-        }
-        if (status === "input") {
-            if (key.name === "backspace") {
-                setQuestion((q) => q.slice(0, -1));
-                return;
-            }
-            if (key.name === "enter" || key.name === "return") {
-                if (question.trim().length > 0) {
-                    startAsk();
-                }
-                return;
-            }
-            // Basic typing capture (sequence is the literal ansi char)
-            if (!key.ctrl && !key.meta && key.sequence && key.sequence.length === 1 && key.name !== "up" && key.name !== "down" && key.name !== "left" && key.name !== "right") {
-                setQuestion((q) => q + key.sequence);
-            }
-        }
-    });
-    async function startAsk() {
-        setStatus("streaming");
-        setAnswer("");
-        try {
-            const proc = Bun.spawn(["bun", "run", "src/index.js", "ask", question], {
-                stdout: "pipe",
-                stderr: "pipe",
-            });
-            // Stream stdout async
-            (async () => {
-                try {
-                    const stream = proc.stdout;
-                    const reader = stream.getReader();
-                    const decoder = new TextDecoder();
-                    while (true) {
-                        const { done, value } = await reader.read();
-                        if (done)
-                            break;
-                        const text = decoder.decode(value);
-                        setAnswer((a) => a + text);
-                    }
-                }
-                catch { }
-            })();
-            // Stream stderr async (in case the agent prints progress or errors there)
-            (async () => {
-                try {
-                    const stream = proc.stderr;
-                    const reader = stream.getReader();
-                    const decoder = new TextDecoder();
-                    while (true) {
-                        const { done, value } = await reader.read();
-                        if (done)
-                            break;
-                        const text = decoder.decode(value);
-                        setAnswer((a) => a + text);
-                    }
-                }
-                catch { }
-            })();
-            await proc.exited;
-            if (proc.exitCode !== 0 && answer.trim().length === 0) {
-                setAnswer("Failed to run ask command. Is your agent installed?");
-                setStatus("error");
-            }
-            else {
-                setStatus("done");
-            }
-        }
-        catch (err) {
-            setAnswer(`Spawn error: ${err.message}`);
-            setStatus("error");
-        }
-    }
-    // Auto scroll logic in OpenTUI: scrollboxes generally stay at the top unless navigated? 
-    // For streaming, we'll just append text.
-    return (<box style={{
-            flexGrow: 1,
-            width: "100%",
-            height: "100%",
-            border: true,
-            borderColor: "magenta",
-            flexDirection: "column",
-        }} title={`Ask Smithers ${status === "input" ? "[Type Question, Enter to Submit, Esc to Close]" : "[Streaming... Esc to Close]"}`}>
-      {status === "input" ? (<box style={{ flexDirection: "column", paddingLeft: 1, paddingTop: 1 }}>
-          <text style={{ color: "cyan" }}>What would you like to know about the Smithers orchestrator?</text>
-          <text style={{ color: "white", marginTop: 1 }}>{"> "}{question}█</text>
-        </box>) : (<scrollbox style={{ width: "100%", height: "100%", flexDirection: "column", paddingLeft: 1 }}>
-          <text style={{ color: "cyan", marginBottom: 1 }}>Q: {question}</text>
-          <text style={{ color: "white" }}>{answer}</text>
-          {status === "done" && <text style={{ color: "green", marginTop: 1 }}>[ Agent finished. Press Esc to close. ]</text>}
-          {status === "error" && <text style={{ color: "red", marginTop: 1 }}>[ Agent failed. Press Esc to close. ]</text>}
-        </scrollbox>)}
-    </box>);
-}

package/src/tui/components/AskModal.tsx

@@ -1,3 +0,0 @@
-export declare function AskModal({ onClose }: {
-    onClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/src/tui/components/AttentionPane.jsx

@@ -1,112 +0,0 @@
-// @ts-nocheck
-import React, { useEffect, useState, useCallback } from "react";
-import { useKeyboard } from "@opentui/react";
-import { formatAge } from "../../format.js";
-/** @typedef {import("@smithers-orchestrator/db/adapter").SmithersDb} SmithersDb */
-
-/**
- * @param {{ adapter: SmithersDb; focused: boolean; onSelectRun?: (runId: string) => void; }} value
- */
-export function AttentionPane({ adapter, focused, onSelectRun, }) {
-    const [items, setItems] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    useEffect(() => {
-        let mounted = true;
-        async function poll() {
-            if (!mounted)
-                return;
-            try {
-                const result = [];
-                // Active alerts
-                const alerts = await adapter.listAlerts(100, ["firing", "acknowledged"]);
-                for (const alert of alerts) {
-                    result.push({
-                        kind: "alert",
-                        id: alert.alertId,
-                        severity: alert.severity,
-                        status: alert.status,
-                        runId: alert.runId ?? null,
-                        nodeId: alert.nodeId ?? null,
-                        message: alert.message,
-                        firedAtMs: alert.firedAtMs ?? null,
-                    });
-                }
-                // Pending approvals
-                const runs = await adapter.listRuns(100);
-                for (const run of runs) {
-                    const pending = await adapter.listPendingApprovals(run.runId);
-                    for (const ap of pending) {
-                        result.push({
-                            kind: "approval",
-                            id: `${ap.runId}:${ap.nodeId}:${ap.iteration ?? 0}`,
-                            severity: "info",
-                            status: "pending",
-                            runId: ap.runId,
-                            nodeId: ap.nodeId,
-                            message: ap.note ?? `Approval for ${ap.nodeId}`,
-                            firedAtMs: ap.requestedAtMs ?? null,
-                        });
-                    }
-                }
-                // Sort: critical first, then warning, then info
-                const order = { critical: 0, warning: 1, info: 2 };
-                result.sort((a, b) => (order[a.severity] ?? 3) - (order[b.severity] ?? 3));
-                if (mounted)
-                    setItems(result);
-            }
-            catch { }
-            if (mounted)
-                setTimeout(poll, 2000);
-        }
-        poll();
-        return () => { mounted = false; };
-    }, [adapter]);
-    const selected = items[selectedIndex];
-    useKeyboard(focused, useCallback((key) => {
-        if (key === "up" || key === "k") {
-            setSelectedIndex((i) => Math.max(0, i - 1));
-        }
-        else if (key === "down" || key === "j") {
-            setSelectedIndex((i) => Math.min(items.length - 1, i + 1));
-        }
-        else if (key === "a" && selected?.kind === "alert" && selected.status === "firing") {
-            // Ack
-            void adapter.acknowledgeAlert(selected.id, Date.now());
-        }
-        else if (key === "r" && selected?.kind === "alert") {
-            // Resolve
-            void adapter.resolveAlert(selected.id, Date.now());
-        }
-        else if (key === "s" && selected?.kind === "alert") {
-            // Silence for 1h
-            void adapter.silenceAlert(selected.id, Date.now() + 3_600_000);
-        }
-        else if (key === "enter" && selected?.runId && onSelectRun) {
-            onSelectRun(selected.runId);
-        }
-    }, [items, selectedIndex, selected, adapter, onSelectRun]));
-    const severityCounts = {
-        critical: items.filter((i) => i.severity === "critical").length,
-        warning: items.filter((i) => i.severity === "warning").length,
-        info: items.filter((i) => i.severity === "info").length,
-    };
-    const header = [
-        `Attention (${items.length})`,
-        severityCounts.critical > 0 ? ` 🔴${severityCounts.critical}` : "",
-        severityCounts.warning > 0 ? ` 🟡${severityCounts.warning}` : "",
-        severityCounts.info > 0 ? ` 🔵${severityCounts.info}` : "",
-    ].join("");
-    return (<box flexDirection="column">
-      <text bold>{header}</text>
-      <text dimColor>  [a]ck  [r]esolve  [s]ilence  [Enter] open run</text>
-      {items.length === 0 ? (<text dimColor>  All clear — no attention items.</text>) : (items.map((item, i) => {
-            const isSelected = i === selectedIndex && focused;
-            const sev = item.severity === "critical" ? "🔴" : item.severity === "warning" ? "🟡" : "🔵";
-            const age = item.firedAtMs ? formatAge(item.firedAtMs) : "";
-            const prefix = isSelected ? "▸ " : "  ";
-            return (<text key={item.id} inverse={isSelected}>
-              {prefix}{sev} [{item.kind}] {item.message} ({item.status}) {age}
-            </text>);
-        }))}
-    </box>);
-}

package/src/tui/components/AttentionPane.tsx

@@ -1,6 +0,0 @@
-import type { SmithersDb } from "@smithers-orchestrator/db/adapter";
-export declare function AttentionPane({ adapter, focused, onSelectRun, }: {
-    adapter: SmithersDb;
-    focused: boolean;
-    onSelectRun?: (runId: string) => void;
-}): import("react/jsx-runtime").JSX.Element;

package/src/tui/components/ChatPane.jsx

@@ -1,57 +0,0 @@
-// @ts-nocheck
-import React, { useEffect, useState } from "react";
-import { formatChatBlock, parseChatAttemptMeta, selectChatAttempts } from "../../chat.js";
-/** @typedef {import("@smithers-orchestrator/db/adapter").SmithersDb} SmithersDb */
-
-/**
- * @param {{ adapter: SmithersDb; runId: string; focused: boolean; filterNodeId?: string; }} value
- */
-export function ChatPane({ adapter, runId, focused, filterNodeId, }) {
-    const [chatLines, setChatLines] = useState([]);
-    useEffect(() => {
-        let mounted = true;
-        async function fetchChat() {
-            if (!mounted)
-                return;
-            try {
-                const attempts = await adapter.listAttemptsForRun(runId);
-                let lines = [];
-                for (const attempt of attempts) {
-                    if (filterNodeId && attempt.nodeId !== filterNodeId)
-                        continue;
-                    const meta = parseChatAttemptMeta(attempt.metaJson ?? "");
-                    if (!meta.prompt && !attempt.responseText)
-                        continue; // Skip empty attempts
-                    if (lines.length > 0)
-                        lines.push("");
-                    lines.push(`=== ${attempt.nodeId} (Attempt ${attempt.attempt}, Iteration ${attempt.iteration}) ===`);
-                    if (meta.prompt) {
-                        lines.push(`[USER]`);
-                        lines.push(...String(meta.prompt).trim().split("\n").map(l => `  ${l}`));
-                        lines.push("");
-                    }
-                    if (attempt.responseText) {
-                        lines.push(`[ASSISTANT]`);
-                        lines.push(...String(attempt.responseText).trim().split("\n").map(l => `  ${l}`));
-                    }
-                }
-                if (mounted) {
-                    setChatLines(lines);
-                }
-            }
-            catch (err) { }
-            if (mounted)
-                setTimeout(fetchChat, 1000);
-        }
-        fetchChat();
-        return () => {
-            mounted = false;
-        };
-    }, [adapter, runId]);
-    return (<scrollbox focused={focused} style={{ width: "100%", height: "100%", paddingLeft: 1, paddingRight: 1 }}>
-      <box flexDirection="column">
-        {chatLines.map((line, index) => (<text key={index}>{line}</text>))}
-        {chatLines.length === 0 && <text>No chat history available.</text>}
-      </box>
-    </scrollbox>);
-}

package/src/tui/components/ChatPane.tsx

@@ -1,7 +0,0 @@
-import type { SmithersDb } from "@smithers-orchestrator/db/adapter";
-export declare function ChatPane({ adapter, runId, focused, filterNodeId, }: {
-    adapter: SmithersDb;
-    runId: string;
-    focused: boolean;
-    filterNodeId?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/src/tui/components/CronList.jsx

@@ -1,87 +0,0 @@
-// @ts-nocheck
-import React, { useEffect, useState } from "react";
-import { useKeyboard } from "@opentui/react";
-import { formatAge } from "../../format.js";
-/** @typedef {import("@smithers-orchestrator/db/adapter").SmithersDb} SmithersDb */
-
-/**
- * @param {{ adapter: SmithersDb; onBack: () => void; }} value
- */
-export function CronList({ adapter, onBack, }) {
-    const [crons, setCrons] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    useEffect(() => {
-        let mounted = true;
-        async function poll() {
-            try {
-                const jobs = await adapter.listCrons(false);
-                if (mounted)
-                    setCrons(jobs);
-            }
-            catch { }
-            if (mounted)
-                setTimeout(poll, 2000);
-        }
-        poll();
-        return () => { mounted = false; };
-    }, [adapter]);
-    useKeyboard(async (key) => {
-        if (key.name === "escape") {
-            onBack();
-            return;
-        }
-        if (crons.length > 0) {
-            if (key.name === "down" || key.name === "j") {
-                setSelectedIndex(Math.min(crons.length - 1, selectedIndex + 1));
-            }
-            else if (key.name === "up" || key.name === "k") {
-                setSelectedIndex(Math.max(0, selectedIndex - 1));
-            }
-            else if (key.name === "backspace" || key.name === "delete") {
-                const id = crons[selectedIndex].cronId;
-                await adapter.deleteCron(id);
-                const next = await adapter.listCrons(false);
-                setCrons(next);
-                setSelectedIndex(Math.max(0, Math.min(selectedIndex, next.length - 1)));
-            }
-        }
-    });
-    const selectedJob = crons[selectedIndex];
-    return (<box style={{ flexGrow: 1, width: "100%", height: "100%", flexDirection: "row" }}>
-      {/* Left List */}
-      <box style={{ width: 45, height: "100%", borderRight: true, borderColor: "#34d399", flexDirection: "column" }}>
-        <text style={{ color: "gray", marginBottom: 1 }}> Active Cron Triggers: {crons.length} </text>
-        {crons.map((c, i) => (<text key={c.cronId} style={{ color: i === selectedIndex ? "#a7f3d0" : "white" }}>
-            {i === selectedIndex ? "▶ " : "  "}{c.workflowPath.slice(0, 30)}
-          </text>))}
-      </box>
-      
-      {/* Right Details */}
-      <box style={{ flexGrow: 1, height: "100%", flexDirection: "column", paddingLeft: 1 }}>
-        {selectedJob ? (<box style={{ flexDirection: "column" }}>
-            <text style={{ color: "yellow" }}> Workflow: {selectedJob.workflowPath} </text>
-            <text style={{ color: "#93c5fd" }}> Setup: {selectedJob.pattern} </text>
-            <text style={{ color: "white", marginTop: 1 }}>
-              Status: {selectedJob.enabled ? "ACTIVE" : "PAUSED"}
-            </text>
-            <text style={{ color: "white" }}>
-              Registered: {formatAge(selectedJob.createdAtMs)}
-            </text>
-            <text style={{ color: "white" }}>
-              Last Pired: {selectedJob.lastRunAtMs ? formatAge(selectedJob.lastRunAtMs) : "Never"}
-            </text>
-            <text style={{ color: "cyan" }}>
-              Next Fire: {selectedJob.nextRunAtMs ? formatAge(selectedJob.nextRunAtMs) : "Pending"}
-            </text>
-
-            <box style={{ marginTop: 2, flexDirection: "column", borderTop: true, borderColor: "gray", paddingTop: 1 }}>
-               <text style={{ color: "red" }}>[Backspace] Kill Trigger</text>
-            </box>
-            
-            {selectedJob.errorJson && (<text style={{ color: "red", marginTop: 1 }}>
-                Last Error: {selectedJob.errorJson}
-              </text>)}
-          </box>) : (<text style={{ color: "gray" }}>No schedules found. Run `smithers cron add`.</text>)}
-      </box>
-    </box>);
-}

package/src/tui/components/CronList.tsx

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

package/src/tui/components/DetailsPane.jsx

@@ -1,96 +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; focused: boolean; onInspectNode?: (node: any) => void; }} value
- */
-export function DetailsPane({ adapter, runId, focused, onInspectNode, }) {
-    const [nodes, setNodes] = useState([]);
-    const [runData, setRunData] = useState(null);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    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);
-                if (mounted) {
-                    setRunData(run);
-                    setNodes(fetchedNodes);
-                    setSelectedIndex((prev) => Math.min(prev, Math.max(0, fetchedNodes.length - 1)));
-                }
-            }
-            catch (err) { }
-            if (mounted)
-                timeout = setTimeout(fetchDetails, 1000);
-        }
-        fetchDetails();
-        return () => {
-            mounted = false;
-            clearTimeout(timeout);
-        };
-    }, [adapter, runId]);
-    useKeyboard((key) => {
-        if (!focused)
-            return;
-        if (key.name === "down" || key.name === "j") {
-            setSelectedIndex((s) => Math.min(s + 1, Math.max(0, nodes.length - 1)));
-        }
-        if (key.name === "up" || key.name === "k") {
-            setSelectedIndex((s) => Math.max(0, s - 1));
-        }
-        if (key.name === "enter" || key.name === "return") {
-            if (nodes[selectedIndex] && onInspectNode) {
-                onInspectNode(nodes[selectedIndex]);
-            }
-        }
-    });
-    if (!runData) {
-        return <text style={{ margin: 1 }}>Loading details...</text>;
-    }
-    return (<scrollbox focused={focused} style={{ width: "100%", height: "100%", padding: 1 }}>
-      <box flexDirection="column">
-        <text>
-          <strong>Status:</strong>{" "}
-          <span fg={runData.status === "finished"
-            ? "green"
-            : runData.status === "failed"
-                ? "red"
-                : runData.status === "running"
-                    ? "#34d399"
-                    : "yellow"}>
-            {runData.status}
-          </span>
-        </text>
-        <text>
-          <strong>Input Payload:</strong>
-        </text>
-        <text>{runData.inputData ? runData.inputData.substring(0, 100) + "..." : "None"}</text>
-
-        {runData.outputData && (<>
-            <box style={{ height: 1 }}/>
-            <text>
-              <strong>Final Output:</strong>
-            </text>
-            <text>{runData.outputData.substring(0, 100) + "..."}</text>
-          </>)}
-
-        <box style={{ height: 1 }}/>
-        <text style={{ color: focused ? "yellow" : "white" }}>
-          <strong>Nodes [Press Enter on Node to Inspect]:</strong>
-        </text>
-        
-        {nodes.map((node, i) => {
-            const isSelected = focused && selectedIndex === i;
-            return (<text key={`${node.runId}-${node.nodeId}-${node.iteration}`} style={{ color: isSelected ? "green" : "white" }}>
-              {isSelected ? "▶ " : "  "}{node.nodeId}: {node.state} (Att: {node.attempts ?? 0}, Iter: {node.iteration})
-            </text>);
-        })}
-      </box>
-    </scrollbox>);
-}

package/src/tui/components/DetailsPane.tsx

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