zames_pro 2.82.142 → 2.83.0

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.83.0] - 2026-10-27
+
+### Added
+
+- **ui:** selectable terminal color themes
+
 ## [2.82.142] - 2026-10-27
 
 ### Fixed

package/README.md

@@ -620,6 +620,15 @@ right away (where possible without a restart).
 (help, messages, spinner) and the language the agent answers you in. The
 locale lives in `ui.locale` in the config file.
 
+### Themes
+
+`/config set ui.theme <id>` (or the `/config` menu, row «Terminal color theme»)
+repaints the whole terminal in a different palette, live — no restart. `zames`
+is the default; the bundled palettes are ports of well-known editor schemes:
+
+`zames` (default), `one-dark`, `dracula`, `gruvbox`, `nord`, `monokai`,
+`solarized-dark`, `tokyo-night`.
+
 Agent data is stored in `~/.zames`: browser profile, logs, undo history, sessions.
 
 ## FAQ
@@ -1330,6 +1339,16 @@ enum переключаются на месте; числа и строки от
 (справка, сообщения, спиннер), и язык, на котором агент вам отвечает. Локаль
 хранится в `ui.locale` в файле конфига.
 
+### Темы
+
+`/config set ui.theme <id>` (или меню `/config`, строка «Цветовая тема
+терминала») перекрашивает весь терминал в другую палитру, сразу — без
+перезапуска. Тема по умолчанию — `zames`; в комплекте порты известных схем
+редакторов:
+
+`zames` (по умолчанию), `one-dark`, `dracula`, `gruvbox`, `nord`, `monokai`,
+`solarized-dark`, `tokyo-night`.
+
 Данные агента хранятся в `~/.zames`: профиль браузера, логи, история undo,
 сессии.
 

package/dist/config.js

@@ -5,6 +5,7 @@ import { DEFAULT_DIAGNOSTICS } from './diagnostics.js';
 import { DEFAULT_LOCALE } from './i18n.js';
 import { writeJsonAtomic } from './fsutil.js';
 import { PROVIDER_IDS } from './providers.js';
+import { DEFAULT_THEME, themeNames } from './theme.js';
 const ZAMES_HOME = path.join(os.homedir(), '.zames');
 const HOME_CONFIG = path.join(ZAMES_HOME, 'config.json');
 // The PROJECT config path is resolved LAZILY: `/cd` changes process.cwd() at
@@ -132,6 +133,7 @@ export const DEFAULTS = {
     },
     ui: {
         locale: DEFAULT_LOCALE,
+        theme: DEFAULT_THEME,
         contextLimit: 1_000_000,
         // 0 = auto: terminal width, capped at 100 columns (the historical width).
         answerWidth: 0,
@@ -289,6 +291,13 @@ export const CONFIG_SCHEMA = [
         labelKey: 'cfg.f.maxIterations',
         groupKey: 'cfg.group.agent',
     },
+    {
+        path: 'ui.theme',
+        type: 'enum',
+        values: themeNames(),
+        labelKey: 'cfg.f.ui_theme',
+        groupKey: 'cfg.group.ui',
+    },
     {
         path: 'ui.answerWidth',
         type: 'number',

package/dist/i18n/config.js

@@ -55,6 +55,10 @@ export const configMessages = {
         ru: 'Язык интерфейса и ответов агента',
         en: 'Interface and agent reply language',
     },
+    'cfg.f.ui_theme': {
+        ru: 'Цветовая тема терминала',
+        en: 'Terminal color theme',
+    },
     'cfg.f.ui_answerWidth': {
         ru: 'Ширина контента в колонках: ответы, ввод, инструменты (0 — авто, до 100)',
         en: 'Content width in columns: answers, input, tools (0 = auto, capped at 100)',

package/dist/index.js

@@ -4,7 +4,7 @@ import path from 'path';
 import fs from 'fs/promises';
 import { readFileSync, statSync } from 'fs';
 import { fileURLToPath } from 'url';
-import { theme } from './theme.js';
+import { theme, applyTheme, themeColors } from './theme.js';
 import { DeepSeekBrowser, headlessUACacheReady } from './browser.js';
 import { QwenBrowser } from './qwen-browser.js';
 import { GlmBrowser } from './glm-browser.js';
@@ -119,6 +119,10 @@ if (providerArg !== null) {
 }
 // Apply the configured answer width to the markdown renderer (0 = auto).
 setAnswerWidth(config.ui?.answerWidth ?? 0);
+// The color palette must be selected BEFORE the first line is rendered (the
+// banner, startup notices): theme.ts starts on the default and every call site
+// reads the live object, so one apply here repaints the whole session.
+applyTheme(config.ui?.theme);
 // Current interface/agent language. Changed by the /config lang <ru|en> command.
 let currentLocale = isLocale(config.ui?.locale)
     ? config.ui.locale
@@ -1934,6 +1938,18 @@ async function main() {
                 editor.setPrompt(buildPrompt());
             }
         }
+        // Repaint the WHOLE terminal in the new palette immediately. The theme
+        // object is shared and mutated in place, so every later render uses it;
+        // the editor is asked for a full redraw because the rows already on screen
+        // (status, prompt, hints) were painted with the OLD colors.
+        if (path === 'ui.theme') {
+            const applied = applyTheme(value);
+            config.ui.theme = applied;
+            if (editor) {
+                editor.setTheme?.(themeColors());
+                editor.refreshStatus();
+            }
+        }
         // Apply a live change to the answer width immediately, so the next
         // rendered answer uses the new width without a restart.
         if (path === 'ui.answerWidth') {
@@ -2155,6 +2171,13 @@ async function main() {
             getDefault: (path) => getByPath(DEFAULTS, path),
             set: (field, raw) => configSetRaw(field, raw),
             reset: (field) => configResetField(field),
+            // The menu itself must repaint when the THEME row changes: its widgets
+            // read the shared UI map, and without a bump the operator would cycle
+            // palette ids while the colors stayed those of the previous one.
+            onAfterChange: (field) => {
+                if (field.path === 'ui.theme')
+                    editor?.setTheme?.(themeColors());
+            },
             locale: currentLocale,
         };
         try {

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

@@ -20,6 +20,7 @@ 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);
@@ -28,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
@@ -43,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);
@@ -107,12 +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') })] }));
 }

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/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/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;
+}

package/dist/tui/widgets.js

@@ -1,19 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from 'ink';
-export const UI = {
-    accent: '#c8b06a',
-    accentDim: '#7a6b45',
-    text: '#cfc9b0',
-    dim: '#5b616e',
-    border: '#4a5058',
-    on: '#6fd0b0',
-    off: '#5b616e',
-    ok: '#a9c08c',
-    warn: '#c9a86a',
-    err: '#c98a80',
-    system: '#808896',
-    title: '#9fb8d8',
-};
+// The color map lives in ui-colors.ts because it is DERIVED from the active
+// terminal palette and mutated in place on a /config theme switch. Re-exported
+// here so every existing `import { UI } from './widgets.js'` keeps working.
+export { UI } from './ui-colors.js';
+import { UI } from './ui-colors.js';
 /** `[x]` / `[ ]` — a checkbox for a boolean value. */
 export function Checkbox({ checked, focused, }) {
     return (_jsx(Text, { color: checked ? UI.on : UI.off, bold: focused, children: checked ? '[x]' : '[ ]' }));

package/llms-full.txt

@@ -605,6 +605,15 @@ right away (where possible without a restart).
 (help, messages, spinner) and the language the agent answers you in. The
 locale lives in `ui.locale` in the config file.
 
+### Themes
+
+`/config set ui.theme <id>` (or the `/config` menu, row «Terminal color theme»)
+repaints the whole terminal in a different palette, live — no restart. `zames`
+is the default; the bundled palettes are ports of well-known editor schemes:
+
+`zames` (default), `one-dark`, `dracula`, `gruvbox`, `nord`, `monokai`,
+`solarized-dark`, `tokyo-night`.
+
 Agent data is stored in `~/.zames`: browser profile, logs, undo history, sessions.
 
 ## FAQ

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zames_pro",
-  "version": "2.82.142",
+  "version": "2.83.0",
   "description": "Terminal coding agent that drives a real browser to chat with DeepSeek, Qwen or GLM — no API key required. Reads and edits files, runs commands, commits to git, like Claude Code / Codex CLI.",
   "type": "module",
   "bin": {