@agent-api/cli 0.4.27 → 0.4.29

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.27";
+export declare const cliVersion = "0.4.29";
 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.27";
+export const cliVersion = "0.4.29";
 export const legacyCliName = "agent-api-cli";

package/dist/tui/ink/app.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { useApp, useInput, useStdout } from "ink";
+import { useApp, useInput, useStdin, 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, copyTextFromHeaderSelection, copyTextFromRenderModel, copyTextFromTranscriptSelection, createWorkbenchTerminalController, initialWorkbenchTerminalState, normalizeTerminalState, selectedPanelRange, } from "@agent-api/app-engine/terminal";
@@ -132,6 +132,7 @@ function isAuthInputStatus(status) {
 function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSwitchProfile, options, profileName, }) {
     const app = useApp();
     const { stdout } = useStdout();
+    const lastRawInputRef = useLastRawInputRef();
     const terminalSize = useTerminalSize(stdout);
     const [clipboardCapabilities, setClipboardCapabilities] = useState(null);
     const [terminalState, setTerminalState] = useState(() => initialWorkbenchTerminalState());
@@ -301,7 +302,8 @@ function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSw
                 setTerminalState(result.state);
             return;
         }
-        const result = terminalController.handle(input, key, terminalState, {
+        const normalizedKey = normalizeInkTerminalKey(key, lastRawInputRef.current);
+        const result = terminalController.handle(input, normalizedKey, terminalState, {
             busy: state.busy,
             renderModel,
         });
@@ -391,6 +393,29 @@ function useTerminalSize(stdout) {
     }, [stdout]);
     return size;
 }
+function useLastRawInputRef() {
+    const { internal_eventEmitter } = useStdin();
+    const lastRawInputRef = useRef("");
+    useEffect(() => {
+        const recordRawInput = (data) => {
+            lastRawInputRef.current = Buffer.isBuffer(data) ? data.toString("utf8") : String(data);
+        };
+        internal_eventEmitter?.on("input", recordRawInput);
+        return () => {
+            internal_eventEmitter?.removeListener("input", recordRawInput);
+        };
+    }, [internal_eventEmitter]);
+    return lastRawInputRef;
+}
+function normalizeInkTerminalKey(key, rawInput) {
+    if (key.delete && !key.backspace && isRawBackspace(rawInput)) {
+        return { ...key, backspace: true, delete: false };
+    }
+    return key;
+}
+function isRawBackspace(rawInput) {
+    return rawInput === "\x7f" || rawInput === "\x1b\x7f";
+}
 function userFacingError(error) {
     if (error instanceof Error)
         return error.message;

package/dist/tui/ink/components.js

@@ -3,12 +3,12 @@ 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, 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 activity = (_jsxs(Box, { borderColor: panelBorderColor(focusedPanel === "activity"), borderStyle: "round", flexShrink: 0, 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, { 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
+    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"), flexGrow: renderModel.layout === "wide" ? 1 : 0, flexDirection: "column", height: renderModel.transcript.viewportHeight + 2, paddingX: 1, width: renderModel.layout === "wide" ? undefined : "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: "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 }) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-api/cli",
-  "version": "0.4.27",
+  "version": "0.4.29",
   "description": "First-class command line interface for Agent API",
   "license": "MIT",
   "homepage": "https://github.com/scalebox-dev/agent-tui#readme",