@truss-harness/tui 0.1.7 → 0.1.9

package/dist/bin.js

@@ -9,35 +9,59 @@ 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 { 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 { executeWorkspaceCommand, FileWorkspacePlanStore, workspaceCommandHelp } from "@truss-harness/runtime";
-import { buildFileTree, fuzzyFiles, syntaxTokens, wrapSyntaxTokens } from "./file-browser.js";
-import { tuiTheme, tuiThemeNames } from "./theme.js";
-const tuiHelp = `${brand.productName} TUI
-
-Full-screen terminal workspace for local coding models.
-
-Usage:
-  ${brand.tuiCommand}
-
-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.
+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";
+const tuiHelp = `${brand.productName} TUI
+
+Full-screen terminal workspace for local coding models.
+
+Usage:
+  ${brand.tuiCommand}
+
+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; Up/Down scroll chat; n starts a new conversation outside the chat input."],
-    ["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."],
+    [
+        "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.",
+    ],
+    [
+        "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."]
+    [
+        "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")) {
+if (process.argv
+    .slice(2)
+    .some((argument) => argument === "--help" || argument === "-h")) {
     process.stdout.write(tuiHelp);
     process.exit(0);
 }
@@ -46,23 +70,43 @@ function ensureInteractiveTerminal() {
         return;
     // Git Bash exposes a pipe to Node for some console programs. winpty creates
     // the Windows console bridge Ink needs for keyboard input.
-    if (process.platform === "win32" && process.env.MSYSTEM && process.env.TRUSS_TUI_WINPTY !== "1") {
-        const result = spawnSync("winpty", [process.execPath, fileURLToPath(import.meta.url), ...process.argv.slice(2)], {
+    if (process.platform === "win32" &&
+        process.env.MSYSTEM &&
+        process.env.TRUSS_TUI_WINPTY !== "1") {
+        const result = spawnSync("winpty", [
+            process.execPath,
+            fileURLToPath(import.meta.url),
+            ...process.argv.slice(2),
+        ], {
             stdio: "inherit",
-            env: { ...process.env, TRUSS_TUI_WINPTY: "1" }
+            env: { ...process.env, TRUSS_TUI_WINPTY: "1" },
         });
         if (!result.error)
             process.exit(result.status ?? 1);
     }
-    process.stderr.write(brand.productName + " TUI needs an interactive terminal with raw keyboard input. Open PowerShell or Windows Terminal and run " + brand.tuiCommand + ", or run winpty " + brand.tuiCommand + " from Git Bash.\n");
+    process.stderr.write(brand.productName +
+        " TUI needs an interactive terminal with raw keyboard input. Open PowerShell or Windows Terminal and run " +
+        brand.tuiCommand +
+        ", or run winpty " +
+        brand.tuiCommand +
+        " from Git Bash.\n");
     process.exit(1);
 }
 ensureInteractiveTerminal();
 const execFile = promisify(execFileCallback);
-const ignoredDirectories = new Set([".git", ".next", ".truss-harness", "node_modules", "dist", "coverage"]);
+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))}...`;
+    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));
@@ -95,7 +139,9 @@ function wrapText(value, width) {
 }
 function plainChatText(value) {
     let inCodeBlock = false;
-    return value.split(/\r?\n/).flatMap((sourceLine) => {
+    return value
+        .split(/\r?\n/)
+        .flatMap((sourceLine) => {
         if (/^\s*```/.test(sourceLine)) {
             inCodeBlock = !inCodeBlock;
             return [];
@@ -111,23 +157,38 @@ function plainChatText(value) {
             .replace(/`([^`]+)`/g, "$1")
             .replace(/(\*\*|__|\*|_|~~)/g, "");
         return /^\s*[-:|]+\s*$/.test(line) ? [] : [line];
-    }).join("\n");
+    })
+        .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..." : "";
+            ? 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 }))
+            {
+                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;
+    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)
@@ -144,7 +205,11 @@ async function collectFiles(root, current = root, result = []) {
 }
 async function runTrackedCommand(command, workspaceRoot, onOutput, onProcess) {
     await new Promise((resolve, reject) => {
-        const child = spawn(command, { cwd: workspaceRoot, shell: true, windowsHide: true });
+        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()));
@@ -161,7 +226,9 @@ function detectedPreviewUrl(output) {
     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 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.");
@@ -174,7 +241,11 @@ function openExternalPreview(value) {
         : process.platform === "darwin"
             ? ["open", [url]]
             : ["xdg-open", [url]];
-    const child = spawn(command, arguments_, { detached: true, stdio: "ignore", windowsHide: true });
+    const child = spawn(command, arguments_, {
+        detached: true,
+        stdio: "ignore",
+        windowsHide: true,
+    });
     child.once("error", () => undefined);
     child.unref();
 }
@@ -190,12 +261,15 @@ async function stopProcessTree(child) {
     }
     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 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 }) {
+function App({ initialConfiguration, }) {
     const { exit } = useApp();
-    const [viewport, setViewport] = useState(() => ({ columns: process.stdout.columns || 120, rows: process.stdout.rows || 36 }));
+    const [viewport, setViewport] = useState(() => ({
+        columns: process.stdout.columns || 120,
+        rows: process.stdout.rows || 36,
+    }));
     const workspaceRoot = useMemo(() => cwd(), []);
     const [configuration, setConfiguration] = useState(initialConfiguration);
     const [client, setClient] = useState();
@@ -214,8 +288,13 @@ function App({ initialConfiguration }) {
     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 [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);
@@ -227,6 +306,7 @@ function App({ initialConfiguration }) {
     const [endpoints, setEndpoints] = useState([]);
     const [serverIndex, setServerIndex] = useState(0);
     const [models, setModels] = useState([]);
+    const [agentProfiles, setAgentProfiles] = useState([]);
     const [modelIndex, setModelIndex] = useState(0);
     const [settingsField, setSettingsField] = useState("server");
     const [themeName, setThemeName] = useState(initialConfiguration?.tuiTheme ?? "forest");
@@ -242,7 +322,8 @@ function App({ initialConfiguration }) {
     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)
+        ? streamMetrics.generatedTokens /
+            Math.max((Date.now() - streamMetrics.startedAt) / 1_000, 0.1)
         : undefined;
     const theme = tuiTheme(themeName);
     const appendTerminal = (output) => {
@@ -257,7 +338,12 @@ function App({ initialConfiguration }) {
     };
     const candidates = useMemo(() => [
         ...endpoints,
-        { id: "custom", label: "Custom compatible endpoint", kind: "openai-compatible", baseUrl: "" }
+        {
+            id: "custom",
+            label: "Custom compatible endpoint",
+            kind: "openai-compatible",
+            baseUrl: "",
+        },
     ], [endpoints]);
     const selectedEndpoint = candidates[Math.min(serverIndex, Math.max(candidates.length - 1, 0))];
     const fileTree = useMemo(() => buildFileTree(files, collapsedDirectories), [files, collapsedDirectories]);
@@ -267,10 +353,18 @@ function App({ initialConfiguration }) {
     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 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 chatLineCount = Math.max(2, compactChatHeight - (activePlan ? 7 : 0) - 4);
     const chatTranscript = chatDisplayLines(chat, busy, Math.max(12, chatWidth - 5));
@@ -285,11 +379,13 @@ function App({ initialConfiguration }) {
                         ? "red"
                         : undefined
                 : undefined;
-            const tokens = isDiff ? [{ text: line, color }] : syntaxTokens(line, openFilePath ?? "");
+            const tokens = isDiff
+                ? [{ text: line, color }]
+                : syntaxTokens(line, openFilePath ?? "");
             return wrapSyntaxTokens(tokens, maximumCharacters).map((row, rowIndex) => ({
                 sourceLine: sourceIndex + 1,
                 continuation: rowIndex > 0,
-                tokens: row
+                tokens: row,
             }));
         });
     }, [editor, editorWidth, isDiff, openFilePath]);
@@ -299,11 +395,23 @@ function App({ initialConfiguration }) {
     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 FileWorkspacePlanStore(workspaceRoot).load().then(setActivePlan).catch(() => undefined);
+        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);
         void detectLocalEndpoints().then((detected) => {
             setEndpoints(detected);
-            const preferred = configuration ? detected.findIndex((endpoint) => endpoint.kind === configuration.provider && endpoint.baseUrl === configuration.baseUrl) : -1;
+            const preferred = configuration
+                ? detected.findIndex((endpoint) => endpoint.kind === configuration.provider &&
+                    endpoint.baseUrl === configuration.baseUrl)
+                : -1;
             if (preferred >= 0)
                 setServerIndex(preferred);
         });
@@ -322,19 +430,32 @@ function App({ initialConfiguration }) {
             setFileIndex(index);
     }, [fileTree, openFilePath]);
     useEffect(() => {
-        const refreshViewport = () => setViewport({ columns: process.stdout.columns || 120, rows: process.stdout.rows || 36 });
+        const refreshViewport = () => setViewport({
+            columns: process.stdout.columns || 120,
+            rows: process.stdout.rows || 36,
+        });
         process.stdout.on("resize", refreshViewport);
-        return () => { process.stdout.off("resize", refreshViewport); };
+        return () => {
+            process.stdout.off("resize", refreshViewport);
+        };
     }, []);
     useEffect(() => {
-        if (!selectedEndpoint || !endpointInput || !isLocalEndpointKind(providerKind))
+        if (!selectedEndpoint ||
+            !endpointInput ||
+            !isLocalEndpointKind(providerKind))
             return;
-        const endpoint = { ...selectedEndpoint, kind: providerKind, baseUrl: endpointInput };
-        void listLocalModels(endpoint).then((available) => {
+        const endpoint = {
+            ...selectedEndpoint,
+            kind: providerKind,
+            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));
-        }).catch(() => setModels([]));
+        })
+            .catch(() => setModels([]));
     }, [selectedEndpoint?.id, endpointInput, providerKind]);
     useEffect(() => {
         if (!client)
@@ -344,13 +465,19 @@ function App({ initialConfiguration }) {
                 setRunStatus("thinking");
                 setChatScroll(0);
                 setStreamMetrics((current) => current.startedAt
-                    ? { ...current, generatedTokens: current.generatedTokens + estimateTokens(event.text) }
+                    ? {
+                        ...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 }];
+                    return [
+                        ...current.slice(0, -1),
+                        { role: "assistant", content: last.content + event.text },
+                    ];
                 });
             }
             if (event.type === "tool_call_requested") {
@@ -446,14 +573,24 @@ function App({ initialConfiguration }) {
             model: modelInput.trim(),
             apiKey: initialConfiguration?.provider === providerKind
                 ? initialConfiguration.apiKey
-                : process.env.TRUSS_HARNESS_API_KEY ?? (isCloudProviderId(providerKind) ? process.env[cloudProviderDefinition(providerKind).apiKeyEnvironmentVariable] : undefined),
+                : (process.env.TRUSS_HARNESS_API_KEY ??
+                    (isCloudProviderId(providerKind)
+                        ? process.env[cloudProviderDefinition(providerKind)
+                            .apiKeyEnvironmentVariable]
+                        : undefined)),
             systemPrompt: process.env.TRUSS_HARNESS_SYSTEM_PROMPT,
             mode: agentMode,
             internetAccess,
             approval: {
                 approve: async (call) => {
-                    const readOnly = ["read_file", "list_directory", "search_files", "grep"].includes(call.name);
-                    if (permissionMode === "auto-all" || (permissionMode === "auto-read" && readOnly))
+                    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);
@@ -461,8 +598,8 @@ function App({ initialConfiguration }) {
                         setRunStatus("waiting");
                         setScreen("approval");
                     });
-                }
-            }
+                },
+            },
         };
         setConfiguration(nextConfiguration);
         setRunStatus("thinking");
@@ -498,11 +635,13 @@ function App({ initialConfiguration }) {
             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 [{
+            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
-                }];
+                    priority: 1_000,
+                },
+            ];
         }
         catch {
             return [];
@@ -512,10 +651,17 @@ function App({ initialConfiguration }) {
         const prompt = chatInput.trim();
         if (!prompt || busy)
             return;
-        const command = await executeWorkspaceCommand({ workspaceRoot, input: prompt });
+        const command = await executeWorkspaceCommand({
+            workspaceRoot,
+            input: prompt,
+        });
         if (command.handled) {
             setChatInput("");
-            setChat((current) => [...current, { role: "user", content: prompt }, { role: "assistant", content: command.message }]);
+            setChat((current) => [
+                ...current,
+                { role: "user", content: prompt },
+                { role: "assistant", content: command.message },
+            ]);
             appendTerminal(`[workspace command] ${command.command ?? prompt}: ${command.ok ? "completed" : "failed"}`);
             return;
         }
@@ -529,11 +675,17 @@ function App({ initialConfiguration }) {
         setBusy(true);
         setRunStatus("thinking");
         setStreamMetrics({ startedAt: Date.now(), generatedTokens: 0 });
-        setChat((current) => [...current, { role: "user", content: prompt }, { role: "assistant", content: "" }]);
+        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();
+            const session = sessionId
+                ? await client.runtime.getSession(sessionId)
+                : await client.runtime.createSession();
             if (!session)
                 throw new Error("Conversation is unavailable.");
             setSessionId(session.id);
@@ -575,7 +727,9 @@ function App({ initialConfiguration }) {
             appendTerminal(command.message);
             return;
         }
-        await runTrackedCommand(input, workspaceRoot, appendTerminal, (process) => { terminalProcess.current = process; });
+        await runTrackedCommand(input, workspaceRoot, appendTerminal, (process) => {
+            terminalProcess.current = process;
+        });
     };
     const moveFocus = (direction) => {
         setFocus((current) => {
@@ -641,13 +795,29 @@ function App({ initialConfiguration }) {
             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 === "settings") {
             if (key.escape) {
                 setScreen("workspace");
                 return;
             }
             if (key.tab) {
-                const fields = ["server", "endpoint", "model", "internet", "theme"];
+                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];
@@ -683,7 +853,8 @@ function App({ initialConfiguration }) {
             }
             if (settingsField === "theme") {
                 if (key.leftArrow || key.upArrow)
-                    setThemeName((current) => tuiThemeNames[(tuiThemeNames.indexOf(current) - 1 + tuiThemeNames.length) % tuiThemeNames.length]);
+                    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)
@@ -705,6 +876,12 @@ function App({ initialConfiguration }) {
             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;
@@ -715,7 +892,10 @@ function App({ initialConfiguration }) {
             appendTerminal("[agent] Cancellation requested.");
             return;
         }
-        if (input === "o" && focus !== "chat" && focus !== "terminal" && previewUrl) {
+        if (input === "o" &&
+            focus !== "chat" &&
+            focus !== "terminal" &&
+            previewUrl) {
             try {
                 openExternalPreview(previewUrl);
                 appendTerminal(`[preview] Opened ${previewUrl}`);
@@ -810,25 +990,75 @@ function App({ initialConfiguration }) {
         else if (input)
             setChatInput((current) => current + input);
     });
-    const filesPanel = _jsxs(Panel, { title: "FILES  [/] find", active: focus === "files", theme: theme, children: [visibleFileTree.map((entry, visibleIndex) => {
+    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  |  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));
+                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 | 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 === "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 (_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 === "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." })] }))] }));
 }
-const initialConfiguration = await resolveConfiguration({ workspaceRoot: cwd() }).catch((error) => {
+const initialConfiguration = await resolveConfiguration({
+    workspaceRoot: cwd(),
+}).catch((error) => {
     const message = error instanceof Error ? error.message : String(error);
     if (message.startsWith("Set a model"))
         return undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truss-harness/tui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Interactive terminal client for Truss.",
   "type": "module",
   "bin": {
@@ -43,9 +43,9 @@
     "ink": "^6.8.0",
     "react": "^19.2.0",
     "@truss-harness/branding": "0.1.0",
-    "@truss-harness/cli": "0.1.7",
-    "@truss-harness/provider-openai-compatible": "0.1.4",
-    "@truss-harness/runtime": "0.1.4"
+    "@truss-harness/cli": "0.1.9",
+    "@truss-harness/provider-openai-compatible": "0.1.6",
+    "@truss-harness/runtime": "0.1.6"
   },
   "devDependencies": {
     "@types/react": "^19.2.0"