zames_pro 2.82.141 → 2.83.0

package/dist/theme.js

@@ -9,44 +9,246 @@ import { contentWidth } from './width.js';
 if (process.env.NO_COLOR) {
     chalk.level = 0;
 }
-// A calm palette for a dark terminal.
-// Muted, slightly "faded" tones without high saturation
-// (in the spirit of Tokyo Night / Nord). The goal is comfortable reading of
-// long answers, not maximum contrast.
-//
-// Roles:
-//   - user        — soft lavender-gray (service messages)
-//   - prompt      — warm gold (input prompt, noticeable)
-//   - dir         — light blue (working directory name)
-//   - assistant   — warm sand (model answers)
-//   - tool        — muted amber
-//   - toolResult  — gray-blue
-//   - system      — neutral gray
-//   - warn        — calm ochre
-//   - error       — muted terracotta
-export const theme = {
-    // Operator messages — a clearly DISTINCT cyan so they never blend with the
-    // model's warm-sand answers or the neutral system text (operator request).
-    user: chalk.hex('#8fd4f0'), // operator text — bright cyan-blue
-    userBar: chalk.hex('#4a8fb5'), // the `▌` bar marking an operator turn
-    // A dim rule + label separating one conversation TURN from the next.
-    turnRule: chalk.hex('#3a3f4b'),
-    turnLabel: chalk.hex('#5b616e'),
-    prompt: chalk.hex('#c8b06a').bold, // input prompt — warm gold, noticeable
-    dir: chalk.hex('#7fc4f0'), // working directory name — noticeably blue
-    assistant: chalk.hex('#cfc9b0'), // warm sand
-    tool: chalk.hex('#c6a97e'), // muted amber
-    toolResult: chalk.hex('#8a9bb5'), // gray-blue
-    system: chalk.hex('#808896'), // neutral gray
-    dim: chalk.hex('#5b616e'), // dark gray
-    taskSummary: chalk.hex('#8fa3c8'), // per-task summary — noticeable but calm, distinct from spinner brown and warn ochre
-    warn: chalk.hex('#c9a86a'), // calm ochre
-    error: chalk.hex('#c98a80'), // muted terracotta
-    success: chalk.hex('#a9c08c'), // soft sage
-    brown: chalk.hex('#a1723f'), // brown (status/spinner)
-    toggleOn: chalk.hex('#6fd0b0'), // teal-green — a toggle is ON
-    bold: chalk.bold,
+export const PALETTES = {
+    // zames — the original calm palette (Tokyo Night / Nord spirit): muted,
+    // slightly faded tones, comfortable for long answers.
+    zames: {
+        bg: '#23272e',
+        user: '#8fd4f0',
+        userBar: '#4a8fb5',
+        turnRule: '#3a3f4b',
+        turnLabel: '#5b616e',
+        prompt: '#c8b06a',
+        dir: '#7fc4f0',
+        assistant: '#cfc9b0',
+        tool: '#c6a97e',
+        toolResult: '#8a9bb5',
+        system: '#808896',
+        dim: '#5b616e',
+        taskSummary: '#8fa3c8',
+        warn: '#c9a86a',
+        error: '#c98a80',
+        success: '#a9c08c',
+        brown: '#a1723f',
+        toggleOn: '#6fd0b0',
+    },
+    // One Dark — Atom's default theme, the most recognized "modern editor" look.
+    'one-dark': {
+        bg: '#282c34',
+        user: '#61afef',
+        userBar: '#3e6f9e',
+        turnRule: '#3b4048',
+        turnLabel: '#5c6370',
+        prompt: '#e5c07b',
+        dir: '#61afef',
+        assistant: '#abb2bf',
+        tool: '#d19a66',
+        toolResult: '#7f8b9e',
+        system: '#828997',
+        dim: '#5c6370',
+        taskSummary: '#56b6c2',
+        warn: '#e5c07b',
+        error: '#e06c75',
+        success: '#98c379',
+        brown: '#d19a66',
+        toggleOn: '#56b6c2',
+    },
+    // Dracula — high-contrast purple/pink, extremely popular.
+    dracula: {
+        bg: '#282a36',
+        user: '#8be9fd',
+        userBar: '#4f8fa6',
+        turnRule: '#3d4152',
+        turnLabel: '#6272a4',
+        prompt: '#f1fa8c',
+        dir: '#8be9fd',
+        assistant: '#f8f8f2',
+        tool: '#ffb86c',
+        toolResult: '#b0b8d8',
+        system: '#9aa2c0',
+        dim: '#6272a4',
+        taskSummary: '#8be9fd',
+        warn: '#ffb86c',
+        error: '#ff5555',
+        success: '#50fa7b',
+        brown: '#bd93f9',
+        toggleOn: '#50fa7b',
+    },
+    // Gruvbox Dark — warm retro earth tones.
+    gruvbox: {
+        bg: '#282828',
+        user: '#83a598',
+        userBar: '#5a7a6e',
+        turnRule: '#3c3836',
+        turnLabel: '#665c54',
+        prompt: '#fabd2f',
+        dir: '#83a598',
+        assistant: '#ebdbb2',
+        tool: '#fe8019',
+        toolResult: '#a89984',
+        system: '#928374',
+        dim: '#665c54',
+        taskSummary: '#8ec07c',
+        warn: '#fabd2f',
+        error: '#fb4934',
+        success: '#b8bb26',
+        brown: '#d65d0e',
+        toggleOn: '#b8bb26',
+    },
+    // Nord — cool arctic blues, low contrast by design.
+    nord: {
+        bg: '#2e3440',
+        user: '#88c0d0',
+        userBar: '#5e81a8',
+        turnRule: '#3b4252',
+        turnLabel: '#616e88',
+        prompt: '#ebcb8b',
+        dir: '#88c0d0',
+        assistant: '#d8dee9',
+        tool: '#d08770',
+        toolResult: '#9aa7bd',
+        system: '#8b95a8',
+        dim: '#616e88',
+        taskSummary: '#81a1c1',
+        warn: '#ebcb8b',
+        error: '#bf616a',
+        success: '#a3be8c',
+        brown: '#d08770',
+        toggleOn: '#8fbcbb',
+    },
+    // Monokai — the classic Sublime Text scheme.
+    monokai: {
+        bg: '#272822',
+        user: '#66d9ef',
+        userBar: '#3f8c9e',
+        turnRule: '#3e3d32',
+        turnLabel: '#75715e',
+        prompt: '#e6db74',
+        dir: '#66d9ef',
+        assistant: '#f8f8f2',
+        tool: '#fd971f',
+        toolResult: '#a6a695',
+        system: '#a1a19a',
+        dim: '#75715e',
+        taskSummary: '#66d9ef',
+        warn: '#e6db74',
+        error: '#f92672',
+        success: '#a6e22e',
+        brown: '#fd971f',
+        toggleOn: '#a6e22e',
+    },
+    // Solarized Dark — Ethan Schoonover's precision palette.
+    'solarized-dark': {
+        bg: '#002b36',
+        user: '#268bd2',
+        userBar: '#1f6a9e',
+        turnRule: '#073642',
+        turnLabel: '#586e75',
+        prompt: '#b58900',
+        dir: '#2aa198',
+        assistant: '#93a1a1',
+        tool: '#cb4b16',
+        toolResult: '#839496',
+        system: '#839496',
+        dim: '#586e75',
+        taskSummary: '#2aa198',
+        warn: '#b58900',
+        error: '#dc322f',
+        success: '#859900',
+        brown: '#cb4b16',
+        toggleOn: '#2aa198',
+    },
+    // Tokyo Night — the modern neon-on-midnight scheme.
+    'tokyo-night': {
+        bg: '#1a1b26',
+        user: '#7dcfff',
+        userBar: '#3d7fa6',
+        turnRule: '#2a2e3f',
+        turnLabel: '#565f89',
+        prompt: '#e0af68',
+        dir: '#7dcfff',
+        assistant: '#c0caf5',
+        tool: '#ff9e64',
+        toolResult: '#9aa5ce',
+        system: '#787c99',
+        dim: '#565f89',
+        taskSummary: '#7aa2f7',
+        warn: '#e0af68',
+        error: '#f7768e',
+        success: '#9ece6a',
+        brown: '#ff9e64',
+        toggleOn: '#73daca',
+    },
 };
+/** The palette id used when the configured theme is unknown/missing. */
+export const DEFAULT_THEME = 'zames';
+/**
+ * True for a palette id we actually ship. Used by the config layer to
+ * normalize `ui.theme` (a stale value from an older/newer build must not
+ * leave the operator with an unstyled terminal).
+ */
+export function isThemeName(v) {
+    return (typeof v === 'string' && Object.prototype.hasOwnProperty.call(PALETTES, v));
+}
+/** All palette ids, in the order they are offered in /config. */
+export function themeNames() {
+    return Object.keys(PALETTES);
+}
+/** Build the chalk formatters for one palette. */
+function buildTheme(p) {
+    return {
+        user: chalk.hex(p.user),
+        userBar: chalk.hex(p.userBar),
+        turnRule: chalk.hex(p.turnRule),
+        turnLabel: chalk.hex(p.turnLabel),
+        prompt: chalk.hex(p.prompt).bold,
+        dir: chalk.hex(p.dir),
+        assistant: chalk.hex(p.assistant),
+        tool: chalk.hex(p.tool),
+        toolResult: chalk.hex(p.toolResult),
+        system: chalk.hex(p.system),
+        dim: chalk.hex(p.dim),
+        taskSummary: chalk.hex(p.taskSummary),
+        warn: chalk.hex(p.warn),
+        error: chalk.hex(p.error),
+        success: chalk.hex(p.success),
+        brown: chalk.hex(p.brown),
+        toggleOn: chalk.hex(p.toggleOn),
+        bold: chalk.bold,
+    };
+}
+// The LIVE theme object. It is mutated IN PLACE by applyTheme() so that every
+// module that captured the import (`import { theme } from './theme.js'`) sees
+// the switch without being re-imported — this is why the call sites read
+// `theme.x` at RENDER time instead of destructuring a color at module load.
+let activeName = DEFAULT_THEME;
+export const theme = buildTheme(PALETTES[DEFAULT_THEME]);
+/** The palette id currently rendered. */
+export function currentThemeName() {
+    return activeName;
+}
+/**
+ * Switch the palette for every subsequent render. Unknown ids fall back to the
+ * default so a hand-edited config can never blank out the colors.
+ * Returns the id actually applied.
+ */
+export function applyTheme(name) {
+    const next = isThemeName(name) ? name : DEFAULT_THEME;
+    const built = buildTheme(PALETTES[next]);
+    for (const key of Object.keys(built)) {
+        theme[key] = built[key];
+    }
+    activeName = next;
+    return next;
+}
+/**
+ * The active palette's RAW hex map — for the Ink TUI, which needs color
+ * STRINGS (Ink `<Text color>` does not take chalk functions) and for the
+ * README screenshot generator, which renders the real colors as HTML.
+ */
+export function themeColors() {
+    return PALETTES[activeName];
+}
 // Horizontal rule that separates the model's answer from the next block. It
 // spans the SHARED content width (src/width.ts) so the rule, the answers and
 // the tool previews all line up at the same margin. The `max` argument is kept

package/dist/tui/AskQuestion.js

@@ -91,10 +91,10 @@ export function AskQuestion({ question, options, recommended, allowText, locale
             out.push(line);
         return out.length ? out : [''];
     };
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI.accent, paddingX: 2, children: [_jsx(Text, { color: UI.title, bold: true, children: '◆ ' + t('askuser.title') }), wrap(question).map((line, i) => (_jsx(Text, { color: UI.text, children: line }, i))), _jsx(Text, { color: "#3a3f4b", children: '─'.repeat(innerCols) }), typing ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: UI.dim, children: t('askuser.your_answer') }), _jsx(Text, { color: UI.dim, children: t('askuser.enter_send') }), _jsxs(Text, { color: UI.accent, children: ['❯ ', text, '▏'] })] })) : (rows.map((label, i) => {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI.accent, paddingX: 2, children: [_jsx(Text, { color: UI.title, bold: true, children: '◆ ' + t('askuser.title') }), wrap(question).map((line, i) => (_jsx(Text, { color: UI.text, children: line }, i))), _jsx(Text, { color: UI.border, children: '─'.repeat(innerCols) }), typing ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: UI.dim, children: t('askuser.your_answer') }), _jsx(Text, { color: UI.dim, children: t('askuser.enter_send') }), _jsxs(Text, { color: UI.accent, children: ['❯ ', text, '▏'] })] })) : (rows.map((label, i) => {
                 const sel = i === cursor;
                 const isRec = i === recommended;
-                return (_jsxs(Text, { children: [_jsx(Text, { color: UI.accent, children: sel ? '❯ ' : '  ' }), _jsx(Text, { color: sel ? UI.accent : undefined, bold: sel, children: label }), isRec ? (_jsx(Text, { color: "#6fd0b0", children: '  (' + t('askuser.recommended') + ')' })) : null] }, i));
+                return (_jsxs(Text, { children: [_jsx(Text, { color: UI.accent, children: sel ? '❯ ' : '  ' }), _jsx(Text, { color: sel ? UI.accent : undefined, bold: sel, children: label }), isRec ? (_jsx(Text, { color: UI.on, children: '  (' + t('askuser.recommended') + ')' })) : null] }, i));
             })), _jsx(HintBar, { hints: typing
                     ? [
                         ['Enter', t('askuser.hint_send')],

package/dist/tui/ConfigMenu.js

@@ -39,6 +39,7 @@ function displayValue(field, value, t) {
 }
 export function ConfigMenuApp(opts) {
     const { fields, t, get, set, reset, getDefault, locale = 'en' } = opts;
+    const { onAfterChange } = opts;
     const { exit } = useApp();
     // The hint bar is operator text: it follows the SAME locale the labels use
     // (a hardcoded Russian bar showed up in an English UI).
@@ -89,6 +90,7 @@ export function ConfigMenuApp(opts) {
         try {
             set(f, raw);
             bump();
+            onAfterChange?.(f);
             setMessage(t('cfg.menu.saved', {
                 v: f.path,
                 value: displayValue(f, get(f.path), t),
@@ -105,6 +107,7 @@ export function ConfigMenuApp(opts) {
         if (f.type === 'boolean') {
             set(f, get(f.path) === true ? 'false' : 'true');
             bump();
+            onAfterChange?.(f);
             setMessage(null);
             return;
         }
@@ -125,6 +128,7 @@ export function ConfigMenuApp(opts) {
         const next = f.values[(base + dir + f.values.length) % f.values.length];
         set(f, next);
         bump();
+        onAfterChange?.(f);
         setMessage(null);
     };
     /** ←/→ acts on the focused row: cycle an enum, toggle a boolean. */
@@ -137,6 +141,7 @@ export function ConfigMenuApp(opts) {
         else if (f.type === 'boolean') {
             set(f, get(f.path) === true ? 'false' : 'true');
             bump();
+            onAfterChange?.(f);
             setMessage(null);
         }
     };
@@ -244,6 +249,7 @@ export function ConfigMenuApp(opts) {
             if (pendingReset === f.path) {
                 reset(f);
                 bump();
+                onAfterChange?.(f);
                 setMessage(t('cfg.reset', { v: f.path }));
                 setPendingReset(null);
             }
@@ -330,7 +336,7 @@ export function ConfigMenuApp(opts) {
     if (!visible.length) {
         items.push(_jsx(Text, { color: UI.dim, children: '  ' + t('cfg.menu.no_match') }, "none"));
     }
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI.border, paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: UI.title, children: t('cfg.menu.title') }), _jsx(Text, { color: UI.dim, children: (visible.length ? cursor + 1 : 0) + '/' + visible.length })] }), _jsx(Text, { color: "#3a3f4b", children: '─'.repeat(Math.max(10, (columns || 80) - 6)) }), items, _jsx(Text, { color: "#3a3f4b", children: '─'.repeat(Math.max(10, (columns || 80) - 6)) }), editing ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: UI.text, children: t('cfg.menu.edit_hint') }), _jsx(Text, { color: UI.accent, children: '❯ ' + editBuf })] })) : filterMode ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: UI.text, children: t('cfg.menu.filter_hint') }), _jsx(Text, { color: UI.accent, children: '❯ ' + filterQuery })] })) : message ? (_jsx(Text, { color: UI.ok, children: message })) : filterQuery ? (_jsx(Text, { color: UI.dim, children: t('cfg.menu.filter_active', { q: filterQuery }) })) : null, _jsx(HintBar, { hints: [
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI.border, paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: UI.title, children: t('cfg.menu.title') }), _jsx(Text, { color: UI.dim, children: (visible.length ? cursor + 1 : 0) + '/' + visible.length })] }), _jsx(Text, { color: UI.border, children: '─'.repeat(Math.max(10, (columns || 80) - 6)) }), items, _jsx(Text, { color: UI.border, children: '─'.repeat(Math.max(10, (columns || 80) - 6)) }), editing ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: UI.text, children: t('cfg.menu.edit_hint') }), _jsx(Text, { color: UI.accent, children: '❯ ' + editBuf })] })) : filterMode ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: UI.text, children: t('cfg.menu.filter_hint') }), _jsx(Text, { color: UI.accent, children: '❯ ' + filterQuery })] })) : message ? (_jsx(Text, { color: UI.ok, children: message })) : filterQuery ? (_jsx(Text, { color: UI.dim, children: t('cfg.menu.filter_active', { q: filterQuery }) })) : null, _jsx(HintBar, { hints: [
                     ['↑/↓', hint('tui.hint.select')],
                     ['←/→', hint('tui.hint.change')],
                     ['Enter', hint('tui.hint.edit')],

package/dist/tui/FullScreenApp.js

@@ -12,15 +12,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSyncExternalStore } from 'react';
 import { Box, Text, useWindowSize, useInput } from 'ink';
 import { LogList } from './LogView.js';
-import { windowByRows, totalRows, entryRows } from './log-window.js';
+import { windowByRows, totalRows } from './log-window.js';
 import { StatusBar } from './StatusBar.js';
 import { InputLine } from './InputLine.js';
-import { contentWidth } from '../width.js';
 import { translate } from '../i18n.js';
 import { suggestRowCount } from '../input/suggest.js';
 import { truncateToWidth, visLen } from '../input/layout.js';
 import { fullScreenLayout } from './layout.js';
 import { useMouseWheel } from './useMouseWheel.js';
+import { UI } from './ui-colors.js';
 /** The header bar: title, version, working directory. */
 function Header({ store }) {
     const state = useSyncExternalStore(store.subscribe, store.getSnapshot);
@@ -29,6 +29,9 @@ function Header({ store }) {
         .filter(Boolean)
         .join(' ');
     const left = '❯ ' + state.title + (state.version ? ' v' + state.version : '');
+    // Referencing the nonce keeps the React dependency honest: the header colors
+    // come from the shared UI map, which is mutated in place on a theme switch.
+    void state.themeNonce;
     const rawDir = state.workdir ? '  ' + state.workdir : '';
     // The header MUST stay exactly ONE text row: FullScreenApp reserves
     // HEADER_ROWS = 2 (title + divider) and the whole panel height is computed
@@ -44,7 +47,7 @@ function Header({ store }) {
         dir = budget > 0 ? truncateToWidth(dir, budget) : '';
     // If even title + provider exceed the width, drop the directory entirely.
     const finalDir = gap >= 1 ? dir : '';
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "#c8b06a", bold: true, children: left }), _jsx(Text, { color: "#7fc4f0", children: finalDir }), _jsx(Text, { children: ' '.repeat(Math.max(1, cols - visLen(left) - visLen(finalDir) - visLen(right) - 2)) }), right ? _jsx(Text, { color: "#6fd0b0", children: right }) : null] }), _jsx(Text, { color: "#3a3f4b", children: '─'.repeat(cols) })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: UI.accent, bold: true, children: left }), _jsx(Text, { color: UI.accent, children: finalDir }), _jsx(Text, { children: ' '.repeat(Math.max(1, cols - visLen(left) - visLen(finalDir) - visLen(right) - 2)) }), right ? _jsx(Text, { color: UI.on, children: right }) : null] }), _jsx(Text, { color: UI.border, children: '─'.repeat(cols) })] }));
 }
 export function FullScreenApp({ store, inputProps, }) {
     const state = useSyncExternalStore(store.subscribe, store.getSnapshot);
@@ -69,22 +72,13 @@ export function FullScreenApp({ store, inputProps, }) {
     // it half empty. `scroll` is measured in ROWS here (0 = newest at the
     // bottom).
     const all = state.log;
-    // The viewport height is RESERVED with the floor (never more rows than the
-    // pane can hold) and the box is allowed to take the slack: rounding the
-    // reservation UP on every entry made the panel taller than the terminal on a
-    // short window, so the input rows fell below the last screen row and the
-    // caret drifted under the box while a long multi-line buffer was typed.
-    const totalFloor = totalRows(all, cols, 'floor');
+    // The scroll bound uses the EXACT row count: it is what the content really
+    // renders, so the newest row stays reachable. (Reserving the viewport with
+    // the floor is a separate concern, handled in `fullScreenLayout`.)
     const total = totalRows(all, cols);
     const maxScroll = Math.max(0, total - logHeight);
     const scroll = Math.max(0, Math.min(state.scroll, maxScroll));
     const visible = windowByRows(all, logHeight, scroll, cols);
-    // Rows the WINDOWED content really needs. The reservation above rounds DOWN
-    // per entry (floor), so the difference is the slack the content needs. The
-    // box takes at most `logHeight` and at least one row; never more, because
-    // that is exactly what pushed the input rows off a short screen.
-    const filledRows = visible.reduce((n, e) => n + entryRows(e, cols), 0);
-    const logBoxHeight = Math.max(1, Math.min(logHeight, Math.max(filledRows, 1)));
     // Scroll the log with PgUp/PgDn; Home/End jump to the very top/bottom. The
     // input line OWNS Home/End while its buffer is non-empty (they move the
     // caret), so the jump only applies to an EMPTY buffer — which is exactly
@@ -117,13 +111,12 @@ export function FullScreenApp({ store, inputProps, }) {
         const next = cur + delta * 3;
         store.set({ scroll: Math.max(0, Math.min(maxScroll, next)) });
     }, state.mouseScroll);
-    return (_jsxs(Box, { flexDirection: "column", height: termRows, children: [_jsx(Header, { store: store }), _jsx(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, minHeight: 1, overflow: "hidden", justifyContent: "flex-end", children: all.length === 0 ? (_jsx(Text, { color: "#5b616e", children: translate(state.locale)('editor.empty_hint') })) : (_jsx(LogList, { entries: visible })) }), _jsx(StatusBar, { state: state, divider: false }), _jsx(InputLine, { ...inputProps, store: store, 
+    return (_jsxs(Box, { flexDirection: "column", height: termRows, children: [_jsx(Header, { store: store }), _jsx(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, minHeight: 1, overflow: "hidden", justifyContent: "flex-end", children: all.length === 0 ? (_jsx(Text, { color: UI.dim, children: translate(state.locale)('editor.empty_hint') })) : (_jsx(LogList, { entries: visible })) }), _jsx(StatusBar, { state: state, divider: false }), _jsx(InputLine, { ...inputProps, store: store, 
                 // Cursor rows above the input box: header + log viewport + status.
                 // The log pane is FLEXIBLE now, so the panel below it starts right
                 // after everything above: header + as many log rows as fit + the
                 // suggestion popup + status. `cursorTop` counts the rows ABOVE the
                 // input rows; the box border row is added by InputLine.
-                cursorTop: fsLayout.cursorTop, prompt: state.prompt, locale: state.locale, commands: state.commands, locked: state.locked }), _jsx(Text, { color: "#5b616e", wrap: "truncate", children: ' ' +
+                cursorTop: fsLayout.cursorTop, prompt: state.prompt, locale: state.locale, commands: state.commands, locked: state.locked }), _jsx(Text, { color: UI.dim, wrap: "truncate", children: ' ' +
                     translate(state.locale)(state.mouseScroll ? 'editor.keys_hint' : 'editor.keys_hint_select') })] }));
 }
-void contentWidth;

package/dist/tui/InputLine.js

@@ -16,10 +16,11 @@ import { insertText, insertPaste, insertNewline, backspace, del, moveLeft, moveR
 import { dispatchKey, parseCsiU } from './keys.js';
 import { useSyncExternalStore } from 'react';
 import { matchSlashCommands, suggestWindow, completeSlashCommand, } from '../input/suggest.js';
+import { UI } from './ui-colors.js';
 /** Render the visual rows of the buffer with the prompt on the first row. */
 function InputRows({ prompt, buf, cols, }) {
     const lay = layoutInput(prompt, buf, 0, cols);
-    return (_jsx(Box, { flexDirection: "column", children: lay.rows.map((r, i) => (_jsxs(Text, { children: [_jsx(Text, { color: "#c8b06a", bold: true, children: r.prefix }), r.text] }, i))) }));
+    return (_jsx(Box, { flexDirection: "column", children: lay.rows.map((r, i) => (_jsxs(Text, { children: [_jsx(Text, { color: UI.accent, bold: true, children: r.prefix }), r.text] }, i))) }));
 }
 export function InputLine(props) {
     const { columns } = useWindowSize();
@@ -316,9 +317,9 @@ export function InputLine(props) {
     return (_jsxs(Box, { flexDirection: "column", children: [suggestions.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [shown.map((c, i) => {
                         const label = c.hint ? c.name + ' ' + c.hint : c.name;
                         const selected = suggestOffset + i === suggestSelected;
-                        return (_jsxs(Text, { children: [_jsx(Text, { color: "#c8b06a", children: selected ? ' ▸ ' : '   ' }), _jsx(Text, { color: "#c8b06a", children: label }), _jsx(Text, { color: "#5b616e", children: '  ' + c.description })] }, c.name));
-                    }), moreCount > 0 && (_jsx(Text, { color: "#5b616e", children: '   ' +
+                        return (_jsxs(Text, { children: [_jsx(Text, { color: UI.accent, children: selected ? ' ▸ ' : '   ' }), _jsx(Text, { color: UI.accent, children: label }), _jsx(Text, { color: UI.dim, children: '  ' + c.description })] }, c.name));
+                    }), moreCount > 0 && (_jsx(Text, { color: UI.dim, children: '   ' +
                             t('editor.more', { n: String(moreCount) }) +
                             '  ' +
-                            t('editor.page_hint') }))] })), _jsx(Box, { borderStyle: "round", borderColor: props.locked ? '#5b616e' : '#c8b06a', paddingLeft: 1, paddingRight: 1, flexDirection: "column", children: _jsx(InputRows, { prompt: props.prompt, buf: st.buf, cols: innerCols }) })] }));
+                            t('editor.page_hint') }))] })), _jsx(Box, { borderStyle: "round", borderColor: props.locked ? UI.dim : UI.accent, paddingLeft: 1, paddingRight: 1, flexDirection: "column", children: _jsx(InputRows, { prompt: props.prompt, buf: st.buf, cols: innerCols }) })] }));
 }

package/dist/tui/LogView.js

@@ -3,7 +3,7 @@ import { Static, Box, Text } from 'ink';
 import { theme } from '../theme.js';
 /** One log entry. `raw` items already carry ANSI colors and are printed
  *  verbatim; structured items get a themed prefix. */
-export function LogRow({ entry }) {
+function LogRow({ entry }) {
     if (entry.raw) {
         // Pre-rendered (markdown answer, tool preview). Print as-is; Ink passes
         // embedded ANSI escape sequences through to the terminal.

package/dist/tui/SelectList.js

@@ -44,7 +44,7 @@ export function SelectList({ title, items, initial, locale = 'en', onSelect, })
             finish(items[cursor]?.value ?? null);
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI.border, paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { color: UI.title, bold: true, children: '◆ ' + title }), _jsx(Text, { color: UI.dim, children: items.length })] }), _jsx(Text, { color: "#3a3f4b", children: '─'.repeat(innerCols) }), items.slice(win.top, win.end).map((it, i) => {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI.border, paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { color: UI.title, bold: true, children: '◆ ' + title }), _jsx(Text, { color: UI.dim, children: items.length })] }), _jsx(Text, { color: UI.border, children: '─'.repeat(innerCols) }), items.slice(win.top, win.end).map((it, i) => {
                 const idx = win.top + i;
                 const sel = idx === cursor;
                 return (_jsxs(Text, { children: [_jsx(Text, { color: UI.accent, children: sel ? '❯ ' : '  ' }), _jsx(Text, { color: sel ? UI.accent : undefined, bold: sel, children: it.label }), it.detail ? _jsx(Text, { color: UI.dim, children: '  ' + it.detail }) : null] }, it.value));

package/dist/tui/StatusBar.js

@@ -2,6 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { Box, Text, useAnimation, useWindowSize } from 'ink';
 import { translate } from '../i18n.js';
 import { DOTS, stripEllipsis } from '../spinner.js';
+import { UI } from './ui-colors.js';
 import { truncateToWidth, visLen } from '../input/layout.js';
 /** Elapsed seconds of the current animated phase ("0s", "45s", "2m 05s"). */
 function elapsedLabel(startedAt, animating) {
@@ -68,16 +69,16 @@ function Badges({ state, budget = Infinity, }) {
         all.push({ key, w, node });
     };
     if (state.statusLine) {
-        add('sl', visLen(state.statusLine) + 1, _jsxs(Text, { color: "#808896", children: [state.statusLine, ' '] }, "sl"));
+        add('sl', visLen(state.statusLine) + 1, _jsxs(Text, { color: UI.system, children: [state.statusLine, ' '] }, "sl"));
     }
     if (state.provider) {
-        add('prov', visLen('[' + state.provider + '] '), _jsx(Text, { color: "#808896", children: '[' + state.provider + '] ' }, "prov"));
+        add('prov', visLen('[' + state.provider + '] '), _jsx(Text, { color: UI.system, children: '[' + state.provider + '] ' }, "prov"));
     }
     if (state.queueLength > 0) {
-        add('q', visLen('⧗' + state.queueLength + ' '), _jsxs(Text, { color: "#c9a86a", children: ['⧗' + state.queueLength, ' '] }, "q"));
+        add('q', visLen('⧗' + state.queueLength + ' '), _jsxs(Text, { color: UI.warn, children: ['⧗' + state.queueLength, ' '] }, "q"));
     }
     if (state.tasks) {
-        add('t', visLen(state.tasks) + 1, _jsxs(Text, { color: "#808896", children: [state.tasks, ' '] }, "t"));
+        add('t', visLen(state.tasks) + 1, _jsxs(Text, { color: UI.system, children: [state.tasks, ' '] }, "t"));
     }
     const toggles = [];
     if (state.thinkingEnabled)
@@ -86,14 +87,14 @@ function Badges({ state, budget = Infinity, }) {
         toggles.push('🌐\uFE0E');
     if (toggles.length) {
         const label = toggles.join(' ') + ' ';
-        add('tg', visLen(label), _jsx(Text, { color: "#6fd0b0", children: label }, "tg"));
+        add('tg', visLen(label), _jsx(Text, { color: UI.on, children: label }, "tg"));
     }
     if (state.contextText) {
         const color = state.contextLevel === 'high'
-            ? '#c98a80'
+            ? UI.err
             : state.contextLevel === 'warn'
-                ? '#c9a86a'
-                : '#a9c08c';
+                ? UI.warn
+                : UI.ok;
         const marker = state.contextLevel === 'high'
             ? '⛔ '
             : state.contextLevel === 'warn'
@@ -161,5 +162,5 @@ export function StatusBar({ state, divider = true, }) {
     const cols = useWindowSize().columns || 80;
     const leftBudget = Math.max(0, Math.min(Math.floor(cols / 3), cols - 14));
     const leftOut = showLeft ? truncateToWidth(leftText, leftBudget) : '';
-    return (_jsxs(Box, { flexDirection: "column", children: [divider ? _jsx(Text, { color: "#3a3f4b", children: '─'.repeat(cols) }) : null, _jsxs(Box, { flexDirection: "row", width: Math.max(1, cols - 2), height: 1, children: [_jsx(Text, { color: "#a1723f", children: leftOut || ' ' }), _jsx(Box, { flexGrow: 1 }), _jsx(Badges, { state: state, budget: Math.max(0, cols - 2 - visLen(leftOut)) })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [divider ? _jsx(Text, { color: UI.border, children: '─'.repeat(cols) }) : null, _jsxs(Box, { flexDirection: "row", width: Math.max(1, cols - 2), height: 1, children: [_jsx(Text, { color: UI.accentDim, children: leftOut || ' ' }), _jsx(Box, { flexGrow: 1 }), _jsx(Badges, { state: state, budget: Math.max(0, cols - 2 - visLen(leftOut)) })] })] }));
 }

package/dist/tui/TuiEditor.js

@@ -344,6 +344,15 @@ export class TuiEditor {
         this.locale = locale;
         this.store.set({ locale });
     }
+    /**
+     * Repaint the Ink widgets after a palette switch. The hex map (UI) is
+     * mutated in place by theme.applyTheme(), but Ink only re-renders when the
+     * store emits — bump a nonce so every subscribed component redraws with the
+     * new colors.
+     */
+    setTheme(_colors) {
+        this.store.set({ themeNonce: Date.now() });
+    }
     setCommands(commands) {
         this.commands = commands;
         this.store.set({ commands });

package/dist/tui/edit.js

@@ -292,7 +292,7 @@ export function searchStart(s) {
     };
     return searchRefresh(st, true);
 }
-export function searchRefresh(s, resetToNewest) {
+function searchRefresh(s, resetToNewest) {
     const q = s.searchQuery;
     const index = resetToNewest ? s.history.length - 1 : s.searchIndex;
     for (let i = index; i >= 0; i--) {

package/dist/tui/layout.js

@@ -7,7 +7,7 @@ import { inputBoxRows } from '../input/layout.js';
 /** Rows of the fixed header: the title row + the divider. */
 export const HEADER_ROWS = 2;
 /** Rows of the status bar above the input box. */
-export const STATUS_ROWS = 1;
+const STATUS_ROWS = 1;
 /** Rows of the key hint UNDER the input box. */
 export const HINT_ROWS = 1;
 export function fullScreenLayout(input) {

package/dist/tui/store.js

@@ -45,6 +45,7 @@ function initialState() {
         searchEnabled: false,
         statusLine: '',
         columns: process.stdout.columns || 80,
+        themeNonce: 0,
     };
 }
 /**

package/dist/tui/ui-colors.js

@@ -0,0 +1,37 @@
+// The Ink TUI's color map, derived from the ACTIVE terminal palette
+// (src/theme.ts). Ink `<Text color>` takes a plain hex STRING, not a chalk
+// function, so the TUI cannot reuse `theme` directly — this module is the one
+// bridge between the two.
+//
+// `UI` is mutated IN PLACE by syncUiColors() (like `theme`): every component
+// reads `UI.x` at RENDER time, so a /config theme switch repaints without
+// re-importing anything. Components must never destructure a color at module
+// load — that would freeze the palette at startup.
+import { PALETTES, DEFAULT_THEME, isThemeName } from '../theme.js';
+/** Derive the Ink map from a terminal palette. */
+export function uiColorsFrom(p) {
+    return {
+        accent: p.prompt,
+        accentDim: p.turnLabel,
+        text: p.assistant,
+        dim: p.dim,
+        border: p.turnRule,
+        on: p.toggleOn,
+        off: p.dim,
+        ok: p.success,
+        warn: p.warn,
+        err: p.error,
+        system: p.system,
+        title: p.taskSummary,
+    };
+}
+export const UI = uiColorsFrom(PALETTES[DEFAULT_THEME]);
+/** Repaint the Ink widgets with the palette of `name` (unknown -> default). */
+export function syncUiColors(name) {
+    const id = isThemeName(name) ? name : DEFAULT_THEME;
+    const next = uiColorsFrom(PALETTES[id]);
+    for (const key of Object.keys(next)) {
+        UI[key] = next[key];
+    }
+    return id;
+}