@truss-harness/tui 0.1.16 → 0.1.18

package/dist/bin.js

@@ -1,22 +1,23 @@
 #!/usr/bin/env node
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { spawn, spawnSync } from "node:child_process";
-import { execFile as execFileCallback } from "node:child_process";
-import { readdir, readFile } from "node:fs/promises";
-import { join, relative } from "node:path";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { spawnSync } from "node:child_process";
 import { cwd } from "node:process";
-import { promisify } from "node:util";
 import { fileURLToPath } from "node:url";
-import { Box, render, Text, useApp, useInput } from "ink";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { cloudProviderDefinition, detectLocalEndpoints, isCloudProviderId, isLocalEndpointKind, listLocalModels, } from "@truss-harness/provider-openai-compatible";
 import { brand } from "@truss-harness/branding";
-import { resolveConfiguration, } from "@truss-harness/cli/config";
-import { createClientRuntime, } from "@truss-harness/cli/runtime";
 import { FileAgentProfileStore } from "@truss-harness/cli/agents";
-import { executeWorkspaceCommand, FileWorkspacePlanStore, workspaceCommandHelp, } from "@truss-harness/runtime";
-import { buildFileTree, fuzzyFiles, syntaxTokens, wrapSyntaxTokens, } from "./file-browser.js";
-import { tuiTheme, tuiThemeNames, } from "./theme.js";
+import { resolveConfiguration, } from "@truss-harness/cli/config";
+import { detectLocalEndpoints, isLocalEndpointKind, listLocalModels, } from "@truss-harness/provider-openai-compatible";
+import { render, useApp } from "ink";
+import { useEffect, useMemo, useReducer, useState } from "react";
+import { chatDisplayLines, configuredContextWindow, estimateTokens, visibleLines, } from "./display.js";
+import { useTuiInputController } from "./input-controller.js";
+import { calculateLayout, focusReducer } from "./layout.js";
+import { openExternalPreview } from "./processes.js";
+import { useRuntimeSessionController } from "./runtime-session.js";
+import { useTerminalController } from "./terminal-controller.js";
+import { tuiTheme } from "./theme.js";
+import { useWorkspaceFiles } from "./workspace-files.js";
+import { TuiWorkspaceView } from "./workspace-view.js";
 const tuiHelp = `${brand.productName} TUI
 
 Full-screen terminal workspace for local coding models.
@@ -28,41 +29,6 @@ The TUI starts in the current workspace and reads the same configuration
 profiles as ${brand.cliCommand}. Press ? inside the TUI for its complete
 keyboard-control reference.
 `;
-const tuiControlHelp = [
-    [
-        "NAVIGATION",
-        "Tab / Shift+Tab move focus; Ctrl+Left / Ctrl+Right move to an adjacent pane.",
-    ],
-    [
-        "FILES",
-        "/ opens fuzzy file search; Up/Down select; Left/Right collapse or expand; Enter opens.",
-    ],
-    [
-        "EDITOR",
-        "Up/Down scroll; d toggles Git diff; o opens the detected preview URL externally.",
-    ],
-    [
-        "AGENT",
-        "Enter sends; a opens saved multi-agent profiles; Up/Down scroll chat; n starts a new conversation outside the chat input.",
-    ],
-    [
-        "MCP",
-        "c opens credential-safe server and tool status; R tests configured servers.",
-    ],
-    [
-        "TERMINAL",
-        "Type directly and press Enter; Up/Down scroll output; slash commands run through Truss.",
-    ],
-    [
-        "SETTINGS",
-        "m opens settings outside chat; Tab changes fields; Theme previews forest, sage, and dusk.",
-    ],
-    ["APPROVALS", "Y or Enter allows; N or Escape denies."],
-    [
-        "CANCEL / EXIT",
-        "Escape cancels an active agent run. Ctrl+C stops a process or run, and exits while idle.",
-    ],
-];
 if (process.argv
     .slice(2)
     .some((argument) => argument === "--help" || argument === "-h")) {
@@ -97,177 +63,6 @@ function ensureInteractiveTerminal() {
     process.exit(1);
 }
 ensureInteractiveTerminal();
-const execFile = promisify(execFileCallback);
-const ignoredDirectories = new Set([
-    ".git",
-    ".next",
-    ".truss-harness",
-    "node_modules",
-    "dist",
-    "coverage",
-]);
-const focusOrder = ["files", "editor", "chat", "terminal"];
-function truncate(value, length) {
-    return value.length <= length
-        ? value
-        : `${value.slice(0, Math.max(0, length - 3))}...`;
-}
-function clamp(value, minimum, maximum) {
-    return Math.min(Math.max(value, minimum), Math.max(minimum, maximum));
-}
-function visibleLines(items, count, offset) {
-    const end = Math.max(0, items.length - clamp(offset, 0, Math.max(0, items.length - count)));
-    return items.slice(Math.max(0, end - count), end);
-}
-function estimateTokens(value) {
-    const trimmed = value.trim();
-    return trimmed ? Math.ceil(trimmed.length / 4) : 0;
-}
-function formatTokenCount(value) {
-    if (value < 1_000)
-        return String(Math.round(value));
-    return `${(value / 1_000).toFixed(value >= 10_000 ? 0 : 1).replace(/\.0$/, "")}k`;
-}
-function wrapText(value, width) {
-    const result = [];
-    for (const sourceLine of value.split(/\r?\n/)) {
-        let remaining = sourceLine || " ";
-        while (remaining.length > width) {
-            const breakAt = Math.max(1, remaining.lastIndexOf(" ", width));
-            result.push(remaining.slice(0, breakAt).trimEnd());
-            remaining = remaining.slice(breakAt).trimStart();
-        }
-        result.push(remaining);
-    }
-    return result;
-}
-function plainChatText(value) {
-    let inCodeBlock = false;
-    return value
-        .split(/\r?\n/)
-        .flatMap((sourceLine) => {
-        if (/^\s*```/.test(sourceLine)) {
-            inCodeBlock = !inCodeBlock;
-            return [];
-        }
-        if (inCodeBlock)
-            return [`  ${sourceLine}`];
-        const line = sourceLine
-            .replace(/^\s{0,3}#{1,6}\s+/, "")
-            .replace(/^\s*>\s?/, "")
-            .replace(/^\s*[-*+]\s+/, "- ")
-            .replace(/^\s*\d+[.)]\s+/, "- ")
-            .replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1")
-            .replace(/`([^`]+)`/g, "$1")
-            .replace(/(\*\*|__|\*|_|~~)/g, "");
-        return /^\s*[-:|]+\s*$/.test(line) ? [] : [line];
-    })
-        .join("\n");
-}
-function chatDisplayLines(messages, busy, width) {
-    const transcript = messages.flatMap((message) => {
-        const content = message.content
-            ? message.role === "assistant"
-                ? plainChatText(message.content)
-                : message.content
-            : busy && message.role === "assistant"
-                ? "Thinking..."
-                : "";
-        return [
-            {
-                role: message.role,
-                text: message.role === "user" ? "YOU" : "AGENT",
-                header: true,
-            },
-            ...wrapText(content, width).map((text) => ({
-                role: message.role,
-                text,
-                header: false,
-            })),
-        ];
-    });
-    return transcript;
-}
-function configuredContextWindow() {
-    const configured = Number.parseInt(process.env.TRUSS_HARNESS_CONTEXT_WINDOW ?? "8192", 10);
-    return Number.isFinite(configured)
-        ? Math.max(512, Math.min(1_000_000, configured))
-        : 8_192;
-}
-async function collectFiles(root, current = root, result = []) {
-    if (result.length >= 2_000)
-        return result;
-    for (const entry of await readdir(current, { withFileTypes: true })) {
-        if (result.length >= 2_000)
-            break;
-        if (entry.isDirectory() && !ignoredDirectories.has(entry.name))
-            await collectFiles(root, join(current, entry.name), result);
-        if (entry.isFile())
-            result.push({ path: relative(root, join(current, entry.name)) });
-    }
-    return result.sort((left, right) => left.path.localeCompare(right.path));
-}
-async function runTrackedCommand(command, workspaceRoot, onOutput, onProcess) {
-    await new Promise((resolve, reject) => {
-        const child = spawn(command, {
-            cwd: workspaceRoot,
-            shell: true,
-            windowsHide: true,
-        });
-        onProcess?.(child);
-        child.stdout.on("data", (data) => onOutput(data.toString()));
-        child.stderr.on("data", (data) => onOutput(data.toString()));
-        child.on("error", reject);
-        child.on("close", (code) => {
-            onProcess?.(undefined);
-            onOutput(`\n[process exited: ${code ?? "unknown"}]\n`);
-            resolve();
-        });
-    });
-}
-function detectedPreviewUrl(output) {
-    const match = output.match(/https?:\/\/(?:localhost|127\.0\.0\.1|0\.0\.0\.0|\[::1\])(?::\d+)?(?:\/[^\s]*)?/i);
-    return match?.[0].replace(/[),.;]+$/, "").replace("0.0.0.0", "127.0.0.1");
-}
-function normalizedPreviewUrl(value) {
-    const normalized = /^[a-z][a-z\d+.-]*:\/\//i.test(value.trim())
-        ? value.trim()
-        : `http://${value.trim()}`;
-    const url = new URL(normalized);
-    if (url.protocol !== "http:" && url.protocol !== "https:")
-        throw new Error("Preview URLs must use HTTP or HTTPS.");
-    return url.toString();
-}
-function openExternalPreview(value) {
-    const url = normalizedPreviewUrl(value);
-    const [command, arguments_] = process.platform === "win32"
-        ? ["rundll32.exe", ["url.dll,FileProtocolHandler", url]]
-        : process.platform === "darwin"
-            ? ["open", [url]]
-            : ["xdg-open", [url]];
-    const child = spawn(command, arguments_, {
-        detached: true,
-        stdio: "ignore",
-        windowsHide: true,
-    });
-    child.once("error", () => undefined);
-    child.unref();
-}
-async function stopProcessTree(child) {
-    if (process.platform === "win32" && child.pid) {
-        try {
-            await execFile("taskkill", ["/PID", String(child.pid), "/T", "/F"]);
-            return;
-        }
-        catch {
-            // Fall back to the Node process handle if taskkill is unavailable.
-        }
-    }
-    child.kill();
-}
-function Panel({ title, active, theme, children, }) {
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: active ? theme.focus : theme.panel, paddingX: 1, width: "100%", height: "100%", overflow: "hidden", children: [_jsx(Text, { color: active ? theme.focus : theme.muted, bold: true, children: title }), children] }));
-}
 function App({ initialConfiguration, }) {
     const { exit } = useApp();
     const [viewport, setViewport] = useState(() => ({
@@ -275,43 +70,8 @@ function App({ initialConfiguration, }) {
         rows: process.stdout.rows || 36,
     }));
     const workspaceRoot = useMemo(() => cwd(), []);
-    const [configuration, setConfiguration] = useState(initialConfiguration);
-    const [client, setClient] = useState();
-    const [mcpStatuses, setMcpStatuses] = useState(() => Object.entries(initialConfiguration?.mcpServers ?? {}).map(([name, server]) => ({
-        name,
-        state: server.enabled === false ? "disabled" : "idle",
-        toolCount: 0,
-    })));
-    const [sessionId, setSessionId] = useState();
-    const [files, setFiles] = useState([]);
-    const [fileIndex, setFileIndex] = useState(0);
-    const [collapsedDirectories, setCollapsedDirectories] = useState(() => new Set());
-    const [fileSearchInput, setFileSearchInput] = useState("");
-    const [fileSearchIndex, setFileSearchIndex] = useState(0);
-    const [openFilePath, setOpenFilePath] = useState();
-    const [editor, setEditor] = useState("Select a file from the workspace tree.");
-    const [editorTitle, setEditorTitle] = useState("Preview");
-    const [isDiff, setIsDiff] = useState(false);
-    const [focus, setFocus] = useState("chat");
+    const [focus, dispatchFocus] = useReducer(focusReducer, "chat");
     const [screen, setScreen] = useState(initialConfiguration ? "workspace" : "settings");
-    const [chatInput, setChatInput] = useState("");
-    const [chat, setChat] = useState([]);
-    const [chatScroll, setChatScroll] = useState(0);
-    const [streamMetrics, setStreamMetrics] = useState({
-        startedAt: 0,
-        generatedTokens: 0,
-    });
-    const [terminalLines, setTerminalLines] = useState([
-        "Terminal ready. Shell commands run in the workspace root; slash commands run locally.",
-    ]);
-    const [terminalScroll, setTerminalScroll] = useState(0);
-    const [previewUrl, setPreviewUrl] = useState();
-    const [editorScroll, setEditorScroll] = useState(0);
-    const [busy, setBusy] = useState(false);
-    const [runStatus, setRunStatus] = useState("ready");
-    const [activePlan, setActivePlan] = useState();
-    const [pendingTool, setPendingTool] = useState();
-    const [commandInput, setCommandInput] = useState("");
     const [endpoints, setEndpoints] = useState([]);
     const [serverIndex, setServerIndex] = useState(0);
     const [models, setModels] = useState([]);
@@ -325,26 +85,10 @@ function App({ initialConfiguration, }) {
     const [agentMode] = useState(initialConfiguration?.mode ?? "chat");
     const [permissionMode] = useState(initialConfiguration?.permission ?? "ask");
     const [internetAccess, setInternetAccess] = useState(initialConfiguration?.internetAccess ?? false);
-    const approvalResolvers = useRef(new Map());
-    const abortController = useRef(undefined);
-    const terminalProcess = useRef(undefined);
     const contextWindow = useMemo(configuredContextWindow, []);
-    const contextTokens = useMemo(() => chat.reduce((total, message) => total + estimateTokens(message.content), 400), [chat]);
-    const tokensPerSecond = streamMetrics.startedAt && streamMetrics.generatedTokens
-        ? streamMetrics.generatedTokens /
-            Math.max((Date.now() - streamMetrics.startedAt) / 1_000, 0.1)
-        : undefined;
     const theme = tuiTheme(themeName);
-    const appendTerminal = (output) => {
-        const next = output.replace(/\r/g, "").split("\n").filter(Boolean);
-        if (!next.length)
-            return;
-        const detected = detectedPreviewUrl(output);
-        if (detected)
-            setPreviewUrl(detected);
-        setTerminalScroll(0);
-        setTerminalLines((current) => [...current, ...next].slice(-110));
-    };
+    const terminal = useTerminalController(workspaceRoot);
+    const { terminalLines, terminalScroll, setTerminalScroll, commandInput, setCommandInput, previewUrl, appendTerminal, runTerminalInput, interruptProcess, } = terminal;
     const candidates = useMemo(() => [
         ...endpoints,
         {
@@ -355,66 +99,44 @@ function App({ initialConfiguration, }) {
         },
     ], [endpoints]);
     const selectedEndpoint = candidates[Math.min(serverIndex, Math.max(candidates.length - 1, 0))];
-    const fileTree = useMemo(() => buildFileTree(files, collapsedDirectories), [files, collapsedDirectories]);
-    const selectedFileTreeEntry = fileTree[Math.min(fileIndex, Math.max(0, fileTree.length - 1))];
-    const fileSearchResults = useMemo(() => fuzzyFiles(files, fileSearchInput, Math.max(6, Math.min(14, viewport.rows - 10))), [files, fileSearchInput, viewport.rows]);
-    const compactLayout = viewport.columns < 106;
-    const terminalHeight = clamp(Math.floor(viewport.rows * 0.24), 7, 11);
-    const workspaceHeight = Math.max(compactLayout ? 14 : 9, viewport.rows - terminalHeight - 6);
-    const filesWidth = Math.max(20, Math.min(36, Math.floor(viewport.columns * 0.24)));
-    const chatWidth = compactLayout
-        ? Math.max(40, viewport.columns - 4)
-        : Math.max(28, Math.min(48, Math.floor(viewport.columns * 0.31)));
-    const editorWidth = compactLayout
-        ? Math.max(30, viewport.columns - filesWidth - 4)
-        : Math.max(30, viewport.columns - filesWidth - chatWidth - 4);
-    const compactChatHeight = compactLayout
-        ? clamp(Math.floor(workspaceHeight * 0.4), 6, 10)
-        : workspaceHeight;
-    const editorHeight = compactLayout
-        ? Math.max(6, workspaceHeight - compactChatHeight - 1)
-        : workspaceHeight;
-    const editorLineCount = Math.max(2, editorHeight - 3);
+    const layout = useMemo(() => calculateLayout(viewport), [viewport]);
+    const { terminalHeight, chatWidth, editorWidth, compactChatHeight, editorLineCount, overlayWidth, } = layout;
+    const workspaceFiles = useWorkspaceFiles({
+        workspaceRoot,
+        viewportRows: viewport.rows,
+        editorWidth,
+        editorLineCount,
+        focusEditor: () => dispatchFocus({ type: "select", focus: "editor" }),
+        closeSearch: () => setScreen("workspace"),
+    });
+    const { fileIndex, setFileIndex, fileTree, selectedFileTreeEntry, fileSearchInput, setFileSearchInput, fileSearchIndex, setFileSearchIndex, fileSearchResults, openFilePath, editorTitle, setEditorScroll, editorRows, visibleEditorRows, fileTreeStart, visibleFileTree, loadFile, toggleDirectory, openSearchResult, toggleDiff, } = workspaceFiles;
+    const runtimeSession = useRuntimeSessionController({
+        initialConfiguration,
+        workspaceRoot,
+        providerKind,
+        endpointInput,
+        modelInput,
+        agentMode,
+        permissionMode,
+        internetAccess,
+        openFilePath,
+        contextWindow,
+        appendTerminal,
+        showScreen: setScreen,
+    });
+    const { configuration, mcpStatuses, sessionId, chatInput, setChatInput, chat, chatScroll, setChatScroll, busy, runStatus, activePlan, pendingTool, tokensPerSecond, configureRuntime, sendPrompt, resolveApproval, startNewConversation, cancelRun, testMcpConnections, } = runtimeSession;
+    const contextTokens = useMemo(() => chat.reduce((total, message) => total + estimateTokens(message.content), 400), [chat]);
     const chatLineCount = Math.max(2, compactChatHeight - (activePlan ? 7 : 0) - 4);
     const chatTranscript = chatDisplayLines(chat, busy, Math.max(12, chatWidth - 5));
     const chatLines = visibleLines(chatTranscript, chatLineCount, chatScroll);
-    const editorRows = useMemo(() => {
-        const maximumCharacters = Math.max(12, editorWidth - 7);
-        return editor.split(/\r?\n/).flatMap((line, sourceIndex) => {
-            const color = isDiff
-                ? line.startsWith("+") && !line.startsWith("+++")
-                    ? "green"
-                    : line.startsWith("-") && !line.startsWith("---")
-                        ? "red"
-                        : undefined
-                : undefined;
-            const tokens = isDiff
-                ? [{ text: line, color }]
-                : syntaxTokens(line, openFilePath ?? "");
-            return wrapSyntaxTokens(tokens, maximumCharacters).map((row, rowIndex) => ({
-                sourceLine: sourceIndex + 1,
-                continuation: rowIndex > 0,
-                tokens: row,
-            }));
-        });
-    }, [editor, editorWidth, isDiff, openFilePath]);
-    const visibleEditorRows = editorRows.slice(editorScroll, editorScroll + editorLineCount);
     const visibleTerminalLines = visibleLines(terminalLines, Math.max(1, terminalHeight - 4), terminalScroll);
-    const fileTreeStart = clamp(fileIndex - Math.floor(editorLineCount / 2), 0, Math.max(0, fileTree.length - editorLineCount));
-    const visibleFileTree = fileTree.slice(fileTreeStart, fileTreeStart + editorLineCount);
-    const overlayWidth = clamp(viewport.columns - 4, 42, 90);
     useEffect(() => {
-        void collectFiles(workspaceRoot)
-            .then(setFiles)
-            .catch((error) => setEditor(`Unable to list workspace files: ${String(error)}`));
         void new FileAgentProfileStore(workspaceRoot)
             .list()
             .then(setAgentProfiles)
             .catch((error) => appendTerminal(`[agents] ${error instanceof Error ? error.message : String(error)}`));
-        void new FileWorkspacePlanStore(workspaceRoot)
-            .load()
-            .then(setActivePlan)
-            .catch(() => undefined);
+    }, [workspaceRoot, appendTerminal]);
+    useEffect(() => {
         void detectLocalEndpoints().then((detected) => {
             setEndpoints(detected);
             const preferred = configuration
@@ -424,20 +146,7 @@ function App({ initialConfiguration, }) {
             if (preferred >= 0)
                 setServerIndex(preferred);
         });
-    }, [workspaceRoot]);
-    useEffect(() => {
-        setFileIndex((current) => clamp(current, 0, Math.max(0, fileTree.length - 1)));
-    }, [fileTree.length]);
-    useEffect(() => {
-        setEditorScroll((current) => clamp(current, 0, Math.max(0, editorRows.length - editorLineCount)));
-    }, [editorRows.length, editorLineCount]);
-    useEffect(() => {
-        if (!openFilePath)
-            return;
-        const index = fileTree.findIndex((entry) => entry.kind === "file" && entry.path === openFilePath);
-        if (index >= 0)
-            setFileIndex(index);
-    }, [fileTree, openFilePath]);
+    }, [configuration]);
     useEffect(() => {
         const refreshViewport = () => setViewport({
             columns: process.stdout.columns || 120,
@@ -459,645 +168,121 @@ function App({ initialConfiguration, }) {
             baseUrl: endpointInput,
         };
         void listLocalModels(endpoint)
-            .then((available) => {
-            setModels(available.map((model) => model.name));
-            const selected = available.findIndex((model) => model.name === modelInput);
-            setModelIndex(Math.max(0, selected));
-        })
+            .then((available) => setModels(available.map((model) => model.name)))
             .catch(() => setModels([]));
-    }, [selectedEndpoint?.id, endpointInput, providerKind]);
+    }, [selectedEndpoint, endpointInput, providerKind]);
     useEffect(() => {
-        if (!client)
-            return;
-        const unsubscribeMcp = client.mcp.subscribe((statuses) => setMcpStatuses((current) => {
-            const merged = new Map(current.map((status) => [status.name, status]));
-            for (const status of statuses)
-                merged.set(status.name, status);
-            return [...merged.values()];
-        }));
-        const unsubscribe = client.events.subscribe((event) => {
-            if (event.type === "text_delta") {
-                setRunStatus("thinking");
-                setChatScroll(0);
-                setStreamMetrics((current) => current.startedAt
-                    ? {
-                        ...current,
-                        generatedTokens: current.generatedTokens + estimateTokens(event.text),
-                    }
-                    : current);
-                setChat((current) => {
-                    const last = current.at(-1);
-                    if (!last || last.role !== "assistant")
-                        return [...current, { role: "assistant", content: event.text }];
-                    return [
-                        ...current.slice(0, -1),
-                        { role: "assistant", content: last.content + event.text },
-                    ];
-                });
-            }
-            if (event.type === "tool_call_requested") {
-                setRunStatus("tool");
-                appendTerminal(`[tool requested] ${event.tool} ${JSON.stringify(event.input)}`);
-            }
-            if (event.type === "tool_completed") {
-                setRunStatus("thinking");
-                appendTerminal(`[tool completed] ${event.tool}: ${truncate(event.result.content, 160)}`);
-            }
-            if (event.type === "plan_updated")
-                setActivePlan(event.plan);
-            if (event.type === "run_failed") {
-                setRunStatus("ready");
-                appendTerminal(`[agent error] ${event.error.message}`);
-            }
-        });
-        return () => {
-            unsubscribe();
-            unsubscribeMcp();
-            void client.dispose();
-        };
-    }, [client]);
-    const loadFile = async (entry) => {
-        try {
-            setIsDiff(false);
-            setEditorScroll(0);
-            setOpenFilePath(entry.path);
-            setEditorTitle(entry.path);
-            setEditor(await readFile(join(workspaceRoot, entry.path), "utf8"));
-            setFocus("editor");
-        }
-        catch (error) {
-            setEditor(`Unable to read ${entry.path}: ${error instanceof Error ? error.message : String(error)}`);
-        }
-    };
-    const toggleDirectory = (path, expand) => {
-        setCollapsedDirectories((current) => {
-            const next = new Set(current);
-            const currentlyExpanded = !next.has(path);
-            const shouldExpand = expand ?? !currentlyExpanded;
-            if (shouldExpand)
-                next.delete(path);
-            else
-                next.add(path);
-            return next;
-        });
+        const selected = models.indexOf(modelInput);
+        setModelIndex(Math.max(0, selected));
+    }, [models, modelInput]);
+    const refreshAgentProfiles = () => {
+        void new FileAgentProfileStore(workspaceRoot)
+            .list()
+            .then(setAgentProfiles)
+            .catch((error) => appendTerminal(`[agents] ${error instanceof Error ? error.message : String(error)}`));
     };
-    const openSearchResult = (entry) => {
-        const parts = entry.path.replaceAll("\\", "/").split("/");
-        parts.pop();
-        setCollapsedDirectories((current) => {
-            const next = new Set(current);
-            let path = "";
-            for (const part of parts) {
-                path = path ? `${path}/${part}` : part;
-                next.delete(path);
-            }
-            return next;
-        });
-        setFileSearchInput("");
-        setFileSearchIndex(0);
-        setScreen("workspace");
-        void loadFile(entry);
+    const moveFocus = (direction) => {
+        dispatchFocus({ type: direction === 1 ? "next" : "previous" });
     };
-    const toggleDiff = async () => {
-        if (!openFilePath)
+    const interruptOrExit = () => {
+        if (interruptProcess())
             return;
-        const entry = { path: openFilePath };
-        if (isDiff)
-            return void loadFile(entry);
-        try {
-            setOpenFilePath(entry.path);
-            const { stdout } = await execFile("git", ["diff", "--no-ext-diff", "--", entry.path], { cwd: workspaceRoot, maxBuffer: 1_000_000 });
-            setEditorTitle(`Diff: ${entry.path}`);
-            setEditor(stdout || "No working-tree diff for this file.");
-            setIsDiff(true);
-            setEditorScroll(0);
-        }
-        catch (error) {
-            setEditor(`Unable to load Git diff: ${error instanceof Error ? error.message : String(error)}`);
-            setIsDiff(true);
-        }
+        if (busy)
+            cancelRun();
+        else
+            exit();
     };
-    const configureRuntime = async () => {
-        if (!endpointInput.trim() || !modelInput.trim()) {
-            appendTerminal("[configuration] An endpoint and model are required.");
-            return;
-        }
-        const nextConfiguration = {
-            workspaceRoot,
-            provider: providerKind,
-            baseUrl: endpointInput.trim(),
-            model: modelInput.trim(),
-            apiKey: initialConfiguration?.provider === providerKind
-                ? initialConfiguration.apiKey
-                : (process.env.TRUSS_HARNESS_API_KEY ??
-                    (isCloudProviderId(providerKind)
-                        ? process.env[cloudProviderDefinition(providerKind)
-                            .apiKeyEnvironmentVariable]
-                        : undefined)),
-            systemPrompt: process.env.TRUSS_HARNESS_SYSTEM_PROMPT,
-            mode: agentMode,
-            internetAccess,
-            mcpServers: initialConfiguration?.mcpServers,
-            approval: {
-                approve: async (call) => {
-                    const readOnly = [
-                        "read_file",
-                        "list_directory",
-                        "search_files",
-                        "grep",
-                    ].includes(call.name);
-                    if (permissionMode === "auto-all" ||
-                        (permissionMode === "auto-read" && readOnly))
-                        return true;
-                    return new Promise((resolve) => {
-                        approvalResolvers.current.set(call.id, resolve);
-                        setPendingTool(call);
-                        setRunStatus("waiting");
-                        setScreen("approval");
-                    });
-                },
-            },
-        };
-        setConfiguration(nextConfiguration);
-        setRunStatus("thinking");
+    const openPreview = (url) => {
         try {
-            const nextClient = await createClientRuntime(nextConfiguration);
-            setClient(nextClient);
-            for (const server of nextClient.mcpServers) {
-                appendTerminal(`[mcp] ${server.name}: ${server.state}${server.error ? ` (${server.error})` : ` (${server.toolCount} tools)`}`);
-            }
+            openExternalPreview(url);
+            appendTerminal(`[preview] Opened ${url}`);
         }
         catch (error) {
-            appendTerminal(`[mcp] Unable to configure runtime: ${error instanceof Error ? error.message : String(error)}`);
-            setRunStatus("ready");
-            return;
+            appendTerminal(`[preview error] ${error instanceof Error ? error.message : String(error)}`);
         }
-        setSessionId(undefined);
-        setChat([]);
-        setChatScroll(0);
-        setStreamMetrics({ startedAt: 0, generatedTokens: 0 });
-        setScreen("workspace");
-        appendTerminal(`[configuration] ${nextConfiguration.provider} ${nextConfiguration.model} at ${nextConfiguration.baseUrl}`);
-        setRunStatus("ready");
     };
-    useEffect(() => {
-        if (initialConfiguration && !client)
-            void configureRuntime();
-    }, []);
-    const openFileContext = async () => {
-        if (!openFilePath)
-            return [];
-        try {
-            // Keep the active file useful on small local context windows without crowding out the request and history.
-            const maximumCharacters = Math.max(2_000, Math.min(20_000, contextWindow));
-            const content = await readFile(join(workspaceRoot, openFilePath), "utf8");
-            const clipped = content.slice(0, maximumCharacters);
-            return [
-                {
-                    source: `active-file:${openFilePath}`,
-                    content: `This is the currently open workspace file and the primary context for this request. Tool results produced later in the run take precedence over this request-start snapshot.\n\n${clipped}`,
-                    priority: 1_000,
-                },
-            ];
-        }
-        catch {
-            return [];
-        }
-    };
-    const sendPrompt = async () => {
-        const prompt = chatInput.trim();
-        if (!prompt || busy)
-            return;
-        const command = await executeWorkspaceCommand({
-            workspaceRoot,
-            input: prompt,
-        });
-        if (command.handled) {
-            setChatInput("");
-            setChat((current) => [
-                ...current,
-                { role: "user", content: prompt },
-                { role: "assistant", content: command.message },
-            ]);
-            appendTerminal(`[workspace command] ${command.command ?? prompt}: ${command.ok ? "completed" : "failed"}`);
-            return;
-        }
-        if (!client) {
-            setScreen("settings");
-            appendTerminal("[configuration] Select a local model before sending a prompt.");
-            return;
-        }
-        setChatInput("");
-        setChatScroll(0);
-        setBusy(true);
-        setRunStatus("thinking");
-        setStreamMetrics({ startedAt: Date.now(), generatedTokens: 0 });
-        setChat((current) => [
-            ...current,
-            { role: "user", content: prompt },
-            { role: "assistant", content: "" },
-        ]);
-        const controller = new AbortController();
-        abortController.current = controller;
-        try {
-            const session = sessionId
-                ? await client.runtime.getSession(sessionId)
-                : await client.runtime.createSession();
-            if (!session)
-                throw new Error("Conversation is unavailable.");
-            setSessionId(session.id);
-            await client.runtime.run(session.id, prompt, controller.signal, await openFileContext());
-        }
-        catch (error) {
-            if (!controller.signal.aborted)
-                appendTerminal(`[agent error] ${error instanceof Error ? error.message : String(error)}`);
-        }
-        finally {
-            setBusy(false);
-            setRunStatus("ready");
-            abortController.current = undefined;
-        }
-    };
-    const resolveApproval = (approved) => {
-        if (pendingTool)
-            approvalResolvers.current.get(pendingTool.id)?.(approved);
-        setPendingTool(undefined);
-        setRunStatus(approved ? "thinking" : "ready");
-        setScreen("workspace");
-    };
-    const startNewConversation = () => {
-        if (busy) {
-            appendTerminal("[conversation] Stop the active run before starting a new conversation.");
-            return;
-        }
-        setSessionId(undefined);
-        setChat([]);
-        setChatInput("");
-        setChatScroll(0);
-        setStreamMetrics({ startedAt: 0, generatedTokens: 0 });
-        appendTerminal("[conversation] Started a new conversation.");
-    };
-    const runTerminalInput = async (input) => {
-        const command = await executeWorkspaceCommand({ workspaceRoot, input });
-        if (command.handled) {
-            appendTerminal(`[workspace command] ${command.command ?? input}: ${command.ok ? "completed" : "failed"}`);
-            appendTerminal(command.message);
-            return;
-        }
-        await runTrackedCommand(input, workspaceRoot, appendTerminal, (process) => {
-            terminalProcess.current = process;
-        });
-    };
-    const moveFocus = (direction) => {
-        setFocus((current) => {
-            const currentIndex = focusOrder.indexOf(current);
-            return focusOrder[(currentIndex + direction + focusOrder.length) % focusOrder.length];
-        });
-    };
-    useInput((input, key) => {
-        if (key.ctrl && input === "c") {
-            if (terminalProcess.current) {
-                const process = terminalProcess.current;
-                terminalProcess.current = undefined;
-                void stopProcessTree(process).then(() => appendTerminal("[terminal] Process stopped."));
-            }
-            else if (busy) {
-                abortController.current?.abort();
-                setRunStatus("ready");
-                appendTerminal("[agent] Cancellation requested.");
-            }
-            else
-                exit();
-            return;
-        }
-        if (screen === "approval") {
-            if (input.toLowerCase() === "y" || key.return)
-                resolveApproval(true);
-            if (input.toLowerCase() === "n" || key.escape)
-                resolveApproval(false);
-            return;
-        }
-        if (screen === "file-search") {
-            if (key.escape) {
-                setFileSearchInput("");
-                setFileSearchIndex(0);
-                setScreen("workspace");
-                return;
-            }
-            if (key.upArrow) {
-                setFileSearchIndex((current) => Math.max(0, current - 1));
-                return;
-            }
-            if (key.downArrow) {
-                setFileSearchIndex((current) => Math.min(Math.max(0, fileSearchResults.length - 1), current + 1));
-                return;
-            }
-            if (key.return) {
-                const result = fileSearchResults[Math.min(fileSearchIndex, Math.max(0, fileSearchResults.length - 1))];
-                if (result)
-                    openSearchResult(result);
-                return;
-            }
-            if (key.backspace || key.delete) {
-                setFileSearchInput((current) => current.slice(0, -1));
-                setFileSearchIndex(0);
-            }
-            else if (input) {
-                setFileSearchInput((current) => current + input);
-                setFileSearchIndex(0);
-            }
-            return;
-        }
-        if (screen === "help") {
-            setScreen("workspace");
-            return;
-        }
-        if (screen === "agents") {
-            if (key.escape || input.toLowerCase() === "a")
-                setScreen("workspace");
-            if (input.toLowerCase() === "r")
-                void new FileAgentProfileStore(workspaceRoot)
-                    .list()
-                    .then(setAgentProfiles)
-                    .catch((error) => appendTerminal(`[agents] ${error instanceof Error ? error.message : String(error)}`));
-            return;
-        }
-        if (screen === "mcp") {
-            if (key.escape || input.toLowerCase() === "c") {
-                setScreen("workspace");
-                return;
-            }
-            if (input.toLowerCase() === "r" && configuration) {
-                void createClientRuntime({ ...configuration, mode: "edit" })
-                    .then(async (inspection) => {
-                    setMcpStatuses(inspection.mcpServers);
-                    appendTerminal("[mcp] Tested configured servers.");
-                    await inspection.dispose();
-                })
-                    .catch((error) => appendTerminal(`[mcp] ${error instanceof Error ? error.message : String(error)}`));
-            }
-            return;
-        }
-        if (screen === "settings") {
-            if (key.escape) {
-                setScreen("workspace");
-                return;
-            }
-            if (key.tab) {
-                const fields = [
-                    "server",
-                    "endpoint",
-                    "model",
-                    "internet",
-                    "theme",
-                ];
-                setSettingsField((current) => {
-                    const index = fields.indexOf(current);
-                    return fields[(index + (key.shift ? -1 : 1) + fields.length) % fields.length];
-                });
-                return;
-            }
-            if (settingsField === "server") {
-                if (key.upArrow)
-                    setServerIndex((current) => Math.max(0, current - 1));
-                if (key.downArrow)
-                    setServerIndex((current) => Math.min(candidates.length - 1, current + 1));
-                if (key.return && selectedEndpoint) {
-                    setProviderKind(selectedEndpoint.kind);
-                    setEndpointInput(selectedEndpoint.baseUrl);
-                    setSettingsField("model");
-                }
-                return;
-            }
-            if (settingsField === "model") {
-                if (key.upArrow)
-                    setModelIndex((current) => Math.max(0, current - 1));
-                if (key.downArrow)
-                    setModelIndex((current) => Math.min(models.length - 1, current + 1));
-                if (models[modelIndex] && (key.return || key.rightArrow))
-                    setModelInput(models[modelIndex]);
-            }
-            if (settingsField === "internet") {
-                if (input === " " || key.leftArrow || key.rightArrow)
-                    setInternetAccess((current) => !current);
-                if (key.return && endpointInput && modelInput)
-                    void configureRuntime();
-                return;
-            }
-            if (settingsField === "theme") {
-                if (key.leftArrow || key.upArrow)
-                    setThemeName((current) => tuiThemeNames[(tuiThemeNames.indexOf(current) - 1 + tuiThemeNames.length) %
-                        tuiThemeNames.length]);
-                if (key.rightArrow || key.downArrow || input === " ")
-                    setThemeName((current) => tuiThemeNames[(tuiThemeNames.indexOf(current) + 1) % tuiThemeNames.length]);
-                if (key.return && endpointInput && modelInput)
-                    void configureRuntime();
-                return;
-            }
-            if (key.return && endpointInput && modelInput) {
-                void configureRuntime();
-                return;
-            }
-            const setter = settingsField === "endpoint" ? setEndpointInput : setModelInput;
-            if (key.backspace || key.delete)
-                setter((current) => current.slice(0, -1));
-            else if (!key.return && input)
-                setter((current) => current + input);
-            return;
-        }
-        if (key.ctrl && (key.leftArrow || key.rightArrow)) {
-            moveFocus(key.leftArrow ? -1 : 1);
-            return;
-        }
-        if (input.toLowerCase() === "a" &&
-            focus !== "chat" &&
-            focus !== "terminal") {
-            setScreen("agents");
-            return;
-        }
-        if (key.tab) {
-            moveFocus(key.shift ? -1 : 1);
-            return;
-        }
-        if (key.escape && busy) {
-            abortController.current?.abort();
-            setRunStatus("ready");
-            appendTerminal("[agent] Cancellation requested.");
-            return;
-        }
-        if (input === "o" &&
-            focus !== "chat" &&
-            focus !== "terminal" &&
-            previewUrl) {
-            try {
-                openExternalPreview(previewUrl);
-                appendTerminal(`[preview] Opened ${previewUrl}`);
-            }
-            catch (error) {
-                appendTerminal(`[preview error] ${error instanceof Error ? error.message : String(error)}`);
-            }
-            return;
-        }
-        if (focus === "terminal") {
-            if (key.upArrow) {
-                setTerminalScroll((current) => clamp(current + 1, 0, Math.max(0, terminalLines.length - Math.max(1, terminalHeight - 4))));
-                return;
-            }
-            if (key.downArrow) {
-                setTerminalScroll((current) => clamp(current - 1, 0, Math.max(0, terminalLines.length - Math.max(1, terminalHeight - 4))));
-                return;
-            }
-            if (key.return) {
-                const command = commandInput.trim();
-                setCommandInput("");
-                if (command)
-                    void runTerminalInput(command).catch((error) => appendTerminal(`[terminal error] ${String(error)}`));
-                return;
-            }
-            if (key.backspace || key.delete)
-                setCommandInput((current) => current.slice(0, -1));
-            else if (input)
-                setCommandInput((current) => current + input);
-            return;
-        }
-        if (input === "?" && focus !== "chat") {
-            setScreen("help");
-            return;
-        }
-        if (input === "m" && focus !== "chat") {
-            setScreen("settings");
-            return;
-        }
-        if (input.toLowerCase() === "c" && focus !== "chat") {
-            setScreen("mcp");
-            return;
-        }
-        if (input === "n" && focus !== "chat") {
-            startNewConversation();
-            return;
-        }
-        if (focus === "files") {
-            if (input === "/") {
-                setFileSearchInput("");
-                setFileSearchIndex(0);
-                setScreen("file-search");
-                return;
-            }
-            if (key.upArrow)
-                setFileIndex((current) => Math.max(0, current - 1));
-            if (key.downArrow)
-                setFileIndex((current) => Math.min(Math.max(fileTree.length - 1, 0), current + 1));
-            if (key.leftArrow && selectedFileTreeEntry?.kind === "directory")
-                toggleDirectory(selectedFileTreeEntry.path, false);
-            if (key.rightArrow && selectedFileTreeEntry?.kind === "directory")
-                toggleDirectory(selectedFileTreeEntry.path, true);
-            if (key.return && selectedFileTreeEntry?.kind === "directory")
-                toggleDirectory(selectedFileTreeEntry.path);
-            if (key.return && selectedFileTreeEntry?.kind === "file")
-                void loadFile(selectedFileTreeEntry);
-            return;
-        }
-        if (focus === "editor") {
-            if (key.upArrow) {
-                setEditorScroll((current) => clamp(current - 1, 0, Math.max(0, editorRows.length - editorLineCount)));
-                return;
-            }
-            if (key.downArrow) {
-                setEditorScroll((current) => clamp(current + 1, 0, Math.max(0, editorRows.length - editorLineCount)));
-                return;
-            }
-            if (input === "d")
-                void toggleDiff();
-            return;
-        }
-        if (key.upArrow) {
-            setChatScroll((current) => clamp(current + 1, 0, Math.max(0, chatTranscript.length - chatLineCount)));
-            return;
-        }
-        if (key.downArrow) {
-            setChatScroll((current) => clamp(current - 1, 0, Math.max(0, chatTranscript.length - chatLineCount)));
-            return;
-        }
-        if (key.return) {
-            void sendPrompt();
-            return;
-        }
-        if (key.backspace || key.delete)
-            setChatInput((current) => current.slice(0, -1));
-        else if (input)
-            setChatInput((current) => current + input);
+    useTuiInputController({
+        state: {
+            screen,
+            focus,
+            busy,
+            fileSearchResults,
+            fileSearchIndex,
+            candidates,
+            selectedEndpoint,
+            settingsField,
+            endpointInput,
+            modelInput,
+            models,
+            modelIndex,
+            configurationAvailable: Boolean(configuration),
+            previewUrl,
+            terminalLineCount: terminalLines.length,
+            terminalHeight,
+            commandInput,
+            fileTree,
+            selectedFileTreeEntry,
+            editorRows,
+            editorLineCount,
+            chatTranscriptLength: chatTranscript.length,
+            chatLineCount,
+        },
+        setters: {
+            setScreen,
+            setFileSearchInput,
+            setFileSearchIndex,
+            setSettingsField,
+            setServerIndex,
+            setProviderKind,
+            setEndpointInput,
+            setModelIndex,
+            setModelInput,
+            setInternetAccess,
+            setThemeName,
+            setTerminalScroll,
+            setCommandInput,
+            setFileIndex,
+            setEditorScroll,
+            setChatScroll,
+            setChatInput,
+        },
+        actions: {
+            interruptOrExit,
+            cancelRun,
+            resolveApproval,
+            openSearchResult,
+            refreshAgentProfiles,
+            testMcpConnections,
+            configureRuntime: () => void configureRuntime(),
+            moveFocus,
+            openPreview,
+            runTerminalInput: (input) => void runTerminalInput(input).catch((error) => appendTerminal(`[terminal error] ${String(error)}`)),
+            startNewConversation,
+            toggleDirectory,
+            loadFile: (entry) => void loadFile(entry),
+            toggleDiff: () => void toggleDiff(),
+            sendPrompt: () => void sendPrompt(),
+        },
     });
-    const filesPanel = (_jsxs(Panel, { title: "FILES  [/] find", active: focus === "files", theme: theme, children: [visibleFileTree.map((entry, visibleIndex) => {
-                const selected = fileTreeStart + visibleIndex === fileIndex;
-                const marker = entry.kind === "directory" ? (entry.expanded ? "v " : "> ") : "  ";
-                const indentation = " ".repeat(entry.depth * 2);
-                const width = Math.max(6, filesWidth - indentation.length - 7);
-                return (_jsxs(Text, { wrap: "truncate-end", color: selected
-                        ? theme.focus
-                        : entry.kind === "directory"
-                            ? theme.directory
-                            : entry.path === openFilePath
-                                ? theme.success
-                                : theme.text, bold: selected || entry.kind === "directory", children: [selected ? "> " : "  ", indentation, marker, truncate(entry.name, width)] }, `${entry.kind}:${entry.path}`));
-            }), !fileTree.length && (_jsx(Text, { color: theme.muted, children: "No workspace files found." }))] }));
-    const editorPanel = (_jsx(Panel, { title: `${editorTitle}  [up/down] scroll  [d] diff${previewUrl ? "  [o] browser" : ""}`, active: focus === "editor", theme: theme, children: visibleEditorRows.map((row, index) => {
-            const lineLabel = row.continuation
-                ? "  |"
-                : String(row.sourceLine).padStart(3);
-            return (_jsxs(Text, { wrap: "truncate-end", color: theme.text, children: [_jsx(Text, { color: theme.muted, children: lineLabel }), " ", row.tokens.map((token, tokenIndex) => (_jsx(Text, { color: token.color ? theme.syntax[token.color] : theme.text, dimColor: token.dim, children: token.text }, `${tokenIndex}-${token.text}`)))] }, `${editorScroll + index}-${row.sourceLine}-${row.continuation}`));
-        }) }));
-    const agentPanel = (_jsxs(Panel, { title: chatScroll
-            ? `AGENT  [${chatScroll} lines above]`
-            : "AGENT  [Enter] send", active: focus === "chat", theme: theme, children: [activePlan && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: theme.accent, wrap: "truncate-end", children: ["PLAN: ", truncate(activePlan.title, Math.max(8, chatWidth - 9))] }), activePlan.steps.slice(0, 3).map((step) => (_jsxs(Text, { wrap: "truncate-end", color: step.status === "completed"
-                            ? theme.success
-                            : step.status === "in_progress"
-                                ? theme.warning
-                                : theme.muted, children: [step.status === "completed"
-                                ? "[x]"
-                                : step.status === "in_progress"
-                                    ? "[..]"
-                                    : "[ ]", " ", truncate(step.content, Math.max(8, chatWidth - 7))] }, step.id)))] })), chatLines.map((line, index) => (_jsx(Text, { color: line.role === "user" ? theme.user : theme.agent, bold: line.header, children: line.text }, `${line.role}-${line.header}-${index}-${line.text}`))), _jsx(Box, { flexGrow: 1 }), _jsxs(Text, { wrap: "truncate-end", color: focus === "chat" ? theme.focus : theme.muted, children: [focus === "chat" ? "> " : "  ", truncate(chatInput ||
-                        (busy ? "Working... Escape cancels" : "Ask about this workspace"), Math.max(12, chatWidth - 5))] })] }));
-    return (_jsxs(Box, { flexDirection: "column", height: viewport.rows, paddingX: 1, overflow: "hidden", children: [_jsxs(Box, { height: 1, justifyContent: "space-between", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.accent, children: brand.productName.toUpperCase() }), _jsx(Text, { color: theme.muted, children: configuration
-                            ? `${configuration.provider} / ${configuration.model}`
-                            : "No model selected" }), _jsx(Text, { color: runStatus === "waiting"
-                            ? theme.warning
-                            : busy
-                                ? theme.focus
-                                : theme.success, children: runStatus === "waiting"
-                            ? "APPROVAL"
-                            : runStatus === "tool"
-                                ? "TOOL"
-                                : busy
-                                    ? "WORKING"
-                                    : "READY" })] }), _jsxs(Box, { height: 1, justifyContent: "space-between", marginBottom: 1, children: [_jsxs(Text, { color: theme.muted, children: ["CONTEXT", " ", _jsxs(Text, { color: contextTokens / contextWindow >= 0.9
-                                    ? theme.error
-                                    : contextTokens / contextWindow >= 0.7
-                                        ? theme.warning
-                                        : theme.accent, children: [formatTokenCount(contextTokens), " /", " ", formatTokenCount(contextWindow)] }), " ", "estimated"] }), _jsxs(Text, { color: theme.muted, children: ["SPEED", " ", _jsx(Text, { color: busy ? theme.success : theme.muted, children: tokensPerSecond
-                                    ? `${tokensPerSecond.toFixed(1)} tok/s`
-                                    : "-- tok/s" }), previewUrl
-                                ? `  PREVIEW ${truncate(previewUrl, Math.max(16, Math.floor(viewport.columns * 0.3)))}`
-                                : ""] })] }), compactLayout ? (_jsxs(Box, { height: workspaceHeight, flexDirection: "column", gap: 1, overflow: "hidden", children: [_jsxs(Box, { height: editorHeight, flexDirection: "row", gap: 1, overflow: "hidden", children: [_jsx(Box, { width: filesWidth, height: "100%", children: filesPanel }), _jsx(Box, { width: editorWidth, height: "100%", children: editorPanel })] }), _jsx(Box, { height: compactChatHeight, width: "100%", children: agentPanel })] })) : (_jsxs(Box, { height: workspaceHeight, flexDirection: "row", gap: 1, overflow: "hidden", children: [_jsx(Box, { width: filesWidth, height: "100%", children: filesPanel }), _jsx(Box, { width: editorWidth, height: "100%", children: editorPanel }), _jsx(Box, { width: chatWidth, height: "100%", children: agentPanel })] })), _jsx(Box, { height: terminalHeight, marginTop: 1, children: _jsxs(Panel, { title: "TERMINAL  [Enter] run", active: focus === "terminal", theme: theme, children: [visibleTerminalLines.map((line, index) => (_jsx(Text, { wrap: "truncate-end", color: line.startsWith("[agent error]") ||
-                                line.startsWith("[terminal error]")
-                                ? theme.error
-                                : line.startsWith("[tool")
-                                    ? theme.warning
-                                    : theme.muted, children: truncate(line, Math.max(20, viewport.columns - 8)) }, `${index}-${line}`))), _jsx(Box, { flexGrow: 1 }), _jsxs(Text, { wrap: "truncate-end", color: focus === "terminal" ? theme.focus : theme.muted, children: [focus === "terminal" ? "> " : "  ", truncate(commandInput || "Type a workspace command", Math.max(16, viewport.columns - 10))] })] }) }), _jsxs(Box, { height: 1, marginTop: 1, justifyContent: "space-between", children: [_jsx(Text, { color: theme.muted, wrap: "truncate-end", children: "Tab focus | Ctrl+Left/Right pane | / find | a agents | c MCP | m settings | Esc cancel run | Ctrl+C exit idle" }), _jsx(Text, { color: theme.muted, children: sessionId ? `session ${sessionId.slice(0, 8)}` : "new session" })] }), screen === "file-search" && (_jsxs(Box, { position: "absolute", flexDirection: "column", borderStyle: "double", borderColor: theme.focus, paddingX: 2, paddingY: 1, width: overlayWidth, marginLeft: 2, marginTop: 3, backgroundColor: theme.overlay, children: [_jsx(Text, { bold: true, color: theme.accent, children: "FIND FILE" }), _jsxs(Text, { color: theme.text, children: [_jsx(Text, { color: theme.focus, children: "> " }), fileSearchInput || (_jsx(Text, { color: theme.muted, children: "Type part of a file name or path" }))] }), _jsx(Text, { color: theme.muted, children: "Up/Down select Enter open Escape close" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [fileSearchResults.map((entry, index) => {
-                                const selected = index ===
-                                    Math.min(fileSearchIndex, Math.max(0, fileSearchResults.length - 1));
-                                const fileName = entry.path.split("/").at(-1) ?? entry.path;
-                                return (_jsxs(Text, { color: selected ? theme.focus : theme.text, bold: selected, children: [selected ? "> " : "  ", fileName, _jsxs(Text, { color: theme.muted, children: [" ", truncate(entry.path, Math.max(12, overlayWidth - fileName.length - 10))] })] }, entry.path));
-                            }), !fileSearchResults.length && (_jsx(Text, { color: theme.warning, children: "No matching files." }))] })] })), screen === "settings" && (_jsxs(Box, { position: "absolute", flexDirection: "column", borderStyle: "double", borderColor: theme.focus, paddingX: 2, paddingY: 1, width: overlayWidth, marginLeft: 2, marginTop: 3, backgroundColor: theme.overlay, children: [_jsx(Text, { bold: true, color: theme.accent, children: "LOCAL MODEL CONFIGURATION" }), _jsx(Text, { color: theme.muted, children: "Tab changes fields. Enter selects an item or saves when endpoint and model are set." }), _jsxs(Text, { color: settingsField === "server" ? theme.focus : theme.text, children: ["SERVER: ", selectedEndpoint?.label ?? "Scanning local servers..."] }), _jsxs(Text, { color: settingsField === "endpoint" ? theme.focus : theme.text, children: ["ENDPOINT: ", endpointInput] }), _jsxs(Text, { color: settingsField === "model" ? theme.focus : theme.text, children: ["MODEL:", " ", modelInput || models[modelIndex] || "Choose or type a model"] }), _jsxs(Text, { color: settingsField === "internet" ? theme.focus : theme.text, children: ["INTERNET RESEARCH: ", internetAccess ? "enabled" : "disabled", " ", settingsField === "internet" ? "[Space toggles]" : ""] }), _jsxs(Text, { color: settingsField === "theme" ? theme.focus : theme.text, children: ["THEME: ", themeName, " ", settingsField === "theme" ? "[Left/Right changes]" : ""] }), _jsxs(Text, { color: theme.muted, children: ["Detected models:", " ", models.slice(0, 5).join(", ") || "none; type one manually"] }), _jsxs(Text, { color: theme.warning, children: ["Provider: ", providerKind, ". Local endpoints use the server selector. Configure cloud BYOK profiles with truss-cli setup, then relaunch the TUI."] })] })), screen === "approval" && (_jsxs(Box, { position: "absolute", flexDirection: "column", borderStyle: "double", borderColor: theme.warning, paddingX: 2, paddingY: 1, width: overlayWidth, marginLeft: 2, marginTop: 8, backgroundColor: theme.overlay, children: [_jsx(Text, { bold: true, color: theme.warning, children: "TOOL APPROVAL REQUIRED" }), _jsxs(Text, { color: theme.text, children: [pendingTool?.name, " ", JSON.stringify(pendingTool?.input)] }), _jsx(Text, { color: theme.muted, children: "Press Y or Enter to allow. Press N or Escape to deny." })] })), screen === "agents" && (_jsxs(Box, { position: "absolute", flexDirection: "column", borderStyle: "double", borderColor: theme.focus, paddingX: 2, paddingY: 1, width: overlayWidth, marginLeft: 2, marginTop: 6, backgroundColor: theme.overlay, children: [_jsx(Text, { bold: true, color: theme.accent, children: "MULTI-AGENT PROFILES" }), _jsx(Text, { color: theme.muted, children: "Profiles are shared with truss-cli in .truss-harness/agents.json. Use `truss agents run <id> <task>` for independent concurrent runs." }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [agentProfiles.map((profile) => (_jsxs(Text, { color: theme.text, children: [_jsx(Text, { color: theme.focus, children: profile.displayName }), _jsxs(Text, { color: theme.muted, children: [" ", profile.id.slice(0, 8), " ", profile.provider.providerId, "/", profile.provider.modelId, " ", profile.mode, " ", profile.approvalPolicy] })] }, profile.id))), !agentProfiles.length && (_jsx(Text, { color: theme.warning, children: "No profiles yet. Add one with `truss agents add <name>`." }))] }), _jsx(Text, { color: theme.muted, children: "R refreshes. A or Escape closes." })] })), screen === "mcp" && (_jsxs(Box, { position: "absolute", flexDirection: "column", borderStyle: "double", borderColor: theme.focus, paddingX: 2, paddingY: 1, width: overlayWidth, marginLeft: 2, marginTop: 6, backgroundColor: theme.overlay, children: [_jsx(Text, { bold: true, color: theme.accent, children: "MCP CONNECTIONS" }), _jsx(Text, { color: theme.muted, children: "Status and discovered tools only. Commands, environment values, and credentials remain hidden." }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [mcpStatuses.map((server) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: server.state === "failed"
-                                            ? theme.error
-                                            : server.state === "connected"
-                                                ? theme.success
-                                                : theme.warning, children: [_jsx(Text, { bold: true, children: server.name }), " ", server.state, server.error
-                                                ? ` — ${server.error}`
-                                                : ` — ${server.toolCount} tool${server.toolCount === 1 ? "" : "s"}`] }), (server.tools ?? []).map((tool) => (_jsxs(Text, { color: theme.muted, children: ["  ", tool.name, " [", tool.readOnly ? "read-only" : "approval", "]"] }, `${server.name}:${tool.name}`)))] }, server.name))), !mcpStatuses.length && (_jsx(Text, { color: theme.warning, children: "No MCP servers configured." }))] }), _jsx(Text, { color: theme.muted, children: "R tests configured servers. C or Escape closes." })] })), screen === "help" && (_jsxs(Box, { position: "absolute", flexDirection: "column", borderStyle: "double", borderColor: theme.focus, paddingX: 2, paddingY: 1, width: overlayWidth, marginLeft: 2, marginTop: 7, backgroundColor: theme.overlay, children: [_jsx(Text, { bold: true, color: theme.accent, children: "TUI CONTROLS" }), tuiControlHelp.map(([label, detail]) => (_jsxs(Text, { color: theme.text, wrap: "wrap", children: [_jsxs(Text, { bold: true, color: theme.focus, children: [label, ":", " "] }), detail] }, label))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, color: theme.accent, children: "WORKSPACE COMMANDS" }) }), workspaceCommandHelp()
-                        .split("\n")
-                        .slice(1)
-                        .map((line) => (_jsx(Text, { color: theme.text, children: line }, line))), _jsx(Text, { color: theme.muted, children: "Press any key to close this reference." })] }))] }));
+    return (_jsx(TuiWorkspaceView, { viewport: viewport, layout: layout, theme: theme, configuration: configuration, runStatus: runStatus, busy: busy, contextTokens: contextTokens, contextWindow: contextWindow, tokensPerSecond: tokensPerSecond, previewUrl: previewUrl, focus: focus, visibleFileTree: visibleFileTree, fileTreeLength: fileTree.length, fileTreeStart: fileTreeStart, fileIndex: fileIndex, openFilePath: openFilePath, editorTitle: editorTitle, visibleEditorRows: visibleEditorRows, activePlan: activePlan, chatLines: chatLines, chatScroll: chatScroll, chatInput: chatInput, visibleTerminalLines: visibleTerminalLines, commandInput: commandInput, sessionId: sessionId, overlays: {
+            screen,
+            overlayWidth,
+            fileSearchInput,
+            fileSearchResults,
+            fileSearchIndex,
+            settingsField,
+            selectedEndpoint,
+            endpointInput,
+            modelInput,
+            models,
+            modelIndex,
+            internetAccess,
+            themeName,
+            providerKind,
+            pendingTool,
+            agentProfiles,
+            mcpStatuses,
+        } }));
 }
 const initialConfiguration = await resolveConfiguration({
     workspaceRoot: cwd(),