@agent-api/cli 0.4.22 → 0.4.24

package/dist/runtime.d.ts

@@ -1,4 +1,4 @@
 export declare const cliName = "agent-tui";
 export declare const cliAuthor = "AgentsWay";
-export declare const cliVersion = "0.4.22";
+export declare const cliVersion = "0.4.24";
 export declare const legacyCliName = "agent-api-cli";

package/dist/runtime.js

@@ -1,4 +1,4 @@
 export const cliName = "agent-tui";
 export const cliAuthor = "AgentsWay";
-export const cliVersion = "0.4.22";
+export const cliVersion = "0.4.24";
 export const legacyCliName = "agent-api-cli";

package/dist/tui/clipboard.d.ts

@@ -1 +1,35 @@
-export declare function writeClipboard(text: string, stdout?: NodeJS.WriteStream): Promise<boolean>;
+export interface ClipboardCapabilities {
+    nativeRead: {
+        available: boolean;
+        label?: string;
+    };
+    nativeWrite: {
+        available: boolean;
+        label?: string;
+    };
+    osc52Write: {
+        available: boolean;
+        reliable: false;
+    };
+}
+export interface ClipboardWriteResult {
+    method: "native" | "osc52" | null;
+    ok: boolean;
+    reliable: boolean;
+}
+export declare function detectClipboardCapabilities(stdout?: NodeJS.WriteStream): Promise<ClipboardCapabilities>;
+export declare function formatClipboardCapabilities(capabilities: ClipboardCapabilities): string;
+export declare function writeClipboard(text: string, stdout?: NodeJS.WriteStream, capabilities?: ClipboardCapabilities | null): Promise<{
+    method: "native";
+    ok: true;
+    reliable: true;
+} | {
+    method: "osc52";
+    ok: true;
+    reliable: false;
+} | {
+    method: null;
+    ok: false;
+    reliable: false;
+}>;
+export declare function readClipboard(capabilities?: ClipboardCapabilities | null): Promise<string | null>;

package/dist/tui/clipboard.js

@@ -1,9 +1,49 @@
 import { spawn } from "node:child_process";
 import { platform } from "node:os";
-export async function writeClipboard(text, stdout = process.stdout) {
-    const osc52Written = writeOsc52(text, stdout);
-    const nativeWritten = await writeNativeClipboard(text);
-    return osc52Written || nativeWritten;
+export async function detectClipboardCapabilities(stdout = process.stdout) {
+    const nativeWrite = await firstAvailableCommand(nativeClipboardWriteCommands());
+    const nativeRead = await firstAvailableCommand(nativeClipboardReadCommands());
+    return {
+        nativeRead: nativeRead ? { available: true, label: nativeRead.label } : { available: false },
+        nativeWrite: nativeWrite ? { available: true, label: nativeWrite.label } : { available: false },
+        osc52Write: { available: Boolean(stdout.isTTY), reliable: false },
+    };
+}
+export function formatClipboardCapabilities(capabilities) {
+    const write = capabilities.nativeWrite.available
+        ? `write=${capabilities.nativeWrite.label}`
+        : capabilities.osc52Write.available
+            ? "write=OSC52"
+            : "write=none";
+    const read = capabilities.nativeRead.available ? `read=${capabilities.nativeRead.label}` : "read=none";
+    const note = capabilities.nativeWrite.available
+        ? ""
+        : capabilities.osc52Write.available
+            ? " (terminal may block OSC52)"
+            : "";
+    return `Clipboard: ${write}, ${read}${note}`;
+}
+export async function writeClipboard(text, stdout = process.stdout, capabilities) {
+    const nativeWritten = capabilities?.nativeWrite.available === false
+        ? false
+        : await writeNativeClipboard(text, capabilities?.nativeWrite.label);
+    if (nativeWritten)
+        return { method: "native", ok: true, reliable: true };
+    const osc52Written = capabilities?.osc52Write.available === false ? false : writeOsc52(text, stdout);
+    if (osc52Written)
+        return { method: "osc52", ok: true, reliable: false };
+    return { method: null, ok: false, reliable: false };
+}
+export async function readClipboard(capabilities) {
+    if (capabilities?.nativeRead.available === false)
+        return null;
+    const commands = nativeClipboardReadCommands(capabilities?.nativeRead.label);
+    for (const candidate of commands) {
+        const text = await readCommand(candidate.command, candidate.args);
+        if (text !== null)
+            return text;
+    }
+    return null;
 }
 function writeOsc52(text, stdout) {
     if (!stdout.isTTY)
@@ -12,32 +52,88 @@ function writeOsc52(text, stdout) {
     stdout.write(process.env.TMUX || process.env.STY ? `\x1bPtmux;\x1b${sequence}\x1b\\` : sequence);
     return true;
 }
-async function writeNativeClipboard(text) {
-    const commands = nativeClipboardCommands();
-    for (const [command, args] of commands) {
-        if (await writeCommand(command, args, text))
+async function writeNativeClipboard(text, preferredLabel) {
+    const commands = nativeClipboardWriteCommands(preferredLabel);
+    for (const candidate of commands) {
+        if (await writeCommand(candidate.command, candidate.args, text))
             return true;
     }
     return false;
 }
-function nativeClipboardCommands() {
+function nativeClipboardWriteCommands(preferredLabel) {
+    const commands = nativeClipboardWriteCandidates();
+    return preferredLabel ? prioritizeCommand(commands, preferredLabel) : commands;
+}
+function nativeClipboardWriteCandidates() {
     if (platform() === "darwin")
-        return [["pbcopy", []]];
+        return [{ args: [], command: "pbcopy", label: "pbcopy" }];
     if (platform() === "win32") {
-        return [["powershell.exe", [
+        return [{
+                args: [
                     "-NonInteractive",
                     "-NoProfile",
                     "-Command",
                     "[Console]::InputEncoding = [System.Text.Encoding]::UTF8; Set-Clipboard -Value ([Console]::In.ReadToEnd())",
-                ]]];
+                ],
+                command: "powershell.exe",
+                label: "PowerShell",
+            }];
     }
     const commands = [];
     if (process.env.WAYLAND_DISPLAY)
-        commands.push(["wl-copy", []]);
-    commands.push(["xclip", ["-selection", "clipboard"]]);
-    commands.push(["xsel", ["--clipboard", "--input"]]);
+        commands.push({ args: [], command: "wl-copy", label: "wl-copy" });
+    commands.push({ args: ["-selection", "clipboard"], command: "xclip", label: "xclip" });
+    commands.push({ args: ["--clipboard", "--input"], command: "xsel", label: "xsel" });
     return commands;
 }
+function nativeClipboardReadCommands(preferredLabel) {
+    const commands = nativeClipboardReadCandidates();
+    return preferredLabel ? prioritizeCommand(commands, preferredLabel) : commands;
+}
+function nativeClipboardReadCandidates() {
+    if (platform() === "darwin")
+        return [{ args: [], command: "pbpaste", label: "pbpaste" }];
+    if (platform() === "win32") {
+        return [{
+                args: [
+                    "-NonInteractive",
+                    "-NoProfile",
+                    "-Command",
+                    "[Console]::OutputEncoding = [System.Text.Encoding]::UTF8; Get-Clipboard -Raw",
+                ],
+                command: "powershell.exe",
+                label: "PowerShell",
+            }];
+    }
+    const commands = [];
+    if (process.env.WAYLAND_DISPLAY)
+        commands.push({ args: ["--no-newline"], command: "wl-paste", label: "wl-paste" });
+    commands.push({ args: ["-selection", "clipboard", "-out"], command: "xclip", label: "xclip" });
+    commands.push({ args: ["--clipboard", "--output"], command: "xsel", label: "xsel" });
+    return commands;
+}
+function prioritizeCommand(commands, label) {
+    return [
+        ...commands.filter((command) => command.label === label),
+        ...commands.filter((command) => command.label !== label),
+    ];
+}
+async function firstAvailableCommand(commands) {
+    for (const command of commands) {
+        if (await commandAvailable(command.command))
+            return command;
+    }
+    return null;
+}
+function commandAvailable(command) {
+    const checker = platform() === "win32" ? "where" : "command";
+    const args = platform() === "win32" ? [command] : ["-v", command];
+    return new Promise((resolve) => {
+        const child = spawn(checker, args, { shell: platform() !== "win32", stdio: "ignore" });
+        child.on("error", () => resolve(false));
+        child.on("close", (code) => resolve(code === 0));
+    });
+}
 function writeCommand(command, args, input) {
     return new Promise((resolve) => {
         const child = spawn(command, args, { stdio: ["pipe", "ignore", "ignore"] });
@@ -46,3 +142,12 @@ function writeCommand(command, args, input) {
         child.stdin.end(input);
     });
 }
+function readCommand(command, args) {
+    return new Promise((resolve) => {
+        const child = spawn(command, args, { stdio: ["ignore", "pipe", "ignore"] });
+        const chunks = [];
+        child.on("error", () => resolve(null));
+        child.stdout.on("data", (chunk) => chunks.push(chunk));
+        child.on("close", (code) => resolve(code === 0 ? Buffer.concat(chunks).toString("utf8") : null));
+    });
+}

package/dist/tui/ink/app.js

@@ -3,9 +3,9 @@ import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "reac
 import { useApp, useInput, useStdout } from "ink";
 import { createAgentEngine, defaultBaseURL, } from "@agent-api/app-engine/core";
 import { createWorkbenchAuthController, createWorkbenchAuthGateController, parseWorkbenchCommand, } from "@agent-api/app-engine/workbench";
-import { buildWorkbenchRenderModel, copyTextFromActivitySelection, copyTextFromRenderModel, copyTextFromTranscriptSelection, createWorkbenchTerminalController, initialWorkbenchTerminalState, normalizeTerminalState, selectedPanelRange, } from "@agent-api/app-engine/terminal";
+import { buildWorkbenchRenderModel, copyTextFromActivitySelection, copyTextFromHeaderSelection, copyTextFromRenderModel, copyTextFromTranscriptSelection, createWorkbenchTerminalController, initialWorkbenchTerminalState, normalizeTerminalState, selectedPanelRange, } from "@agent-api/app-engine/terminal";
 import { InkAuthGate, InkWorkbenchScreen } from "./components.js";
-import { writeClipboard } from "../clipboard.js";
+import { detectClipboardCapabilities, formatClipboardCapabilities, readClipboard, writeClipboard, } from "../clipboard.js";
 import { disableMouseReporting, enableMouseReporting, parseMouseEvent } from "../mouse.js";
 export function ChatApp({ options }) {
     return _jsx(AuthenticatedChatApp, { options: options });
@@ -137,6 +137,7 @@ function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSw
     const app = useApp();
     const { stdout } = useStdout();
     const terminalSize = useTerminalSize(stdout);
+    const [clipboardCapabilities, setClipboardCapabilities] = useState(null);
     const [terminalState, setTerminalState] = useState(() => initialWorkbenchTerminalState());
     const [spinnerFrame, setSpinnerFrame] = useState(0);
     const agentEngineRef = useRef(null);
@@ -195,23 +196,53 @@ function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSw
             return;
         }
         try {
-            const copied = await writeClipboard(text, stdout);
+            const copied = await writeClipboard(text, stdout, clipboardCapabilities);
             dispatch({
                 type: "activity.add",
-                level: copied ? "success" : "warning",
-                text: copied ? `Copied ${target} to clipboard` : `Clipboard unavailable for ${target}`,
+                level: copied.reliable ? "success" : copied.ok ? "warning" : "warning",
+                text: copied.reliable
+                    ? `Copied ${target} to clipboard`
+                    : copied.ok
+                        ? `Sent ${target} copy request to terminal clipboard (OSC52); your terminal may block it`
+                        : `Clipboard unavailable for ${target}`,
             });
         }
         catch (error) {
             dispatch({ type: "activity.add", level: "error", text: `Copy failed: ${userFacingError(error)}` });
         }
     }
+    async function pasteClipboardIntoInput() {
+        try {
+            const text = await readClipboard(clipboardCapabilities);
+            if (!text) {
+                dispatch({ type: "activity.add", level: "warning", text: "Clipboard paste unavailable" });
+                return;
+            }
+            setTerminalState((current) => {
+                const normalized = normalizeTerminalState({ ...current, focusedPanel: "input" }, renderModel);
+                const result = terminalController.handle(text, {}, normalized, {
+                    busy: state.busy,
+                    renderModel,
+                });
+                return result.state;
+            });
+            dispatch({ type: "activity.add", level: "success", text: "Pasted clipboard into input" });
+        }
+        catch (error) {
+            dispatch({ type: "activity.add", level: "error", text: `Paste failed: ${userFacingError(error)}` });
+        }
+    }
     function copyTextForTarget(target) {
         if (target === "transcript" || target === "page") {
             const selection = selectedPanelRange(terminalState.transcriptSelectionAnchor, terminalState.transcriptCursor);
             if (selection)
                 return copyTextFromTranscriptSelection(renderModel.transcript.lines, selection);
         }
+        if (target === "header") {
+            const selection = selectedPanelRange(terminalState.headerSelectionAnchor, terminalState.headerCursor);
+            if (selection)
+                return copyTextFromHeaderSelection(renderModel.header.lines, selection);
+        }
         if (target === "activity") {
             const selection = selectedPanelRange(terminalState.activitySelectionAnchor, terminalState.activityCursor);
             if (selection)
@@ -228,6 +259,18 @@ function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSw
             mounted = false;
         };
     }, [agentEngine]);
+    useEffect(() => {
+        let mounted = true;
+        detectClipboardCapabilities(stdout).then((capabilities) => {
+            if (!mounted)
+                return;
+            setClipboardCapabilities(capabilities);
+            dispatch({ type: "activity.add", text: formatClipboardCapabilities(capabilities) });
+        });
+        return () => {
+            mounted = false;
+        };
+    }, [dispatch, stdout]);
     useEffect(() => {
         if (!state.contextEnabled || state.workdir)
             return;
@@ -301,6 +344,9 @@ function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSw
                 case "copy":
                     void copyPanelText(effect.target);
                     break;
+                case "paste":
+                    void pasteClipboardIntoInput();
+                    break;
             }
         }
     });
@@ -320,7 +366,7 @@ function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSw
     useEffect(() => {
         return () => agentEngine.dispose();
     }, [agentEngine]);
-    return (_jsx(InkWorkbenchScreen, { activityCursor: terminalState.activityCursor, activitySelection: selectedPanelRange(terminalState.activitySelectionAnchor, terminalState.activityCursor), focusedPanel: terminalState.focusedPanel, renderModel: renderModel, spinnerFrame: spinnerFrame, transcriptCursor: terminalState.transcriptCursor, transcriptSelection: selectedPanelRange(terminalState.transcriptSelectionAnchor, terminalState.transcriptCursor) }));
+    return (_jsx(InkWorkbenchScreen, { activityCursor: terminalState.activityCursor, activitySelection: selectedPanelRange(terminalState.activitySelectionAnchor, terminalState.activityCursor), focusedPanel: terminalState.focusedPanel, headerCursor: terminalState.headerCursor, headerSelection: selectedPanelRange(terminalState.headerSelectionAnchor, terminalState.headerCursor), renderModel: renderModel, spinnerFrame: spinnerFrame, transcriptCursor: terminalState.transcriptCursor, transcriptSelection: selectedPanelRange(terminalState.transcriptSelectionAnchor, terminalState.transcriptCursor) }));
 }
 function useTerminalSize(stdout) {
     const [size, setSize] = useState(() => ({
@@ -361,6 +407,9 @@ function sameTerminalState(a, b) {
         && a.cursor === b.cursor
         && a.draft === b.draft
         && a.focusedPanel === b.focusedPanel
+        && a.headerCursor.line === b.headerCursor.line
+        && a.headerCursor.column === b.headerCursor.column
+        && samePositionOrNull(a.headerSelectionAnchor, b.headerSelectionAnchor)
         && a.mouseDragPanel === b.mouseDragPanel
         && a.selectionAnchor === b.selectionAnchor
         && a.transcriptCursor.line === b.transcriptCursor.line

package/dist/tui/ink/components.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
 import { type WorkbenchPanelPosition, type WorkbenchPanelSelection, type WorkbenchRenderModel } from "@agent-api/app-engine/terminal";
 import { type AuthGateState } from "@agent-api/app-engine/workbench";
-export declare function InkWorkbenchScreen({ activityCursor, activitySelection, focusedPanel, renderModel, spinnerFrame, transcriptCursor, transcriptSelection, }: {
+export declare function InkWorkbenchScreen({ activityCursor, activitySelection, focusedPanel, headerCursor, headerSelection, renderModel, spinnerFrame, transcriptCursor, transcriptSelection, }: {
     activityCursor: WorkbenchPanelPosition;
     activitySelection: WorkbenchPanelSelection | null;
-    focusedPanel: "activity" | "input" | "transcript";
+    focusedPanel: "activity" | "header" | "input" | "transcript";
+    headerCursor: WorkbenchPanelPosition;
+    headerSelection: WorkbenchPanelSelection | null;
     renderModel: WorkbenchRenderModel;
     spinnerFrame: number;
     transcriptCursor: WorkbenchPanelPosition;

package/dist/tui/ink/components.js

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Box, Text } from "ink";
 import { activityColor, busySpinner, } from "@agent-api/app-engine/terminal";
 import { authMethods, } from "@agent-api/app-engine/workbench";
-export function InkWorkbenchScreen({ activityCursor, activitySelection, focusedPanel, renderModel, spinnerFrame, transcriptCursor, transcriptSelection, }) {
-    const activity = (_jsxs(Box, { flexDirection: "column", width: renderModel.layout === "wide" ? "28%" : "100%", height: renderModel.activityHeight, borderStyle: "single", borderColor: focusedPanel === "activity" ? "cyan" : "gray", paddingX: 1, children: [_jsx(Text, { bold: true, wrap: "truncate", children: "Activity" }), renderModel.visibleActivities.map((activity, index) => {
+export function InkWorkbenchScreen({ activityCursor, activitySelection, focusedPanel, headerCursor, headerSelection, renderModel, spinnerFrame, transcriptCursor, transcriptSelection, }) {
+    const activity = (_jsxs(Box, { borderColor: panelBorderColor(focusedPanel === "activity"), borderStyle: "round", flexDirection: "column", height: renderModel.activityHeight, marginLeft: renderModel.layout === "wide" ? 1 : 0, paddingX: 1, width: renderModel.layout === "wide" ? "27%" : "100%", children: [_jsx(Text, { bold: true, color: focusedPanel === "activity" ? "cyan" : undefined, wrap: "truncate", children: "Activity" }), renderModel.visibleActivities.map((activity, index) => {
                 const cursor = focusedPanel === "activity" && index === activityCursor.line;
                 const text = `${new Date(activity.timestamp).toLocaleTimeString()} ${activity.text}`;
                 return (_jsxs(Text, { color: activityColor(activity.level), wrap: "truncate", children: [cursor ? _jsx(Text, { color: "cyan", children: "\u203A " }) : _jsx(Text, { children: "  " }), _jsx(SelectableText, { cursorColumn: cursor && !activitySelection ? activityCursor.column : null, selection: lineSelection(index, activitySelection), text: text || " " })] }, activity.id));
             })] }));
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { contextEnabled: renderModel.header.contextEnabled, conversation: renderModel.header.conversation, conversationId: renderModel.header.conversationId, conversationPreviousResponseId: renderModel.header.conversationPreviousResponseId, conversationStatus: renderModel.header.conversationStatus, model: renderModel.header.model, accessMode: renderModel.header.accessMode, pendingLocalLabel: renderModel.header.pendingLocalLabel, preset: renderModel.header.preset, profile: renderModel.header.profile, renderMode: renderModel.header.renderMode, workdir: renderModel.header.workdir }), _jsxs(Box, { height: renderModel.viewportHeight, flexDirection: renderModel.layout === "wide" ? "row" : "column", children: [_jsxs(Box, { flexDirection: "column", width: renderModel.layout === "wide" ? "72%" : "100%", paddingRight: renderModel.layout === "wide" ? 1 : 0, children: [renderModel.transcript.visibleLines.map((line, index) => (_jsx(TranscriptText, { cursorColumn: focusedPanel === "transcript" && renderModel.transcript.startLine + index - 1 === transcriptCursor.line && !transcriptSelection
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { focused: focusedPanel === "header", cursor: headerCursor, selection: headerSelection, contextEnabled: renderModel.header.contextEnabled, conversation: renderModel.header.conversation, conversationId: renderModel.header.conversationId, conversationPreviousResponseId: renderModel.header.conversationPreviousResponseId, conversationStatus: renderModel.header.conversationStatus, lines: renderModel.header.lines, model: renderModel.header.model, accessMode: renderModel.header.accessMode, pendingLocalLabel: renderModel.header.pendingLocalLabel, preset: renderModel.header.preset, profile: renderModel.header.profile, renderMode: renderModel.header.renderMode, workdir: renderModel.header.workdir }), _jsxs(Box, { height: renderModel.viewportHeight, flexDirection: renderModel.layout === "wide" ? "row" : "column", children: [_jsxs(Box, { borderStyle: "round", borderColor: panelBorderColor(focusedPanel === "transcript"), flexDirection: "column", height: renderModel.transcript.viewportHeight + 2, paddingX: 1, width: renderModel.layout === "wide" ? "72%" : "100%", children: [renderModel.transcript.visibleLines.map((line, index) => (_jsx(TranscriptText, { cursorColumn: focusedPanel === "transcript" && renderModel.transcript.startLine + index - 1 === transcriptCursor.line && !transcriptSelection
                                     ? transcriptCursor.column
-                                    : null, line: line, lineSelection: lineSelection(renderModel.transcript.startLine + index - 1, transcriptSelection), lineCursor: focusedPanel === "transcript" && renderModel.transcript.startLine + index - 1 === transcriptCursor.line }, line.id))), renderModel.transcript.visibleLines.length === 0 && _jsx(Text, { color: "gray", children: "No transcript lines." })] }), activity] }), _jsxs(Box, { borderStyle: "single", borderColor: focusedPanel === "input" ? renderModel.input.busy ? "yellow" : "green" : "gray", paddingX: 1, flexDirection: "column", children: [_jsxs(Box, { children: [renderModel.input.fullAccess && (_jsx(Text, { color: "red", bold: true, inverse: true, children: "FULL ACCESS" })), renderModel.input.fullAccess && _jsx(Text, { children: " " }), _jsx(Text, { color: renderModel.input.busy ? "yellow" : "green", children: renderModel.input.label }), renderModel.input.statusText && (_jsxs(Text, { color: "yellow", children: ["  ", busySpinner(spinnerFrame), " ", renderModel.input.statusText] }))] }), _jsx(Box, { flexDirection: "column", children: renderModel.input.lines.map((line, index) => (_jsx(Text, { wrap: "truncate", children: line.spans.map((span, spanIndex) => (_jsx(Text, { inverse: span.inverse, children: span.text }, spanIndex))) }, index))) })] }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "gray", wrap: "truncate", children: renderModel.footerText }) })] }));
+                                    : null, line: line, lineSelection: lineSelection(renderModel.transcript.startLine + index - 1, transcriptSelection), lineCursor: focusedPanel === "transcript" && renderModel.transcript.startLine + index - 1 === transcriptCursor.line }, line.id))), renderModel.transcript.visibleLines.length === 0 && _jsx(Text, { color: "gray", children: "No transcript lines." })] }), activity] }), _jsxs(Box, { borderStyle: "round", borderColor: panelBorderColor(focusedPanel === "input"), paddingX: 1, flexDirection: "column", children: [_jsxs(Box, { children: [renderModel.input.fullAccess && (_jsx(Text, { color: "red", bold: true, inverse: true, children: "FULL ACCESS" })), renderModel.input.fullAccess && _jsx(Text, { children: " " }), _jsx(Text, { color: renderModel.input.busy ? "yellow" : "green", children: renderModel.input.label }), renderModel.input.statusText && (_jsxs(Text, { color: "yellow", children: ["  ", busySpinner(spinnerFrame), " ", renderModel.input.statusText] }))] }), _jsx(Box, { flexDirection: "column", children: renderModel.input.lines.map((line, index) => (_jsx(Text, { wrap: "truncate", children: line.spans.map((span, spanIndex) => (_jsx(Text, { inverse: span.inverse, children: span.text }, spanIndex))) }, index))) })] }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "gray", wrap: "truncate", children: renderModel.footerText }) })] }));
 }
 function TranscriptText({ cursorColumn, line, lineCursor, lineSelection, }) {
     const anchor = lineCursor ? _jsx(Text, { color: "cyan", children: "\u203A " }) : line.anchor ? _jsx(Text, { color: "cyan", children: "\u25B8 " }) : _jsx(Text, { children: "  " });
@@ -85,10 +85,22 @@ export function InkAuthGate({ cursorVisible, state }) {
     return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Agent API Workbench" }), _jsx(Text, { color: "gray", children: "Authentication required before starting the conversation UI." })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: state.error ? "red" : "gray", children: state.error || state.message }), state.status === "checking" && _jsx(Text, { color: "yellow", children: "Checking..." }), state.status === "select" && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [authMethods.map((method, index) => (_jsxs(Text, { color: index === state.selectedMethod ? "green" : "gray", children: [index === state.selectedMethod ? "›" : " ", " ", method.label, " - ", method.description] }, method.method))), _jsx(Text, { color: "gray", children: "Use \u2191/\u2193 and Enter." })] })), state.status === "api_profile" && _jsx(AuthPrompt, { cursorVisible: cursorVisible, label: "Profile", value: state.profile }), state.status === "api_base_url" && _jsx(AuthPrompt, { cursorVisible: cursorVisible, label: "Base URL", value: state.baseURL }), state.status === "api_key" && _jsx(AuthPrompt, { cursorVisible: cursorVisible, label: "API key", value: state.apiKey ? "•".repeat(Math.min(state.apiKey.length, 32)) : "" }), state.status === "browser_profile" && _jsx(AuthPrompt, { cursorVisible: cursorVisible, label: "Profile", value: state.profile }), state.status === "browser_base_url" && _jsx(AuthPrompt, { cursorVisible: cursorVisible, label: "Base URL", value: state.baseURL }), state.status === "browser_waiting" && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [state.browserURL && _jsxs(Text, { children: ["URL: ", state.browserURL] }), state.browserCode && _jsxs(Text, { children: ["Code: ", state.browserCode] }), _jsx(Text, { color: "yellow", children: "Waiting for browser approval..." })] }))] })] }));
 }
 function AuthPrompt({ cursorVisible, label, value }) {
-    return (_jsxs(Box, { borderStyle: "single", borderColor: "green", paddingX: 1, marginTop: 1, children: [_jsxs(Text, { color: "green", children: [label, ": "] }), _jsxs(Text, { children: [value, _jsx(Cursor, { visible: cursorVisible })] })] }));
+    return (_jsxs(Box, { borderStyle: "round", borderColor: "green", paddingX: 1, marginTop: 1, children: [_jsxs(Text, { color: "green", children: [label, ": "] }), _jsxs(Text, { children: [value, _jsx(Cursor, { visible: cursorVisible })] })] }));
 }
-function Header({ contextEnabled, conversation, conversationId, conversationPreviousResponseId, conversationStatus, accessMode, model, pendingLocalLabel, preset, profile, renderMode, workdir, }) {
-    return (_jsxs(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Agent API Workbench" }), _jsxs(Text, { color: "gray", wrap: "truncate", children: ["profile=", profile, " conversation=", conversation, " id=", conversationId, " preset=", preset, " model=", model] }), _jsxs(Text, { color: conversationStatus === "continued" ? "yellow" : conversationStatus === "fresh" ? "green" : "gray", wrap: "truncate", children: ["conversation_state=", conversationStatus, conversationPreviousResponseId ? ` previous=${conversationPreviousResponseId}` : ""] }), _jsxs(Text, { color: "gray", wrap: "truncate", children: ["workdir=", workdir, " access=", accessMode, " local_tools=", contextEnabled ? "on" : "off", " render=", renderMode, " pending=", pendingLocalLabel] })] }));
+function Header({ cursor, focused, selection, contextEnabled, conversation, conversationId, conversationPreviousResponseId, conversationStatus, lines, accessMode, model, pendingLocalLabel, preset, profile, renderMode, workdir, }) {
+    const renderedLines = [
+        { bold: true, text: lines[0] ?? "Agent API Workbench" },
+        { color: "gray", text: lines[1] ?? `profile=${profile} conversation=${conversation} id=${conversationId} preset=${preset} model=${model}` },
+        {
+            color: conversationStatus === "continued" ? "yellow" : conversationStatus === "fresh" ? "green" : "gray",
+            text: lines[2] ?? `conversation_state=${conversationStatus}${conversationPreviousResponseId ? ` previous=${conversationPreviousResponseId}` : ""}`,
+        },
+        { color: "gray", text: lines[3] ?? `workdir=${workdir} access=${accessMode} local_tools=${contextEnabled ? "on" : "off"} render=${renderMode} pending=${pendingLocalLabel}` },
+    ];
+    return (_jsx(Box, { borderStyle: "round", borderColor: panelBorderColor(focused), paddingX: 1, flexDirection: "column", children: renderedLines.map((line, index) => (_jsxs(Text, { bold: line.bold || (focused && index === cursor.line), color: focused && index === 0 ? "cyan" : line.color, wrap: "truncate", children: [focused && index === cursor.line ? _jsx(Text, { color: "cyan", children: "\u203A " }) : _jsx(Text, { children: "  " }), _jsx(SelectableText, { bold: line.bold, color: line.color, cursorColumn: focused && index === cursor.line && !selection ? cursor.column : null, selection: lineSelection(index, selection), text: line.text })] }, index))) }));
+}
+function panelBorderColor(focused) {
+    return focused ? "cyan" : "gray";
 }
 function Cursor({ text = " ", visible }) {
     return visible ? _jsx(Text, { inverse: true, children: text }) : _jsx(Text, { children: text });

package/dist/tui/mouse.js

@@ -1,7 +1,7 @@
 export const enableMouseReporting = "\x1b[?1000h\x1b[?1002h\x1b[?1006h";
 export const disableMouseReporting = "\x1b[?1000l\x1b[?1002l\x1b[?1006l";
 export function parseMouseEvent(input) {
-    const match = /\x1b\[<(\d+);(\d+);(\d+)([mM])/.exec(input);
+    const match = /(?:\x1b)?\[<(\d+);(\d+);(\d+)([mM])/.exec(input);
     if (!match)
         return null;
     const code = Number(match[1]);
@@ -15,16 +15,24 @@ export function parseMouseEvent(input) {
         return { button: "wheel_down", column, kind: "wheel", row };
     if ((code & 32) === 32) {
         return {
-            button: (code & 3) === 0 ? "left" : "unknown",
+            button: mouseButton(code),
             column,
             kind: "motion",
             row,
         };
     }
     return {
-        button: (code & 3) === 0 ? "left" : "unknown",
+        button: mouseButton(code),
         column,
         kind: match[4] === "m" ? "release" : "press",
         row,
     };
 }
+function mouseButton(code) {
+    const button = code & 3;
+    if (button === 0)
+        return "left";
+    if (button === 2)
+        return "right";
+    return "unknown";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-api/cli",
-  "version": "0.4.22",
+  "version": "0.4.24",
   "description": "First-class command line interface for Agent API",
   "license": "MIT",
   "homepage": "https://github.com/scalebox-dev/agent-tui#readme",
@@ -35,7 +35,7 @@
     "test": "npm run sync-version && npm run build && npm run smoke -w @agent-api/app-engine && node --test test/*.test.mjs"
   },
   "dependencies": {
-    "@agent-api/app-engine": "^0.1.21",
+    "@agent-api/app-engine": "^0.1.23",
     "commander": "^14.0.3",
     "ink": "^6.8.0",
     "react": "^19.2.7"