@thegitai/cli 1.0.0-preview.4 → 1.0.0-preview.41

package/dist/src/ui/tui/shell-input.js

@@ -1,6 +1,11 @@
+import { moveComposerCursorVertically } from './composer-layout.js';
 import { readClipboardImage, readClipboardText } from '../../core/clipboard.js';
-import { applySlashCommandSuggestion, buildModelPickerOptions, deleteAtCursor, deleteBeforeCursor, getApprovalChoiceForCursor, getInputCommandToken, getNextApprovalCursor, getNextModelPickerIndex, getSlashCommandSuggestions, insertAtCursor, isExactSlashCommandToken, navigatePromptHistory, resolveApprovalChoiceFromInput, shouldRemountLiveFrameForComposerInputChange, } from '../repl.js';
+import { MAX_IMAGES_PER_MESSAGE, MAX_TOTAL_IMAGE_BYTES_PER_MESSAGE, approximateBase64DecodedBytes, totalAttachmentBytes, } from '../../core/image-limits.js';
+import { tryCacheAttachmentBytes } from '../../core/session-image-store.js';
+import { applySlashCommandSuggestion, buildModelPickerOptions, deleteAtCursor, deleteBeforeCursor, getInputCommandToken, getNextApprovalCursor, getNextModelPickerIndex, getSlashCommandSuggestions, insertAtCursor, isExactSlashCommandToken, navigatePromptHistory, shouldRemountLiveFrameForComposerInputChange, } from '../repl.js';
 import { buildPastePlaceholder, shouldCollapsePaste, } from '../paste-collapse.js';
+import { handleUserInputPromptEvent, } from './user-input.js';
+const APPROVAL_PREVIEW_PAGE_ROWS = 3;
 function isClipboardImagePasteKey(key) {
     if (process.platform === 'win32') {
         return ((key.ctrl || key.meta) &&
@@ -9,6 +14,38 @@ function isClipboardImagePasteKey(key) {
     }
     return key.ctrl && key.input === 'v' && !key.shift && !key.meta;
 }
+export const APPROVAL_INPUT_GUARD_MS = 500;
+function approvalIsGuarded(state) {
+    const openedAt = state.approvalOpenedAt;
+    if (typeof openedAt !== 'number')
+        return false;
+    return Date.now() - openedAt < APPROVAL_INPUT_GUARD_MS;
+}
+function applyUserInputPromptEvent(store, handlers, event) {
+    const current = store.getState();
+    if (!current.userInputPrompt)
+        return false;
+    const outcome = handleUserInputPromptEvent(current.userInputPrompt, event, handlers.getUserInputViewport?.());
+    store.update((state) => ({
+        ...state,
+        userInputPrompt: outcome.state,
+    }));
+    if (outcome.result) {
+        void handlers.onResolveUserInput?.(outcome.result);
+    }
+    return true;
+}
+function composerIsEmpty(state) {
+    return (!state.input &&
+        state.cursor === 0 &&
+        state.pastedChunks.length === 0 &&
+        state.promptHistoryCursor === null);
+}
+function composerHasDiscardableDraft(state) {
+    if (!composerIsEmpty(state))
+        return true;
+    return !state.busy && state.imageAttachments.length > 0;
+}
 function shouldShowCommandPalette(state) {
     if (state.busy ||
         state.exiting ||
@@ -74,6 +111,41 @@ function pasteTextFromClipboard(store, handlers) {
     }
     insertPastedText(store, handlers, text);
 }
+function scrollTranscript(store, handlers, delta) {
+    if (delta === 0)
+        return;
+    store.update((current) => {
+        const limit = handlers.getTranscriptScrollLimit?.() ??
+            current.transcript.reduce((total, entry) => total + 2 + (entry.body ? entry.body.split('\n').length : 0), 0);
+        const next = current.transcriptScrollOffset + delta;
+        return {
+            ...current,
+            transcriptScrollOffset: Math.max(0, Math.min(next, limit)),
+        };
+    });
+}
+function scrollTranscriptTo(store, handlers, offset) {
+    store.update((current) => {
+        const limit = handlers.getTranscriptScrollLimit?.() ??
+            current.transcript.reduce((total, entry) => total + 2 + (entry.body ? entry.body.split('\n').length : 0), 0);
+        return {
+            ...current,
+            transcriptScrollOffset: Math.max(0, Math.min(Math.trunc(offset), limit)),
+        };
+    });
+}
+function scrollApprovalPreview(store, handlers, delta) {
+    if (delta === 0)
+        return;
+    store.update((current) => {
+        const limit = handlers.getApprovalScrollLimit?.() ?? 0;
+        const next = (current.approvalScrollOffset ?? 0) + delta;
+        return {
+            ...current,
+            approvalScrollOffset: Math.max(0, Math.min(next, limit)),
+        };
+    });
+}
 function filterResumeSessionsLocal(sessions, filter, serverModels) {
     const q = filter.trim().toLowerCase();
     if (!q)
@@ -88,6 +160,12 @@ function filterResumeSessionsLocal(sessions, filter, serverModels) {
 }
 export function handleShellKeyEvent(store, handlers, event) {
     if (event.kind === 'paste') {
+        if (applyUserInputPromptEvent(store, handlers, {
+            kind: 'paste',
+            text: event.text,
+        })) {
+            return;
+        }
         insertPastedText(store, handlers, event.text);
         return;
     }
@@ -110,33 +188,67 @@ export function handleShellKeyEvent(store, handlers, event) {
         return;
     }
     if (event.kind === 'contextMenu') {
+        if (store.getState().userInputPrompt) {
+            const text = (handlers.readClipboardText ?? readClipboardText)();
+            if (text) {
+                applyUserInputPromptEvent(store, handlers, { kind: 'paste', text });
+            }
+            return;
+        }
         pasteTextFromClipboard(store, handlers);
         return;
     }
     if (event.kind === 'transcriptScroll') {
-        const delta = Math.trunc(event.deltaLines);
-        if (delta !== 0) {
-            store.update((current) => {
-                const limit = handlers.getTranscriptScrollLimit?.() ??
-                    current.transcript.reduce((total, entry) => total + 2 + (entry.body ? entry.body.split('\n').length : 0), 0);
-                const next = current.transcriptScrollOffset + delta;
-                return {
-                    ...current,
-                    transcriptScrollOffset: Math.max(0, Math.min(next, limit)),
-                };
-            });
-        }
+        scrollTranscript(store, handlers, Math.trunc(event.deltaLines));
+        return;
+    }
+    if (event.kind === 'transcriptScrollTo') {
+        scrollTranscriptTo(store, handlers, Number(event.offset ?? 0));
         return;
     }
     if (event.kind !== 'key')
         return;
     const key = event;
     const state = store.getState();
+    const commandPaletteActive = shouldShowCommandPalette(state);
+    const commandSuggestions = commandPaletteActive
+        ? getSlashCommandSuggestions(state.input)
+        : [];
+    const prepareForComposerInputChange = (current, nextInput) => {
+        if (shouldRemountLiveFrameForComposerInputChange(current, nextInput)) {
+            handlers.onLiveFrameShapeChange();
+        }
+    };
     if (key.ctrl && key.input === 'c') {
+        if (state.userInputPrompt) {
+            handlers.onCtrlC?.();
+            return;
+        }
         if (state.sudoPrompt) {
             handlers.onSudoPasswordInput({ kind: 'cancel' });
             return;
         }
+        if (state.queuedMessage) {
+            handlers.onLiveFrameShapeChange();
+            store.update((current) => ({ ...current, queuedMessage: null }));
+            return;
+        }
+        if (composerHasDiscardableDraft(state)) {
+            store.update((current) => {
+                prepareForComposerInputChange(current, '');
+                return {
+                    ...current,
+                    commandCursor: 0,
+                    cursor: 0,
+                    imageAttachments: current.busy ? current.imageAttachments : [],
+                    input: '',
+                    pastedChunks: [],
+                    promptHistoryCursor: null,
+                    promptHistoryDraft: '',
+                };
+            });
+            return;
+        }
         if (handlers.onCtrlC) {
             handlers.onCtrlC();
             return;
@@ -144,15 +256,10 @@ export function handleShellKeyEvent(store, handlers, event) {
         handlers.onRequestExit();
         return;
     }
-    const commandPaletteActive = shouldShowCommandPalette(state);
-    const commandSuggestions = commandPaletteActive
-        ? getSlashCommandSuggestions(state.input)
-        : [];
-    const prepareForComposerInputChange = (current, nextInput) => {
-        if (shouldRemountLiveFrameForComposerInputChange(current, nextInput)) {
-            handlers.onLiveFrameShapeChange();
-        }
-    };
+    if (state.userInputPrompt &&
+        applyUserInputPromptEvent(store, handlers, key)) {
+        return;
+    }
     if (state.sudoPrompt) {
         if (key.escape) {
             handlers.onSudoPasswordInput({ kind: 'cancel' });
@@ -176,24 +283,32 @@ export function handleShellKeyEvent(store, handlers, event) {
         return;
     }
     if (state.approvalPrompt) {
-        const directChoice = resolveApprovalChoiceFromInput(key.input);
-        if (directChoice) {
-            void handlers.onResolveApproval(directChoice);
-            return;
-        }
-        if (key.escape) {
-            void handlers.onResolveApproval('n');
+        if (key.pageUp || key.pageDown) {
+            const delta = key.pageUp ? -APPROVAL_PREVIEW_PAGE_ROWS : APPROVAL_PREVIEW_PAGE_ROWS;
+            if (key.shift) {
+                scrollTranscript(store, handlers, key.pageUp ? 8 : -8);
+            }
+            else {
+                scrollApprovalPreview(store, handlers, delta);
+            }
             return;
         }
         if (key.upArrow || key.downArrow) {
             store.update((current) => ({
                 ...current,
-                approvalCursor: getNextApprovalCursor(current.approvalCursor, key.upArrow ? -1 : 1),
+                approvalCursor: getNextApprovalCursor(current.approvalCursor, key.upArrow ? -1 : 1, current.approvalPrompt?.options?.length ?? 0),
             }));
             return;
         }
+        if (approvalIsGuarded(state)) {
+            return;
+        }
+        if (key.escape) {
+            void handlers.onResolveApproval(-1);
+            return;
+        }
         if (key.returnKey) {
-            void handlers.onResolveApproval(getApprovalChoiceForCursor(state.approvalCursor));
+            void handlers.onResolveApproval(state.approvalCursor);
         }
         return;
     }
@@ -201,24 +316,18 @@ export function handleShellKeyEvent(store, handlers, event) {
         return;
     }
     if (key.pageUp || key.pageDown) {
-        store.update((current) => {
-            const transcriptLines = handlers.getTranscriptScrollLimit?.() ??
-                current.transcript.reduce((total, entry) => total + 2 + (entry.body ? entry.body.split('\n').length : 0), 0);
-            const next = current.transcriptScrollOffset + (key.pageUp ? 8 : -8);
-            return {
-                ...current,
-                transcriptScrollOffset: Math.max(0, Math.min(next, transcriptLines)),
-            };
-        });
+        scrollTranscript(store, handlers, key.pageUp ? 8 : -8);
         return;
     }
     if (state.jobsPickerOpen) {
-        if (key.escape) {
+        if (key.escape || (key.ctrl && key.input === 'b' && !key.meta && !key.shift)) {
+            handlers.onLiveFrameShapeChange();
             store.update((current) => ({
                 ...current,
                 jobsPickerExpandedId: null,
                 jobsPickerOpen: false,
-                status: 'Ready',
+                jobsPickerReturnStatus: null,
+                status: current.jobsPickerReturnStatus ?? 'Ready',
             }));
             return;
         }
@@ -306,6 +415,12 @@ export function handleShellKeyEvent(store, handlers, event) {
         }
         return;
     }
+    if (key.ctrl && key.input === 'b' && !key.meta && !key.shift) {
+        if ((state.backgroundJobs ?? []).length > 0) {
+            handlers.onOpenJobsPicker();
+        }
+        return;
+    }
     if (key.escape) {
         if (state.busy) {
             if (state.queuedMessage) {
@@ -317,10 +432,7 @@ export function handleShellKeyEvent(store, handlers, event) {
             return;
         }
         store.update((current) => {
-            if (!current.input &&
-                current.cursor === 0 &&
-                current.pastedChunks.length === 0 &&
-                current.promptHistoryCursor === null) {
+            if (composerIsEmpty(current)) {
                 return current;
             }
             prepareForComposerInputChange(current, '');
@@ -340,6 +452,15 @@ export function handleShellKeyEvent(store, handlers, event) {
         handlers.onCycleAgentMode();
         return;
     }
+    if (state.busy && state.queuedMessage) {
+        if (key.returnKey) {
+            void handlers.onFireQueuedMessage?.();
+            return;
+        }
+        if (!key.upArrow && !isClipboardImagePasteKey(key)) {
+            return;
+        }
+    }
     if (commandPaletteActive && (key.upArrow || key.downArrow)) {
         store.update((current) => ({
             ...current,
@@ -348,7 +469,7 @@ export function handleShellKeyEvent(store, handlers, event) {
         return;
     }
     if (key.upArrow) {
-        if (state.busy && state.input.trim() === '' && state.queuedMessage) {
+        if (state.busy && state.queuedMessage) {
             handlers.onLiveFrameShapeChange();
             store.update((current) => {
                 const queued = current.queuedMessage;
@@ -367,9 +488,13 @@ export function handleShellKeyEvent(store, handlers, event) {
             });
             return;
         }
-        if (state.busy)
+        const nextCursor = moveComposerCursorVertically(state.input, state.cursor, handlers.getComposerInputWidth?.() ?? Number.POSITIVE_INFINITY, -1);
+        if (nextCursor === null && state.busy)
             return;
         store.update((current) => {
+            if (nextCursor !== null) {
+                return { ...current, commandCursor: 0, cursor: nextCursor };
+            }
             const next = navigatePromptHistory(current, 'previous');
             prepareForComposerInputChange(current, next.input);
             return next;
@@ -377,9 +502,13 @@ export function handleShellKeyEvent(store, handlers, event) {
         return;
     }
     if (key.downArrow) {
-        if (state.busy)
+        const nextCursor = moveComposerCursorVertically(state.input, state.cursor, handlers.getComposerInputWidth?.() ?? Number.POSITIVE_INFINITY, 1);
+        if (nextCursor === null && state.busy)
             return;
         store.update((current) => {
+            if (nextCursor !== null) {
+                return { ...current, commandCursor: 0, cursor: nextCursor };
+            }
             const next = navigatePromptHistory(current, 'next');
             prepareForComposerInputChange(current, next.input);
             return next;
@@ -467,12 +596,16 @@ export function handleShellKeyEvent(store, handlers, event) {
     }
     if (isClipboardImagePasteKey(key)) {
         const current = store.getState();
-        if (current.busy)
-            return;
-        const liveAttachments = current.imageAttachments.filter((attachment) => current.input.includes(`[Image #${attachment.index}]`));
-        if (liveAttachments.length >= 2) {
+        const target = current.queuedMessage
+            ? {
+                body: current.queuedMessage.body,
+                attachments: current.queuedMessage.imageAttachments,
+            }
+            : { body: current.input, attachments: current.imageAttachments };
+        const liveAttachments = target.attachments.filter((attachment) => target.body.includes(`[Image #${attachment.index}]`));
+        if (liveAttachments.length >= MAX_IMAGES_PER_MESSAGE) {
             store.appendEntry({
-                body: 'Maximum of 2 images per message. Send the current message first.',
+                body: `Maximum of ${MAX_IMAGES_PER_MESSAGE} images per message. Send the current message first.`,
                 kind: 'error',
                 title: 'Image',
             });
@@ -480,22 +613,49 @@ export function handleShellKeyEvent(store, handlers, event) {
         }
         try {
             const clipResult = readClipboardImage();
+            if (totalAttachmentBytes(liveAttachments) +
+                approximateBase64DecodedBytes(clipResult.base64Data) >
+                MAX_TOTAL_IMAGE_BYTES_PER_MESSAGE) {
+                store.appendEntry({
+                    body: `This image would put the message over the ${Math.round(MAX_TOTAL_IMAGE_BYTES_PER_MESSAGE / 1024 / 1024)}MB combined image limit. Send the current message first.`,
+                    kind: 'error',
+                    title: 'Image',
+                });
+                return;
+            }
             const idx = liveAttachments.length === 0
                 ? 1
                 : Math.max(...liveAttachments.map((attachment) => attachment.index)) + 1;
-            store.update((shellState) => ({
-                ...shellState,
-                imageAttachments: [
-                    ...liveAttachments,
-                    {
-                        index: idx,
-                        mimeType: clipResult.mimeType,
-                        base64Data: clipResult.base64Data,
-                        source: 'clipboard',
-                    },
-                ],
-                ...insertAtCursor(shellState, `[Image #${idx}] `),
-            }));
+            const cached = tryCacheAttachmentBytes({
+                base64Data: clipResult.base64Data,
+                mimeType: clipResult.mimeType,
+            });
+            const attachment = {
+                index: cached?.index ?? idx,
+                mimeType: clipResult.mimeType,
+                base64Data: clipResult.base64Data,
+                source: 'clipboard',
+                ...(cached ? { cachePath: cached.cachePath } : {}),
+            };
+            const marker = attachment.index;
+            store.update((shellState) => {
+                const nextAttachments = [...liveAttachments, attachment];
+                if (shellState.queuedMessage) {
+                    return {
+                        ...shellState,
+                        queuedMessage: {
+                            ...shellState.queuedMessage,
+                            body: `${shellState.queuedMessage.body} [Image #${marker}]`.trim(),
+                            imageAttachments: nextAttachments,
+                        },
+                    };
+                }
+                return {
+                    ...shellState,
+                    imageAttachments: nextAttachments,
+                    ...insertAtCursor(shellState, `[Image #${marker}] `),
+                };
+            });
         }
         catch (error) {
             if (error?.code === 'NO_IMAGE') {

package/dist/src/ui/tui/terminal-theme.js

@@ -0,0 +1,28 @@
+export function isDarkTerminalBackground(env = process.env) {
+    const raw = String(env.COLORFGBG ?? '').trim();
+    if (!raw)
+        return false;
+    const parts = raw
+        .split(/[;:]/)
+        .map((part) => part.trim())
+        .filter(Boolean);
+    const bgToken = parts[parts.length - 1];
+    if (!bgToken)
+        return false;
+    const bg = Number(bgToken);
+    if (!Number.isFinite(bg))
+        return false;
+    return bg >= 0 && bg < 7;
+}
+export function mutedStyle(env = process.env) {
+    if (isDarkTerminalBackground(env)) {
+        return { color: 'ansi256(247)' };
+    }
+    return { color: 'gray' };
+}
+export function mutedColor(env = process.env) {
+    if (isDarkTerminalBackground(env)) {
+        return 'ansi256(247)';
+    }
+    return 'gray';
+}

package/dist/src/ui/tui/terminal-title.js

@@ -1,3 +1,4 @@
+import { isTuiMode } from '../../runtime-mode.js';
 const BRAILLE_SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴'];
 const TITLE_BRAND = 'TheGitAI';
 const TITLE_MARK_PREFIX = '❯_';
@@ -19,6 +20,8 @@ export function formatTerminalTitle(state, spinnerFrame = 0) {
     return `${TITLE_MARK_PREFIX}● ${TITLE_BRAND}`;
 }
 export function writeTerminalTitle(title, stream = process.stdout) {
+    if (isTuiMode())
+        return;
     if (!('isTTY' in stream) || !stream.isTTY)
         return;
     stream.write(`\x1b]0;${title}\x07`);

package/dist/src/ui/tui/terminal-writes.js

@@ -0,0 +1,48 @@
+const MAX_CAPTURED_CHARS = 1_000_000;
+let restore = null;
+let captured = [];
+let capturedChars = 0;
+function chunkToString(chunk, encoding) {
+    if (typeof chunk === 'string')
+        return chunk;
+    if (chunk instanceof Uint8Array) {
+        return Buffer.from(chunk).toString(typeof encoding === 'string' ? encoding : 'utf8');
+    }
+    return String(chunk ?? '');
+}
+export function captureTerminalWrites() {
+    if (restore)
+        return;
+    const streams = [process.stdout, process.stderr];
+    const originals = streams.map((stream) => stream.write.bind(stream));
+    for (const stream of streams) {
+        stream.write = (chunk, encoding, callback) => {
+            if (capturedChars < MAX_CAPTURED_CHARS) {
+                const text = chunkToString(chunk, encoding);
+                captured.push(text);
+                capturedChars += text.length;
+            }
+            const done = typeof encoding === 'function' ? encoding : callback;
+            if (typeof done === 'function')
+                done();
+            return true;
+        };
+    }
+    restore = () => {
+        streams.forEach((stream, index) => {
+            stream.write = originals[index];
+        });
+    };
+}
+export function releaseTerminalWrites() {
+    if (!restore)
+        return;
+    restore();
+    restore = null;
+    if (captured.length > 0) {
+        const text = captured.join('');
+        captured = [];
+        capturedChars = 0;
+        process.stderr.write(text);
+    }
+}