@agent-api/cli 0.4.32 → 0.4.34

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

package/dist/tui/ink/components.js

@@ -8,7 +8,7 @@ export function InkWorkbenchScreen({ activityCursor, activitySelection, conversa
                 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));
             })] }));
-    const sidePanels = (_jsxs(Box, { flexDirection: "column", flexShrink: 0, marginRight: renderModel.layout === "wide" ? 1 : 0, width: renderModel.layout === "wide" ? renderModel.workdirPanelWidth : "100%", children: [_jsx(InfoPanel, { cursor: conversationCursor, focused: focusedPanel === "conversation", height: renderModel.conversationHeight, lines: renderModel.conversation.lines, selection: conversationSelection, title: "Conversation" }), _jsx(Box, { marginTop: renderModel.layout === "wide" ? 1 : 0, children: _jsx(InfoPanel, { cursor: workdirCursor, focused: focusedPanel === "workdir", height: renderModel.workdirHeight, lines: renderModel.workdir.lines, selection: workdirSelection, title: "Workdir" }) }), _jsx(Box, { marginTop: renderModel.layout === "wide" ? 1 : 0, children: _jsx(InfoPanel, { cursor: workspaceCursor, focused: focusedPanel === "workspace", height: renderModel.workspaceHeight, lines: renderModel.workspace.lines, selection: workspaceSelection, title: "Workspace" }) })] }));
+    const sidePanels = (_jsxs(Box, { flexDirection: "column", flexShrink: 0, marginRight: renderModel.layout === "wide" ? 1 : 0, width: renderModel.layout === "wide" ? renderModel.workdirPanelWidth : "100%", children: [_jsx(InfoPanel, { cursor: conversationCursor, focused: focusedPanel === "conversation", height: renderModel.conversationHeight, lines: renderModel.conversation.lines, selection: conversationSelection, title: "Conversation" }), _jsx(InfoPanel, { cursor: workdirCursor, focused: focusedPanel === "workdir", height: renderModel.workdirHeight, lines: renderModel.workdir.lines, selection: workdirSelection, title: "Workdir" }), _jsx(InfoPanel, { cursor: workspaceCursor, focused: focusedPanel === "workspace", height: renderModel.workspaceHeight, lines: renderModel.workspace.lines, selection: workspaceSelection, title: "Workspace" })] }));
     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: [renderModel.layout === "wide" && sidePanels, _jsxs(Box, { flexDirection: renderModel.layout === "wide" ? "row" : "column", flexGrow: 1, children: [_jsxs(Box, { borderStyle: "round", borderColor: panelBorderColor(focusedPanel === "transcript"), flexGrow: renderModel.layout === "wide" ? 1 : 0, flexDirection: "column", height: renderModel.transcript.viewportHeight + 3, paddingX: 1, width: renderModel.layout === "wide" ? undefined : "100%", children: [_jsxs(Text, { bold: true, color: renderModel.transcriptStatus.color, wrap: "truncate", children: ["Transcript \u00B7 ", renderModel.transcriptStatus.label] }), 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 }) })] }));
@@ -101,7 +101,18 @@ function Header({ cursor, focused, selection, contextEnabled, conversation, conv
     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 InfoPanel({ cursor, focused, height, lines, selection, title, }) {
-    return (_jsxs(Box, { borderStyle: "round", borderColor: panelBorderColor(focused), flexDirection: "column", height: height, paddingX: 1, children: [_jsx(Text, { bold: true, color: focused ? "cyan" : undefined, wrap: "truncate", children: title }), lines.slice(0, Math.max(0, height - 2)).map((line, index) => (_jsxs(Text, { bold: focused && index === cursor.line, color: "gray", wrap: "truncate", children: [focused && index === cursor.line ? _jsx(Text, { color: "cyan", children: "\u203A " }) : _jsx(Text, { children: "  " }), _jsx(SelectableText, { cursorColumn: focused && index === cursor.line && !selection ? cursor.column : null, selection: lineSelection(index, selection), text: line || " " })] }, `${title}:${index}`)))] }));
+    const visibleCount = Math.max(0, height - 2);
+    const startLine = panelWindowStart(cursor.line, lines.length, visibleCount);
+    const visibleLines = lines.slice(startLine, startLine + visibleCount);
+    return (_jsxs(Box, { borderStyle: "round", borderColor: panelBorderColor(focused), flexDirection: "column", height: height, paddingX: 1, children: [_jsx(Text, { bold: true, color: focused ? "cyan" : undefined, wrap: "truncate", children: title }), visibleLines.map((line, index) => {
+                const absoluteLine = startLine + index;
+                return (_jsxs(Text, { bold: focused && absoluteLine === cursor.line, color: "gray", wrap: "truncate", children: [focused && absoluteLine === cursor.line ? _jsx(Text, { color: "cyan", children: "\u203A " }) : _jsx(Text, { children: "  " }), _jsx(SelectableText, { cursorColumn: focused && absoluteLine === cursor.line && !selection ? cursor.column : null, selection: lineSelection(absoluteLine, selection), text: line || " " })] }, `${title}:${absoluteLine}`));
+            })] }));
+}
+function panelWindowStart(cursorLine, lineCount, visibleCount) {
+    if (visibleCount <= 0 || lineCount <= visibleCount)
+        return 0;
+    return Math.max(0, Math.min(cursorLine, lineCount - visibleCount));
 }
 function panelBorderColor(focused) {
     return focused ? "cyan" : "gray";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-api/cli",
-  "version": "0.4.32",
+  "version": "0.4.34",
   "description": "First-class command line interface for Agent API",
   "license": "MIT",
   "homepage": "https://github.com/scalebox-dev/agent-tui#readme",
@@ -36,7 +36,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.29",
+    "@agent-api/app-engine": "^0.1.31",
     "better-sqlite3": "^12.11.1",
     "commander": "^14.0.3",
     "ink": "^6.8.0",