@deepseek-harness-tui/dsh-tui 0.6.0 → 0.7.0

package/lib/types/components/RewindPicker.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from '../ui.js';
+import { t } from '../i18n.js';
+import { Box, Text, useTerminalSize } from '../ui.js';
 import { Pane } from './design-system/Pane.js';
 import { ListItem } from './design-system/ListItem.js';
-import { Byline } from './design-system/Byline.js';
-import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
+import { HintLine } from './design-system/HintLine.js';
+import { listWindow } from './listWindow.js';
 /**
  * Double-Esc rewind picker (CC's "Double-tap esc to rewind the code and/or
  * conversation to a previous point in time"): lists the user's past messages
@@ -12,9 +13,17 @@ import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
  */
 export function RewindPicker({ rows, focusIndex, confirmRow, }) {
     if (confirmRow !== null) {
-        return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: "Rewind conversation to this message?" }) }), _jsx(ListItem, { isFocused: false, description: "conversation restarts here", children: preview(confirmRow.text) }), _jsx(Text, { dimColor: true, italic: true, children: _jsxs(Byline, { children: [_jsx(KeyboardShortcutHint, { shortcut: "Enter", action: "rewind", bold: true }), _jsx(KeyboardShortcutHint, { shortcut: "Esc", action: "back" })] }) })] }) }));
+        return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('rewind-confirm-title') }) }), _jsx(ListItem, { isFocused: false, description: t('rewind-confirm-desc'), children: preview(confirmRow.text) }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-rewind-back') }) })] }) }));
     }
-    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "remember", bold: true, children: "Rewind" }), _jsx(Text, { dimColor: true, children: "Pick a message to rewind the conversation to" })] }), rows.length === 0 ? (_jsx(ListItem, { isFocused: false, children: "No messages to rewind to" })) : (rows.map((row, index) => (_jsx(ListItem, { isFocused: index === focusIndex, description: index === 0 ? 'last message' : undefined, children: preview(row.text) }, row.id))))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsxs(Byline, { children: [_jsx(KeyboardShortcutHint, { shortcut: "Enter", action: "select", bold: true }), _jsx(KeyboardShortcutHint, { shortcut: "Esc", action: "exit" })] }) })] }));
+    const { rows: terminalRows } = useTerminalSize();
+    // 焦点窗口化按行预算：首项带 'last message' 描述占 2 行、其余 1 行
+    //（ListItem 保证单行截断）。rewind 是不可见确认的高危操作，焦点必须
+    // 始终在屏。框架行：浮层预留 8 + Pane 2 + 标题块 3 + 页脚 1 = 14。
+    const { start, end } = listWindow(rows.map((_, i) => (i === 0 ? 2 : 1)), focusIndex, Math.max(terminalRows - 14, 2));
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "remember", bold: true, children: t('rewind-title') }), _jsx(Text, { dimColor: true, children: t('rewind-subtitle') })] }), rows.length === 0 ? (_jsx(ListItem, { isFocused: false, children: t('rewind-empty') })) : (rows.slice(start, end).map((row, index) => {
+                        const absoluteIndex = start + index;
+                        return (_jsx(ListItem, { isFocused: absoluteIndex === focusIndex, description: absoluteIndex === 0 ? t('rewind-last-message') : undefined, showScrollUp: absoluteIndex === start && start > 0, showScrollDown: absoluteIndex === end - 1 && end < rows.length, children: preview(row.text) }, row.id));
+                    }))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
 }
 /** One-line preview of a message (newlines flattened, capped). */
 function preview(text) {

package/lib/types/components/SearchBox.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 /**
- * A single-line search input in the round-bordered box of the leak's
+ * A single-line search input in the round-bordered box of Claude Code's
  * SearchBox: `⌕ ` prefix, block cursor at `cursorOffset` (inverse cell).
  * When empty and focused, a solid block caret sits at the start and the
  * placeholder is right-aligned (dimmed) — kept off the caret's cell so the

package/lib/types/components/SearchBox.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import Box from '../ink/components/Box.js';
 import Text from '../ink/components/Text.js';
 /**
- * A single-line search input in the round-bordered box of the leak's
+ * A single-line search input in the round-bordered box of Claude Code's
  * SearchBox: `⌕ ` prefix, block cursor at `cursorOffset` (inverse cell).
  * When empty and focused, a solid block caret sits at the start and the
  * placeholder is right-aligned (dimmed) — kept off the caret's cell so the

package/lib/types/components/Spinner/GlimmerMessage.d.ts

@@ -11,8 +11,7 @@ type Props = {
     stalledIntensity?: number;
 };
 /**
- * The shimmering verb message next to the spinner glyph, ported from the
- * leak's `Spinner/GlimmerMessage.tsx`.
+ * The shimmering verb message next to the spinner glyph, mirroring Claude Code's `Spinner/GlimmerMessage.tsx`.
  */
 export declare function GlimmerMessage({ message, mode, messageColor, glimmerIndex, flashOpacity, shimmerColor, stalledIntensity, }: Props): React.ReactNode;
 export {};

package/lib/types/components/Spinner/GlimmerMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlimmerMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/GlimmerMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAInD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,WAAW,CAAA;IACjB,YAAY,EAAE,MAAM,KAAK,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,KAAK,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAID;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,gBAAoB,GACrB,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA8GzB"}
+{"version":3,"file":"GlimmerMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/GlimmerMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAInD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,WAAW,CAAA;IACjB,YAAY,EAAE,MAAM,KAAK,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,KAAK,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAID;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,gBAAoB,GACrB,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA8GzB"}

package/lib/types/components/Spinner/GlimmerMessage.js

@@ -8,8 +8,7 @@ import { interpolateColor, parseRGB, toRGBColor } from './spinnerUtils.js';
 import { useTheme } from '../design-system/ThemeProvider.js';
 const ERROR_RED = { r: 171, g: 43, b: 63 };
 /**
- * The shimmering verb message next to the spinner glyph, ported from the
- * leak's `Spinner/GlimmerMessage.tsx`.
+ * The shimmering verb message next to the spinner glyph, mirroring Claude Code's `Spinner/GlimmerMessage.tsx`.
  */
 export function GlimmerMessage({ message, mode, messageColor, glimmerIndex, flashOpacity, shimmerColor, stalledIntensity = 0, }) {
     const [themeName] = useTheme();

package/lib/types/components/Spinner/SpinnerAnimationRow.d.ts

@@ -21,7 +21,7 @@ export type SpinnerAnimationRowProps = {
     thinkingStatus: 'thinking' | number | null;
 };
 /**
- * The 50ms-animated portion of the working spinner, ported from the leak's
+ * The 50ms-animated portion of the working spinner, mirroring Claude Code's
  * `Spinner/SpinnerAnimationRow.tsx` with the swarm/teammate/effort branches
  * removed. Owns `useAnimationFrame(50)` and all values derived from the
  * animation clock (frame, glimmer, token counter animation, elapsed time,

package/lib/types/components/Spinner/SpinnerAnimationRow.js

@@ -14,13 +14,13 @@ import { interpolateColor, toRGBColor } from './spinnerUtils.js';
 const SEP_WIDTH = stringWidth(' · ');
 const THINKING_BARE_WIDTH = stringWidth('thinking');
 const SHOW_TOKENS_AFTER_MS = 30_000;
-// Thinking shimmer constants (same as the leak).
+// Thinking shimmer constants (same as Claude Code).
 const THINKING_INACTIVE = { r: 153, g: 153, b: 153 };
 const THINKING_INACTIVE_SHIMMER = { r: 185, g: 185, b: 185 };
 const THINKING_DELAY_MS = 3000;
 const THINKING_GLOW_PERIOD_S = 2;
 /**
- * The 50ms-animated portion of the working spinner, ported from the leak's
+ * The 50ms-animated portion of the working spinner, mirroring Claude Code's
  * `Spinner/SpinnerAnimationRow.tsx` with the swarm/teammate/effort branches
  * removed. Owns `useAnimationFrame(50)` and all values derived from the
  * animation clock (frame, glimmer, token counter animation, elapsed time,

package/lib/types/components/Spinner/SpinnerGlyph.d.ts

@@ -8,7 +8,7 @@ type Props = {
     time?: number;
 };
 /**
- * The animated spinner glyph (·✢*✶✻✽ cycle), ported from the leak's
+ * The animated spinner glyph (·✢*✶✻✽ cycle), mirroring Claude Code's
  * `Spinner/SpinnerGlyph.tsx`. Interpolates toward red when stalled.
  */
 export declare function SpinnerGlyph({ frame, messageColor, stalledIntensity, reducedMotion, time, }: Props): React.ReactNode;

package/lib/types/components/Spinner/SpinnerGlyph.js

@@ -10,7 +10,7 @@ const REDUCED_MOTION_DOT = '●';
 const REDUCED_MOTION_CYCLE_MS = 2000; // 2-second cycle: 1s visible, 1s dim
 const ERROR_RED = { r: 171, g: 43, b: 63 };
 /**
- * The animated spinner glyph (·✢*✶✻✽ cycle), ported from the leak's
+ * The animated spinner glyph (·✢*✶✻✽ cycle), mirroring Claude Code's
  * `Spinner/SpinnerGlyph.tsx`. Interpolates toward red when stalled.
  */
 export function SpinnerGlyph({ frame, messageColor, stalledIntensity = 0, reducedMotion = false, time = 0, }) {

package/lib/types/components/Spinner/spinnerUtils.d.ts

@@ -1,6 +1,7 @@
 /**
- * Spinner animation utilities, ported from the leaked Claude Code source
- * (`src/components/Spinner/utils.ts`).
+ * Spinner 动画的通用工具集：平台相关的帧字符选择、RGB 颜色插值、
+ * HSL 色相转 RGB，以及 `rgb(...)` 颜色字符串的解析与记忆化。
+ * 这些纯函数被 Spinner 组件及若干加载/装饰元素复用。
  */
 export type RGBColor = {
     r: number;
@@ -8,34 +9,28 @@ export type RGBColor = {
     b: number;
 };
 /**
- * The platform-appropriate default spinner character set.
- * @returns The spinner frame characters for the current terminal/platform.
+ * 返回适合当前终端/平台的 spinner 帧字符序列。
+ * 每次调用都返回独立数组，调用方可以安全持有或改动，互不影响。
  */
 export declare function getDefaultCharacters(): string[];
 /**
- * Interpolate between two RGB colors.
- * @param color1 - Start color.
- * @param color2 - End color.
- * @param t - Interpolation factor, 0 to 1.
- * @returns The interpolated color, components rounded to integers.
+ * 在两种颜色之间按系数 t 线性插值（t ∈ [0, 1]），
+ * 各分量四舍五入到整数后返回。
  */
 export declare function interpolateColor(color1: RGBColor, color2: RGBColor, t: number): RGBColor;
 /**
- * Convert an RGB object to an `rgb()` color string for the Text component.
- * @param color - The RGB color to format.
- * @returns The `rgb(r,g,b)` string.
+ * 把 RGB 对象格式化为 `rgb(r,g,b)` 字符串，供 Ink 的 Text 组件使用。
  */
 export declare function toRGBColor(color: RGBColor): string;
 /**
- * Convert an HSL hue to RGB, using voice-mode waveform parameters (s=0.7, l=0.6).
- * @param hue - Hue in degrees (0–360; wrapped into range).
- * @returns The RGB color for the hue.
+ * 把色相角（单位：度）转换为 RGB 颜色。
+ * 采用固定饱和度 0.7、亮度 0.6 的 HSL 参数（波形动画的配色基准）；
+ * 色相先归一化到 [0, 360)，任意角度（含负数、超一圈）都能安全转换。
  */
 export declare function hueToRgb(hue: number): RGBColor;
 /**
- * Parse an `rgb(r,g,b)` color string, memoized per input.
- * @param colorStr - The color string to parse.
- * @returns The parsed RGB color, or null when the string is not `rgb(r,g,b)`.
+ * 解析 `rgb(r,g,b)` 颜色字符串；格式不合法时返回 null。
+ * 同一输入的解析结果会被缓存（含 null），之后取用零成本。
  */
 export declare function parseRGB(colorStr: string): RGBColor | null;
 //# sourceMappingURL=spinnerUtils.d.ts.map

package/lib/types/components/Spinner/spinnerUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinnerUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/spinnerUtils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,EAAE,CAO/C;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,QAAQ,EAChB,CAAC,EAAE,MAAM,GACR,QAAQ,CAMV;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CAElD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAkC9C;AAID;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAc1D"}
+{"version":3,"file":"spinnerUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/spinnerUtils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAS1D;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,EAAE,CAO/C;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,QAAQ,EAChB,CAAC,EAAE,MAAM,GACR,QAAQ,CAQV;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CAElD;AAmBD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAa9C;AAQD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAc1D"}

package/lib/types/components/Spinner/spinnerUtils.js

@@ -1,104 +1,100 @@
 /**
- * Spinner animation utilities, ported from the leaked Claude Code source
- * (`src/components/Spinner/utils.ts`).
+ * Spinner 动画的通用工具集：平台相关的帧字符选择、RGB 颜色插值、
+ * HSL 色相转 RGB，以及 `rgb(...)` 颜色字符串的解析与记忆化。
+ * 这些纯函数被 Spinner 组件及若干加载/装饰元素复用。
  */
+/** Ghostty 终端专属帧序列：星形符号逐帧放大，末帧为实心星。 */
+const GHOSTTY_FRAME_SET = ['·', '✢', '✳', '✶', '✻', '*'];
+/** macOS 帧序列：末帧换成八芒星。 */
+const MACOS_FRAME_SET = ['·', '✢', '✳', '✶', '✻', '✽'];
+/** 其余平台默认帧序列：第三帧用普通星号。 */
+const FALLBACK_FRAME_SET = ['·', '✢', '*', '✶', '✻', '✽'];
 /**
- * The platform-appropriate default spinner character set.
- * @returns The spinner frame characters for the current terminal/platform.
+ * 返回适合当前终端/平台的 spinner 帧字符序列。
+ * 每次调用都返回独立数组，调用方可以安全持有或改动，互不影响。
  */
 export function getDefaultCharacters() {
     if (process.env.TERM === 'xterm-ghostty') {
-        return ['·', '✢', '✳', '✶', '✻', '*'];
+        return [...GHOSTTY_FRAME_SET];
     }
     return process.platform === 'darwin'
-        ? ['·', '✢', '✳', '✶', '✻', '✽']
-        : ['·', '✢', '*', '✶', '✻', '✽'];
+        ? [...MACOS_FRAME_SET]
+        : [...FALLBACK_FRAME_SET];
 }
 /**
- * Interpolate between two RGB colors.
- * @param color1 - Start color.
- * @param color2 - End color.
- * @param t - Interpolation factor, 0 to 1.
- * @returns The interpolated color, components rounded to integers.
+ * 在两种颜色之间按系数 t 线性插值（t ∈ [0, 1]），
+ * 各分量四舍五入到整数后返回。
  */
 export function interpolateColor(color1, color2, t) {
+    const blend = (from, to) => Math.round(from + (to - from) * t);
     return {
-        r: Math.round(color1.r + (color2.r - color1.r) * t),
-        g: Math.round(color1.g + (color2.g - color1.g) * t),
-        b: Math.round(color1.b + (color2.b - color1.b) * t),
+        r: blend(color1.r, color2.r),
+        g: blend(color1.g, color2.g),
+        b: blend(color1.b, color2.b),
     };
 }
 /**
- * Convert an RGB object to an `rgb()` color string for the Text component.
- * @param color - The RGB color to format.
- * @returns The `rgb(r,g,b)` string.
+ * 把 RGB 对象格式化为 `rgb(r,g,b)` 字符串，供 Ink 的 Text 组件使用。
  */
 export function toRGBColor(color) {
     return `rgb(${color.r},${color.g},${color.b})`;
 }
 /**
- * Convert an HSL hue to RGB, using voice-mode waveform parameters (s=0.7, l=0.6).
- * @param hue - Hue in degrees (0–360; wrapped into range).
- * @returns The RGB color for the hue.
+ * 计算色相在六个扇区中的基准 RGB 分量（未加亮度偏移）。
+ * 扇区按 60° 划分：红→黄→绿→青→蓝→品红→红。
+ */
+function hueSector(hue, chroma, secondary) {
+    if (hue < 60)
+        return [chroma, secondary, 0];
+    if (hue < 120)
+        return [secondary, chroma, 0];
+    if (hue < 180)
+        return [0, chroma, secondary];
+    if (hue < 240)
+        return [0, secondary, chroma];
+    if (hue < 300)
+        return [secondary, 0, chroma];
+    return [chroma, 0, secondary];
+}
+/**
+ * 把色相角（单位：度）转换为 RGB 颜色。
+ * 采用固定饱和度 0.7、亮度 0.6 的 HSL 参数（波形动画的配色基准）；
+ * 色相先归一化到 [0, 360)，任意角度（含负数、超一圈）都能安全转换。
  */
 export function hueToRgb(hue) {
-    const h = ((hue % 360) + 360) % 360;
-    const s = 0.7;
-    const l = 0.6;
-    const c = (1 - Math.abs(2 * l - 1)) * s;
-    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
-    const m = l - c / 2;
-    let r = 0;
-    let g = 0;
-    let b = 0;
-    if (h < 60) {
-        r = c;
-        g = x;
-    }
-    else if (h < 120) {
-        r = x;
-        g = c;
-    }
-    else if (h < 180) {
-        g = c;
-        b = x;
-    }
-    else if (h < 240) {
-        g = x;
-        b = c;
-    }
-    else if (h < 300) {
-        r = x;
-        b = c;
-    }
-    else {
-        r = c;
-        b = x;
-    }
+    const wrapped = ((hue % 360) + 360) % 360;
+    const saturation = 0.7;
+    const lightness = 0.6;
+    const chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
+    const secondary = chroma * (1 - Math.abs(((wrapped / 60) % 2) - 1));
+    const luminanceOffset = lightness - chroma / 2;
+    const [r, g, b] = hueSector(wrapped, chroma, secondary);
     return {
-        r: Math.round((r + m) * 255),
-        g: Math.round((g + m) * 255),
-        b: Math.round((b + m) * 255),
+        r: Math.round((r + luminanceOffset) * 255),
+        g: Math.round((g + luminanceOffset) * 255),
+        b: Math.round((b + luminanceOffset) * 255),
     };
 }
-const RGB_CACHE = new Map();
+/** 匹配 `rgb(r,g,b)` 文本，分量允许任意空格。 */
+const RGB_STRING_PATTERN = /rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/;
+/** 按输入字符串记忆化解析结果，重复调用不再做正则匹配。 */
+const rgbParseCache = new Map();
 /**
- * Parse an `rgb(r,g,b)` color string, memoized per input.
- * @param colorStr - The color string to parse.
- * @returns The parsed RGB color, or null when the string is not `rgb(r,g,b)`.
+ * 解析 `rgb(r,g,b)` 颜色字符串；格式不合法时返回 null。
+ * 同一输入的解析结果会被缓存（含 null），之后取用零成本。
  */
 export function parseRGB(colorStr) {
-    const cached = RGB_CACHE.get(colorStr);
-    if (cached !== undefined)
-        return cached;
-    const match = colorStr.match(/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/);
-    const result = match
+    const remembered = rgbParseCache.get(colorStr);
+    if (remembered !== undefined)
+        return remembered;
+    const parts = colorStr.match(RGB_STRING_PATTERN);
+    const parsed = parts
         ? {
-            r: parseInt(match[1], 10),
-            g: parseInt(match[2], 10),
-            b: parseInt(match[3], 10),
+            r: parseInt(parts[1], 10),
+            g: parseInt(parts[2], 10),
+            b: parseInt(parts[3], 10),
         }
         : null;
-    RGB_CACHE.set(colorStr, result);
-    return result;
+    rgbParseCache.set(colorStr, parsed);
+    return parsed;
 }

package/lib/types/components/Spinner/useStalledAnimation.d.ts

@@ -1,6 +1,5 @@
 /**
- * Tracks the transition to red when tokens stop flowing (ported from the
- * leak's `Spinner/useStalledAnimation.ts`). Driven by the parent's animation
+ * Tracks the transition to red when tokens stop flowing (mirroring Claude Code's `Spinner/useStalledAnimation.ts`). Driven by the parent's animation
  * clock time instead of independent intervals, so it slows down when the
  * terminal is blurred.
  * @param time - Parent animation clock time in ms.

package/lib/types/components/Spinner/useStalledAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStalledAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/useStalledAnimation.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,qBAAqB,EAAE,MAAM,EAC7B,cAAc,UAAQ,EACtB,aAAa,UAAQ,GACpB;IACD,SAAS,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;CACzB,CA6DA"}
+{"version":3,"file":"useStalledAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/useStalledAnimation.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,qBAAqB,EAAE,MAAM,EAC7B,cAAc,UAAQ,EACtB,aAAa,UAAQ,GACpB;IACD,SAAS,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;CACzB,CA6DA"}

package/lib/types/components/Spinner/useStalledAnimation.js

@@ -1,7 +1,6 @@
 import { useRef } from 'react';
 /**
- * Tracks the transition to red when tokens stop flowing (ported from the
- * leak's `Spinner/useStalledAnimation.ts`). Driven by the parent's animation
+ * Tracks the transition to red when tokens stop flowing (mirroring Claude Code's `Spinner/useStalledAnimation.ts`). Driven by the parent's animation
  * clock time instead of independent intervals, so it slows down when the
  * terminal is blurred.
  * @param time - Parent animation clock time in ms.

package/lib/types/components/StreamingMarkdown.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 /**
  * Renders markdown during streaming by splitting at the last top-level block
  * boundary: everything before is stable (memoized, never re-parsed), only the
- * final block is re-parsed per delta (ported from the leak's
+ * final block is re-parsed per delta, mirroring Claude Code's
  * `StreamingMarkdown.tsx`). marked.lexer() correctly handles unclosed code
  * fences as a single token, so block boundaries are always safe.
  */

package/lib/types/components/StreamingMarkdown.js

@@ -7,7 +7,7 @@ import { Markdown } from './Markdown.js';
 /**
  * Renders markdown during streaming by splitting at the last top-level block
  * boundary: everything before is stable (memoized, never re-parsed), only the
- * final block is re-parsed per delta (ported from the leak's
+ * final block is re-parsed per delta, mirroring Claude Code's
  * `StreamingMarkdown.tsx`). marked.lexer() correctly handles unclosed code
  * fences as a single token, so block boundaries are always safe.
  */

package/lib/types/components/ThemePicker.d.ts

@@ -1,19 +1,23 @@
 import React from 'react';
 import { type SelectOption } from './Select.js';
 /**
- * The full selectable theme list: the three built-in palettes (display
- * order) followed by discovered user themes from ~/.dsh-cc/themes (sorted
- * by file name). Shared by ThemePicker (render) and the /theme command
- * (focus index), so both always see the same ordering.
+ * The full selectable theme list: the `auto` pseudo-theme (follows the
+ * terminal background via OSC 11, light/dark) first, then the three
+ * built-in palettes (display order), then discovered user themes from
+ * ~/.dsh-tui/themes (sorted by file name). A user theme named `auto` is
+ * shadowed by the built-in pseudo-theme (getTheme resolves `auto` first),
+ * so it is filtered out to keep the list truthful. Shared by ThemePicker
+ * (render) and the /theme command (focus index), so both always see the
+ * same ordering.
  */
 export declare function getThemeOptions(): SelectOption[];
 /**
  * Color-theme picker in the ActivityPicker style: a permission-colored Pane
- * listing the built-in palettes first, then every user theme found in
- * ~/.dsh-cc/themes — each row shows the display name, its base and three
- * key color swatches; `❯` marks focus, `✓` the active theme. Enter applies
- * through the ThemeProvider setter (persists to ~/.dsh-cc/theme.json and
- * hot swaps), Esc cancels.
+ * listing the `auto` pseudo-theme and the built-in palettes first, then
+ * every user theme found in ~/.dsh-tui/themes — each row shows the display
+ * name, its base and three key color swatches; `❯` marks focus, `✓` the
+ * active theme. Enter applies through the ThemeProvider setter (persists to
+ * ~/.dsh-tui/theme.json and hot swaps), Esc cancels.
  */
 export declare function ThemePicker({ focusIndex, currentTheme, }: {
     focusIndex: number;

package/lib/types/components/ThemePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAwCvD;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,YAAY,EAAE,CAchD;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,YAAY,GACb,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAyBlB"}
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAuCvD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,IAAI,YAAY,EAAE,CAsBhD;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,YAAY,GACb,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAsBlB"}

package/lib/types/components/ThemePicker.js

@@ -4,9 +4,8 @@ import { t } from '../i18n.js';
 import { Box, Text } from '../ui.js';
 import { Pane } from './design-system/Pane.js';
 import { Select } from './Select.js';
-import { Byline } from './design-system/Byline.js';
-import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
-import { getTheme, THEME_NAMES } from '../theme.js';
+import { HintLine } from './design-system/HintLine.js';
+import { getTheme, THEME_NAMES, AUTO_THEME_NAME } from '../theme.js';
 import { buildTheme, listCustomThemes } from '../customTheme.js';
 /** One double-block swatch character per preview key, in a row. */
 const SWATCH = '██';
@@ -24,28 +23,35 @@ function optionFor(name, displayName, theme, description) {
     };
 }
 /**
- * The full selectable theme list: the three built-in palettes (display
- * order) followed by discovered user themes from ~/.dsh-cc/themes (sorted
- * by file name). Shared by ThemePicker (render) and the /theme command
- * (focus index), so both always see the same ordering.
+ * The full selectable theme list: the `auto` pseudo-theme (follows the
+ * terminal background via OSC 11, light/dark) first, then the three
+ * built-in palettes (display order), then discovered user themes from
+ * ~/.dsh-tui/themes (sorted by file name). A user theme named `auto` is
+ * shadowed by the built-in pseudo-theme (getTheme resolves `auto` first),
+ * so it is filtered out to keep the list truthful. Shared by ThemePicker
+ * (render) and the /theme command (focus index), so both always see the
+ * same ordering.
  */
 export function getThemeOptions() {
+    const auto = optionFor(AUTO_THEME_NAME, AUTO_THEME_NAME, getTheme(AUTO_THEME_NAME), t('theme-auto-base'));
     const builtins = THEME_NAMES.map(name => {
         const theme = getTheme(name);
         return optionFor(name, name, theme, t('theme-builtin-base', { name }));
     });
-    const custom = listCustomThemes().map(spec => optionFor(spec.name, spec.displayName, buildTheme(spec), t('theme-user-base', { base: spec.base, name: spec.name })));
-    return [...builtins, ...custom];
+    const custom = listCustomThemes()
+        .filter(spec => spec.name !== AUTO_THEME_NAME)
+        .map(spec => optionFor(spec.name, spec.displayName, buildTheme(spec), t('theme-user-base', { base: spec.base, name: spec.name })));
+    return [auto, ...builtins, ...custom];
 }
 /**
  * Color-theme picker in the ActivityPicker style: a permission-colored Pane
- * listing the built-in palettes first, then every user theme found in
- * ~/.dsh-cc/themes — each row shows the display name, its base and three
- * key color swatches; `❯` marks focus, `✓` the active theme. Enter applies
- * through the ThemeProvider setter (persists to ~/.dsh-cc/theme.json and
- * hot swaps), Esc cancels.
+ * listing the `auto` pseudo-theme and the built-in palettes first, then
+ * every user theme found in ~/.dsh-tui/themes — each row shows the display
+ * name, its base and three key color swatches; `❯` marks focus, `✓` the
+ * active theme. Enter applies through the ThemeProvider setter (persists to
+ * ~/.dsh-tui/theme.json and hot swaps), Esc cancels.
  */
 export function ThemePicker({ focusIndex, currentTheme, }) {
     const options = React.useMemo(() => getThemeOptions(), []);
-    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: "Color theme" }) }), _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentTheme, visibleOptionCount: 6 }), _jsx(Text, { dimColor: true, italic: true, children: _jsxs(Byline, { children: [_jsx(KeyboardShortcutHint, { shortcut: "Enter", action: "confirm", bold: true }), _jsx(KeyboardShortcutHint, { shortcut: "Esc", action: "exit" })] }) })] }) }));
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-theme') }) }), _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentTheme, visibleOptionCount: 6 }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
 }

package/lib/types/components/ThinkingToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 /**
- * The `/thinking` dialog, ported from the leak's ThinkingToggle.tsx: a
+ * The `/thinking` dialog, mirroring Claude Code's ThinkingToggle.tsx: a
  * permission-colored Pane with a bold title, the Enabled/Disabled select
  * (with CC's option descriptions), and the Enter/Esc hint line.
  *

package/lib/types/components/ThinkingToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThinkingToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThinkingToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,UAAU,EACV,mBAAmB,GACpB,EAAE;IACD,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,mBAAmB,EAAE,OAAO,GAAG,IAAI,CAAA;CACpC,GAAG,KAAK,CAAC,SAAS,CAuDlB"}
+{"version":3,"file":"ThinkingToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThinkingToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,UAAU,EACV,mBAAmB,GACpB,EAAE;IACD,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,mBAAmB,EAAE,OAAO,GAAG,IAAI,CAAA;CACpC,GAAG,KAAK,CAAC,SAAS,CA+ClB"}

package/lib/types/components/ThinkingToggle.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '../i18n.js';
 import { Box, Text } from '../ui.js';
 import { Pane } from './design-system/Pane.js';
 import { Select } from './Select.js';
-import { Byline } from './design-system/Byline.js';
-import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
+import { HintLine } from './design-system/HintLine.js';
 /**
- * The `/thinking` dialog, ported from the leak's ThinkingToggle.tsx: a
+ * The `/thinking` dialog, mirroring Claude Code's ThinkingToggle.tsx: a
  * permission-colored Pane with a bold title, the Enabled/Disabled select
  * (with CC's option descriptions), and the Enter/Esc hint line.
  *
@@ -17,14 +17,14 @@ export function ThinkingToggle({ currentValue, focusIndex, confirmationPending,
     const options = [
         {
             value: 'true',
-            label: 'Enabled',
-            description: 'DeepSeek will think before responding',
+            label: t('thinking-enabled'),
+            description: t('thinking-enabled-desc'),
         },
         {
             value: 'false',
-            label: 'Disabled',
-            description: 'DeepSeek will respond without extended thinking',
+            label: t('thinking-disabled'),
+            description: t('thinking-disabled-desc'),
         },
     ];
-    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: "Toggle thinking mode" }), _jsx(Text, { dimColor: true, children: "Enable or disable thinking for this session." })] }), confirmationPending !== null ? (_jsxs(Box, { flexDirection: "column", marginBottom: 1, gap: 1, children: [_jsx(Text, { color: "warning", children: "Changing thinking mode mid-conversation will increase latency and may reduce quality. For best results, set this at the start of a session." }), _jsx(Text, { color: "warning", children: "Do you want to proceed?" })] })) : (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentValue ? 'true' : 'false', visibleOptionCount: 2 }) }))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsxs(Byline, { children: [_jsx(KeyboardShortcutHint, { shortcut: "Enter", action: "confirm", bold: true }), _jsx(KeyboardShortcutHint, { shortcut: "Esc", action: confirmationPending !== null ? 'cancel' : 'exit' })] }) })] }));
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('thinking-title') }), _jsx(Text, { dimColor: true, children: t('thinking-subtitle') })] }), confirmationPending !== null ? (_jsxs(Box, { flexDirection: "column", marginBottom: 1, gap: 1, children: [_jsx(Text, { color: "warning", children: t('thinking-mid-warning') }), _jsx(Text, { color: "warning", children: t('thinking-proceed') })] })) : (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentValue ? 'true' : 'false', visibleOptionCount: 2 }) }))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: confirmationPending !== null ? t('hint-confirm-cancel') : t('hint-confirm-exit') }) })] }));
 }

package/lib/types/components/ToolUseLoader.d.ts

@@ -5,7 +5,7 @@ type Props = {
     shouldAnimate: boolean;
 };
 /**
- * The status dot on tool-call rows (ported from the leak's ToolUseLoader):
+ * The status dot on tool-call rows, mirroring Claude Code's ToolUseLoader:
  * blinking `●` while running, green on success, red on error, dim when queued.
  */
 export declare function ToolUseLoader({ isError, isUnresolved, shouldAnimate, }: Props): React.ReactNode;

package/lib/types/components/ToolUseLoader.js

@@ -4,7 +4,7 @@ import Text from '../ink/components/Text.js';
 import { useBlink } from '../hooks/useBlink.js';
 import { BLACK_CIRCLE } from '../cc/figures.js';
 /**
- * The status dot on tool-call rows (ported from the leak's ToolUseLoader):
+ * The status dot on tool-call rows, mirroring Claude Code's ToolUseLoader:
  * blinking `●` while running, green on success, red on error, dim when queued.
  */
 export function ToolUseLoader({ isError, isUnresolved, shouldAnimate, }) {

package/lib/types/components/WorkingSpinner.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { SpinnerMode } from './Spinner/spinnerMode.js';
 /**
  * The working spinner block shown between the transcript and the prompt
- * input while a turn is in flight. Ported from the leak's `Spinner.tsx`
+ * input while a turn is in flight. Mirrors Claude Code's `Spinner.tsx`
  * (SpinnerWithVerb path) with the swarm/teammate/effort/tips branches
  * removed; the channel feeds the mode, token count and thinking status.
  *
@@ -20,7 +20,7 @@ export declare function WorkingSpinner({ mode, hasActiveTools, responseLengthRef
 /**
  * Tracks thinking status: 'thinking' while the model is streaming reasoning,
  * then the duration in ms for a minimum 2s display (avoids UI jank). Ported
- * from the leak's SpinnerWithVerb effect.
+ * from Claude Code's SpinnerWithVerb effect.
  */
 export declare function useThinkingStatus(isThinking: boolean): 'thinking' | number | null;
 //# sourceMappingURL=WorkingSpinner.d.ts.map