@agi-fans/dsh-tui 0.18.0 → 0.20.0

package/lib/chrome/theme.js

@@ -1,7 +1,6 @@
 /**
- * oh-my-pi dark theme, ported to Node (no Bun.color). Semantic colors, rounded
- * box chrome, and status glyphs — the visual vocabulary the rest of the view
- * paints with.
+ * Semantic palettes, paired surface colors, rounded box chrome, and status
+ * glyphs used by terminal views.
  * @module @agi-fans/dsh-tui
  */
 /** Rounded-box drawing characters (OMP unicode preset). */
@@ -27,33 +26,51 @@ export const SYMBOL = {
     pending: '○',
     running: '⟳',
     done: '•',
+    /**
+     * The model's thinking, in the gutter. Three stacked dots read as a deduction
+     * and collide with no status mark, which is what `⋆` did: it looked like a
+     * stray speck and a `✔` column beside it carried the real weight anyway.
+     */
+    reasoning: '∴',
+    /** Disclosure markers for a folded process group. */
+    folded: '▸',
+    unfolded: '▾',
+    /**
+     * Tree rail. A run's shape is carried by the rail rather than by indentation
+     * alone, so a reader can tell where one run ends and the next begins.
+     */
+    rail: '│',
+    railBranch: '├',
+    railEnd: '└',
+    /** The reader's own prompt. */
+    prompt: '›',
     bullet: '•',
     cursor: '❯',
 };
 /** Braille activity spinner (OMP unicode activity frames). */
 export const SPINNER = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-/** OMP `dark.json` palette. */
+/** Dark palette with paired card ink and backgrounds. */
 const DARK_PALETTE = {
     accent: '#febc38',
     border: '#178fb9',
     borderAccent: '#0088fa',
     borderMuted: '#3d424a',
     success: '#89d281',
-    error: '#fc3a4b',
+    error: '#fc4353',
     warning: '#e4c00f',
-    muted: '#777d88',
-    dim: '#5f6673',
+    muted: '#858a94',
+    dim: '#666d7b',
     text: '',
-    userMessageText: '',
+    userMessageText: '#e0e0e0',
     userMessageBg: '#221d1a',
     toolPendingBg: '#1d2129',
     toolSuccessBg: '#161a1f',
     toolErrorBg: '#291d1d',
-    toolTitle: '',
-    toolOutput: '#777d88',
+    toolTitle: '#e0e0e0',
+    toolOutput: '#858a94',
     toolDiffAdded: '#89d281',
-    toolDiffRemoved: '#fc3a4b',
-    toolDiffContext: '#5f6673',
+    toolDiffRemoved: '#fc4353',
+    toolDiffContext: '#838a98',
     mdHeading: '#febc38',
     mdLink: '#0088fa',
     mdLinkUrl: '#5f6673',
@@ -61,40 +78,48 @@ const DARK_PALETTE = {
     mdCodeBlock: '#9cdcfe',
     mdCodeBlockBorder: '#3d424a',
     mdKeyword: '#569cd6',
+    syntaxString: '#ce9178',
+    syntaxNumber: '#b5cea8',
+    syntaxFunction: '#dcdcaa',
+    syntaxType: '#4ec9b0',
     mdQuote: '#777d88',
     mdListBullet: '#febc38',
     thinkingText: '#6b7280',
     customMessageLabel: '#b281d6',
 };
-/** OMP `light.json` palette. */
+/** Light palette with paired card ink and backgrounds. */
 const LIGHT_PALETTE = {
-    accent: '#5a8080',
+    accent: '#4c6c6c',
     border: '#547da7',
     borderAccent: '#5a8080',
     borderMuted: '#b0b0b0',
     success: '#588458',
-    error: '#aa5555',
+    error: '#9f4f4f',
     warning: '#9a7326',
-    muted: '#6c6c6c',
+    muted: '#666666',
     dim: '#767676',
     text: '',
-    userMessageText: '',
+    userMessageText: '#242424',
     userMessageBg: '#e8e8e8',
     toolPendingBg: '#e8e8f0',
     toolSuccessBg: '#e8f0e8',
     toolErrorBg: '#f0e8e8',
-    toolTitle: '',
-    toolOutput: '#6c6c6c',
-    toolDiffAdded: '#588458',
-    toolDiffRemoved: '#aa5555',
-    toolDiffContext: '#767676',
+    toolTitle: '#242424',
+    toolOutput: '#666666',
+    toolDiffAdded: '#4a6f4a',
+    toolDiffRemoved: '#9f4f4f',
+    toolDiffContext: '#666666',
     mdHeading: '#9a7326',
-    mdLink: '#547da7',
+    mdLink: '#5077a0',
     mdLinkUrl: '#767676',
-    mdCode: '#5a8080',
-    mdCodeBlock: '#5a8080',
+    mdCode: '#567b7b',
+    mdCodeBlock: '#567b7b',
     mdCodeBlockBorder: '#6c6c6c',
     mdKeyword: '#0451a5',
+    syntaxString: '#a31515',
+    syntaxNumber: '#098558',
+    syntaxFunction: '#795e26',
+    syntaxType: '#267e97',
     mdQuote: '#6c6c6c',
     mdListBullet: '#588458',
     thinkingText: '#6c6c6c',
@@ -109,60 +134,72 @@ const MIDNIGHT_PALETTE = {
     success: '#9ece6a',
     error: '#f7768e',
     warning: '#e0af68',
-    muted: '#777d88',
-    dim: '#5f6673',
+    muted: '#878d96',
+    dim: '#686f7e',
     text: '',
     userMessageBg: '#1a1b26',
     toolPendingBg: '#16161e',
     toolSuccessBg: '#1b2430',
     toolErrorBg: '#2a1b26',
-    toolOutput: '#777d88',
+    toolOutput: '#878d96',
     toolDiffAdded: '#9ece6a',
     toolDiffRemoved: '#f7768e',
-    toolDiffContext: '#5f6673',
+    toolDiffContext: '#858d9a',
     mdHeading: '#bb9af7',
     mdLink: '#7dcfff',
-    mdLinkUrl: '#5f6673',
+    mdLinkUrl: '#626a77',
     mdCode: '#7f8799',
     mdCodeBlock: '#9aa5ce',
     mdCodeBlockBorder: '#3d424a',
     mdKeyword: '#bb9af7',
+    syntaxString: '#9ece6a',
+    syntaxNumber: '#ff9e64',
+    syntaxFunction: '#7aa2f7',
+    syntaxType: '#2ac3de',
     mdQuote: '#777d88',
     mdListBullet: '#7aa2f7',
     thinkingText: '#6a7394',
     customMessageLabel: '#bb9af7',
+    userMessageText: '#c0caf5',
+    toolTitle: '#c0caf5',
 };
 const SOLARIZED_PALETTE = {
     ...DARK_PALETTE,
-    accent: '#b58900',
+    accent: '#c39400',
     border: '#268bd2',
     borderAccent: '#2aa198',
     borderMuted: '#586e75',
     success: '#859900',
-    error: '#dc322f',
+    error: '#e87b79',
     warning: '#cb4b16',
-    muted: '#839496',
-    dim: '#586e75',
+    muted: '#8e9e9f',
+    dim: '#668088',
     text: '',
     userMessageBg: '#073642',
     toolPendingBg: '#002b36',
     toolSuccessBg: '#073642',
     toolErrorBg: '#3b2020',
-    toolOutput: '#839496',
-    toolDiffAdded: '#859900',
-    toolDiffRemoved: '#dc322f',
-    toolDiffContext: '#586e75',
+    toolOutput: '#8e9e9f',
+    toolDiffAdded: '#8fa500',
+    toolDiffRemoved: '#e87b79',
+    toolDiffContext: '#889fa6',
     mdHeading: '#b58900',
-    mdLink: '#268bd2',
-    mdLinkUrl: '#586e75',
+    mdLink: '#3496da',
+    mdLinkUrl: '#5e767d',
     mdCode: '#93a1a1',
     mdCodeBlock: '#2aa198',
     mdCodeBlockBorder: '#073642',
     mdKeyword: '#859900',
+    syntaxString: '#2aa198',
+    syntaxNumber: '#de66a0',
+    syntaxFunction: '#3496da',
+    syntaxType: '#b58900',
     mdQuote: '#839496',
     mdListBullet: '#b58900',
-    thinkingText: '#586e75',
+    thinkingText: '#5e767d',
     customMessageLabel: '#6c71c4',
+    userMessageText: '#93a1a1',
+    toolTitle: '#93a1a1',
 };
 const CATPPUCCIN_PALETTE = {
     ...DARK_PALETTE,
@@ -173,18 +210,18 @@ const CATPPUCCIN_PALETTE = {
     success: '#a6e3a1',
     error: '#f38ba8',
     warning: '#f9e2af',
-    muted: '#7f849c',
-    dim: '#6c7086',
+    muted: '#989db0',
+    dim: '#7a7d93',
     text: '',
     userMessageBg: '#181825',
     toolPendingBg: '#313244',
     toolSuccessBg: '#181825',
     toolErrorBg: '#11111b',
     toolTitle: '#b4befe',
-    toolOutput: '#7f849c',
+    toolOutput: '#989db0',
     toolDiffAdded: '#a6e3a1',
     toolDiffRemoved: '#f38ba8',
-    toolDiffContext: '#7f849c',
+    toolDiffContext: '#989db0',
     mdHeading: '#fab387',
     mdLink: '#89b4fa',
     mdLinkUrl: '#6c7086',
@@ -192,10 +229,15 @@ const CATPPUCCIN_PALETTE = {
     mdCodeBlock: '#cdd6f4',
     mdCodeBlockBorder: '#313244',
     mdKeyword: '#cba6f7',
+    syntaxString: '#a6e3a1',
+    syntaxNumber: '#fab387',
+    syntaxFunction: '#89b4fa',
+    syntaxType: '#f9e2af',
     mdQuote: '#7f849c',
     mdListBullet: '#fab387',
     thinkingText: '#6c7086',
     customMessageLabel: '#cba6f7',
+    userMessageText: '#cdd6f4',
 };
 const DRACULA_PALETTE = {
     ...DARK_PALETTE,
@@ -204,31 +246,36 @@ const DRACULA_PALETTE = {
     borderAccent: '#ff79c6',
     borderMuted: '#44475a',
     success: '#50fa7b',
-    error: '#ff5555',
+    error: '#ff5a5a',
     warning: '#f1fa8c',
-    muted: '#6272a4',
-    dim: '#44475a',
+    muted: '#8693b9',
+    dim: '#6f7492',
     text: '',
     userMessageBg: '#1f2029',
     toolPendingBg: '#21222c',
     toolSuccessBg: '#1a1f1e',
     toolErrorBg: '#2a2028',
     toolTitle: '#8be9fd',
-    toolOutput: '#6272a4',
+    toolOutput: '#8693b9',
     toolDiffAdded: '#50fa7b',
-    toolDiffRemoved: '#ff5555',
-    toolDiffContext: '#6272a4',
+    toolDiffRemoved: '#ff5a5a',
+    toolDiffContext: '#8693b9',
     mdHeading: '#bd93f9',
     mdLink: '#8be9fd',
-    mdLinkUrl: '#6272a4',
+    mdLinkUrl: '#6474a5',
     mdCode: '#9aa3c7',
     mdCodeBlock: '#f8f8f2',
     mdCodeBlockBorder: '#44475a',
     mdKeyword: '#ff79c6',
-    mdQuote: '#6272a4',
+    syntaxString: '#f1fa8c',
+    syntaxNumber: '#bd93f9',
+    syntaxFunction: '#50fa7b',
+    syntaxType: '#8be9fd',
+    mdQuote: '#6474a5',
     mdListBullet: '#ff79c6',
-    thinkingText: '#6272a4',
+    thinkingText: '#6474a5',
     customMessageLabel: '#bd93f9',
+    userMessageText: '#f8f8f2',
 };
 const NORD_PALETTE = {
     ...DARK_PALETTE,
@@ -237,31 +284,36 @@ const NORD_PALETTE = {
     borderAccent: '#88c0d0',
     borderMuted: '#434c5e',
     success: '#a3be8c',
-    error: '#bf616a',
+    error: '#daa2a8',
     warning: '#ebcb8b',
-    muted: '#7b88a1',
-    dim: '#4c566a',
+    muted: '#a8b1c1',
+    dim: '#8490a7',
     text: '',
     userMessageBg: '#3b4252',
     toolPendingBg: '#3b4252',
     toolSuccessBg: '#2e3440',
     toolErrorBg: '#3b2f31',
     toolTitle: '#88c0d0',
-    toolOutput: '#7b88a1',
+    toolOutput: '#a8b1c1',
     toolDiffAdded: '#a3be8c',
-    toolDiffRemoved: '#bf616a',
-    toolDiffContext: '#7b88a1',
+    toolDiffRemoved: '#daa2a8',
+    toolDiffContext: '#a8b1c1',
     mdHeading: '#88c0d0',
     mdLink: '#88c0d0',
-    mdLinkUrl: '#4c566a',
-    mdCode: '#81a1c1',
+    mdLinkUrl: '#727f9a',
+    mdCode: '#82a2c1',
     mdCodeBlock: '#d8dee9',
     mdCodeBlockBorder: '#434c5e',
-    mdKeyword: '#81a1c1',
+    mdKeyword: '#82a2c1',
+    syntaxString: '#a3be8c',
+    syntaxNumber: '#b793b1',
+    syntaxFunction: '#88c0d0',
+    syntaxType: '#8fbcbb',
     mdQuote: '#7b88a1',
     mdListBullet: '#81a1c1',
-    thinkingText: '#6b768d',
+    thinkingText: '#747f95',
     customMessageLabel: '#b48ead',
+    userMessageText: '#d8dee9',
 };
 const GRUVBOX_PALETTE = {
     ...DARK_PALETTE,
@@ -270,31 +322,36 @@ const GRUVBOX_PALETTE = {
     borderAccent: '#8ec07c',
     borderMuted: '#504945',
     success: '#b8bb26',
-    error: '#fb4934',
+    error: '#fc6c5c',
     warning: '#fabd2f',
-    muted: '#928374',
-    dim: '#7c6f64',
+    muted: '#a4988b',
+    dim: '#87796d',
     text: '',
     userMessageBg: '#1d2021',
     toolPendingBg: '#32302f',
     toolSuccessBg: '#1d2021',
     toolErrorBg: '#3c2021',
     toolTitle: '#ebdbb2',
-    toolOutput: '#928374',
+    toolOutput: '#a4988b',
     toolDiffAdded: '#b8bb26',
-    toolDiffRemoved: '#fb4934',
-    toolDiffContext: '#928374',
+    toolDiffRemoved: '#fc6c5c',
+    toolDiffContext: '#a4988b',
     mdHeading: '#fabd2f',
     mdLink: '#8ec07c',
-    mdLinkUrl: '#7c6f64',
+    mdLinkUrl: '#7e7165',
     mdCode: '#bdae93',
     mdCodeBlock: '#ebdbb2',
     mdCodeBlockBorder: '#504945',
     mdKeyword: '#d3869b',
+    syntaxString: '#b8bb26',
+    syntaxNumber: '#d3869b',
+    syntaxFunction: '#fabd2f',
+    syntaxType: '#8ec07c',
     mdQuote: '#928374',
     mdListBullet: '#fe8019',
-    thinkingText: '#7c6f64',
+    thinkingText: '#7e7165',
     customMessageLabel: '#d3869b',
+    userMessageText: '#ebdbb2',
 };
 const ROSE_PINE_PALETTE = {
     ...DARK_PALETTE,
@@ -305,29 +362,34 @@ const ROSE_PINE_PALETTE = {
     success: '#9ccfd8',
     error: '#eb6f92',
     warning: '#f6c177',
-    muted: '#6e6a86',
-    dim: '#524f67',
+    muted: '#8c89a2',
+    dim: '#6f6b8b',
     text: '',
     userMessageBg: '#21202e',
     toolPendingBg: '#1f1d2e',
     toolSuccessBg: '#21202e',
     toolErrorBg: '#2d1f26',
     toolTitle: '#9ccfd8',
-    toolOutput: '#6e6a86',
+    toolOutput: '#8c89a2',
     toolDiffAdded: '#9ccfd8',
     toolDiffRemoved: '#eb6f92',
-    toolDiffContext: '#6e6a86',
+    toolDiffContext: '#8c89a2',
     mdHeading: '#c4a7e7',
     mdLink: '#9ccfd8',
     mdLinkUrl: '#908caa',
     mdCode: '#a8a4c4',
     mdCodeBlock: '#e0def4',
     mdCodeBlockBorder: '#403d52',
-    mdKeyword: '#31748f',
+    mdKeyword: '#3b8cac',
+    syntaxString: '#f6c177',
+    syntaxNumber: '#ebbcba',
+    syntaxFunction: '#9ccfd8',
+    syntaxType: '#c4a7e7',
     mdQuote: '#6e6a86',
     mdListBullet: '#c4a7e7',
     thinkingText: '#6e6a86',
     customMessageLabel: '#c4a7e7',
+    userMessageText: '#e0def4',
 };
 const MONO_PALETTE = {
     accent: '#e8e8e8',
@@ -337,19 +399,19 @@ const MONO_PALETTE = {
     success: '#c0c0c0',
     error: '#f0f0f0',
     warning: '#a8a8a8',
-    muted: '#888888',
-    dim: '#666666',
+    muted: '#939393',
+    dim: '#757575',
     text: '',
-    userMessageText: '',
+    userMessageText: '#e8e8e8',
     userMessageBg: '#202020',
     toolPendingBg: '#242424',
     toolSuccessBg: '#1c1c1c',
     toolErrorBg: '#2a2a2a',
-    toolTitle: '',
-    toolOutput: '#888888',
+    toolTitle: '#e8e8e8',
+    toolOutput: '#939393',
     toolDiffAdded: '#c0c0c0',
     toolDiffRemoved: '#f0f0f0',
-    toolDiffContext: '#666666',
+    toolDiffContext: '#939393',
     mdHeading: '#e8e8e8',
     mdLink: '#b8b8b8',
     mdLinkUrl: '#666666',
@@ -357,6 +419,10 @@ const MONO_PALETTE = {
     mdCodeBlock: '#c0c0c0',
     mdCodeBlockBorder: '#444444',
     mdKeyword: '#b8b8b8',
+    syntaxString: '#c0c0c0',
+    syntaxNumber: '#a0a0a0',
+    syntaxFunction: '#e8e8e8',
+    syntaxType: '#b8b8b8',
     mdQuote: '#888888',
     mdListBullet: '#b8b8b8',
     thinkingText: '#767676',
@@ -380,6 +446,10 @@ const PALETTES = {
  * shift in {@link ANSI16_BG} yields the intended background SGR.
  */
 const DARK_ANSI16 = {
+    syntaxString: '32',
+    syntaxNumber: '35',
+    syntaxFunction: '33',
+    syntaxType: '36',
     accent: '33',
     border: '36',
     borderAccent: '36',
@@ -390,14 +460,13 @@ const DARK_ANSI16 = {
     muted: '37',
     dim: '90',
     text: '39',
-    userMessageText: '39',
+    userMessageText: '37',
     userMessageBg: '30',
-    // SGR 40 is the only 16-color background dark tool cards can share, so
-    // pending and successful states stay visually identical without 256 colors.
+    // Neutral fills avoid same-index collisions with error and diff ink.
     toolPendingBg: '30',
     toolSuccessBg: '30',
-    toolErrorBg: '31',
-    toolTitle: '39',
+    toolErrorBg: '30',
+    toolTitle: '37',
     toolOutput: '37',
     toolDiffAdded: '32',
     toolDiffRemoved: '31',
@@ -415,35 +484,39 @@ const DARK_ANSI16 = {
     customMessageLabel: '35',
 };
 const LIGHT_ANSI16 = {
-    accent: '36',
+    syntaxString: '31',
+    syntaxNumber: '30',
+    syntaxFunction: '30',
+    syntaxType: '34',
+    accent: '34',
     border: '34',
-    borderAccent: '36',
+    borderAccent: '34',
     borderMuted: '90',
-    success: '32',
+    success: '30',
     error: '31',
-    warning: '33',
+    warning: '30',
     muted: '30',
     dim: '90',
     text: '39',
-    userMessageText: '39',
+    userMessageText: '30',
     userMessageBg: '37',
     toolPendingBg: '37',
-    toolSuccessBg: '32',
-    toolErrorBg: '31',
-    toolTitle: '39',
+    toolSuccessBg: '37',
+    toolErrorBg: '37',
+    toolTitle: '30',
     toolOutput: '30',
-    toolDiffAdded: '32',
+    toolDiffAdded: '30',
     toolDiffRemoved: '31',
     toolDiffContext: '90',
-    mdHeading: '33',
+    mdHeading: '30',
     mdLink: '34',
     mdLinkUrl: '90',
-    mdCode: '90',
-    mdCodeBlock: '36',
+    mdCode: '30',
+    mdCodeBlock: '34',
     mdCodeBlockBorder: '90',
     mdKeyword: '34',
     mdQuote: '30',
-    mdListBullet: '32',
+    mdListBullet: '30',
     thinkingText: '90',
     customMessageLabel: '35',
 };
@@ -527,6 +600,10 @@ const ROSE_PINE_ANSI16 = {
 };
 const MONO_ANSI16 = {
     ...DARK_ANSI16,
+    syntaxString: '37',
+    syntaxNumber: '37',
+    syntaxFunction: '97',
+    syntaxType: '37',
     accent: '97',
     border: '37',
     borderAccent: '97',
@@ -602,6 +679,45 @@ export function isThemeName(value) {
 export function parseThemeName(value) {
     return value !== undefined && isThemeName(value) ? value : 'dark';
 }
+/** Paint a fixed surface, restoring its paired ink and fill after nested resets. */
+export function paintSurface(theme, background, foreground, text) {
+    if (!theme.colors)
+        return text;
+    const fg = theme.getFgAnsi(foreground);
+    const bg = theme.getBgAnsi(background);
+    const restored = text.replace(/\x1b\[([0-9;]*)m/gu, (escape, params) => {
+        const codes = params.split(';').map(Number);
+        let resetFg = false, resetBg = false;
+        for (let at = 0; at < codes.length; at += 1) {
+            const code = codes[at];
+            if (code === 0) {
+                resetFg = true;
+                resetBg = true;
+            }
+            else if (code === 39)
+                resetFg = true;
+            else if (code === 49)
+                resetBg = true;
+            else if ((code >= 30 && code <= 37) || (code >= 90 && code <= 97))
+                resetFg = false;
+            else if ((code >= 40 && code <= 47) || (code >= 100 && code <= 107))
+                resetBg = false;
+            else if (code === 38 || code === 48) {
+                if (code === 38)
+                    resetFg = false;
+                else
+                    resetBg = false;
+                // Color channels and palette indices are data, including zero.
+                if (codes[at + 1] === 2)
+                    at += 4;
+                else if (codes[at + 1] === 5)
+                    at += 2;
+            }
+        }
+        return escape + (resetFg ? fg : '') + (resetBg ? bg : '');
+    });
+    return bg + fg + restored + FG_RESET + BG_RESET;
+}
 function hexToRgb(hex) {
     const body = hex.startsWith('#') ? hex.slice(1) : hex;
     return [
@@ -697,14 +813,6 @@ export const DEEPSEEK_LOGO = [
     ' ⠙⠻⢿⣶⣦⣼⣿⣷⣦⣭⣿⠿⣿⣷⠦    ',
     '     ⠉⠉⠉⠉⠉⠁         ',
 ];
-/** @deprecated Use {@link DEEPSEEK_LOGO}; retained for API compatibility. */
-export const PI_LOGO = [
-    '▀██████████▀',
-    ' ╘██    ██  ',
-    '  ██    ██  ',
-    '  ██    ██  ',
-    ' ▄██▄  ▄██▄ ',
-];
 const GRADIENT_STOPS = [
     [255, 92, 200],
     [200, 110, 255],