@thegitai/cli 1.0.0-preview.19 → 1.0.0-preview.20

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

@@ -3,6 +3,7 @@ import { singleLinePreview, truncate } from '../../utils.js';
 import { formatClientTokenUsage } from '../repl.js';
 import { renderFormattedBodyLines, renderPreformattedBodyLines, } from './markdown-render.js';
 import { displayWidth, line, padToWidth, plainLine, sliceToWidth, span, wrapText, } from './text.js';
+import { isDarkTerminalBackground, mutedColor, mutedStyle } from './terminal-theme.js';
 import { buildUserInputOverlayLines, } from './user-input.js';
 const WORKING_CLOCK_ICON = '◷';
 const BRAILLE_SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴'];
@@ -87,7 +88,7 @@ function splitComposerInput(input, cursor, width) {
 function buildComposerInputLines(input, cursor, promptLabel, placeholder, width) {
     if (!input) {
         return [
-            line(span(promptLabel, { color: 'cyan' }), span(' ', { inverse: true }), span(placeholder, { color: 'gray' })),
+            line(span(promptLabel, { color: 'cyan' }), span(' ', { inverse: true }), span(placeholder, { color: mutedColor() })),
         ];
     }
     const labelWidth = promptLabel.length;
@@ -277,14 +278,16 @@ function todoInProgressGlyph(progressTick) {
 function todoItemLine(item, width, progressTick = null) {
     const text = fitLine(item.text, Math.max(8, width - 5));
     if (item.status === 'completed') {
-        return line(span('  ✔ ', { color: 'green' }), span(text, { color: 'gray', dim: true }));
+        return line(span('  ✔ ', { color: 'green' }), span(text, mutedStyle()));
     }
     if (item.status === 'in_progress') {
         return line(span(`  ${todoInProgressGlyph(progressTick)} `, {
             color: TODO_IN_PROGRESS_COLOR,
         }), span(text, { color: TODO_IN_PROGRESS_COLOR, bold: true }));
     }
-    return line(span('  ○ ', { color: 'gray' }), span(text));
+    return line(span('  ○ ', { color: mutedColor() }), isDarkTerminalBackground()
+        ? span(text, { color: mutedColor() })
+        : span(text));
 }
 const TURN_MESSAGE_PANEL_MAX_ROWS = 6;
 const TURN_MESSAGE_LABEL = {
@@ -335,7 +338,7 @@ export function renderTodoListLines(items, width, { header = false, progressTick
         return [];
     const lines = [];
     if (header) {
-        lines.push(line(span('To-dos', { color: 'cyan', bold: true }), span(` · ${formatTodoProgress(items)}`, { color: 'gray' })));
+        lines.push(line(span('To-dos', { color: 'cyan', bold: true }), span(` · ${formatTodoProgress(items)}`, { color: mutedColor() })));
     }
     const itemRowBudget = TODO_PANEL_MAX_ROWS - (header ? 1 : 0);
     let collapsedDone = 0;
@@ -349,7 +352,7 @@ export function renderTodoListLines(items, width, { header = false, progressTick
         collapsedDone = Math.min(over, leadingDone);
     }
     if (collapsedDone > 0) {
-        lines.push(line(span('  ✔ ', { color: 'green' }), span(`${collapsedDone} completed`, { color: 'gray', dim: true })));
+        lines.push(line(span('  ✔ ', { color: 'green' }), span(`${collapsedDone} completed`, mutedStyle())));
     }
     const remaining = items.slice(collapsedDone);
     const budget = itemRowBudget - (collapsedDone > 0 ? 1 : 0);
@@ -358,10 +361,7 @@ export function renderTodoListLines(items, width, { header = false, progressTick
         lines.push(todoItemLine(item, width, progressTick));
     }
     if (remaining.length > visible.length) {
-        lines.push(plainLine(`  … +${remaining.length - visible.length} more`, {
-            color: 'gray',
-            dim: true,
-        }));
+        lines.push(plainLine(`  … +${remaining.length - visible.length} more`, mutedStyle()));
     }
     return lines;
 }
@@ -527,9 +527,10 @@ function composerFooterLines(state) {
                     : 'Enter sends • Shift+Tab mode • Ctrl+V image • Esc cancel turn • Ctrl+C clears / quits';
     const agentLabel = agentModeLabel(state.agentMode).padEnd(AGENT_MODE_LABEL_WIDTH);
     const tokenUsageText = state.tokenUsage || formatClientTokenUsage(null);
+    const footerMuted = mutedStyle();
     const footerSpans = [
-        span(helperText, { color: 'gray', dim: true }),
-        span(' '.repeat(Math.max(1, 8)), { color: 'gray', dim: true }),
+        span(helperText, footerMuted),
+        span(' '.repeat(Math.max(1, 8)), footerMuted),
         span(agentLabel, {
             color: state.agentMode === 'plan' ? 'yellow' : 'cyan',
         }),

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thegitai/cli",
-  "version": "1.0.0-preview.19",
+  "version": "1.0.0-preview.20",
   "description": "TheGitAI is an AI coding agent for your terminal. It indexes your repository, writes and edits files, runs commands, and builds features with you.",
   "keywords": [
     "ai",
@@ -37,10 +37,10 @@
     "@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.19",
-    "@thegitai/tui-darwin-x64": "1.0.0-preview.19",
-    "@thegitai/tui-linux-x64": "1.0.0-preview.19",
-    "@thegitai/tui-win32-x64": "1.0.0-preview.19",
+    "@thegitai/tui-darwin-arm64": "1.0.0-preview.20",
+    "@thegitai/tui-darwin-x64": "1.0.0-preview.20",
+    "@thegitai/tui-linux-x64": "1.0.0-preview.20",
+    "@thegitai/tui-win32-x64": "1.0.0-preview.20",
     "@vscode/ripgrep": "1.18.0"
   },
   "publishConfig": {