orquesta-cli 0.2.50 → 0.2.52

package/dist/ui/components/DiffView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface DiffViewProps {
+    diff: string[];
+    filePath?: string;
+}
+export declare const DiffView: React.FC<DiffViewProps>;
+export {};
+//# sourceMappingURL=DiffView.d.ts.map

package/dist/ui/components/DiffView.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+export const DiffView = ({ diff, filePath }) => {
+    const diffLines = diff.length > 10 ? [...diff.slice(0, 10), `... +${diff.length - 10} more lines`] : diff;
+    const header = filePath ? `┌─ ${filePath} ─` : '┌─';
+    return (React.createElement(Box, { flexDirection: "column", marginLeft: 2 },
+        React.createElement(Text, { color: "gray" },
+            header,
+            '─'.repeat(Math.max(0, 32 - header.length))),
+        diffLines.map((line, i) => (React.createElement(Text, { key: i, color: line.startsWith('+') ? 'green' : line.startsWith('-') ? 'red' : 'gray' },
+            '│ ',
+            line))),
+        React.createElement(Text, { color: "gray" }, '└' + '─'.repeat(32))));
+};
+//# sourceMappingURL=DiffView.js.map

package/dist/ui/components/PlanExecuteApp.js

@@ -25,6 +25,9 @@ import { CommandBrowser } from './CommandBrowser.js';
 import { Logo } from './Logo.js';
 import { MarkdownRenderer } from './MarkdownRenderer.js';
 import { ActivityIndicator } from './ActivityIndicator.js';
+import { DiffView } from './DiffView.js';
+import { StreamingOutput } from './StreamingOutput.js';
+import { SessionBanner, useResumeSession } from './SessionBanner.js';
 import { useFileBrowserState } from '../hooks/useFileBrowserState.js';
 import { useCommandBrowserState } from '../hooks/useCommandBrowserState.js';
 import { usePlanExecution } from '../hooks/usePlanExecution.js';
@@ -170,21 +173,7 @@ export const PlanExecuteApp = ({ llmClient: initialLlmClient, modelInfo, resumeL
     useEffect(() => {
         sessionManager.setLogEntries(logEntries);
     }, [logEntries]);
-    useEffect(() => {
-        if (!resumeLastSession)
-            return;
-        (async () => {
-            const sessions = await sessionManager.listSessions();
-            if (sessions.length === 0)
-                return;
-            const last = sessions[0];
-            const data = await sessionManager.loadSession(last.id);
-            if (data && data.messages.length > 0) {
-                setMessages(data.messages);
-                addLog({ type: 'session_restored', content: `↩ Resumed session (${data.messages.filter(m => m.role === 'user').length} messages)` });
-            }
-        })();
-    }, [resumeLastSession]);
+    useResumeSession(resumeLastSession, setMessages, addLog);
     const fileBrowserState = useFileBrowserState(input, isProcessing);
     const commandBrowserState = useCommandBrowserState(input, isProcessing);
     const planExecutionState = usePlanExecution(pendingMessageCallbacks);
@@ -290,14 +279,23 @@ export const PlanExecuteApp = ({ llmClient: initialLlmClient, modelInfo, resumeL
         };
     }, [addLog]);
     useEffect(() => {
-        if (llmClient) {
-            llmClient.onStreamingContent = (token) => {
-                setStreamingText(prev => prev + token);
-            };
-        }
+        if (!llmClient)
+            return;
+        let buffer = '';
+        let rafId = null;
+        llmClient.onStreamingContent = (token) => {
+            buffer += token;
+            if (!rafId) {
+                rafId = setTimeout(() => {
+                    setStreamingText(buffer);
+                    rafId = null;
+                }, 80);
+            }
+        };
         return () => {
-            if (llmClient)
-                llmClient.onStreamingContent = null;
+            if (rafId)
+                clearTimeout(rafId);
+            llmClient.onStreamingContent = null;
         };
     }, [llmClient]);
     useEffect(() => {
@@ -1191,13 +1189,7 @@ export const PlanExecuteApp = ({ llmClient: initialLlmClient, modelInfo, resumeL
                 return (React.createElement(Box, { key: entry.id, marginTop: 1 },
                     React.createElement(Text, { color: "red", bold: true }, entry.content)));
             case 'session_restored':
-                return (React.createElement(Box, { key: entry.id, marginTop: 1, flexDirection: "column" },
-                    React.createElement(Text, { color: "cyan", bold: true },
-                        "\uD83D\uDCC2 ",
-                        entry.content),
-                    entry.details && React.createElement(Text, { color: "gray", dimColor: true },
-                        "   ",
-                        entry.details)));
+                return (React.createElement(SessionBanner, { key: entry.id, entry: entry }));
             case 'git_info':
                 return (React.createElement(Box, { key: entry.id, marginTop: 0, marginBottom: 0, flexDirection: "column" },
                     React.createElement(Text, { color: "yellow" },
@@ -1329,15 +1321,7 @@ export const PlanExecuteApp = ({ llmClient: initialLlmClient, modelInfo, resumeL
                     filePath = JSON.parse(entry.details || '{}').file || '';
                 }
                 catch { }
-                const header = filePath ? `┌─ ${filePath} ─` : '┌─';
-                return (React.createElement(Box, { key: entry.id, flexDirection: "column", marginLeft: 2 },
-                    React.createElement(Text, { color: "gray" },
-                        header,
-                        '─'.repeat(Math.max(0, 32 - header.length))),
-                    entry.diff.map((line, i) => (React.createElement(Text, { key: i, color: line.startsWith('+') ? 'green' : line.startsWith('-') ? 'red' : 'gray' },
-                        '│ ',
-                        line))),
-                    React.createElement(Text, { color: "gray" }, '└' + '─'.repeat(32))));
+                return (React.createElement(DiffView, { key: entry.id, diff: entry.diff, filePath: filePath || undefined }));
             }
             case 'shell_result': {
                 const SHELL_MAX_LINES = 8;
@@ -1438,8 +1422,7 @@ export const PlanExecuteApp = ({ llmClient: initialLlmClient, modelInfo, resumeL
             React.createElement(ApprovalDialog, { toolName: pendingToolApproval.toolName, args: pendingToolApproval.args, reason: pendingToolApproval.reason, onResponse: handleApprovalResponse }))),
         isProcessing && (planExecutionState.executionPhase === 'planning' || planExecutionState.todos.length === 0) && !pendingToolApproval && !isDocsSearching && (React.createElement(Box, { marginY: 1, flexDirection: "column" },
             React.createElement(ActivityIndicator, { activity: getCurrentActivityType(), startTime: activityStartTime, detail: activityDetail, subActivities: subActivities, modelName: currentModelInfo.model }),
-            streamingText && (React.createElement(Box, { marginTop: 1, paddingX: 1 },
-                React.createElement(Text, { wrap: "wrap" }, streamingText))))),
+            streamingText && (React.createElement(StreamingOutput, { text: streamingText })))),
         isDocsSearching && (React.createElement(DocsSearchProgress, { logs: docsSearchLogs, isSearching: isDocsSearching })),
         planExecutionState.todos.length > 0 && (React.createElement(Box, { marginTop: 2, marginBottom: 1 },
             React.createElement(TodoPanel, { todos: planExecutionState.todos, currentTodoId: planExecutionState.currentTodoId, isProcessing: isProcessing }))),

package/dist/ui/components/SessionBanner.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Message } from '../../types/index.js';
+import type { LogEntry } from './PlanExecuteApp.js';
+interface SessionBannerProps {
+    entry: LogEntry;
+}
+export declare const SessionBanner: React.FC<SessionBannerProps>;
+export declare function useResumeSession(resumeLastSession: boolean | undefined, setMessages: React.Dispatch<React.SetStateAction<Message[]>>, addLog: (entry: Omit<LogEntry, 'id'>) => void): void;
+export {};
+//# sourceMappingURL=SessionBanner.d.ts.map

package/dist/ui/components/SessionBanner.js

@@ -0,0 +1,30 @@
+import React, { useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { sessionManager } from '../../core/session/session-manager.js';
+export const SessionBanner = ({ entry }) => {
+    return (React.createElement(Box, { marginTop: 1, flexDirection: "column" },
+        React.createElement(Text, { color: "cyan", bold: true },
+            "\uD83D\uDCC2 ",
+            entry.content),
+        entry.details && React.createElement(Text, { color: "gray", dimColor: true },
+            "   ",
+            entry.details)));
+};
+export function useResumeSession(resumeLastSession, setMessages, addLog) {
+    useEffect(() => {
+        if (!resumeLastSession)
+            return;
+        (async () => {
+            const sessions = await sessionManager.listSessions();
+            if (sessions.length === 0)
+                return;
+            const last = sessions[0];
+            const data = await sessionManager.loadSession(last.id);
+            if (data && data.messages.length > 0) {
+                setMessages(data.messages);
+                addLog({ type: 'session_restored', content: `↩ Resumed session (${data.messages.filter(m => m.role === 'user').length} messages)` });
+            }
+        })();
+    }, [resumeLastSession]);
+}
+//# sourceMappingURL=SessionBanner.js.map

package/dist/ui/components/StreamingOutput.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface StreamingOutputProps {
+    text: string;
+}
+export declare const StreamingOutput: React.FC<StreamingOutputProps>;
+export {};
+//# sourceMappingURL=StreamingOutput.d.ts.map

package/dist/ui/components/StreamingOutput.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+export const StreamingOutput = ({ text }) => {
+    if (!text)
+        return null;
+    return (React.createElement(Box, { marginTop: 1, paddingX: 1 },
+        React.createElement(Text, { wrap: "wrap" }, text.split('\n').slice(-15).join('\n'))));
+};
+//# sourceMappingURL=StreamingOutput.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orquesta-cli",
-  "version": "0.2.50",
+  "version": "0.2.52",
   "description": "Orquesta CLI - AI-powered coding assistant with team collaboration",
   "type": "module",
   "main": "dist/index.js",