@thegitai/cli 1.0.0-preview.35 → 1.0.0-preview.36

package/dist/src/background-jobs.js

@@ -265,6 +265,7 @@ export function getJobOutputTail(id, maxLines) {
     if (!record || !belongsToSession(record) || maxLines <= 0)
         return [];
     const lines = sanitizeJobText(record, record.buffer)
+        .replace(/\r\n?/g, '\n')
         .split('\n')
         .filter((line) => line.trim().length > 0);
     return lines.slice(-maxLines);
@@ -277,6 +278,7 @@ export function getJobOutputPreview(id, maxTailLines) {
         ? sanitizeJobText(record, record.firstOutputLine).trim()
         : '';
     return {
+        droppedChars: Math.max(record.totalCaptured - record.buffer.length, 0),
         firstLine,
         tailLines: getJobOutputTail(id, maxTailLines),
     };

package/dist/src/help-text.js

@@ -92,6 +92,8 @@ const HELP_MARKDOWN = [
     '- `/resume` — resume a saved session for this repo',
     '- `/jobs` — manage long-running commands like dev servers and watchers:',
     '  browse them, press Enter to expand one and read its output, k to stop it',
+    '- Ctrl+B — open the same jobs picker, and the only way in while the agent',
+    '  is working; press it again or Esc to close without touching the turn',
     '- `/jobs output <id>` — print one job\'s full captured output',
     '- `/jobs kill <id>` — stop one background job',
     '- `/new` — start a new conversation; this session remains saved',
@@ -130,8 +132,9 @@ const HELP_MARKDOWN = [
     '  jobs after the same approval as any other command. Background output',
     '  stays quiet once the model has responded; the footer shows only a compact',
     '  shell-running indicator, `/jobs` lists, inspects, and kills jobs, and',
-    '  killed jobs disappear immediately. Every job is killed when the session',
-    '  ends.',
+    '  killed jobs disappear immediately. While a turn is running the indicator',
+    '  points at Ctrl+B instead, which opens the same picker without cancelling',
+    '  or interrupting the turn. Every job is killed when the session ends.',
     '- File and shell operations are confined to the target repo root.',
     '- Sensitive directories (`.git`, `node_modules`, build output) are',
     '  excluded from search and listing.',

package/dist/src/ui/repl.js

@@ -923,6 +923,23 @@ function createSessionTranscript(session) {
     const transcript = buildTranscriptFromSessionHistory(session.history);
     return transcript.length ? transcript : createInitialTranscript();
 }
+export function isJobsPickerCommand(input) {
+    return String(input ?? '').trim() === '/jobs';
+}
+export function statusBehindJobsPicker(state) {
+    return state.jobsPickerOpen
+        ? (state.jobsPickerReturnStatus ?? 'Ready')
+        : state.status;
+}
+export function closedJobsPickerFields(state) {
+    if (!state.jobsPickerOpen)
+        return {};
+    return {
+        jobsPickerExpandedId: null,
+        jobsPickerOpen: false,
+        jobsPickerReturnStatus: null,
+    };
+}
 function createShellStore(initialState) {
     let state = initialState;
     let nextEntryId = 1;
@@ -1941,8 +1958,9 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
             signal?.addEventListener('abort', onAbort, { once: true });
             store.update((current) => ({
                 ...pauseBusyClock(current, Date.now()),
+                ...closedJobsPickerFields(current),
                 status: 'Waiting for your input',
-                userInputPrompt: createUserInputPromptState(questions, current.status),
+                userInputPrompt: createUserInputPromptState(questions, statusBehindJobsPicker(current)),
             }));
             scheduleLiveFrameRemount();
         });
@@ -1975,6 +1993,7 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
             resolvePermissionDecision = resolve;
             store.update((current) => ({
                 ...pauseBusyClock(current, Date.now()),
+                ...closedJobsPickerFields(current),
                 approvalCursor: getDefaultApprovalCursor(request.options.length),
                 approvalOpenedAt: Date.now(),
                 approvalScrollOffset: 0,
@@ -1986,7 +2005,7 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
                         : undefined,
                     filePath: request.filePath,
                     options: request.options,
-                    returnStatus: current.status,
+                    returnStatus: statusBehindJobsPicker(current),
                 },
                 status: request.title,
             }));
@@ -2048,17 +2067,19 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
             });
         };
         const openJobsPicker = () => {
+            if (store.getState().jobsPickerOpen)
+                return;
             syncBackgroundJobsState();
             store.update((current) => ({
                 ...current,
                 commandCursor: 0,
-                cursor: 0,
-                input: '',
                 jobsPickerExpandedId: null,
                 jobsPickerIndex: 0,
                 jobsPickerOpen: true,
+                jobsPickerReturnStatus: current.status,
                 status: 'Background jobs',
             }));
+            scheduleLiveFrameRemount();
         };
         const appendJobOutputEntry = async (jobId) => {
             const id = jobId.trim();
@@ -2089,30 +2110,51 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
             const index = Math.min(Math.max(current.jobsPickerIndex, 0), current.backgroundJobs.length - 1);
             return current.backgroundJobs[index]?.id ?? null;
         };
+        const deferredJobMutationIds = new Set();
+        const drainDeferredJobMutations = async () => {
+            if (deferredJobMutationIds.size === 0)
+                return;
+            const pending = [...deferredJobMutationIds];
+            deferredJobMutationIds.clear();
+            for (const jobId of pending) {
+                await collectBackgroundJobUiOutputMutations({ session, jobId });
+            }
+            syncBackgroundJobsState();
+        };
         const handleJobsPickerOutput = async () => {
             const jobId = selectedJobsPickerId();
             if (!jobId)
                 return;
-            await collectBackgroundJobUiOutputMutations({
-                session,
-                jobId,
-            });
-            syncBackgroundJobsState();
+            if (store.getState().busy) {
+                deferredJobMutationIds.add(jobId);
+            }
+            else {
+                await collectBackgroundJobUiOutputMutations({
+                    session,
+                    jobId,
+                });
+            }
             store.update((current) => ({
                 ...current,
                 jobsPickerExpandedId: current.jobsPickerExpandedId === jobId ? null : jobId,
             }));
+            syncBackgroundJobsState();
         };
         const handleJobsPickerKill = async () => {
             const jobId = selectedJobsPickerId();
             if (!jobId)
                 return;
             const killed = await killBackgroundJob(jobId);
-            await collectBackgroundJobUiKillMutations({
-                session,
-                jobId,
-                result: killed,
-            });
+            if (store.getState().busy) {
+                deferredJobMutationIds.add(jobId);
+            }
+            else {
+                await collectBackgroundJobUiKillMutations({
+                    session,
+                    jobId,
+                    result: killed,
+                });
+            }
             syncBackgroundJobsState();
             if (!killed.ok) {
                 appendError(killed.error ?? 'Background job kill failed.');
@@ -2404,8 +2446,18 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
                 if (!input || exiting)
                     return;
                 if (input.startsWith('/')) {
+                    if (isJobsPickerCommand(input)) {
+                        store.update((current) => ({
+                            ...current,
+                            cursor: 0,
+                            input: '',
+                            pastedChunks: [],
+                        }));
+                        openJobsPicker();
+                        return;
+                    }
                     appendTurnAwareEntry({
-                        body: "Slash commands can't be queued while a turn is running.",
+                        body: "Slash commands can't be queued while a turn is running. Ctrl+B opens background jobs.",
                         kind: 'system',
                         title: 'Queued',
                     });
@@ -2845,6 +2897,7 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
                     activeServerTurnId = null;
                 }
                 recoverUnacknowledgedMessages();
+                await drainDeferredJobMutations();
             }
         };
         session.onImageAnalysis = (activeImageCount) => {
@@ -2897,26 +2950,20 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
             }
             store.appendWorkingTool(buildWorkingToolEntry(event));
         };
-        const jobDetailLines = (jobId) => {
-            const buffered = getJobBufferedOutput(jobId);
-            if (!buffered)
-                return [];
-            const lines = buffered.output
-                .replace(/\r\n/g, '\n')
-                .replace(/\r/g, '\n')
-                .split('\n')
-                .filter((line) => line.trim().length > 0);
-            const visible = lines.slice(-20);
-            return buffered.droppedChars > 0
-                ? [
-                    `... (${buffered.droppedChars} chars of older output dropped) ...`,
-                    ...visible,
-                ]
-                : visible;
-        };
         const syncBackgroundJobsState = () => {
+            const expandedId = store.getState().jobsPickerExpandedId;
             const jobsForDisplay = listBackgroundJobs().map((job) => {
-                const preview = getJobOutputPreview(job.id, 3);
+                const expanded = job.id === expandedId;
+                const preview = getJobOutputPreview(job.id, expanded ? 20 : 3);
+                const dropped = preview?.droppedChars ?? 0;
+                const detailLines = !expanded
+                    ? []
+                    : dropped > 0
+                        ? [
+                            `... (${dropped} chars of older output dropped) ...`,
+                            ...(preview?.tailLines ?? []),
+                        ]
+                        : (preview?.tailLines ?? []);
                 return {
                     id: job.id,
                     command: job.command,
@@ -2925,8 +2972,8 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
                     startedAt: job.startedAt,
                     endedAt: job.endedAt,
                     firstOutputLine: preview?.firstLine ?? '',
-                    tailLines: preview?.tailLines ?? [],
-                    detailLines: jobDetailLines(job.id),
+                    tailLines: (preview?.tailLines ?? []).slice(-3),
+                    detailLines,
                 };
             });
             store.update((current) => ({
@@ -2996,6 +3043,7 @@ export async function runClientInteractive({ appendPromptHistory, authConfig, de
             onResumeSession: handleInlineResumeSelection,
             onSelectionCopy: handleAppSelectionCopy,
             onSelectModel: handleInlineModelSelection,
+            onOpenJobsPicker: openJobsPicker,
             onJobsPickerOutput: handleJobsPickerOutput,
             onJobsPickerKill: handleJobsPickerKill,
             onSudoPasswordInput: handleSudoPasswordInput,

package/dist/src/ui/tui/build-frame.js

@@ -454,10 +454,11 @@ function backgroundJobIndicatorSpans(state) {
     if (runningCount === 0)
         return [];
     const noun = runningCount === 1 ? 'shell' : 'shells';
+    const hint = state.busy ? ' · ctrl+b' : ' · /jobs';
     return [
         span('   ', { color: 'gray', dim: true }),
         span(`● ${runningCount} ${noun} running`, { color: 'green', bold: true }),
-        span(' · /jobs', { color: 'gray', dim: true }),
+        span(hint, { color: 'gray', dim: true }),
     ];
 }
 function todoIndicatorSpans(state) {
@@ -579,15 +580,29 @@ function jobStatusDescriptor(job, nowMs) {
         ? { glyph: '✓', color: 'green', text: `exited (0) · ran ${ran}` }
         : { glyph: '✖', color: 'red', text: `exited (${job.exitCode ?? 1}) · ran ${ran}` };
 }
-function buildJobsPickerLines(state, width, nowMs) {
+const JOBS_PICKER_CHROME_ROWS = 2;
+const JOBS_PICKER_MIN_ROWS = 8;
+function buildJobsPickerLines(state, width, height, nowMs) {
     const jobs = state.backgroundJobs ?? [];
+    const bodyBudget = Math.max(1, height - JOBS_PICKER_CHROME_ROWS);
     const lines = [
         plainLine('Background jobs', { color: 'cyan', bold: true }),
     ];
     if (jobs.length === 0) {
         lines.push(plainLine('No background jobs in this session.', { color: 'gray' }));
     }
-    for (const [index, job] of jobs.entries()) {
+    let start = 0;
+    let visible = jobs;
+    if (jobs.length > bodyBudget) {
+        start = Math.min(Math.max(0, state.jobsPickerIndex - Math.floor(bodyBudget / 2)), jobs.length - bodyBudget);
+        visible = jobs.slice(start, start + bodyBudget);
+        if (start > 0) {
+            lines.push(plainLine(`  … ${start} newer`, { color: 'gray', dim: true }));
+        }
+    }
+    const detailBudget = Math.max(0, bodyBudget - visible.length - (start > 0 ? 1 : 0));
+    for (const [offset, job] of visible.entries()) {
+        const index = start + offset;
         const selected = index === state.jobsPickerIndex;
         const expanded = state.jobsPickerExpandedId === job.id;
         const { glyph, color, text } = jobStatusDescriptor(job, nowMs);
@@ -596,10 +611,11 @@ function buildJobsPickerLines(state, width, nowMs) {
             bold: selected,
         }), span(` ${text}`, { color: 'gray' })));
         if (expanded) {
-            const detailLines = (job.detailLines ?? []).length
+            const allDetail = (job.detailLines ?? []).length
                 ? job.detailLines ?? []
                 : backgroundJobPreviewLines(job, 3);
-            if (detailLines.length === 0) {
+            const detailLines = allDetail.slice(-detailBudget);
+            if (detailBudget > 0 && detailLines.length === 0) {
                 lines.push(plainLine('    (no output captured)', { color: 'gray' }));
             }
             else {
@@ -612,6 +628,10 @@ function buildJobsPickerLines(state, width, nowMs) {
             }
         }
     }
+    const remaining = jobs.length - (start + visible.length);
+    if (remaining > 0) {
+        lines.push(plainLine(`  … ${remaining} older`, { color: 'gray', dim: true }));
+    }
     lines.push(plainLine('↑/↓ move    enter expand/collapse    k kill    esc close', {
         color: 'gray',
     }));
@@ -1119,7 +1139,7 @@ function buildOverlayLines(state, width, height, nowMs) {
         lines.push(...buildModelPickerPanel(options, state.modelPickerIndex, width, height));
     }
     if (state.jobsPickerOpen) {
-        lines.push(...buildJobsPickerLines(state, width, nowMs));
+        lines.push(...buildJobsPickerLines(state, width, height, nowMs));
     }
     if (state.resumePickerOpen) {
         const filtered = filterResumeSessions(state.resumePickerSessions, state.resumePickerFilter, state.serverModels);
@@ -1259,7 +1279,9 @@ export function buildTuiFrame(state, cols, rows, spinnerFrame, elapsedSeconds, n
     }
     const overlayHeight = state.userInputPrompt
         ? Math.max(0, rows - countSectionLines(sections))
-        : rows;
+        : state.jobsPickerOpen
+            ? Math.max(Math.min(rows, JOBS_PICKER_MIN_ROWS), rows - countSectionLines(sections))
+            : rows;
     const overlayLines = buildOverlayLines(state, contentWidth, overlayHeight, nowMs);
     if (overlayLines.length > 0) {
         sections.push({ kind: 'overlay', lines: overlayLines });

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

@@ -320,12 +320,14 @@ export function handleShellKeyEvent(store, handlers, event) {
         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;
         }
@@ -413,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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thegitai/cli",
-  "version": "1.0.0-preview.35",
+  "version": "1.0.0-preview.36",
   "description": "TheGitAI is an agentic AI coding tool for your terminal. It reads and searches your repository, writes and edits files, runs your tests, and verifies the change before handing it back.",
   "keywords": [
     "agentic-ai",
@@ -44,11 +44,11 @@
     "@lydell/node-pty-linux-x64": "1.1.0",
     "@lydell/node-pty-win32-arm64": "1.1.0",
     "@lydell/node-pty-win32-x64": "1.1.0",
-    "@thegitai/tui-darwin-arm64": "1.0.0-preview.35",
-    "@thegitai/tui-darwin-x64": "1.0.0-preview.35",
-    "@thegitai/tui-linux-arm64": "1.0.0-preview.35",
-    "@thegitai/tui-linux-x64": "1.0.0-preview.35",
-    "@thegitai/tui-win32-x64": "1.0.0-preview.35",
+    "@thegitai/tui-darwin-arm64": "1.0.0-preview.36",
+    "@thegitai/tui-darwin-x64": "1.0.0-preview.36",
+    "@thegitai/tui-linux-arm64": "1.0.0-preview.36",
+    "@thegitai/tui-linux-x64": "1.0.0-preview.36",
+    "@thegitai/tui-win32-x64": "1.0.0-preview.36",
     "@vscode/ripgrep": "1.18.0"
   },
   "repository": {