zames_pro 2.86.0 → 2.87.0

package/CHANGELOG.md

@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.87.0] - 2026-10-27
+
+### Added
+
+- **ui:** light palettes, themed task badge, readable config menu on light themes
+
+## [2.86.1] - 2026-10-27
+
+### Fixed
+
+- **ui:** the operator bar on every row, screenshots for all themes
+
 ## [2.86.0] - 2026-10-27
 
 ### Added

package/README.md

@@ -633,7 +633,9 @@ are ports of well-known editor schemes:
 `zames` (default), `one-dark`, `dracula`, `gruvbox`, `nord`, `monokai`,
 `solarized-dark`, `tokyo-night`, `tokyo-storm`, `catppuccin`, `github-dark`,
 `ayu`, `rose-pine`, `everforest`, `kanagawa`, `night-owl`, `material`,
-`palenight`, `zenburn`, `selenized`, `iceberg`, `sonokai`, `aurora`, `cobalt2`.
+`palenight`, `zenburn`, `selenized`, `iceberg`, `sonokai`, `aurora`, `cobalt2`,
+plus the LIGHT ones: `one-light`, `github-light`, `solarized-light`,
+`gruvbox-light`, `ayu-light`.
 
 A theme repaints EVERYTHING: the interface, the agent's answers, the code
 highlighting inside them, the status row and the input frame. The terminal's
@@ -643,10 +645,12 @@ 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
+below the list, in `/config` press `p` on the theme row); it is not dumped into
+the chat after a pick. Every one of the 29 themes has a screenshot in
+`docs/shots/`. The frame itself is a separate
 setting: `/config set ui.inputBorder <round|single|double|bold|none>`
-(default `round`; `none` removes it).
+(default `round`; `none` removes it). A multi-line operator message keeps its
+`▌` bar on every row.
 
 Agent data is stored in `~/.zames`: browser profile, logs, undo history, sessions.
 
@@ -1371,7 +1375,9 @@ enum переключаются на месте; числа и строки от
 `zames` (по умолчанию), `one-dark`, `dracula`, `gruvbox`, `nord`, `monokai`,
 `solarized-dark`, `tokyo-night`, `tokyo-storm`, `catppuccin`, `github-dark`,
 `ayu`, `rose-pine`, `everforest`, `kanagawa`, `night-owl`, `material`,
-`palenight`, `zenburn`, `selenized`, `iceberg`, `sonokai`, `aurora`, `cobalt2`.
+`palenight`, `zenburn`, `selenized`, `iceberg`, `sonokai`, `aurora`, `cobalt2`,
+а также СВЕТЛЫЕ: `one-light`, `github-light`, `solarized-light`,
+`gruvbox-light`, `ayu-light`.
 
 Тема перекрашивает ВСЁ: интерфейс, ответы агента, подсветку кода в ответах,
 строку статуса и рамку ввода. ФОН окна терминала тоже перекрашивается: тема
@@ -1380,10 +1386,11 @@ kitty, WezTerm, Alacritty, GNOME Terminal и др.; где не поддержи
 ничего не происходит). Отключить фон: `ZAMES_NO_BG=1` или `NO_COLOR`.
 Чтобы было видно, ЧТО меняется, перед выбором
 показывается образец сессии в этой палитре (в `/theme` — под списком, в
-`/config` — клавиша `p` на строке темы). После применения `/theme <id>`
-образец печатается в терминал. Саму рамку можно менять отдельно:
+`/config` — клавиша `p` на строке темы); он не печатается в чат после выбора.
+Все 29 тем есть на скриншотах в `docs/shots/`. Саму рамку можно менять отдельно:
 `/config set ui.inputBorder <round|single|double|bold|none>` (по умолчанию
-`round`, `none` — без рамки).
+`round`, `none` — без рамки). Рамку (маркер `▌`) у многострочного сообщения
+пользователя видно на каждой строке.
 
 Данные агента хранятся в `~/.zames`: профиль браузера, логи, история undo,
 сессии.

package/dist/input.js

@@ -1192,9 +1192,14 @@ export class LineEditor {
         // to the browser layer to be attached to the chat.
         const attached = this.attachments.items.slice();
         // A turn separator + a BAR-marked operator message (same look as the TUI).
+        // The bar goes on EVERY visual row: a long message wrapped to N lines used
+        // to mark only the first one, and the continuation rows looked shifted.
         this.printAbove(theme.turnRule('─'.repeat(contentWidth())));
-        this.printAbove(theme.userBar('▌ ') +
-            theme.user(wrapToWidth(display, contentWidth() - 2)));
+        const wrapped = wrapToWidth(display, contentWidth() - 2);
+        this.printAbove(wrapped
+            .split(String.fromCharCode(10))
+            .map((line) => theme.userBar('▌ ') + theme.user(line))
+            .join(String.fromCharCode(10)));
         this.pastes = [];
         this.attachments.reset();
         if (this.onSubmit)

package/dist/theme-light.js

@@ -0,0 +1,115 @@
+// The LIGHT palettes, appended to the main palette map. They live in their own
+// module only to keep src/theme.ts readable; the TYPE of a palette and the
+// registry stay there.
+// A dark terminal with a light theme looks broken: these are picked together
+// with the window background (OSC-11), so the whole surface flips. The hues are
+// the LIGHT variants of the corresponding editor schemes (One Light, GitHub
+// Light, Solarized Light, Gruvbox Light, Ayu Light), not a desaturated copy of
+// the dark ones.
+export const LIGHT_PALETTES = {
+    // One Light — Atom's light counterpart of One Dark.
+    'one-light': {
+        bg: '#fafafa',
+        user: '#0184bc',
+        userBar: '#7fb3cc',
+        turnRule: '#e5e5e6',
+        turnLabel: '#a0a1a7',
+        prompt: '#c18401',
+        dir: '#0184bc',
+        assistant: '#383a42',
+        tool: '#986801',
+        toolResult: '#696c77',
+        system: '#696c77',
+        dim: '#a0a1a7',
+        taskSummary: '#4078f2',
+        warn: '#c18401',
+        error: '#e45649',
+        success: '#50a14f',
+        brown: '#986801',
+        toggleOn: '#0184bc',
+    },
+    // GitHub Light — GitHub's light UI.
+    'github-light': {
+        bg: '#ffffff',
+        user: '#0969da',
+        userBar: '#7ab0e8',
+        turnRule: '#eaeef2',
+        turnLabel: '#8c959f',
+        prompt: '#9a6700',
+        dir: '#0550ae',
+        assistant: '#1f2328',
+        tool: '#bc4c00',
+        toolResult: '#57606a',
+        system: '#57606a',
+        dim: '#8c959f',
+        taskSummary: '#0550ae',
+        warn: '#9a6700',
+        error: '#cf222e',
+        success: '#1a7f37',
+        brown: '#bc4c00',
+        toggleOn: '#0a7ea4',
+    },
+    // Solarized Light — the light side of Ethan Schoonover's palette.
+    'solarized-light': {
+        bg: '#fdf6e3',
+        user: '#268bd2',
+        userBar: '#93b8d4',
+        turnRule: '#eee8d5',
+        turnLabel: '#93a1a1',
+        prompt: '#b58900',
+        dir: '#2aa198',
+        assistant: '#657b83',
+        tool: '#cb4b16',
+        toolResult: '#839496',
+        system: '#839496',
+        dim: '#93a1a1',
+        taskSummary: '#2aa198',
+        warn: '#b58900',
+        error: '#dc322f',
+        success: '#859900',
+        brown: '#cb4b16',
+        toggleOn: '#2aa198',
+    },
+    // Gruvbox Light — the warm light variant.
+    'gruvbox-light': {
+        bg: '#fbf1c7',
+        user: '#458588',
+        userBar: '#8fb5b6',
+        turnRule: '#ebdbb2',
+        turnLabel: '#a89984',
+        prompt: '#b57614',
+        dir: '#458588',
+        assistant: '#3c3836',
+        tool: '#af3a03',
+        toolResult: '#7c6f64',
+        system: '#7c6f64',
+        dim: '#a89984',
+        taskSummary: '#79740e',
+        warn: '#b57614',
+        error: '#9d0006',
+        success: '#79740e',
+        brown: '#af3a03',
+        toggleOn: '#427b58',
+    },
+    // Ayu Light — the light side of the Ayu scheme.
+    'ayu-light': {
+        bg: '#fafafa',
+        user: '#399ee6',
+        userBar: '#9dc8ea',
+        turnRule: '#eceef0',
+        turnLabel: '#abb0b6',
+        prompt: '#fa8d3e',
+        dir: '#399ee6',
+        assistant: '#5c6166',
+        tool: '#f2ae49',
+        toolResult: '#787b80',
+        system: '#787b80',
+        dim: '#abb0b6',
+        taskSummary: '#55b4d4',
+        warn: '#fa8d3e',
+        error: '#f51818',
+        success: '#86b300',
+        brown: '#f2ae49',
+        toggleOn: '#4cbf99',
+    },
+};

package/dist/theme.js

@@ -1,6 +1,7 @@
 import chalk from 'chalk';
 import { contentWidth } from './width.js';
 import { applyBackground } from './tui/background.js';
+import { LIGHT_PALETTES } from './theme-light.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
@@ -519,6 +520,11 @@ export const PALETTES = {
         toggleOn: '#7aa89f',
     },
 };
+/** Every palette: the dark ones plus the light variants. */
+export const ALL_PALETTES = {
+    ...PALETTES,
+    ...LIGHT_PALETTES,
+};
 /** The palette id used when the configured theme is unknown/missing. */
 export const DEFAULT_THEME = 'zames';
 /**
@@ -527,11 +533,12 @@ export const DEFAULT_THEME = 'zames';
  * leave the operator with an unstyled terminal).
  */
 export function isThemeName(v) {
-    return (typeof v === 'string' && Object.prototype.hasOwnProperty.call(PALETTES, v));
+    return (typeof v === 'string' &&
+        Object.prototype.hasOwnProperty.call(ALL_PALETTES, v));
 }
 /** All palette ids, in the order they are offered in /config. */
 export function themeNames() {
-    return Object.keys(PALETTES);
+    return Object.keys(ALL_PALETTES);
 }
 /** Build the chalk formatters for one palette. */
 function buildTheme(p) {
@@ -561,7 +568,7 @@ function buildTheme(p) {
 // 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]);
+export const theme = buildTheme(ALL_PALETTES[DEFAULT_THEME]);
 /** The palette id currently rendered. */
 export function currentThemeName() {
     return activeName;
@@ -573,7 +580,7 @@ export function currentThemeName() {
  */
 export function applyTheme(name) {
     const next = isThemeName(name) ? name : DEFAULT_THEME;
-    const built = buildTheme(PALETTES[next]);
+    const built = buildTheme(ALL_PALETTES[next]);
     for (const key of Object.keys(built)) {
         theme[key] = built[key];
     }
@@ -589,7 +596,7 @@ export function applyTheme(name) {
  * README screenshot generator, which renders the real colors as HTML.
  */
 export function themeColors() {
-    return PALETTES[activeName];
+    return ALL_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

package/dist/tui/ConfigMenu.js

@@ -40,6 +40,10 @@ function displayValue(field, value, t) {
 }
 export function ConfigMenuApp(opts) {
     const { fields, t, get, set, reset, getDefault, locale = 'en' } = opts;
+    // The menu must be readable on a LIGHT palette too: Ink's Text without an
+    // explicit color falls back to the terminal default (often white), which is
+    // invisible on a light background. Every row text below is therefore painted
+    // with an explicit palette color (UI.text for values, UI.title for groups).
     const { onAfterChange } = opts;
     const { exit } = useApp();
     // The hint bar is operator text: it follows the SAME locale the labels use
@@ -340,7 +344,7 @@ export function ConfigMenuApp(opts) {
         const f = visible[i];
         const g = f.groupKey;
         if (i === shown.start || g !== lastGroup) {
-            items.push(_jsx(Text, { color: UI.system, children: '  ' + t(f.groupKey).toUpperCase() }, 'g' + i));
+            items.push(_jsx(Text, { color: UI.title, children: '  ' + t(f.groupKey).toUpperCase() }, 'g' + i));
             lastGroup = g;
         }
         const selected = i === cursor;
@@ -360,7 +364,7 @@ export function ConfigMenuApp(opts) {
         else {
             valueCell = (_jsx(Text, { color: selected ? UI.text : UI.system, children: displayValue(f, raw, t) }));
         }
-        items.push(_jsxs(Text, { children: [_jsx(Text, { color: UI.accent, children: selected ? '❯ ' : '  ' }), _jsx(Text, { color: selected ? UI.accent : undefined, bold: selected, children: label }), _jsx(Text, { color: UI.dim, children: '  ' }), valueCell, mod ? _jsx(Text, { color: UI.warn, children: ' ' + mod }) : null, selected ? _jsx(Text, { color: UI.dim, children: '   ' + f.path }) : null] }, 'f' + i));
+        items.push(_jsxs(Text, { children: [_jsx(Text, { color: UI.accent, children: selected ? '❯ ' : '  ' }), _jsx(Text, { color: selected ? UI.accent : UI.text, bold: selected, children: label }), _jsx(Text, { color: UI.dim, children: '  ' }), valueCell, mod ? _jsx(Text, { color: UI.warn, children: ' ' + mod }) : null, selected ? _jsx(Text, { color: UI.dim, children: '   ' + f.path }) : null] }, 'f' + i));
     }
     if (!visible.length) {
         items.push(_jsx(Text, { color: UI.dim, children: '  ' + t('cfg.menu.no_match') }, "none"));

package/dist/tui/LogView.js

@@ -9,6 +9,12 @@ function LogRow({ entry }) {
         // embedded ANSI escape sequences through to the terminal.
         return _jsx(Text, { children: entry.text });
     }
+    if (entry.bar) {
+        // An operator turn: `▌` on EVERY visual row. Applying the bar to the whole
+        // (already wrapped) block keeps the indent equal on continuation lines —
+        // prefixing only the first line made a multi-line message look ragged.
+        return _jsx(Text, { children: theme.userBar('▌ ') + theme.user(entry.text) });
+    }
     switch (entry.kind) {
         case 'user':
             return _jsx(Text, { children: theme.user('❯ ') + entry.text });

package/dist/tui/StatusBar.js

@@ -24,6 +24,43 @@ function stateLabel(state, locale) {
     }
     return '';
 }
+/**
+ * The LEFT part of the status row (spinner/pause/scroll marker) as a string.
+ * Extracted from the component so the text and its rules are unit-testable
+ * without a terminal; the component only truncates and colorizes it.
+ */
+export function statusLeftText(state, t, frame = 0) {
+    const animating = state.busy || !!state.animBase;
+    const stateLbl = stateLabel(state, state.locale);
+    let left;
+    if (state.pendingText) {
+        left = '✎ ' + state.pendingText + '  ·  ' + t('spinner.hint');
+    }
+    else if (state.animBase) {
+        const dots = DOTS[frame % DOTS.length] ?? '';
+        const pad = '   '.slice(dots.length);
+        left =
+            stripEllipsis(state.animBase) +
+                dots +
+                pad +
+                elapsedLabel(state.animStart, animating) +
+                '  ·  ' +
+                t('spinner.hint');
+    }
+    else if (state.statusText) {
+        left = state.statusText;
+    }
+    else {
+        left = '';
+    }
+    const prefix = stateLbl ? stateLbl + ' ' : '';
+    // The scrolled-up marker carries NO timer: the elapsed label belongs to an
+    // animation, and a counter running next to «scrolled 5 lines» only ate width.
+    const scrollNote = state.scroll > 0
+        ? translate(state.locale)('status.scrolled', { n: String(state.scroll) })
+        : '';
+    return scrollNote || prefix + left;
+}
 /** Visible width of the badge row (used to reserve space for the left
  *  status). Measured with the shared `visLen` so wide chars (CJK/emoji) count
  *  as 2 and the emoji's text-presentation selector (\uFE0E) as 0 — a plain
@@ -57,103 +94,72 @@ export function badgeTextWidth(state) {
     }
     return w;
 }
-/** The badge row: statusLine, provider, queue, tasks, toggles, context.
- *  `maxWidth` caps the row so it never wraps to a second line; when the badges
- *  do not fit, the lowest-priority ones (statusLine, then provider) are
- *  dropped first so the context counter — the most useful — survives. */
-function Badges({ state, budget = Infinity, }) {
-    // Each badge is (node, visible width); lowest-priority first so the context
-    // counter (last) survives when the row is tight.
-    const all = [];
-    const add = (key, w, node) => {
-        all.push({ key, w, node });
-    };
+/**
+ * The badges to show, in priority order (the LAST survives a narrow terminal).
+ * The badge row is what tells the operator WHAT is on — provider, queue, the
+ * task counter, the toggles and the context fill — so it is derived here, once,
+ * with a palette role each, instead of being hardcoded in the component. The
+ * task counter used to be painted with the generic `system` gray, which is why
+ * it looked "not themed" next to the provider.
+ */
+export function statusBadges(state) {
+    const out = [];
     if (state.statusLine) {
-        add('sl', visLen(state.statusLine) + 1, _jsxs(Text, { color: UI.system, children: [state.statusLine, ' '] }, "sl"));
+        out.push({ key: 'sl', label: state.statusLine + ' ', role: 'dim' });
     }
     if (state.provider) {
-        add('prov', visLen('[' + state.provider + '] '), _jsx(Text, { color: UI.system, children: '[' + state.provider + '] ' }, "prov"));
+        out.push({
+            key: 'prov',
+            label: '[' + state.provider + '] ',
+            role: 'system',
+        });
     }
     if (state.queueLength > 0) {
-        add('q', visLen('⧗' + state.queueLength + ' '), _jsxs(Text, { color: UI.warn, children: ['⧗' + state.queueLength, ' '] }, "q"));
+        out.push({ key: 'q', label: '⧗' + state.queueLength + ' ', role: 'warn' });
     }
     if (state.tasks) {
-        add('t', visLen(state.tasks) + 1, _jsxs(Text, { color: UI.system, children: [state.tasks, ' '] }, "t"));
+        // The task counter is the MODEL's todo progress: paint it with the same
+        // role the per-task summary line uses, so it reads as agent activity, not
+        // as the generic service gray it had before.
+        out.push({ key: 't', label: state.tasks + ' ', role: 'title' });
     }
     const toggles = [];
     if (state.thinkingEnabled)
-        toggles.push('🧠\uFE0E');
+        toggles.push('🧠︎');
     if (state.searchEnabled)
-        toggles.push('🌐\uFE0E');
+        toggles.push('🌐︎');
     if (toggles.length) {
-        const label = toggles.join(' ') + ' ';
-        add('tg', visLen(label), _jsx(Text, { color: UI.on, children: label }, "tg"));
+        out.push({ key: 'tg', label: toggles.join(' ') + ' ', role: 'on' });
     }
     if (state.contextText) {
-        const color = state.contextLevel === 'high'
-            ? UI.err
+        const role = state.contextLevel === 'high'
+            ? 'err'
             : state.contextLevel === 'warn'
-                ? UI.warn
-                : UI.ok;
+                ? 'warn'
+                : 'ok';
         const marker = state.contextLevel === 'high'
             ? '⛔ '
             : state.contextLevel === 'warn'
                 ? '▲ '
                 : '';
-        const label = marker + state.contextText;
-        add('ctx', visLen(label), _jsx(Text, { color: color, children: label }, "ctx"));
+        out.push({ key: 'ctx', label: marker + state.contextText, role });
     }
+    return out;
+}
+/** The badge row. `budget` caps the row so it never wraps to a second line;
+ *  when the badges do not fit, the lowest-priority ones (statusLine, then
+ *  provider) are dropped first so the context counter survives. */
+function Badges({ state, budget = Infinity, }) {
+    const all = statusBadges(state);
     if (!all.length)
         return null;
-    // Drop badges from the FRONT (statusLine, provider, ... least important)
-    // until the row fits the budget. Keep at least the last (context).
-    let total = all.reduce((n, b) => n + b.w, 0);
+    let total = all.reduce((n, b) => n + visLen(b.label), 0);
     let start = 0;
     while (total > budget && start < all.length - 1) {
-        total -= all[start].w;
+        total -= visLen(all[start].label);
         start++;
     }
-    return _jsx(_Fragment, { children: all.slice(start).map((b) => b.node) });
-}
-/**
- * The LEFT part of the status row (spinner/pause/scroll marker) as a string.
- * Extracted from the component so the text and its rules are unit-testable
- * without a terminal; the component only truncates and colorizes it.
- */
-export function statusLeftText(state, t, frame = 0) {
-    const animating = state.busy || !!state.animBase;
-    const stateLbl = stateLabel(state, state.locale);
-    let left;
-    if (state.pendingText) {
-        left = '✎ ' + state.pendingText + '  ·  ' + t('spinner.hint');
-    }
-    else if (state.animBase) {
-        const dots = DOTS[frame % DOTS.length] ?? '';
-        const pad = '   '.slice(dots.length);
-        left =
-            stripEllipsis(state.animBase) +
-                dots +
-                pad +
-                elapsedLabel(state.animStart, animating) +
-                '  ·  ' +
-                t('spinner.hint');
-    }
-    else if (state.statusText) {
-        left = state.statusText;
-    }
-    else {
-        left = '';
-    }
-    const prefix = stateLbl ? stateLbl + ' ' : '';
-    // When the log is scrolled up, show a marker in the status line (NOT as a
-    // separate row below the input — that pushed the panel up and made the input
-    // jump). It replaces the spinner text while scrolled, so it never adds a row.
-    // It carries NO timer: the elapsed label belongs to an animation, and a
-    // counter running next to «scrolled 5 lines» only ate width.
-    const scrollNote = state.scroll > 0
-        ? translate(state.locale)('status.scrolled', { n: String(state.scroll) })
-        : '';
-    return scrollNote || prefix + left;
+    return (_jsx(_Fragment, { children: all.slice(start).map((b) => (_jsx(Text, { color: UI[b.role], children: b.label }, b.key))) }));
 }
 export function StatusBar({ state, divider = true, }) {
     // Drive the spinner from Ink's shared animation timer (one timer for the

package/dist/tui/TuiEditor.js

@@ -258,8 +258,9 @@ export class TuiEditor {
         // A turn separator + a BAR-marked, clearly-colored operator message, so an
         // operator turn never blends with the model's answer (operator request).
         this.printAbove(theme.turnRule('─'.repeat(contentWidth())));
-        this.printAbove(theme.userBar('▌ ') +
-            theme.user(wrapToWidth(display, contentWidth() - 2)));
+        // The BAR is a per-row marker, drawn by LogView (entry.bar), so every
+        // visual row of a long message starts with `▌` instead of only the first.
+        this.store.pushLog('user', wrapToWidth(display, contentWidth() - 2), false, { bar: true });
         this.store.set({ pastes: [] });
         // Sending a message pins the log back to the newest content: the operator
         // expects their message (and the answer) at the BOTTOM, so a viewport left

package/dist/tui/background.js

@@ -11,7 +11,7 @@
 //
 // 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';
+import { ALL_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('#', '');
@@ -26,7 +26,7 @@ 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';
+    return '\x1b]11;rgb:' + hexToOsc(ALL_PALETTES[id].bg) + '\x07';
 }
 /** Paint the window background for the palette `name` (best effort). */
 export function applyBackground(name) {

package/dist/tui/store.js

@@ -83,8 +83,14 @@ export class TuiStore {
         this.set(fn(this.state));
     }
     /** Append one permanent log entry (an Ink `<Static>` item). */
-    pushLog(kind, text, raw = false) {
-        const entry = { id: this.nextLogId++, kind, text, raw };
+    pushLog(kind, text, raw = false, extra) {
+        const entry = {
+            id: this.nextLogId++,
+            kind,
+            text,
+            raw,
+            ...extra,
+        };
         this.state = { ...this.state, log: [...this.state.log, entry] };
         this.emit();
     }

package/dist/tui/theme-preview.js

@@ -1,7 +1,7 @@
 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';
+import { ALL_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.
@@ -23,7 +23,7 @@ export function previewLines() {
     ];
 }
 function paletteOf(name) {
-    return PALETTES[isThemeName(name) ? name : DEFAULT_THEME];
+    return ALL_PALETTES[isThemeName(name) ? name : DEFAULT_THEME];
 }
 /** The preview as one chalk-painted string (for a plain terminal line). */
 export function themePreviewAnsi(name) {

package/dist/tui/ui-colors.js

@@ -7,7 +7,7 @@
 // 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';
+import { ALL_PALETTES, DEFAULT_THEME, isThemeName, } from '../theme.js';
 /** Derive the Ink map from a terminal palette. */
 export function uiColorsFrom(p) {
     return {
@@ -25,7 +25,7 @@ export function uiColorsFrom(p) {
         title: p.taskSummary,
     };
 }
-export const UI = uiColorsFrom(PALETTES[DEFAULT_THEME]);
+export const UI = uiColorsFrom(ALL_PALETTES[DEFAULT_THEME]);
 // Border STYLE of the framed surfaces (the input box today). Ink only ships a
 // handful of box styles; 'none' draws no frame at all. Kept next to the colors
 // because it is the same kind of presentation state, and mutated in place so a
@@ -59,7 +59,7 @@ export function inputBorderCols() {
 /** 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]);
+    const next = uiColorsFrom(ALL_PALETTES[id]);
     for (const key of Object.keys(next)) {
         UI[key] = next[key];
     }

package/dist/tui/widgets.js

@@ -7,12 +7,18 @@ export { UI } from './ui-colors.js';
 import { UI } from './ui-colors.js';
 /** `[x]` / `[ ]` — a checkbox for a boolean value. */
 export function Checkbox({ checked, focused, }) {
+    // A checkbox is ONE unit: `[x]`/`[ ]` must not change color inside the
+    // brackets — an unchecked box used to render as two overlapping `[ ]` glyphs
+    // because the three parts were painted with different colors.
     return (_jsx(Text, { color: checked ? UI.on : UI.off, bold: focused, children: checked ? '[x]' : '[ ]' }));
 }
 /** `‹ value ›` — an inline SELECT for an enum value. The arrows hint that
  *  ←/→ (or Space) cycle the option. */
 export function Select({ value, focused, }) {
-    return (_jsxs(Text, { children: [_jsx(Text, { color: UI.off, children: '‹ ' }), _jsx(Text, { color: focused ? UI.accent : UI.text, bold: focused, children: value }), _jsx(Text, { color: UI.off, children: ' ›' })] }));
+    // A single Text: one SGR run per glyph (`‹` + value + `›`) let some terminals
+    // render the arrows as a SECOND row of the same cell, and on a LIGHT palette
+    // the dim `off` color made the arrows nearly invisible. One run, one color.
+    return (_jsx(Text, { color: focused ? UI.accent : UI.text, bold: focused, children: '‹ ' + value + ' ›' }));
 }
 /** A row of hint chips separated by ` · `. */
 export function HintBar({ hints, }) {

package/llms-full.txt

@@ -618,7 +618,9 @@ are ports of well-known editor schemes:
 `zames` (default), `one-dark`, `dracula`, `gruvbox`, `nord`, `monokai`,
 `solarized-dark`, `tokyo-night`, `tokyo-storm`, `catppuccin`, `github-dark`,
 `ayu`, `rose-pine`, `everforest`, `kanagawa`, `night-owl`, `material`,
-`palenight`, `zenburn`, `selenized`, `iceberg`, `sonokai`, `aurora`, `cobalt2`.
+`palenight`, `zenburn`, `selenized`, `iceberg`, `sonokai`, `aurora`, `cobalt2`,
+plus the LIGHT ones: `one-light`, `github-light`, `solarized-light`,
+`gruvbox-light`, `ayu-light`.
 
 A theme repaints EVERYTHING: the interface, the agent's answers, the code
 highlighting inside them, the status row and the input frame. The terminal's
@@ -628,10 +630,12 @@ 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
+below the list, in `/config` press `p` on the theme row); it is not dumped into
+the chat after a pick. Every one of the 29 themes has a screenshot in
+`docs/shots/`. The frame itself is a separate
 setting: `/config set ui.inputBorder <round|single|double|bold|none>`
-(default `round`; `none` removes it).
+(default `round`; `none` removes it). A multi-line operator message keeps its
+`▌` bar on every row.
 
 Agent data is stored in `~/.zames`: browser profile, logs, undo history, sessions.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zames_pro",
-  "version": "2.86.0",
+  "version": "2.87.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": {