zames_pro 2.83.0 → 2.83.1

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.83.1] - 2026-10-27
+
+### Added
+
+- **ui:** /theme pick list with live preview
+
 ## [2.83.0] - 2026-10-27
 
 ### Added

package/README.md

@@ -622,9 +622,13 @@ 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:
+`/theme` opens a pick list with a LIVE preview: the arrow keys repaint the
+terminal as you move, Enter saves, Esc restores the previous palette.
+`/theme <id>` applies a palette directly, `/theme list` prints every id.
+The same setting is reachable from the settings side:
+`/config set ui.theme <id>` or the `/config` menu («Terminal color theme»).
+The switch is instant, 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`.
@@ -1341,8 +1345,11 @@ enum переключаются на месте; числа и строки от
 
 ### Темы
 
-`/config set ui.theme <id>` (или меню `/config`, строка «Цветовая тема
-терминала») перекрашивает весь терминал в другую палитру, сразу — без
+`/theme` открывает список тем с живым предпросмотром: стрелками перебираете —
+терминал сразу перекрашивается, Enter сохраняет, Esc возвращает прежнюю.
+`/theme <id>` применяет тему сразу, `/theme list` показывает все id.
+То же самое доступно и через настройки: `/config set ui.theme <id>` или меню
+`/config`, строка «Цветовая тема терминала». Переключение мгновенное, без
 перезапуска. Тема по умолчанию — `zames`; в комплекте порты известных схем
 редакторов:
 

package/dist/commands.js

@@ -1245,6 +1245,7 @@ export const SLASH_COMMANDS = [
     { name: '/queue', key: 'help.cmd.queue' },
     { name: '/tasks', key: 'help.cmd.tasks' },
     { name: '/config', key: 'help.cmd.config' },
+    { name: '/theme', key: 'help.cmd.theme' },
     { name: '/provider', key: 'help.cmd.provider' },
     { name: '/model', key: 'help.cmd.model' },
     { name: '/skills', key: 'help.cmd.skills' },

package/dist/i18n/config.js

@@ -59,6 +59,42 @@ export const configMessages = {
         ru: 'Цветовая тема терминала',
         en: 'Terminal color theme',
     },
+    'theme.pick_title': {
+        ru: 'Выбор темы',
+        en: 'Select a theme',
+    },
+    'theme.pick_move': {
+        ru: 'примерить тему',
+        en: 'preview theme',
+    },
+    'theme.pick_cancel': {
+        ru: 'отмена (вернуть прежнюю)',
+        en: 'cancel (restore)',
+    },
+    'theme.set': {
+        ru: 'Тема: {v}',
+        en: 'Theme: {v}',
+    },
+    'theme.restored': {
+        ru: 'Тема не изменена: {v}',
+        en: 'Theme unchanged: {v}',
+    },
+    'theme.unknown': {
+        ru: 'Нет такой темы: {v}',
+        en: 'No such theme: {v}',
+    },
+    'theme.list': {
+        ru: 'Темы: {v}',
+        en: 'Themes: {v}',
+    },
+    'theme.current': {
+        ru: 'Текущая тема: {v}',
+        en: 'Current theme: {v}',
+    },
+    'theme.usage': {
+        ru: '/theme — список с выбором; /theme <id> — сразу применить; /theme list — показать id',
+        en: '/theme — pick from a list; /theme <id> — apply directly; /theme list — show the ids',
+    },
     'cfg.f.ui_answerWidth': {
         ru: 'Ширина контента в колонках: ответы, ввод, инструменты (0 — авто, до 100)',
         en: 'Content width in columns: answers, input, tools (0 = auto, capped at 100)',

package/dist/i18n/help.js

@@ -469,6 +469,10 @@ export const helpMessages = {
         ru: '/config lang <ru|en>     сменить язык интерфейса и агента',
         en: '/config lang <ru|en>     switch UI and agent language',
     },
+    'help.cmd.theme': {
+        ru: '/theme [id|list]         выбор темы терминала (сразу, без перезапуска)',
+        en: '/theme [id|list]         pick a terminal color theme (live, no restart)',
+    },
     'help.cmd.provider': {
         ru: '/provider <id> | status | login — сменить бэкенд (сразу), показать состояние или повторить вход',
         en: '/provider <id> | status | login — switch the backend (live), show the state or re-run the sign-in',

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, applyTheme, themeColors } from './theme.js';
+import { theme, applyTheme, themeColors, themeNames, currentThemeName, isThemeName, } from './theme.js';
 import { DeepSeekBrowser, headlessUACacheReady } from './browser.js';
 import { QwenBrowser } from './qwen-browser.js';
 import { GlmBrowser } from './glm-browser.js';
@@ -540,6 +540,7 @@ ${theme.bold(t('help.sec.context'))}
   ${t('help.cmd.init')}
   ${t('help.cmd.mcp')}
   ${t('help.cmd.config')}
+  ${t('help.cmd.theme')}
   ${t('help.cmd.lang')}
 
 ${theme.bold(t('help.sec.provider'))}
@@ -2198,6 +2199,87 @@ async function main() {
                 editor.resume();
         }
     }
+    /**
+     * Apply a palette by id, persist it and repaint the live UI. Shared by
+     * `/theme`, `/config set ui.theme` (through setConfigRuntime) and the picker,
+     * so all three paths behave identically.
+     */
+    function applyThemeById(name) {
+        const applied = applyTheme(name);
+        config.ui.theme = applied;
+        writeConfigValue('home', 'ui.theme', applied);
+        if (editor) {
+            editor.setTheme?.(themeColors());
+            editor.refreshStatus();
+        }
+        return applied;
+    }
+    // `/theme [id|list]` — a direct entry point for the palette, with a pick list
+    // in the TUI. `/config set ui.theme` stays as the scriptable path.
+    async function handleThemeCommand(input) {
+        const arg = input.trim().slice('/theme'.length).trim();
+        const names = themeNames();
+        const emit = (line) => {
+            if (editor)
+                editor.printAbove(line);
+            else
+                console.log(line);
+        };
+        if (arg === 'list' || arg === 'ls') {
+            emit(theme.system(t('theme.list', { v: names.join(', ') }) +
+                String.fromCharCode(10) +
+                t('theme.current', { v: currentThemeName() })));
+            return;
+        }
+        if (arg) {
+            if (!isThemeName(arg)) {
+                emit(theme.error(t('theme.unknown', { v: arg })));
+                emit(theme.dim(t('theme.usage')));
+                return;
+            }
+            emit(theme.assistant(t('theme.set', { v: applyThemeById(arg) })));
+            return;
+        }
+        // No argument: a pick list in the TUI, the id list otherwise. The cursor
+        // applies the palette as a LIVE preview; Esc restores the previous one.
+        if (editor && config.ui.tui) {
+            const before = currentThemeName();
+            editor.pause();
+            let picked;
+            try {
+                const { pickThemeInk } = await import('./tui/run-theme-picker.js');
+                const chosen = await pickThemeInk({
+                    themes: names,
+                    initial: before,
+                    locale: currentLocale,
+                    onPreview: (name) => {
+                        applyTheme(name);
+                        editor?.setTheme?.(themeColors());
+                    },
+                });
+                picked = chosen;
+            }
+            catch {
+                picked = null;
+            }
+            finally {
+                editor.resume();
+            }
+            if (picked) {
+                emit(theme.assistant(t('theme.set', { v: applyThemeById(picked) })));
+            }
+            else {
+                // Cancelled: the previews must not stick. Restore WITHOUT persisting.
+                applyTheme(before);
+                editor.setTheme?.(themeColors());
+                emit(theme.system(t('theme.restored', { v: before })));
+            }
+            return;
+        }
+        emit(theme.system(t('theme.list', { v: names.join(', ') }) +
+            String.fromCharCode(10) +
+            t('theme.current', { v: currentThemeName() })));
+    }
     async function handleConfigCommand(input) {
         await runConfigCommand(input, {
             t,
@@ -3489,6 +3571,10 @@ async function main() {
             await handleConfigCommand(trimmed);
             continue;
         }
+        if (lower === '/theme' || lower.startsWith('/theme ')) {
+            await handleThemeCommand(trimmed);
+            continue;
+        }
         if (lower === '/transcript') {
             console.log(theme.system(transcript.file || t('common.off')));
             continue;

package/dist/tui/ThemePicker.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The theme picker — an Ink list of the bundled palettes with a LIVE preview
+// line, opened by /theme (and by the /config menu's theme row).
+//
+// Moving the cursor APPLIES the palette immediately (the preview line and the
+// widget colors repaint), so the operator judges the real look instead of
+// guessing from an id; Esc puts the previous palette back. That is why the
+// preview/restore callbacks are injected — this component stays a pure list.
+import { useState } from 'react';
+import { Box, Text, useInput, useApp, useWindowSize } from 'ink';
+import { UI } from './ui-colors.js';
+import { HintBar } from './widgets.js';
+import { theme } from '../theme.js';
+import { translate } from '../i18n.js';
+export function ThemePicker({ themes, initial, onPreview, locale = 'en', onDone, }) {
+    const { exit } = useApp();
+    const { columns } = useWindowSize();
+    const t = translate(locale);
+    const start = Math.max(0, themes.indexOf(initial));
+    const [cursor, setCursor] = useState(start);
+    const innerCols = Math.max(1, (columns || 80) - 6);
+    const finish = (value) => {
+        onDone(value);
+        exit();
+    };
+    const move = (dir) => {
+        if (!themes.length)
+            return;
+        const next = (cursor + dir + themes.length) % themes.length;
+        setCursor(next);
+        onPreview(themes[next]);
+    };
+    // A sample line of every important role, colored through `theme` (chalk):
+    // Ink's <Text color> takes a hex STRING, not a formatter, so a gradient like
+    // this has to be pre-rendered ANSI.
+    const preview = () => [
+        theme.user('user'),
+        theme.assistant('answer'),
+        theme.tool('tool'),
+        theme.toolResult('result'),
+        theme.system('system'),
+        theme.warn('warn'),
+        theme.error('error'),
+        theme.success('ok'),
+        theme.toggleOn('on'),
+    ].join(' ');
+    useInput((input, key) => {
+        if (key.escape || (key.ctrl && input === 'c') || input === 'q') {
+            finish(null);
+            return;
+        }
+        if (key.upArrow || input === 'k') {
+            move(-1);
+            return;
+        }
+        if (key.downArrow || input === 'j') {
+            move(1);
+            return;
+        }
+        if (key.return)
+            finish(themes[cursor] ?? 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: '◆ ' + t('theme.pick_title') }), _jsx(Text, { color: UI.dim, children: themes.length })] }), _jsx(Text, { color: UI.border, children: '─'.repeat(innerCols) }), themes.map((name, idx) => {
+                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: name }), idx === start ? (_jsx(Text, { color: UI.dim, children: '  ' + t('tui.list.current') })) : null] }, name));
+            }), _jsx(Text, { color: UI.border, children: '─'.repeat(innerCols) }), _jsx(Text, { children: preview() }), _jsx(HintBar, { hints: [
+                    ['↑/↓', t('theme.pick_move')],
+                    ['Enter', t('tui.hint.ok')],
+                    ['Esc', t('theme.pick_cancel')],
+                ] })] }));
+}

package/dist/tui/run-theme-picker.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from 'ink';
+import { ThemePicker } from './ThemePicker.js';
+export async function pickThemeInk(opts) {
+    if (!(process.stdin.isTTY && process.stdout.isTTY))
+        return null;
+    return await new Promise((resolve) => {
+        let done = false;
+        const app = render(_jsx(ThemePicker, { ...opts, onDone: (v) => {
+                done = true;
+                resolve(v);
+            } }), { exitOnCtrlC: false });
+        app.waitUntilExit().then(() => {
+            if (!done)
+                resolve(null);
+        });
+    });
+}

package/llms-full.txt

@@ -607,9 +607,13 @@ 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:
+`/theme` opens a pick list with a LIVE preview: the arrow keys repaint the
+terminal as you move, Enter saves, Esc restores the previous palette.
+`/theme <id>` applies a palette directly, `/theme list` prints every id.
+The same setting is reachable from the settings side:
+`/config set ui.theme <id>` or the `/config` menu («Terminal color theme»).
+The switch is instant, 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`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zames_pro",
-  "version": "2.83.0",
+  "version": "2.83.1",
   "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": {