@agent-api/cli 0.4.0 → 0.4.2

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

package/dist/tui/ink/app.js

@@ -107,6 +107,7 @@ function isAuthInputStatus(status) {
 function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSwitchProfile, options, profileName, }) {
     const app = useApp();
     const { stdout } = useStdout();
+    const terminalSize = useTerminalSize(stdout);
     const [draft, setDraft] = useState("");
     const [cursor, setCursor] = useState(0);
     const [spinnerFrame, setSpinnerFrame] = useState(0);
@@ -137,11 +138,11 @@ function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSw
         state,
         transcriptOffset,
         viewport: {
-            rows: stdout.rows || process.stdout.rows,
-            columns: stdout.columns || process.stdout.columns,
+            rows: terminalSize.rows,
+            columns: terminalSize.columns,
         },
         workdirFallback: options.workdir || process.cwd(),
-    }), [cursor, draft, options.workdir, profileName, spinnerFrame, state, stdout.columns, stdout.rows, transcriptOffset]);
+    }), [cursor, draft, options.workdir, profileName, spinnerFrame, state, terminalSize.columns, terminalSize.rows, transcriptOffset]);
     useEffect(() => {
         setTranscriptOffset((offset) => Math.min(offset, renderModel.transcript.maxOffset));
     }, [renderModel.transcript.maxOffset]);
@@ -242,3 +243,30 @@ function WorkbenchApp({ authController, onLogin, onLogout, onDeleteProfile, onSw
     }, [agentEngine]);
     return _jsx(InkWorkbenchScreen, { renderModel: renderModel, spinnerFrame: spinnerFrame });
 }
+function useTerminalSize(stdout) {
+    const [size, setSize] = useState(() => ({
+        columns: stdout.columns || process.stdout.columns || 100,
+        rows: stdout.rows || process.stdout.rows || 32,
+    }));
+    useEffect(() => {
+        const update = () => {
+            setSize((current) => {
+                const next = {
+                    columns: stdout.columns || process.stdout.columns || current.columns,
+                    rows: stdout.rows || process.stdout.rows || current.rows,
+                };
+                return next.columns === current.columns && next.rows === current.rows ? current : next;
+            });
+        };
+        update();
+        stdout.on("resize", update);
+        if (stdout !== process.stdout)
+            process.stdout.on("resize", update);
+        return () => {
+            stdout.off("resize", update);
+            if (stdout !== process.stdout)
+                process.stdout.off("resize", update);
+        };
+    }, [stdout]);
+    return size;
+}

package/dist/tui/ink/components.js

@@ -3,7 +3,8 @@ 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({ renderModel, spinnerFrame, }) {
-    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, { marginTop: 1, height: renderModel.viewportHeight, children: [_jsxs(Box, { flexDirection: "column", width: "72%", paddingRight: 1, children: [renderModel.transcript.visibleLines.map((line) => (_jsx(TranscriptText, { line: line }, line.id))), renderModel.transcript.visibleLines.length === 0 && _jsx(Text, { color: "gray", children: "No transcript lines." })] }), _jsxs(Box, { flexDirection: "column", width: "28%", height: renderModel.activityHeight, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, wrap: "truncate", children: "Activity" }), renderModel.visibleActivities.map((activity) => (_jsxs(Text, { color: activityColor(activity.level), wrap: "truncate", children: [new Date(activity.timestamp).toLocaleTimeString(), " ", activity.text] }, activity.id)))] })] }), _jsxs(Box, { borderStyle: "single", borderColor: renderModel.input.busy ? "yellow" : "green", paddingX: 1, children: [renderModel.input.fullAccess && (_jsx(Text, { color: "red", bold: true, inverse: true, children: "FULL ACCESS" })), renderModel.input.fullAccess && _jsx(Text, { children: " " }), _jsxs(Text, { color: renderModel.input.busy ? "yellow" : "green", children: [renderModel.input.label, " "] }), renderModel.input.busy ? (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: "yellow", children: busySpinner(spinnerFrame) }), " ", renderModel.input.waitingText] })) : (_jsxs(Text, { wrap: "truncate", children: [renderModel.input.beforeCursor, _jsx(Cursor, { text: renderModel.input.cursorText, visible: true }), renderModel.input.afterCursor] }))] }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "gray", wrap: "truncate", children: renderModel.footerText }) })] }));
+    const activity = (_jsxs(Box, { flexDirection: "column", width: renderModel.layout === "wide" ? "28%" : "100%", height: renderModel.activityHeight, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, wrap: "truncate", children: "Activity" }), renderModel.visibleActivities.map((activity) => (_jsxs(Text, { color: activityColor(activity.level), wrap: "truncate", children: [new Date(activity.timestamp).toLocaleTimeString(), " ", activity.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, { marginTop: 1, 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) => (_jsx(TranscriptText, { line: line }, line.id))), renderModel.transcript.visibleLines.length === 0 && _jsx(Text, { color: "gray", children: "No transcript lines." })] }), activity] }), _jsxs(Box, { borderStyle: "single", borderColor: renderModel.input.busy ? "yellow" : "green", paddingX: 1, children: [renderModel.input.fullAccess && (_jsx(Text, { color: "red", bold: true, inverse: true, children: "FULL ACCESS" })), renderModel.input.fullAccess && _jsx(Text, { children: " " }), _jsxs(Text, { color: renderModel.input.busy ? "yellow" : "green", children: [renderModel.input.label, " "] }), renderModel.input.busy ? (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: "yellow", children: busySpinner(spinnerFrame) }), " ", renderModel.input.waitingText] })) : (_jsxs(Text, { wrap: "truncate", children: [renderModel.input.beforeCursor, _jsx(Cursor, { text: renderModel.input.cursorText, visible: true }), renderModel.input.afterCursor] }))] }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "gray", wrap: "truncate", children: renderModel.footerText }) })] }));
 }
 function TranscriptText({ line }) {
     if (!line.spans || line.spans.length === 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-api/cli",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "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.0",
+    "@agent-api/app-engine": "^0.1.2",
     "commander": "^14.0.3",
     "ink": "^6.8.0",
     "react": "^19.2.7"