zames_pro 2.83.4 → 2.85.0

package/CHANGELOG.md

@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.85.0] - 2026-10-27
+
+### Added
+
+- **ui:** theme the window background, keep the unsent draft, drop the extra prompt caret
+
+## [2.84.0] - 2026-10-27
+
+### Added
+
+- **ui:** theme previews, 6 more palettes, inline /config preview
+
 ## [2.83.4] - 2026-10-27
 
 ### Fixed

package/README.md

@@ -38,7 +38,7 @@ lock-in. Install with `npm install -g zames_pro`, run `zames` in any project
 folder, and describe the task in plain language.
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/Viqto0r/zames_pro/master/docs/demo.png" alt="zames terminal coding agent session — an AI coding agent working in the command line without an API key" width="860">
+  <img src="https://raw.githubusercontent.com/Viqto0r/zames_pro/master/docs/shots/theme-zames.png" alt="zames terminal coding agent session — an AI coding agent working in the command line without an API key" width="860">
 </p>
 
 ## Quick start
@@ -631,10 +631,19 @@ 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`.
+`solarized-dark`, `tokyo-night`, `catppuccin`, `github-dark`, `ayu`,
+`rose-pine`, `everforest`, `kanagawa`.
 
 A theme repaints EVERYTHING: the interface, the agent's answers, the code
-highlighting inside them and the input frame. The frame itself is a separate
+highlighting inside them, the status row and the input frame. The terminal's
+BACKGROUND follows too: the theme emits OSC-11 with the palette's `bg`
+(supported by iTerm2, Windows Terminal, kitty, WezTerm, Alacritty, GNOME
+Terminal and others; where it is not supported nothing happens). Opt out with
+`ZAMES_NO_BG=1` or `NO_COLOR`.
+To make the choice
+concrete, a SAMPLE SESSION in that palette is shown before you pick (in `/theme`
+below the list, in `/config` press `p` on the theme row); after
+`/theme <id>` the sample is printed too. The frame itself is a separate
 setting: `/config set ui.inputBorder <round|single|double|bold|none>`
 (default `round`; `none` removes it).
 
@@ -757,7 +766,7 @@ Qwen или GLM) в агента для командной строки в ду
 можно описать обычным языком.
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/Viqto0r/zames_pro/master/docs/demo.png" alt="сессия zames в терминале — терминальный coding-агент и AI-ассистент программиста без API-ключа" width="860">
+  <img src="https://raw.githubusercontent.com/Viqto0r/zames_pro/master/docs/shots/theme-zames.png" alt="сессия zames в терминале — терминальный coding-агент и AI-ассистент программиста без API-ключа" width="860">
 </p>
 
 ## Быстрый старт
@@ -1359,11 +1368,20 @@ enum переключаются на месте; числа и строки от
 редакторов:
 
 `zames` (по умолчанию), `one-dark`, `dracula`, `gruvbox`, `nord`, `monokai`,
-`solarized-dark`, `tokyo-night`.
-
-Тема перекрашивает ВСЁ: интерфейс, ответы агента, подсветку кода в ответах и
-рамку ввода. Саму рамку можно менять отдельно: `/config set ui.inputBorder
-<round|single|double|bold|none>` (по умолчанию `round`, `none` — без рамки).
+`solarized-dark`, `tokyo-night`, `catppuccin`, `github-dark`, `ayu`,
+`rose-pine`, `everforest`, `kanagawa`.
+
+Тема перекрашивает ВСЁ: интерфейс, ответы агента, подсветку кода в ответах,
+строку статуса и рамку ввода. ФОН окна терминала тоже перекрашивается: тема
+шлёт OSC-11 с цветом `bg` палитры (поддерживают iTerm2, Windows Terminal,
+kitty, WezTerm, Alacritty, GNOME Terminal и др.; где не поддерживается — просто
+ничего не происходит). Отключить фон: `ZAMES_NO_BG=1` или `NO_COLOR`.
+Чтобы было видно, ЧТО меняется, перед выбором
+показывается образец сессии в этой палитре (в `/theme` — под списком, в
+`/config` — клавиша `p` на строке темы). После применения `/theme <id>`
+образец печатается в терминал. Саму рамку можно менять отдельно:
+`/config set ui.inputBorder <round|single|double|bold|none>` (по умолчанию
+`round`, `none` — без рамки).
 
 Данные агента хранятся в `~/.zames`: профиль браузера, логи, история undo,
 сессии.

package/dist/i18n/deepseek.js

@@ -212,6 +212,14 @@ export const deepseekMessages = {
         ru: '✔ Сохранено: {v} = {value}',
         en: '✔ Saved: {v} = {value}',
     },
+    'cfg.menu.theme_preview': {
+        ru: 'Так тема выглядит в работе:',
+        en: 'How the theme looks in a session:',
+    },
+    'cfg.menu.theme_preview_key': {
+        ru: 'пример темы',
+        en: 'theme sample',
+    },
     'cfg.menu.default': { ru: 'по умолчанию', en: 'default' },
     'cfg.menu.filter_hint': {
         ru: '/ — поиск по настройкам, d — сбросить (дважды), * — изменено от дефолта',

package/dist/index.js

@@ -5,6 +5,7 @@ import fs from 'fs/promises';
 import { readFileSync, statSync } from 'fs';
 import { fileURLToPath } from 'url';
 import { theme, applyTheme, themeColors, themeNames, currentThemeName, isThemeName, } from './theme.js';
+import { themePreviewAnsi } from './tui/theme-preview.js';
 import { setInputBorder } from './tui/ui-colors.js';
 import { DeepSeekBrowser, headlessUACacheReady } from './browser.js';
 import { QwenBrowser } from './qwen-browser.js';
@@ -1518,8 +1519,9 @@ async function main() {
                 theme.dim(') '));
         }
         // No working-directory tail: it ate input width and is already in the
-        // header / /pwd. A bare prompt keeps room for the task text.
-        return theme.prompt('❯ ') + theme.dim('› ');
+        // header / /pwd. A bare `❯ ` keeps room for the task text and does not
+        // read as a SECOND prompt marker next to the cursor.
+        return theme.prompt('❯ ');
     };
     await refreshDynamicCommands(currentWorkdir);
     if (process.stdin.isTTY && process.stdout.isTTY) {
@@ -2249,6 +2251,11 @@ async function main() {
                 return;
             }
             emit(theme.assistant(t('theme.set', { v: applyThemeById(arg) })));
+            // A terminal can only show colors it can paint, and the operator asked
+            // "what exactly changes?" — print a sample of every role in the new
+            // palette right below the confirmation.
+            emit('');
+            emit(themePreviewAnsi(arg));
             return;
         }
         // No argument: a pick list in the TUI, the id list otherwise. The cursor
@@ -2278,6 +2285,8 @@ async function main() {
             }
             if (picked) {
                 emit(theme.assistant(t('theme.set', { v: applyThemeById(picked) })));
+                emit('');
+                emit(themePreviewAnsi(picked));
             }
             else {
                 // Cancelled: the previews must not stick. Restore WITHOUT persisting.
@@ -2438,9 +2447,6 @@ async function main() {
                             theme.dir(reviewMode.snapName) +
                             theme.dim(') ');
                 }
-                else {
-                    tail = theme.dim('› ');
-                }
                 input = await promptOnce(theme.prompt('❯ ') + tail);
             }
         }

package/dist/theme.js

@@ -1,5 +1,6 @@
 import chalk from 'chalk';
 import { contentWidth } from './width.js';
+import { applyBackground } from './tui/background.js';
 // Respect NO_COLOR (https://no-color.org): when the operator sets it (any
 // non-empty value) drop ALL SGR codes so the output can be piped into a file
 // or a log viewer without escape noise. chalk 5 only auto-detects TTY/CI, it
@@ -179,6 +180,134 @@ export const PALETTES = {
         brown: '#ff9e64',
         toggleOn: '#73daca',
     },
+    // Catppuccin Mocha — the soft pastel palette that took over the editor
+    // ecosystem (Neovim, VS Code, terminals).
+    catppuccin: {
+        bg: '#1e1e2e',
+        user: '#89b4fa',
+        userBar: '#5477a8',
+        turnRule: '#313244',
+        turnLabel: '#6c7086',
+        prompt: '#f9e2af',
+        dir: '#89dceb',
+        assistant: '#cdd6f4',
+        tool: '#fab387',
+        toolResult: '#a6adc8',
+        system: '#9399b2',
+        dim: '#6c7086',
+        taskSummary: '#89b4fa',
+        warn: '#f9e2af',
+        error: '#f38ba8',
+        success: '#a6e3a1',
+        brown: '#eba0ac',
+        toggleOn: '#94e2d5',
+    },
+    // GitHub Dark — the palette of GitHub's dark UI (familiar to anyone who
+    // reads diffs all day).
+    'github-dark': {
+        bg: '#0d1117',
+        user: '#58a6ff',
+        userBar: '#3a6ea8',
+        turnRule: '#21262d',
+        turnLabel: '#6e7681',
+        prompt: '#d29922',
+        dir: '#79c0ff',
+        assistant: '#c9d1d9',
+        tool: '#ffa657',
+        toolResult: '#8b949e',
+        system: '#8b949e',
+        dim: '#6e7681',
+        taskSummary: '#a5d6ff',
+        warn: '#d29922',
+        error: '#f85149',
+        success: '#3fb950',
+        brown: '#db6d28',
+        toggleOn: '#56d4dd',
+    },
+    // Ayu Dark — the minimal warm-accent scheme from the Ayu editor theme.
+    ayu: {
+        bg: '#0f1419',
+        user: '#59c2ff',
+        userBar: '#35789e',
+        turnRule: '#1f2430',
+        turnLabel: '#5c6773',
+        prompt: '#ffb454',
+        dir: '#59c2ff',
+        assistant: '#c7ccd1',
+        tool: '#ff8f40',
+        toolResult: '#a0a8b0',
+        system: '#8a9199',
+        dim: '#5c6773',
+        taskSummary: '#39bae6',
+        warn: '#ffb454',
+        error: '#f07178',
+        success: '#aad94c',
+        brown: '#e6b450',
+        toggleOn: '#95e6cb',
+    },
+    // Rosé Pine — muted rose-pine tones, a calmer alternative to Dracula.
+    'rose-pine': {
+        bg: '#191724',
+        user: '#9ccfd8',
+        userBar: '#5b8490',
+        turnRule: '#26233a',
+        turnLabel: '#6e6a86',
+        prompt: '#f6c177',
+        dir: '#9ccfd8',
+        assistant: '#e0def4',
+        tool: '#ebbcba',
+        toolResult: '#908caa',
+        system: '#908caa',
+        dim: '#6e6a86',
+        taskSummary: '#c4a7e7',
+        warn: '#f6c177',
+        error: '#eb6f92',
+        success: '#31748f',
+        brown: '#ebbcba',
+        toggleOn: '#9ccfd8',
+    },
+    // Everforest — the soft green forest palette (low contrast, easy on eyes).
+    everforest: {
+        bg: '#2d353b',
+        user: '#7fbbb3',
+        userBar: '#5a8b85',
+        turnRule: '#3d484d',
+        turnLabel: '#859289',
+        prompt: '#dbbc7f',
+        dir: '#7fbbb3',
+        assistant: '#d3c6aa',
+        tool: '#e69875',
+        toolResult: '#9da9a0',
+        system: '#859289',
+        dim: '#7a8478',
+        taskSummary: '#a7c080',
+        warn: '#dbbc7f',
+        error: '#e67e80',
+        success: '#a7c080',
+        brown: '#e69875',
+        toggleOn: '#83c092',
+    },
+    // Kanagawa — Hokusai-inspired muted indigo (the "wave" theme).
+    kanagawa: {
+        bg: '#1f1f28',
+        user: '#7e9cd8',
+        userBar: '#55709e',
+        turnRule: '#2a2a37',
+        turnLabel: '#727169',
+        prompt: '#e6c384',
+        dir: '#7fb4ca',
+        assistant: '#dcd7ba',
+        tool: '#ffa066',
+        toolResult: '#a6a69c',
+        system: '#c8c093',
+        dim: '#727169',
+        taskSummary: '#957fb8',
+        warn: '#e6c384',
+        error: '#e46876',
+        success: '#98bb6c',
+        brown: '#d27e59',
+        toggleOn: '#7aa89f',
+    },
 };
 /** The palette id used when the configured theme is unknown/missing. */
 export const DEFAULT_THEME = 'zames';
@@ -239,6 +368,9 @@ export function applyTheme(name) {
         theme[key] = built[key];
     }
     activeName = next;
+    // The window background is part of the look: paint it (best effort) so a
+    // dark palette does not sit on a light terminal background.
+    applyBackground(next);
     return next;
 }
 /**

package/dist/tui/ConfigMenu.js

@@ -14,6 +14,7 @@ import { useMemo, useState } from 'react';
 import { Box, Text, useInput, useApp, useWindowSize } from 'ink';
 import { translate } from '../i18n.js';
 import { Checkbox, Select, UI, HintBar } from './widgets.js';
+import { ThemePreview } from './theme-preview.js';
 /** Strip ANSI to measure a line's visible width. */
 function stripAnsi(s) {
     return s.replace(/\x1b\[[0-9;?]*[A-Za-z]/g, '');
@@ -52,6 +53,8 @@ export function ConfigMenuApp(opts) {
     const [editBuf, setEditBuf] = useState('');
     const [pendingReset, setPendingReset] = useState(null);
     const [message, setMessage] = useState(null);
+    // Inline palette preview of the theme row ('p').
+    const [previewTheme, setPreviewTheme] = useState(false);
     // `get`/`set` mutate the LIVE config object in place, so React has no state
     // change to react to and the row kept the OLD value on screen after a
     // toggle/cycle (the operator saw «ru» while the config already held «en»).
@@ -216,12 +219,14 @@ export function ConfigMenuApp(opts) {
             setCursor((c) => visible.length ? (c - 1 + visible.length) % visible.length : 0);
             setPendingReset(null);
             setMessage(null);
+            setPreviewTheme(false);
             return;
         }
         if (key.downArrow || input === 'j') {
             setCursor((c) => (visible.length ? (c + 1) % visible.length : 0));
             setPendingReset(null);
             setMessage(null);
+            setPreviewTheme(false);
             return;
         }
         if (input === 'g') {
@@ -238,6 +243,30 @@ export function ConfigMenuApp(opts) {
             setMessage(null);
             return;
         }
+        if (input === 'p' || input === 'P') {
+            // Inline palette PREVIEW for the theme row: the settings list is where
+            // most operators meet ui.theme, and cycling the enum only shows the id.
+            // 'p' opens the sample session painted with the CURRENT palette, so the
+            // choice can be judged without leaving /config. Other rows: no-op.
+            const f = visible[cursor];
+            if (f && f.path === 'ui.theme') {
+                setPreviewTheme((v) => !v);
+                setMessage(null);
+                return;
+            }
+        }
+        if (input === 'p' || input === 'P') {
+            // Inline palette PREVIEW on the theme row: /config is where most
+            // operators meet ui.theme, and cycling the enum only shows the id. 'p'
+            // toggles a sample session painted with the CURRENT palette, so the
+            // choice can be judged without leaving the menu. Other rows: no-op.
+            const f = visible[cursor];
+            if (f && f.path === 'ui.theme') {
+                setPreviewTheme((v) => !v);
+                setMessage(null);
+                return;
+            }
+        }
         if (key.return || input === ' ') {
             activate();
             return;
@@ -336,10 +365,13 @@ 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: 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: [
+    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)) }), previewTheme && visible[cursor]?.path === 'ui.theme' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: UI.dim, children: t('cfg.menu.theme_preview') }), _jsx(ThemePreview, { name: String(get('ui.theme') ?? 'zames'), compact: true })] })) : null, 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')],
+                    ...(visible[cursor]?.path === 'ui.theme'
+                        ? [['p', hint('cfg.menu.theme_preview_key')]]
+                        : []),
                     ['/', hint('tui.hint.search')],
                     ['d', hint('tui.hint.reset')],
                     ['q', hint('tui.hint.quit')],

package/dist/tui/InputLine.js

@@ -12,7 +12,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Box, Text, useInput, usePaste, useCursor, useWindowSize, useStdin, } from 'ink';
 import { translate } from '../i18n.js';
 import { expandPastes, inputInnerCols, layoutInput, SUGGEST_PAGE, } from '../input/layout.js';
-import { insertText, insertPaste, insertNewline, backspace, del, moveLeft, moveRight, moveHome, moveEnd, wordLeft, wordRight, deleteWordLeft, deleteWordRight, killToLineEnd, moveVisualRows, pushUndo, undoEdit, historyUp, historyDown, searchStart, searchNext, searchAccept, searchCancel, searchInput, searchBackspace, recordHistory, afterSubmit, } from './edit.js';
+import { insertText, insertPaste, insertNewline, backspace, del, moveLeft, moveRight, moveHome, moveEnd, wordLeft, wordRight, deleteWordLeft, deleteWordRight, killToLineEnd, moveVisualRows, pushUndo, undoEdit, historyUp, historyDown, searchStart, searchNext, searchAccept, searchCancel, searchInput, searchBackspace, recordHistory, afterSubmit, rememberDraft, } from './edit.js';
 import { dispatchKey, parseCsiU } from './keys.js';
 import { useSyncExternalStore } from 'react';
 import { matchSlashCommands, suggestWindow, completeSlashCommand, } from '../input/suggest.js';
@@ -125,17 +125,20 @@ export function InputLine(props) {
             case 'submit':
                 doSubmit();
                 return;
+            // The EDIT actions first write the line into the draft slot, so a
+            // remembered draft is replaced only by a REAL edit and an accidental
+            // Up cannot lose the typed message.
             case 'newline':
-                apply(insertNewline);
+                apply((s) => pushUndo(rememberDraft(insertNewline(s)), true));
                 return;
             case 'insert':
-                apply((s) => pushUndo(insertText(s, action.text), true));
+                apply((s) => pushUndo(rememberDraft(insertText(s, action.text)), true));
                 return;
             case 'backspace':
-                apply((s) => backspace(pushUndo(s, true)));
+                apply((s) => backspace(pushUndo(rememberDraft(s), true)));
                 return;
             case 'delete':
-                apply((s) => del(pushUndo(s, true)));
+                apply((s) => del(pushUndo(rememberDraft(s), true)));
                 return;
             case 'left':
                 apply(moveLeft);

package/dist/tui/ThemePicker.js

@@ -10,7 +10,7 @@ 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 { ThemePreview } from './theme-preview.js';
 import { translate } from '../i18n.js';
 export function ThemePicker({ themes, initial, onPreview, locale = 'en', onDone, }) {
     const { exit } = useApp();
@@ -30,20 +30,6 @@ export function ThemePicker({ themes, initial, onPreview, locale = 'en', onDone,
         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);
@@ -63,7 +49,7 @@ export function ThemePicker({ themes, initial, onPreview, locale = 'en', onDone,
     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: [
+            }), _jsx(Text, { color: UI.border, children: '─'.repeat(innerCols) }), _jsx(ThemePreview, { name: themes[cursor] ?? initial, compact: true }), _jsx(HintBar, { hints: [
                     ['↑/↓', t('theme.pick_move')],
                     ['Enter', t('tui.hint.ok')],
                     ['Esc', t('theme.pick_cancel')],

package/dist/tui/background.js

@@ -0,0 +1,42 @@
+// Terminal BACKGROUND handling.
+//
+// A terminal cannot be told to paint "the background" — only the cells an app
+// writes are styled. So a theme's `bg` reaches the screen by
+//   1. emitting an OSC-11 background colour for the whole window (most modern
+//      terminals support it; a terminal that does not answers nothing), and
+//   2. re-emitting it AFTER a full-screen app exits: the alternate screen keeps
+//      the window's background, and Ink's exit sequence resets attributes
+//      (SGR reset does not touch OSC-11, but some terminals do reset the colour
+//      on 1049l). Re-emitting is harmless where unsupported.
+//
+// The OSC sequence is written STRAIGHT to stdout (not through chalk), because
+// it is not an SGR attribute: `\x1b]11;rgb:rr/gg/bb\x07`.
+import { PALETTES, isThemeName, DEFAULT_THEME } from '../theme.js';
+/** `#rrggbb` -> the `rr/gg/bb` part of an OSC-11 payload. */
+function hexToOsc(hex) {
+    const h = hex.replace('#', '');
+    return `${h.slice(0, 2)}/${h.slice(2, 4)}/${h.slice(4, 6)}`;
+}
+/**
+ * The OSC-11 sequence that sets the window background, or '' when the operator
+ * opted out (NO_COLOR / ZAMES_NO_BG). Exported pure, so the encoding is
+ * testable without a terminal.
+ */
+export function backgroundOsc(name) {
+    if (process.env.NO_COLOR || process.env.ZAMES_NO_BG)
+        return '';
+    const id = isThemeName(name) ? name : DEFAULT_THEME;
+    return '\x1b]11;rgb:' + hexToOsc(PALETTES[id].bg) + '\x07';
+}
+/** Paint the window background for the palette `name` (best effort). */
+export function applyBackground(name) {
+    const seq = backgroundOsc(name);
+    if (!seq)
+        return;
+    try {
+        process.stdout.write(seq);
+    }
+    catch {
+        // A closed/redirected stdout must not break a theme switch.
+    }
+}

package/dist/tui/edit.js

@@ -249,9 +249,11 @@ export function historyUp(s) {
     if (!s.history.length)
         return s;
     let histIndex = s.histIndex;
-    let histDraft = s.histDraft;
-    if (histIndex === s.history.length)
-        histDraft = s.buf;
+    // Snapshot the unsent line when the browse STARTS (histIndex is at the end),
+    // but NEVER replace the remembered draft with a RECALLED entry's text: a
+    // second Up after a Down used to overwrite it, and the operator's typed
+    // message was lost ("pressed Up by accident").
+    const histDraft = histIndex === s.history.length ? s.buf : s.histDraft;
     if (histIndex > 0) {
         histIndex--;
         const buf = s.history[histIndex];
@@ -269,6 +271,10 @@ export function historyDown(s) {
     if (!s.history.length)
         return s;
     let histIndex = s.histIndex;
+    // The CURRENT line is the operator's, not a history entry: leaving the
+    // history must bring it back. Without this, editing a recalled line and then
+    // pressing Down restored the OLD draft and dropped the edit.
+    const draft = browsingHistory(s) ? s.histDraft : s.buf;
     let buf;
     if (histIndex < s.history.length - 1) {
         histIndex++;
@@ -276,9 +282,38 @@ export function historyDown(s) {
     }
     else {
         histIndex = s.history.length;
-        buf = s.histDraft;
+        buf = draft;
     }
-    return { ...s, histIndex, buf, cursor: Array.from(buf).length };
+    return {
+        ...s,
+        histIndex,
+        histDraft: draft,
+        buf,
+        cursor: Array.from(buf).length,
+    };
+}
+// ---------- draft guard ----------
+//
+// The operator's UNSUBMITTED line must survive a history browse, arrow-key
+// scrolling and every other non-typing transition. `histDraft` alone did not:
+// it is snapshotted only when the browse STARTS (histIndex === history.length),
+// so once the cursor was inside the history an edit or a second Up path could
+// replace it — a real report was "I pressed Up by accident and my typed message
+// was gone".
+//
+// The rule: typing/recalling may change the visible buffer, but a transition
+// that is NOT an explicit edit must keep the draft; leaving the history restores
+// it. `typingRun` is true while the operator types (so a real edit adopts the new
+// text as the draft on the next browse).
+/** True while the buffer is a RECALLED history entry (not the draft). */
+export function browsingHistory(s) {
+    return s.history.length > 0 && s.histIndex < s.history.length;
+}
+/** Remember the current buffer as the draft when it is NOT a history entry. */
+export function rememberDraft(s) {
+    if (s.buf === s.histDraft)
+        return s;
+    return { ...s, histDraft: s.buf };
 }
 export function searchStart(s) {
     if (!s.history.length)

package/dist/tui/theme-preview.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import chalk from 'chalk';
+import { PALETTES, DEFAULT_THEME, isThemeName } from '../theme.js';
+/**
+ * The sample lines. Kept PURE DATA so tests can assert the preview covers the
+ * important roles and the Ink/plain renderers cannot drift apart.
+ */
+export function previewLines() {
+    return [
+        { role: 'dir', text: '~/project' },
+        { role: 'prompt', text: '❯ объясни этот код', bold: true },
+        { role: 'assistant', text: '● Ответ: функция читает файл и парсит JSON.' },
+        { role: 'tool', text: '🔧 Read {"path":"package.json"}' },
+        { role: 'toolResult', text: '→ ✔ 42 строки' },
+        { role: 'taskSummary', text: '· duration: 6s · tools: 1' },
+        { role: 'warn', text: '▲ предупреждение' },
+        { role: 'error', text: '✖ ошибка' },
+        { role: 'success', text: '✔ готово' },
+        { role: 'toggleOn', text: '🌐 поиск вкл' },
+        { role: 'system', text: '● сервисное сообщение' },
+        { role: 'dim', text: '· подсказка' },
+    ];
+}
+function paletteOf(name) {
+    return PALETTES[isThemeName(name) ? name : DEFAULT_THEME];
+}
+/** The preview as one chalk-painted string (for a plain terminal line). */
+export function themePreviewAnsi(name) {
+    const p = paletteOf(name);
+    return previewLines()
+        .map((l) => {
+        const c = chalk.hex(p[l.role]);
+        return l.bold ? c.bold(l.text) : c(l.text);
+    })
+        .join('\n');
+}
+/** The preview as an Ink block (for the picker / the config menu). */
+export function ThemePreview({ name, compact = false, }) {
+    const p = paletteOf(name);
+    const lines = compact
+        ? previewLines().filter((l) => ['prompt', 'assistant', 'tool', 'error', 'success', 'dim'].includes(l.role))
+        : previewLines();
+    return (_jsx(Box, { flexDirection: "column", children: lines.map((l, i) => (_jsx(Text, { color: p[l.role], bold: l.bold, children: l.text }, i))) }));
+}

package/llms-full.txt

@@ -23,7 +23,7 @@ lock-in. Install with `npm install -g zames_pro`, run `zames` in any project
 folder, and describe the task in plain language.
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/Viqto0r/zames_pro/master/docs/demo.png" alt="zames terminal coding agent session — an AI coding agent working in the command line without an API key" width="860">
+  <img src="https://raw.githubusercontent.com/Viqto0r/zames_pro/master/docs/shots/theme-zames.png" alt="zames terminal coding agent session — an AI coding agent working in the command line without an API key" width="860">
 </p>
 
 ## Quick start
@@ -616,10 +616,19 @@ 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`.
+`solarized-dark`, `tokyo-night`, `catppuccin`, `github-dark`, `ayu`,
+`rose-pine`, `everforest`, `kanagawa`.
 
 A theme repaints EVERYTHING: the interface, the agent's answers, the code
-highlighting inside them and the input frame. The frame itself is a separate
+highlighting inside them, the status row and the input frame. The terminal's
+BACKGROUND follows too: the theme emits OSC-11 with the palette's `bg`
+(supported by iTerm2, Windows Terminal, kitty, WezTerm, Alacritty, GNOME
+Terminal and others; where it is not supported nothing happens). Opt out with
+`ZAMES_NO_BG=1` or `NO_COLOR`.
+To make the choice
+concrete, a SAMPLE SESSION in that palette is shown before you pick (in `/theme`
+below the list, in `/config` press `p` on the theme row); after
+`/theme <id>` the sample is printed too. The frame itself is a separate
 setting: `/config set ui.inputBorder <round|single|double|bold|none>`
 (default `round`; `none` removes it).
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zames_pro",
-  "version": "2.83.4",
+  "version": "2.85.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": {
@@ -47,7 +47,8 @@
     "postinstall": "node scripts/postinstall.mjs",
     "prepare": "husky",
     "glm-smoke": "tsx scripts/glm-smoke.mts",
-    "seo:topics": "tsx scripts/seo-topics.mts"
+    "seo:topics": "tsx scripts/seo-topics.mts",
+    "ui-smoke": "tsx scripts/ui-smoke.mts"
   },
   "keywords": [
     "zames",