dsh-neotui 0.4.0 → 0.4.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## 0.4.2 — 2026-08-23
+
+### Added
+
+- 欢迎页改版：40×19 半块渲染的 DeepSeek 吉祥物 logo（真实色 255 色调色板 + 逐格上下半色，数据内嵌 `src/logo.js`，去背景、无残块、裁剪掉原图底部黑条）；品牌行用 **`█▀▄` 半块像素字** 绘制（`DEEPSEEK` / `DSH NEOTUI` 两行大字标，5×7 像素字模），**每约 3.5 秒一道斜向高光扫过字标**（0.9s 扫程，纯 TUI 渲染并随主题语义色，扫过字标全宽含末尾 `I`；`DSH NEOTUI` 用深灰底保证白色高光可见）；**logo 三态** `Ctrl+R` buffer：预设（内置）/ 自定义（复用 Ctrl+O 与新建工作区的 `UploadPicker` 单选 `{palette, grid}` 40×19 JSON）/ 关闭（仅标题），持久化到配置文件；版本更新提示收敛到底部（仅「可更新/失败/检查中」时显示，可点击检查，**最新则不提示**）；模式选择从内联 4 列表收敛为底部提示「模式: <当前> · F9 打开模式选择（支持自定义）」——与 WebUI 鼓励自定义预设的方向一致；矮视口（<32 行或 <62 列）回退为普通文本品牌行。
+- 启动动画（经典游戏启动器风格，**opt-in meme**）：纯黑 → 白色从屏幕中心圆形扩散至全屏（1s）→ 四行健康游戏忠告逐句淡入（2s）→ 忠告淡出的同时 `DEEPSEEK` 半块大字交叉淡入（2s）→ 底部闪烁「按任意键进入游戏」，任意键进入主界面——全程纯 ANSI（`█▀▄`），无图片协议；默认关闭，`--launcher-anime`（或 `DSH_TUI_LAUNCHER_ANIME=1`）显式启用，`DSH_TUI_NO_SPLASH=1` 强制关闭；`--script` 模式不播放，窄小终端自动跳过。
+
+## 0.4.1 — 2026-08-22
+
+### Added
+
+- 11 套常用配色主题：dark、light、gruvbox 之外新增 nord、solarized-dark、solarized-light、dracula、onedark、catppuccin-mocha、tokyonight、monokai（全套语义键补齐；新增回归测试保证每个主题键集完整、循环覆盖全部方案）。
+- 主题改为**选择器**而非轮换：`Ctrl+D`、`/theme` 或命令面板打开「外观 · 配色方案」面板，每行渲染该方案的色板（面板/用户/强调/成功/警告/错误六色），**光标移动即对整套 TUI 即时预览**（`setThemePreview`，不持久化，标题栏提示「预览: <name>」），`Enter` 或双击应用后**停留**继续调整（控制类 buffer 不再因选择而退出），`Esc` 恢复已提交主题并关闭；快捷键可重映射（`themePicker`）。
+- pane 焦点切换拆分为两个独立命令：`panePrev`（`Ctrl+←`）与 `paneNext`（`Ctrl+→`）——与 `[` / `]` 一样各自可重映射，不再共用一个主/备槽位绑定；旧配置里的 `homeSwitch`（如 `"Ctrl+Left/Right"` 或自定义方向映射）自动迁移为两个方向。
+
 ## 0.4.0 — 2026-08-21
 
 ### Changed

package/README.md

@@ -155,7 +155,8 @@ Kitty graphics 可用时，图片在文件选择器和附件预览中等比例
 | NORMAL | `Ctrl+W` | 工作区 |
 | NORMAL | `Ctrl+Shift+W` | 添加工作区 |
 | NORMAL | `Ctrl+T` | 轨迹视图 |
-| NORMAL | `Ctrl+←` / `Ctrl+→` | 工作区栏 / 对话 / 轨迹 pane 循环聚焦 |
+| NORMAL | `Ctrl+←` | pane 焦点移到上一窗格（工作区栏 / 对话 / 轨迹循环） |
+| NORMAL | `Ctrl+→` | pane 焦点移到下一窗格（两个方向独立可重映射） |
 | NORMAL | `Ctrl+E` | 按 step 快速跳转 |
 | NORMAL | `Ctrl+J` | 后台任务与 Subagent |
 | NORMAL | `Ctrl+N` | 排队命令详情 |
@@ -167,6 +168,7 @@ Kitty graphics 可用时，图片在文件选择器和附件预览中等比例
 | NORMAL | `Ctrl+H` | Skills |
 | NORMAL | `Ctrl+K` | 用默认编辑器（`$EDITOR` / `$VISUAL` / `vi`）打开 `tui-config.json`；编辑完成后快捷键立即重载 |
 | NORMAL | `Ctrl+Shift+C` | 复制正文选区/当前块（与 `y` 等价） |
+| NORMAL | `Ctrl+D` | 配色主题选择器（`/theme` 同义） |
 | NORMAL | `Ctrl+C` | 双击退出（第一次按仅提示） |
 | ALL | `Ctrl+Q` | 退出 |
 | 正文块 | `↑` / `↓`、`j` / `k` | 上下选择正文块，两端停留不环绕；`Ctrl+↑/↓` 只滚动视口 |
@@ -208,7 +210,9 @@ TUI 支持：
 - 工具审批、AskUser 单选/多选、Plan Review；
 - Goal、TODO、后台任务和 Subagent；
 - 独立插件清单及 `/` 筛选；
-- dark、light、gruvbox 主题。
+- 空白会话欢迎页：40×19 半块渲染的 DeepSeek 吉祥物 logo（真实色、无背景）；品牌行用 **`█▀▄` 半块像素字**绘制（`DEEPSEEK` / `DSH NEOTUI` 两行大字标），**每约 3.5 秒一道斜向高光扫过字标**（纯 TUI 渲染，随主题语义色）；**logo 三态**（`Ctrl+R` 打开 buffer）：预设（内置）/ 自定义（Yazi 风格文件选择器单选 JSON，格式 `{palette, grid}` 40×19）/ 关闭（仅标题），选择持久化到配置文件；版本更新提示收敛到底部（`DeepSeek Harness 可更新 v…` / `dsh-neotui 可更新 v…`，可点击检查，**最新时不显示**）；模式选择为底部提示（`F9 打开模式选择（支持自定义）`）；矮视口（<29 行或 <60 列）回退为普通文本品牌行；
+- 11 套配色主题：dark、light、gruvbox、nord、solarized-dark、solarized-light、dracula、onedark、catppuccin-mocha、tokyonight、monokai；`Ctrl+D`、`/theme` 或命令面板打开**配色选择器**——每行带该方案的色板（面板/用户/强调/成功/警告/错误六色），**光标移动即对整套 TUI 即时预览**（未持久化，标题栏显示「预览: <name>」），`Enter` 或双击应用并停留继续调整，`Esc` 恢复已提交主题并关闭；选择持久化到 `$DSH_HOME/tui-theme.txt`。
+- 启动动画（经典游戏启动器风格，**默认关闭的 meme**）：纯黑 → 白色从屏幕中心圆扩散到全屏（约 1s）→ 四行健康游戏忠告（"抵制不良游戏，拒绝盗版游戏。"等，逐句淡入，约 2s）→ 忠告淡出同时 `DEEPSEEK` 半块大字交叉淡入（约 2s）→ 底部闪烁「按任意键进入游戏」，**按任意键进入**。全程纯 ANSI（`█▀▄`）；`dsh-tui --launcher-anime`（或 `DSH_TUI_LAUNCHER_ANIME=1`）显式启用，`DSH_TUI_NO_SPLASH=1` 强制关闭，`--script` 模式不播放。
 
 工作区（`Ctrl+W`）、设置（`Ctrl+S`）、模型供应商（模型选择器里的 `⚙ 管理供应商…`）、子代理（`Ctrl+A`）和技能（`Ctrl+H`）都是**全屏模态 Buffer**：打开后覆盖整个界面，`Esc` 逐级返回并最终关闭。它们不再占用“标签页模式”，因此关闭后 `Ctrl+←/→` 的 pane 聚焦立即恢复，两者互不冲突。轨迹仍是 pane 序列的一部分，由 `Ctrl+T` 或 `Ctrl+←/→` 进入。
 

package/bin/dsh-tui.js

@@ -3,6 +3,7 @@
 // Usage:
 //   dsh-tui                        interactive mode (needs a real terminal)
 //   dsh-tui --base http://host:port
+//   dsh-tui --launcher-anime       opt-in white fade-in boot animation
 //   dsh-tui --script <file>        scripted mode: feed events from a file, dump frames
 //   dsh-tui --plain                with --script: dump plain text frames (no ANSI)
 import { Term, detectKitty } from "../src/term.js";
@@ -29,9 +30,12 @@ async function main() {
     return;
   }
   // ---- interactive ----
+  // The boot animation is opt-in meme fuel: --launcher-anime enables it
+  // (DSH_TUI_LAUNCHER_ANIME=1 works too); it stays OFF by default.
+  const launcherAnime = has("--launcher-anime") || process.env.DSH_TUI_LAUNCHER_ANIME === "1";
   const screen = new Screen(process.stdout.columns || 80, process.stdout.rows || 24);
   const api = new Api({ base, log, onFrame: () => {}, onHostFrame: () => {} });
-  const app = new App({ screen, term: null, api, log });
+  const app = new App({ screen, term: null, api, log, launcherAnime });
   const term = new Term({
     output: process.stdout,
     kitty: detectKitty(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-neotui",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Keyboard-first Vim/tmux-style terminal client for DeepSeek Harness",
   "type": "module",
   "engines": {

package/src/config.js

@@ -90,13 +90,28 @@ export function rememberSearchQuery(query) {
  *  bindings (e.g. an old sessionFilter "/" override removes Ctrl+F). */
 const LEGACY_KEY_VALUES = {
   sessionFilter: { mode: "normal", key: "/" },
-  homeSwitch: { mode: "normal", key: "Ctrl+Left/Right" },
   skills: { mode: "normal", key: "Ctrl+K" },
 };
 
+/** Split one legacy two-slot binding into two directional functions.
+ *  pre-0.4.x pane focus was a single homeSwitch with key/key2; a stored
+ *  custom remap now powers panePrev/paneNext independently. */
+function splitLegacyHomeSwitch(stored) {
+  const n = normalizeKeyBinding(stored);
+  if (!n.key || !n.key2 || !validateKeySpec(n.key).ok || !validateKeySpec(n.key2).ok) return null;
+  return {
+    panePrev: { mode: n.mode, key: n.key, key2: "" },
+    paneNext: { mode: n.mode, key: n.key2, key2: "" },
+  };
+}
+
 /** Effective two-slot keybindings: defaults merged per id with user overrides. */
 export function keyBindings() {
-  const overrides = loadTuiConfig().keyBindings ?? {};
+  const stored = loadTuiConfig().keyBindings ?? {};
+  const overrides = { ...stored };
+  if (stored.homeSwitch && !Object.hasOwn(stored, "panePrev") && !Object.hasOwn(stored, "paneNext")) {
+    Object.assign(overrides, splitLegacyHomeSwitch(stored.homeSwitch) ?? {});
+  }
   const merged = {};
   for (const id of Object.keys(DEFAULT_KEYBINDINGS)) {
     const def = DEFAULT_KEYBINDINGS[id];

package/src/file-picker.js

@@ -49,10 +49,10 @@ class YnPopup extends Popup {
 }
 
 export class UploadPicker extends Widget {
-  constructor(app, { startPath, onUpload, onCancel, selectDirectories = false, onPickDirectory = null }) {
+  constructor(app, { startPath, onUpload, onCancel, selectDirectories = false, onPickDirectory = null, single = false, onPickFile = null }) {
     const w = Math.min(app.screen.w - 4, 120), h = Math.min(app.screen.h - 4, 34);
     super({ x: Math.floor((app.screen.w - w) / 2), y: Math.floor((app.screen.h - h) / 2), w, h });
-    this.app = app; this.path = startPath; this.onUpload = onUpload; this.onCancel = onCancel; this.selectDirectories = selectDirectories; this.onPickDirectory = onPickDirectory;
+    this.app = app; this.path = startPath; this.onUpload = onUpload; this.onCancel = onCancel; this.selectDirectories = selectDirectories; this.onPickDirectory = onPickDirectory; this.single = single; this.onPickFile = onPickFile;
     this.all = []; this.sel = 0; this.selected = new Map(); this.filter = ''; this.filterInput = null; this.showHidden = false; this.pathPopup = null; this.imagePreview = null;
     this.load();
   }
@@ -81,6 +81,7 @@ export class UploadPicker extends Widget {
       this.confirmDirectory(it.path); return;
     }
     if (it.dir) { this.app.toast('不可选择文件夹'); return; }
+    if (this.single) { this.clearKitty(); this.onPickFile?.(it.path); return; }
     if (this.selected.has(it.path)) this.selected.delete(it.path); else this.selected.set(it.path, it);
     this.app.redraw();
   }
@@ -187,7 +188,14 @@ export class UploadPicker extends Widget {
     if (ev.name === 'down') { this.clearKitty(); this.sel = wrapIndex(this.sel + 1, this.items().length); return true; }
     if (ev.name === 'left') { this.goParent(); return true; }
     if (ev.name === 'right') { this.enterDir(); return true; }
-    if (ev.name === 'enter') { this.confirmUpload(); return true; }
+    if (ev.name === 'enter') {
+      if (this.single) {
+        const it = this.current();
+        if (it?.dir) { this.enterDir(); return true; }
+        if (it) { this.clearKitty(); this.onPickFile?.(it.path); return true; }
+      }
+      this.confirmUpload(); return true;
+    }
     if (ev.name === 'char' && ev.key === ' ') { this.toggle(); return true; }
     if (ev.name === 'char' && ev.key === '/') { this.startFilter(); return true; }
     return false;

package/src/index.js

@@ -23,7 +23,7 @@ export function launchTui(opts = {}) {
   }
   const screen = new Screen(process.stdout.columns || 80, process.stdout.rows || 24);
   const api = new Api({ base: opts.base ?? "http://127.0.0.1:1", log, onFrame: () => {}, onHostFrame: () => {} });
-  const app = new App({ screen, term: null, api, log });
+  const app = new App({ screen, term: null, api, log, launcherAnime: opts.launcherAnime ?? process.env.DSH_TUI_LAUNCHER_ANIME === "1" });
   const term = new Term({
     output: process.stdout,
     kitty: detectKitty(),

package/src/keybindings.js

@@ -32,7 +32,8 @@ export const DEFAULT_KEYBINDINGS = {
   panel: { mode: "all", key: "Ctrl+Space", key2: "F7" },
   model: { mode: "normal", key: "Ctrl+M", key2: "" },
   trajectory: { mode: "normal", key: "Ctrl+T", key2: "" },
-  homeSwitch: { mode: "normal", key: "Ctrl+Left", key2: "Ctrl+Right" },
+  panePrev: { mode: "normal", key: "Ctrl+Left", key2: "" },
+  paneNext: { mode: "normal", key: "Ctrl+Right", key2: "" },
   permissionRotate: { mode: "normal", key: "F8", key2: "" },
   workspace: { mode: "normal", key: "Ctrl+W", key2: "" },
   settings: { mode: "normal", key: "Ctrl+S", key2: "" },
@@ -49,13 +50,15 @@ export const DEFAULT_KEYBINDINGS = {
   addWorkspace: { mode: "normal", key: "Ctrl+Shift+W", key2: "" },
   commandPalette: { mode: "normal", key: "Ctrl+P", key2: "" },
   modePicker: { mode: "normal", key: "F9", key2: "" },
+  themePicker: { mode: "normal", key: "Ctrl+D", key2: "" },
+  logoPicker: { mode: "normal", key: "Ctrl+R", key2: "" },
   quitDouble: { mode: "normal", key: "Ctrl+C", key2: "" },
   quit: { mode: "all", key: "Ctrl+Q", key2: "" },
 };
 
 /** App-level dispatch precedence: the first matching binding wins. */
 export const KEYBINDING_ORDER = [
-  "sessionFilter", "panel", "homeSwitch", "permissionRotate", "editConfig", "addWorkspace", "commandPalette", "modePicker", "copySelection", "quitDouble", "quit",
+  "sessionFilter", "panel", "panePrev", "paneNext", "permissionRotate", "editConfig", "addWorkspace", "commandPalette", "modePicker", "themePicker", "logoPicker", "copySelection", "quitDouble", "quit",
   "model", "trajectory", "workspace", "settings", "subagent", "skills", "goal",
   "jobs", "queue", "busyEnter", "attachments", "stepJump", "sidebar",
 ];

package/src/logo.js

@@ -0,0 +1,43 @@
+// logo.js — Welcome-page logo data (DeepSeek mascot face, 40x19 half-block).
+// Generated from the source artwork: background removed, black bar cropped out,
+// 1:2 terminal-cell sampling, colors quantized to 255 entries (0 = empty cell).
+// Each grid cell encodes [top, bottom] palette indices (one hex byte each);
+// rendering uses the half-block glyph: top half = fg color, bottom = bg color.
+export const LOGO_COLS = 40;
+export const LOGO_ROWS = 19;
+export const LOGO_PALETTE = [
+  "fdfffc","fdfdfd","fdfcfd","fefbfd","fcfafb","fef5f5","fcebdd","fdeade",
+  "fdead9","ffe9df","ffe9dc","fde9de","fde8db","fee7dd","ffe5df","fee3dd",
+  "fde5d9","fee3d7","ffe2de","fafefa","f7fdfb","fafcfc","fbfbfc","f8fbff",
+  "fbfafc","faf8fb","f8f9fb","f4faf7","f7f2f0","faeae1","fae6dc","f9e3d8",
+  "f2f4f5","f4e7df","daebf3","fee1d6","fbe0d6","ffded6","fddbd0","fdd8ce",
+  "f6dfd6","f4dbd3","e9dbdc","dbdbe0","fcd6cc","f5d6cd","fdd1c6","e3d3da",
+  "d5d1e3","e8c7c3","d1d1e8","cfcedb","d0cce2","cfcddc","c7cfe3","c6cce0",
+  "afdbf3","a7cdf2","cec9dc","c9c9da","cac6dc","c8c7d8","c6c8de","c0c8e6",
+  "c5c5da","ecb9b8","d6b6bb","ebadaa","deadb0","c2c1d4","b8bedd","bfb6c7",
+  "cdaaac","a1b5e6","adb6cf","9bb3e2","a4aed6","9bb0e2","95b1e6","92aedf",
+  "96abda","92aad7","f8a099","e6a4a5","d6a7b0","d89190","cd8b8a","a5a5bf",
+  "97a3cb","96a8da","a493a4","92a9d7","8ea8d4","92a5d3","90a1cf","8e9bcb",
+  "8e94bc","849ecb","809bc8","8498c3","8793c2","7894bd","8491be","818cbb",
+  "748dba","7f8bbc","7a87b7","7789bb","7489bc","7186b9","6e88b6","6d86b6",
+  "7f83ac","7684b5","7583b8","7383b5","7281b2","6f83ba","6f83b6","6e81b7",
+  "6f80b4","6b84b8","6b82b3","6b81b7","6b80b7","6883b4","6880b8","6381ab",
+  "b36865","897c98","777d9d","6e7fb3","6d7aab","6d7593","6a7fb9","697db9",
+  "697fb4","6a7cb2","6a78ae","677eb6","677db4","667cb5","677dae","677cb0",
+  "687ab3","677aa9","6772a6","657eb3","637eb5","647cb1","657bb2","627bb4",
+  "657ab3","6579ae","627ab1","6279ab","6478b0","6377ab","6278af","6276ad",
+  "6373ae","626c9a","5e7caf","6079b1","5e77a8","5e76a2","5675a8","5e72a9",
+  "5b71a1","5870a9","5b6fa5","5f6ca8","566da6","596c9f","586b8d","546d9d",
+  "536ba0","506aa1","54679f","52679e","53659f","53649d","52609c","5c6797",
+  "536697","556298","5a617d","50659e","4b649a","4a6198","4d6099","4b5e97",
+  "4b5e8a","7e4c49","615068","694047","4d598b","4e486c","475a92","47558d",
+  "475389","474d80","455a94","445894","445793","435791","445884","43558a",
+  "43528c","434776","41568f","40538e","3f548b","3f547e","3a4d86","3a4a74",
+  "38477f","3b4477","34437d","3f4366","3c3e63","304175","2d3d76","293b73",
+  "5c353d","433348","4f2c33","482128","323568","2d2e56","322847","2d1e31",
+  "21376c","20316b","1d2e66","232b5a","1b2b60","1c2759","222445","241f3f",
+  "1c1a29","152859","102458","132051","131f44","0b1e51","131a41","0c1b4e",
+  "081a52","0c1547","101432","041546","070e39","00113c","06071d",
+];
+export const LOGO_GRID =
+  "000000000000000000000000000000000000000000640016151705360503348282dcbebfbdb5ed3c2101f53c5c4e5d52038f051904033c1700bb000000000000000000000000000000000000000000000000000000000000000000000000000000210021c3050286031c354c1b7ffa7ff4bfbfb7c6eb33a1c0e0a3d79a897c8763e92c5d032c1b3501461818d61800860000000000000000000000000000000000000000000000000000000000001c14171d021702333f5062959599a4d9d78edfb28e95959598958ea78eaddb6d7676879b94958d94fa9c31fe043b0534191a00160000000000000000000000000000000000000000000000000000152317193401315c514e8d9898a4e9998e998ed78ea495989598959895a495989595959595957f7a9595967e6f51d89216fb01823e3500bf00000000000000000000000000000000000000000000bb193405331af44e645c525c89a0a16d99a999878e6d98999899999f989b98a498a598a88c6f995ca45d977c4e969a8e62e25a853e6086343635663b000000000000000000000000000000000000dcd819053b14f54c929d9f8e9d88a0a05e9fa64eedad8a8f525c5c5e5c62609a4e9a5c90978a9d8a4c9597989098f39b998e2a8b0f0fc3263be33b3b353100c100000000000000000000000000000000d947863b82627b98989898988ef29c8e9b999b8e87919d8a9095a3888d878d9794878c7d887dbe3b8c7c958795888e8d99d99899a59b29ac0b0ae40a35e1e0ba000a000d220be2200000000000000000eec0334a9a99a4a498959895cccb8e87998788e5e65b7c747674786c786db979766b776c6f6a43ca85c67dc78785c329bb247b1096e49d93bab72eb80c2e490e8128492710442e420000000000fc00ae3a9a9cd5d599a49895999588cbcb76c0736ac613dc0dd893936b6a656a676a6568657585686532090c0b45076a45726cc3c70f720b7511322007c60de10d08490c0a27c242c4c25600000000f600f900dfd0f9a199aa8e8c897d7b77cbbfe645f04907060b1e322665a26b4865686565ca60e749e71e0b0b0b0b0b0b0d20320ee62a756879737584a2b342b920e111440c0a1009c207420a0000000000000000f2c88b9dcbcc8d8d7d766e73acee32e4f12bff01ddebe3db81587107553d6b82615558ef072b2ac43022ff27ff2ee42a0a1368656b689284ada8b4b6dfdee2da07e10b420b250b2200000000005fbac9d0c88d4edfcb9c88a57d6b73f067e12a1b82d715f3233a230122070b07070b0707070b070b0b1124272d2f2f2f2f2d2d316167f6ab6a7984b7f9b8d7fe59da59d959d95fdad9c3f4005f60c8c9c9c9d7c9f24af4f8f8c7fa789eae7967ba4a752ee8282f2e2d272724120a0b0a0b1e0b09070a070c071207241228242d24612532f0b96b758451ebbfc7b3ea4dd559ee474040f540faf7dec940fe4059404737595959deed4ed0d5bcc791b67279ee7449c41e11272524110e070b0d0bc20b2e07e107810781070c0b0a0b0a0913f14379b675d1d1d1d38fcef9cdcdd3bcaad3aaaadeab000000000000000000aebff8c7becb768ab3cecef9d1d1adeac073d36bd161a2e21e0a0a0b0a090a810b535353535353530a0a0a0a0a0b1e0aafbabdf6d0d49d7c908a8deacecceaa8d5ce9eaaccf3d6abf6004a00fefeeefe3939fac0628f96d5d5b5cdd4ceb6f98a90a18abccec8d1c5b129b40ab80a200a0a0a0a110c0d0c0c0a0cc407e1b8adb2b1b39e73ab89908d4ec7f2ccccd5d3ce169a03ce9284ce4ffef44fbeae393939f4b7908f8f8ad3b302d41bf9e0d1335afc9062907c7cd5aba8aae9aaa7b0335744e45708571d5757545744e1e2b847a7a5abe07d5d517e7eedde3f333c1514172c041b02027b75d07b4ff7b0a63a524c7e8f7ad77ab3b91905191704194603373e4cf75c706e6fab9ca5a9a54b3f3f4641453c5438544945345b3c3c3c413deb47e9fd6f666f694747462cbb23ad14bdb2b0381605e6e7e6dcd2d25d6669fc8f696db9b9b0b9fb0517171b2c051a34463440dd4ca66666efef863d3cfb3dfb3df73d48ddf04bf03fe63cff3ddd3ed21cdc413e66636980f4803e191a05a61bbb211482021bef05ddfbd2d2";

package/src/panels.js

@@ -9,7 +9,7 @@ import { tmpdir } from "node:os";
 import { join, basename, extname, dirname } from "node:path";
 import { spawn, spawnSync, execFileSync } from "node:child_process";
 
-import { T, cycleTheme, themeName } from "./theme.js";
+import { T, THEMES, setTheme, setThemePreview, clearThemePreview, themeName, renderedThemeName } from "./theme.js";
 import { loadTuiConfig, saveTuiConfig, userPrefix, userName, foldDefaults, keyBindings, setKeyBinding, resetKeyBinding } from "./config.js";
 import { validateKeySpec, describeSpec } from "./keybindings.js";
 // Live theme accessor: K.K.DIM etc. resolve against the active palette at render time.
@@ -361,6 +361,96 @@ export function buildPermissionPicker(app) {
   });
 }
 
+/** Theme selector with live preview: moving the cursor re-renders the whole
+ *  UI in the hovered scheme (nothing persisted until Enter), and Enter commits
+ *  while keeping the buffer open — a control buffer must not exit on pick. */
+export class ThemePickerBuffer extends Widget {
+  constructor(app) {
+    const names = Object.keys(THEMES);
+    const w = Math.max(1, Math.min(64, app.screen.w - 4)), h = Math.max(1, Math.min(names.length + 4, app.screen.h - 4));
+    super({ x: Math.max(0, Math.floor((app.screen.w - w) / 2)), y: Math.max(0, Math.floor((app.screen.h - h) / 2)), w, h });
+    this.app = app;
+    this.names = names;
+    this.sel = Math.max(0, names.indexOf(themeName()));
+    this.scroll = 0;
+  }
+  #nameOf(idx) { return this.names[idx]; }
+  /** Select + preview: the whole TUI re-renders in the hovered scheme. */
+  #move(idx) {
+    this.sel = wrapIndex(idx, this.names.length);
+    setThemePreview(this.#nameOf(this.sel) ?? themeName());
+    this.app.redraw();
+    return true;
+  }
+  /** Commit the previewed theme and KEEP the buffer open for further tweaks. */
+  #commit() {
+    const name = this.#nameOf(this.sel);
+    if (!name) return;
+    if (setTheme(name)) this.app.toast(`已应用主题: ${name}（Esc 关闭）`);
+    this.app.redraw();
+  }
+  onMouse(ev) {
+    if (ev.kind === "wheel-up") return this.#move(this.sel - 1);
+    if (ev.kind === "wheel-down") return this.#move(this.sel + 1);
+    if (ev.kind === "press" && ev.button === 0) {
+      const idx = this.scroll + (ev.y - this.y - 2);
+      if (idx < 0 || idx >= this.names.length) return true;
+      const now = Date.now();
+      this.#move(idx);
+      if (this.lastClick && now - this.lastClick < 400) this.#commit();
+      else this.lastClick = now;
+      return true;
+    }
+    return true;
+  }
+  onKey(ev) {
+    if (ev.type !== "key") return false;
+    if (ev.name === "up") return this.#move(this.sel - 1);
+    if (ev.name === "down") return this.#move(this.sel + 1);
+    if (ev.name === "pgup") { this.sel = Math.max(0, this.sel - (this.h - 3)); setThemePreview(this.#nameOf(this.sel)); this.app.redraw(); return true; }
+    if (ev.name === "pgdn") { this.sel = Math.min(this.names.length - 1, this.sel + (this.h - 3)); setThemePreview(this.#nameOf(this.sel)); this.app.redraw(); return true; }
+    if (ev.name === "home") return this.#move(0);
+    if (ev.name === "end") return this.#move(this.names.length - 1);
+    if (ev.name === "enter") { this.#commit(); return true; }
+    if (ev.name === "escape") {
+      // Cancel: drop the preview (revert to the committed theme), then close.
+      clearThemePreview();
+      this.app.overlay = null;
+      this.app.redraw();
+      return true;
+    }
+    return false;
+  }
+  render(s) {
+    s.fillRect(this.x, this.y, this.x + this.w - 1, this.y + this.h - 1, " ", { bg: T.BG2 });
+    const previewing = renderedThemeName() !== themeName();
+    s.box(this.x, this.y, this.x + this.w - 1, this.y + this.h - 1, { fg: K.ACCENT, bg: T.BG2 },
+      `外观 · 配色方案${previewing ? ` · 预览: ${renderedThemeName()}` : ""}`);
+    s.text(this.x + 2, this.y + this.h - 1, "↑/↓ 即时预览 · Enter 应用（停留） · 双击应用 · Esc 恢复并关闭", { fg: K.FAINT, bg: T.BG2 });
+    const lh = Math.max(1, this.h - 4);
+    if (this.sel < this.scroll) this.scroll = this.sel;
+    if (this.sel >= this.scroll + lh) this.scroll = this.sel - lh + 1;
+    for (let i = 0; i < lh; i++) {
+      const idx = this.scroll + i;
+      const name = this.#nameOf(idx);
+      const y = this.y + 2 + i;
+      if (!name) continue;
+      const palette = THEMES[name];
+      const sel = idx === this.sel, current = name === themeName();
+      s.fillRect(this.x + 1, y, this.x + this.w - 2, y, " ", { bg: sel ? T.MENUSEL : T.BG2 });
+      // live palette strip: panel / user / accent / ok / warn / err
+      let px = this.x + 2;
+      for (const key of ["PANEL", "USERBG", "ACCENT", "OK", "WARN", "ERR"]) {
+        s.text(px, y, "  ", { bg: palette[key] ?? -1, fg: palette[key] ?? -1 });
+        px += 2;
+        if (px > this.x + this.w - 4) break;
+      }
+      s.text(px + 1, y, truncate(name, this.w - (px - this.x) - 8), { fg: sel ? 0xffffff : K.TXT, bg: sel ? T.MENUSEL : T.BG2, attrs: sel ? 1 : 0 });
+      if (current) s.text(this.x + this.w - 2 - strWidth("当前"), y, "当前", { fg: K.OK, bg: sel ? T.MENUSEL : T.BG2 });
+    }
+  }
+}
+
 export class ArchivePanel extends Popup {
   constructor(app) {
     const w = Math.min(90, app.screen.w - 4), h = Math.min(28, app.screen.h - 4);
@@ -453,7 +543,7 @@ export function buildCommandPalette(app) {
     { label: "刷新会话列表", action: () => app.refreshSessions(), keywords: "refresh reload" },
     { label: "查看归档会话", action: () => { app.overlay = new ArchivePanel(app); app.redraw(); }, keywords: "archive archived sessions history" },
     { label: "打开原始配置文件", action: async () => { try { const r = await app.api.call("settings.openDocument"); app.toast(r.opened ? "已在系统编辑器打开配置" : `配置文件: ${r.path}`); } catch (e) { app.toast(`打开配置失败: ${e.message}`); } }, keywords: "settings config raw document" },
-    { label: "切换主题", action: () => { cycleTheme(); app.toast(`主题: ${themeName()}`); }, keywords: "theme color" },
+    { label: "选择配色主题", action: () => { app.overlay = new ThemePickerBuffer(app); app.redraw(); }, keywords: "theme color scheme palette" },
     { label: "复制当前会话 ID", action: () => app.copyText(app.currentSession ?? ""), keywords: "copy id" },
     { label: "退出", hint: "q", action: () => app.stop(), keywords: "quit exit" },
   ];
@@ -1659,7 +1749,7 @@ export class ControlPanel extends Widget {
     const b=keyBindings();
     const row=(id,desc)=>[`${(b[id]?.mode??"all").toUpperCase()}\t${describeSpec(b[id]?.key)}\t${describeSpec(b[id]?.key2)}`,desc,null,id];
     return [
-      row("think","思考块 展开/折叠"),row("tools","工具块 展开/折叠"),row("insert","进入输入"),row("leaveInsert","退出输入"),row("sessionFilter","跨会话搜索"),row("newSession","新建会话"),row("top","跳到首个正文块"),row("bottom","跳到最新正文块"),row("prevQuestion","上一提问的终点"),row("nextQuestion","下一提问的终点"),row("expandInput","输入栏 展开/折叠"),row("copyInput","复制输入栏选区"),row("undoInput","输入撤销"),row("redoInput","输入重做"),row("insertFilePicker","输入中打开文件选择器"),row("pasteImage","输入中粘贴剪贴板图片"),row("copySelection","复制正文选区"),row("addWorkspace","添加工作区"),row("commandPalette","命令面板"),row("modePicker","模式选择器"),row("quitDouble","双击 Ctrl+C 退出"),row("panel","控制面板"),row("model","切换模型"),row("trajectory","轨迹视图"),row("homeSwitch","pane 焦点切换"),row("permissionRotate","权限模式轮换"),row("workspace","工作区"),row("settings","设置"),row("subagent","子代理"),row("skills","技能"),row("goal","目标"),row("jobs","后台任务"),row("queue","后台队列"),row("busyEnter","运行中 Enter 策略"),row("attachments","附件管理"),row("stepJump","步骤转跳"),row("sidebar","侧栏显示/隐藏"),row("editConfig","编辑配置文件（默认编辑器）"),row("quit","退出"),
+      row("think","思考块 展开/折叠"),row("tools","工具块 展开/折叠"),row("insert","进入输入"),row("leaveInsert","退出输入"),row("sessionFilter","跨会话搜索"),row("newSession","新建会话"),row("top","跳到首个正文块"),row("bottom","跳到最新正文块"),row("prevQuestion","上一提问的终点"),row("nextQuestion","下一提问的终点"),row("expandInput","输入栏 展开/折叠"),row("copyInput","复制输入栏选区"),row("undoInput","输入撤销"),row("redoInput","输入重做"),row("insertFilePicker","输入中打开文件选择器"),row("pasteImage","输入中粘贴剪贴板图片"),row("copySelection","复制正文选区"),row("addWorkspace","添加工作区"),row("commandPalette","命令面板"),row("modePicker","模式选择器"),row("themePicker","配色主题选择器"),row("logoPicker","欢迎页 logo（预设/自定义/关闭）"),row("quitDouble","双击 Ctrl+C 退出"),row("panel","控制面板"),row("model","切换模型"),row("trajectory","轨迹视图"),row("panePrev","pane 焦点 ← 上一窗格"),row("paneNext","pane 焦点 → 下一窗格"),row("permissionRotate","权限模式轮换"),row("workspace","工作区"),row("settings","设置"),row("subagent","子代理"),row("skills","技能"),row("goal","目标"),row("jobs","后台任务"),row("queue","后台队列"),row("busyEnter","运行中 Enter 策略"),row("attachments","附件管理"),row("stepJump","步骤转跳"),row("sidebar","侧栏显示/隐藏"),row("editConfig","编辑配置文件（默认编辑器）"),row("quit","退出"),
     ];
   }
   items() {
@@ -1682,7 +1772,7 @@ export class ControlPanel extends Widget {
         ["模式（Agent 预设）", "标准 / PTC / 极简 / 创造", () => { this.app.overlay = buildModePicker(this.app); this.app.redraw(); }],
         ["权限（沙箱 + 审批）", "只读 / 工作区写入 / 完全访问", () => { this.app.overlay = buildPermissionPicker(this.app); this.app.redraw(); }],
         ["完整设置（JSON 编辑器）", "所有命名空间的原始值", () => { this.app.closeOverlay(); this.app.showSettingsBuffer ? this.app.showSettingsBuffer() : this.app.setMode?.("settings"); }],
-        ["切换主题", "dark / light / gruvbox", () => { cycleTheme(); this.app.toast(`主题: ${themeName()}`); }],
+        ["选择配色主题", Object.keys(THEMES).join(" / "), () => { this.app.overlay = new ThemePickerBuffer(this.app); this.app.redraw(); }],
         ["侧栏显示/隐藏", "nvim 式整体收起", () => this.app.toggleSidebar()],
         ["导出当前会话日志", "下载 ZIP", () => { const sess = this.app.sessions.find((x) => x.sessionId === this.app.currentSession); if (sess) { this.app.closeOverlay(); this.app.exportSession(sess); } }],
         ["复制会话 ID", "", () => this.app.copyText(this.app.currentSession ?? "")],

package/src/theme.js

@@ -46,6 +46,126 @@ export const THEMES = {
     SELBG: 0x504945, SELFG: 0xfbf1c7, CURSORBG: 0x665c54, CURSORFG: 0xfbf1c7,
     MENUBG: 0x32302f, MENUSEL: 0x504945, SCROLLTHUMB: 0x83a598, SCROLLTRACK: 0x504945,
   },
+  nord: {
+    name: "nord",
+    BG: 0x2e3440, BG2: 0x272c36, PANEL: 0x3b4252, STATUSBG: 0x3b4252, CARD: 0x3b4252,
+    USERBG: 0x434c5e, THINKBG: 0x323845, TOOLBG: 0x363c4c, TOOLOK: 0x37493f, TOOLERR: 0x46363b,
+    BORDER: 0x4c566a, BORDER2: 0x5c6a7f,
+    TXT: 0xd8dee9, DIM: 0x8c97a9, FAINT: 0x6b7689, BOLD: 0xeceff4,
+    ACCENT: 0x88c0d0, ACCENT2: 0x81a1c1, HEADING: 0x81a1c1,
+    LINK: 0x88c0d0, CODE: 0x8fbcbb, CODEBG: 0x3b4252,
+    OK: 0xa3be8c, WARN: 0xebcb8b, ERR: 0xbf616a,
+    PURPLE: 0xb48ead, RED: 0xbf616a, GREEN: 0xa3be8c, PINK: 0xd08770, GREENG: 0xa3be8c,
+    KEYWORD: 0xb48ead, STRING: 0xa3be8c, NUMBER: 0xebcb8b,
+    TABLEHEAD: 0xeceff4, TABLESEP: 0x4c566a, QUOTE: 0x7b88a1, QUOTEFG: 0xd8dee9,
+    SELBG: 0x4c566a, SELFG: 0xeceff4, CURSORBG: 0x4c566a, CURSORFG: 0xeceff4,
+    MENUBG: 0x3b4252, MENUSEL: 0x4c566a, SCROLLTHUMB: 0x88c0d0, SCROLLTRACK: 0x4c566a,
+  },
+  "solarized-dark": {
+    name: "solarized-dark",
+    BG: 0x002b36, BG2: 0x073642, PANEL: 0x073642, STATUSBG: 0x073642, CARD: 0x073642,
+    USERBG: 0x0e4550, THINKBG: 0x0a3540, TOOLBG: 0x0c3a44, TOOLOK: 0x103b2f, TOOLERR: 0x3b2525,
+    BORDER: 0x40575e, BORDER2: 0x586e75,
+    TXT: 0x93a1a1, DIM: 0x586e75, FAINT: 0x40575e, BOLD: 0xeee8d5,
+    ACCENT: 0x268bd2, ACCENT2: 0x2aa198, HEADING: 0x6c71c4,
+    LINK: 0x268bd2, CODE: 0x2aa198, CODEBG: 0x073642,
+    OK: 0x859900, WARN: 0xb58900, ERR: 0xdc322f,
+    PURPLE: 0x6c71c4, RED: 0xdc322f, GREEN: 0x859900, PINK: 0xd33682, GREENG: 0x859900,
+    KEYWORD: 0x6c71c4, STRING: 0x2aa198, NUMBER: 0xcb4b16,
+    TABLEHEAD: 0x93a1a1, TABLESEP: 0x586e75, QUOTE: 0x586e75, QUOTEFG: 0x93a1a1,
+    SELBG: 0x0e4752, SELFG: 0xeee8d5, CURSORBG: 0x073642, CURSORFG: 0x93a1a1,
+    MENUBG: 0x073642, MENUSEL: 0x0e4752, SCROLLTHUMB: 0x268bd2, SCROLLTRACK: 0x40575e,
+  },
+  "solarized-light": {
+    name: "solarized-light",
+    BG: 0xfdf6e3, BG2: 0xeee8d5, PANEL: 0xeee8d5, STATUSBG: 0xeee8d5, CARD: 0xeee8d5,
+    USERBG: 0xe8e0cc, THINKBG: 0xf2ecda, TOOLBG: 0xe8e4d4, TOOLOK: 0xe3ebda, TOOLERR: 0xf2e0dd,
+    BORDER: 0xd5cfc3, BORDER2: 0xbeb9ab,
+    TXT: 0x586e75, DIM: 0x839496, FAINT: 0x93a1a1, BOLD: 0x073642,
+    ACCENT: 0x268bd2, ACCENT2: 0x2aa198, HEADING: 0x6c71c4,
+    LINK: 0x268bd2, CODE: 0x2aa198, CODEBG: 0xeee8d5,
+    OK: 0x859900, WARN: 0xb58900, ERR: 0xdc322f,
+    PURPLE: 0x6c71c4, RED: 0xdc322f, GREEN: 0x859900, PINK: 0xd33682, GREENG: 0x859900,
+    KEYWORD: 0x6c71c4, STRING: 0x2aa198, NUMBER: 0xcb4b16,
+    TABLEHEAD: 0x073642, TABLESEP: 0xbeb9ab, QUOTE: 0x839496, QUOTEFG: 0x586e75,
+    SELBG: 0xc9e1e7, SELFG: 0x073642, CURSORBG: 0xd3e4ea, CURSORFG: 0x073642,
+    MENUBG: 0xeee8d5, MENUSEL: 0xc9e1e7, SCROLLTHUMB: 0x268bd2, SCROLLTRACK: 0xd5cfc3,
+  },
+  dracula: {
+    name: "dracula",
+    BG: 0x282a36, BG2: 0x21222c, PANEL: 0x282a36, STATUSBG: 0x21222c, CARD: 0x282a36,
+    USERBG: 0x313340, THINKBG: 0x262732, TOOLBG: 0x2c2e3d, TOOLOK: 0x2e3b35, TOOLERR: 0x3b2e33,
+    BORDER: 0x44475a, BORDER2: 0x6272a4,
+    TXT: 0xf8f8f2, DIM: 0xa9b1c6, FAINT: 0x6272a4, BOLD: 0xffffff,
+    ACCENT: 0xbd93f9, ACCENT2: 0xff79c6, HEADING: 0x8be9fd,
+    LINK: 0x8be9fd, CODE: 0x8be9fd, CODEBG: 0x21222c,
+    OK: 0x50fa7b, WARN: 0xffb86c, ERR: 0xff5555,
+    PURPLE: 0xbd93f9, RED: 0xff5555, GREEN: 0x50fa7b, PINK: 0xff79c6, GREENG: 0x50fa7b,
+    KEYWORD: 0xff79c6, STRING: 0xf1fa8c, NUMBER: 0xbd93f9,
+    TABLEHEAD: 0xf8f8f2, TABLESEP: 0x44475a, QUOTE: 0x6272a4, QUOTEFG: 0xf8f8f2,
+    SELBG: 0x44475a, SELFG: 0xffffff, CURSORBG: 0x44475a, CURSORFG: 0xffffff,
+    MENUBG: 0x21222c, MENUSEL: 0x44475a, SCROLLTHUMB: 0xbd93f9, SCROLLTRACK: 0x44475a,
+  },
+  onedark: {
+    name: "onedark",
+    BG: 0x282c34, BG2: 0x21252b, PANEL: 0x282c34, STATUSBG: 0x21252b, CARD: 0x282c34,
+    USERBG: 0x2c313a, THINKBG: 0x262b33, TOOLBG: 0x29303c, TOOLOK: 0x2e3b30, TOOLERR: 0x3b2e30,
+    BORDER: 0x3b4048, BORDER2: 0x4b5263,
+    TXT: 0xabb2bf, DIM: 0x7f848e, FAINT: 0x5c6370, BOLD: 0xffffff,
+    ACCENT: 0x61afef, ACCENT2: 0x56b6c2, HEADING: 0xc678dd,
+    LINK: 0x61afef, CODE: 0x56b6c2, CODEBG: 0x21252b,
+    OK: 0x98c379, WARN: 0xe5c07b, ERR: 0xe06c75,
+    PURPLE: 0xc678dd, RED: 0xe06c75, GREEN: 0x98c379, PINK: 0xe06c75, GREENG: 0x98c379,
+    KEYWORD: 0xc678dd, STRING: 0x98c379, NUMBER: 0xd19a66,
+    TABLEHEAD: 0xabb2bf, TABLESEP: 0x4b5263, QUOTE: 0x7f848e, QUOTEFG: 0xabb2bf,
+    SELBG: 0x3e4451, SELFG: 0xffffff, CURSORBG: 0x3e4451, CURSORFG: 0xffffff,
+    MENUBG: 0x21252b, MENUSEL: 0x3e4451, SCROLLTHUMB: 0x61afef, SCROLLTRACK: 0x3b4048,
+  },
+  "catppuccin-mocha": {
+    name: "catppuccin-mocha",
+    BG: 0x1e1e2e, BG2: 0x181825, PANEL: 0x1e1e2e, STATUSBG: 0x181825, CARD: 0x1e1e2e,
+    USERBG: 0x26263a, THINKBG: 0x1d1d2c, TOOLBG: 0x252541, TOOLOK: 0x2a3b33, TOOLERR: 0x3b2a33,
+    BORDER: 0x45475a, BORDER2: 0x585b70,
+    TXT: 0xcdd6f4, DIM: 0xa6adc8, FAINT: 0x7f849c, BOLD: 0xf5e0dc,
+    ACCENT: 0x89b4fa, ACCENT2: 0x89dceb, HEADING: 0xcba6f7,
+    LINK: 0x89b4fa, CODE: 0x94e2d5, CODEBG: 0x181825,
+    OK: 0xa6e3a1, WARN: 0xf9e2af, ERR: 0xf38ba8,
+    PURPLE: 0xcba6f7, RED: 0xf38ba8, GREEN: 0xa6e3a1, PINK: 0xf5c2e7, GREENG: 0xa6e3a1,
+    KEYWORD: 0xcba6f7, STRING: 0xa6e3a1, NUMBER: 0xfab387,
+    TABLEHEAD: 0xcdd6f4, TABLESEP: 0x585b70, QUOTE: 0x7f849c, QUOTEFG: 0xcdd6f4,
+    SELBG: 0x45475a, SELFG: 0xffffff, CURSORBG: 0x45475a, CURSORFG: 0xffffff,
+    MENUBG: 0x181825, MENUSEL: 0x45475a, SCROLLTHUMB: 0x89b4fa, SCROLLTRACK: 0x45475a,
+  },
+  tokyonight: {
+    name: "tokyonight",
+    BG: 0x1a1b26, BG2: 0x16161e, PANEL: 0x1a1b26, STATUSBG: 0x16161e, CARD: 0x1a1b26,
+    USERBG: 0x1f2130, THINKBG: 0x191a24, TOOLBG: 0x202231, TOOLOK: 0x22312c, TOOLERR: 0x312224,
+    BORDER: 0x303649, BORDER2: 0x3b4261,
+    TXT: 0xc0caf5, DIM: 0x787c99, FAINT: 0x565f89, BOLD: 0xffffff,
+    ACCENT: 0x7aa2f7, ACCENT2: 0x7dcfff, HEADING: 0xbb9af7,
+    LINK: 0x7aa2f7, CODE: 0x73daca, CODEBG: 0x16161e,
+    OK: 0x9ece6a, WARN: 0xe0af68, ERR: 0xf7768e,
+    PURPLE: 0xbb9af7, RED: 0xf7768e, GREEN: 0x9ece6a, PINK: 0xf7768e, GREENG: 0x9ece6a,
+    KEYWORD: 0xbb9af7, STRING: 0x9ece6a, NUMBER: 0xff9e64,
+    TABLEHEAD: 0xc0caf5, TABLESEP: 0x3b4261, QUOTE: 0x787c99, QUOTEFG: 0xc0caf5,
+    SELBG: 0x2a3045, SELFG: 0xffffff, CURSORBG: 0x2a3045, CURSORFG: 0xffffff,
+    MENUBG: 0x16161e, MENUSEL: 0x2a3045, SCROLLTHUMB: 0x7aa2f7, SCROLLTRACK: 0x303649,
+  },
+  monokai: {
+    name: "monokai",
+    BG: 0x272822, BG2: 0x1f201b, PANEL: 0x1f201b, STATUSBG: 0x1f201b, CARD: 0x1f201b,
+    USERBG: 0x2d2e24, THINKBG: 0x24251e, TOOLBG: 0x2b2c23, TOOLOK: 0x2c3123, TOOLERR: 0x322322,
+    BORDER: 0x3e3d32, BORDER2: 0x55544a,
+    TXT: 0xf8f8f2, DIM: 0xcfcfc2, FAINT: 0x8b8b7e, BOLD: 0xffffff,
+    ACCENT: 0x66d9ef, ACCENT2: 0xa6e22e, HEADING: 0xa6e22e,
+    LINK: 0x66d9ef, CODE: 0xa6e22e, CODEBG: 0x1f201b,
+    OK: 0xa6e22e, WARN: 0xfd971f, ERR: 0xf92672,
+    PURPLE: 0xae81ff, RED: 0xf92672, GREEN: 0xa6e22e, PINK: 0xf92672, GREENG: 0xa6e22e,
+    KEYWORD: 0xf92672, STRING: 0xe6db74, NUMBER: 0xae81ff,
+    TABLEHEAD: 0xf8f8f2, TABLESEP: 0x55544a, QUOTE: 0x8b8b7e, QUOTEFG: 0xcfcfc2,
+    SELBG: 0x49483e, SELFG: 0xffffff, CURSORBG: 0x49483e, CURSORFG: 0xffffff,
+    MENUBG: 0x1f201b, MENUSEL: 0x49483e, SCROLLTHUMB: 0x66d9ef, SCROLLTRACK: 0x3e3d32,
+  },
 };
 
 import { readFileSync, writeFileSync, mkdirSync } from "node:fs";
@@ -57,16 +177,20 @@ function themeFile() {
 }
 
 let current = "gruvbox";
-const ORDER = ["dark", "light", "gruvbox"];
+const ORDER = ["dark", "light", "gruvbox", "nord", "solarized-dark", "solarized-light", "dracula", "onedark", "catppuccin-mocha", "tokyonight", "monokai"];
+
+// Live preview: the T proxy renders `preview` (when set) without persisting.
+// The theme picker previews on cursor movement and commits on Enter.
+let preview = null;
 
 try {
   const saved = readFileSync(themeFile(), "utf8").trim();
   if (THEMES[saved]) current = saved;
 } catch { /* first run */ }
 
-/** Live theme accessor: T.ACCENT etc. reads the active palette. */
+/** Live theme accessor: T.ACCENT etc. reads the active (or previewed) palette. */
 export const T = new Proxy({}, {
-  get(_t, key) { return THEMES[current][key]; },
+  get(_t, key) { return THEMES[preview ?? current][key]; },
 });
 
 function persist() {
@@ -76,6 +200,21 @@ function persist() {
   } catch {}
 }
 
+/** Temporarily render with `name` (never persisted). Returns false when unknown. */
+export function setThemePreview(name) {
+  if (!THEMES[name]) return false;
+  preview = name;
+  return true;
+}
+
+/** Drop the preview and render the committed theme again. */
+export function clearThemePreview() {
+  preview = null;
+}
+
+/** Theme the T proxy currently renders (preview wins over the committed one). */
+export function renderedThemeName() { return preview ?? current; }
+
 export function setTheme(name) {
   if (THEMES[name]) { current = name; persist(); return true; }
   return false;

package/src/views.js

@@ -13,12 +13,13 @@ import { bindingMatchFor, matchKeyBinding, CHAT_BINDING_ORDER, SIDEBAR_BINDING_O
 export { userPrefix, saveTuiConfig, loadTuiConfig, userName, busyEnter, foldDefaults } from "./config.js";
 import {
   Picker, buildCommandPalette, buildModelPicker, buildModePicker, buildPermissionPicker,
-  modeName, permName, WorkspacePanel, TrajectoryPanel, DirPicker, FilePicker, AttachmentPanel,
+  modeName, permName, WorkspacePanel, TrajectoryPanel, DirPicker, AttachmentPanel,
   ImagePopup, kittyCapable, buildGoalPopup, GoalPanel, SettingsPanel, SubagentPanel,
-  SkillsPanel, ControlPanel, JobsPanel, QueuePanel, ModelPanel, fmtMs,
+  SkillsPanel, ControlPanel, JobsPanel, QueuePanel, ModelPanel, fmtMs, ThemePickerBuffer,
 } from "./panels.js";
 
 import { T, themeName, cycleTheme } from "./theme.js";
+import { LOGO_COLS, LOGO_ROWS, LOGO_PALETTE, LOGO_GRID } from "./logo.js";
 // Live theme accessor: K.K.DIM etc. resolve against the active palette at render time.
 const K = new Proxy({}, { get(_k, key) { return T[key]; } });
 
@@ -193,6 +194,144 @@ function compareSemver(left, right) {
   return 0;
 }
 
+// ---- Boot splash (retro game-launcher animation) ----
+
+const SPLASH_WHITE = 0xffffff;
+const SPLASH_BLACK = 0x000000;
+const SPLASH_BLUE = 0x2b5bd7;   // DEEPSEEK wordmark color on white
+const SPLASH_INK = 0x14181d;    // caution-lines ink
+const SPLASH_HINT = 0x2f3540;   // bottom hint ink
+/** Classic four-line healthy-gaming warning, one sentence per line. */
+const SPLASH_LINES = [
+  "抵制不良游戏，拒绝盗版游戏。",
+  "注意自我保护，谨防受骗上当。",
+  "适度游戏益脑，沉迷游戏伤身。",
+  "合理安排时间，享受健康生活。",
+];
+// 5x6 pixel glyphs rendered with half-blocks (3 terminal rows per letter);
+// "█" full, "▀" upper half, "▄" lower half — pure-TUI, no image protocol.
+const SPLASH_GLYPHS = {
+  D: ["11110", "10001", "10001", "10001", "10001", "11110"],
+  E: ["11111", "10000", "11110", "10000", "10000", "11111"],
+  P: ["11110", "10001", "10001", "11110", "10000", "10000"],
+  S: ["01111", "10000", "01110", "00001", "00001", "11110"],
+  K: ["10001", "10010", "10100", "11000", "10100", "10001"],
+};
+
+function lerpColor(a, b, t) {
+  const ar = (a >> 16) & 255, ag = (a >> 8) & 255, ab = a & 255;
+  const br = (b >> 16) & 255, bg2 = (b >> 8) & 255, bb = b & 255;
+  return ((Math.round(ar + (br - ar) * t) << 16) | (Math.round(ag + (bg2 - ag) * t) << 8) | Math.round(ab + (bb - ab) * t)) >>> 0;
+}
+
+// ---- Welcome brand wordmarks (TUI-drawn half-block letters) ----
+
+/** 5x7 pixel font for the welcome brand lines (7 pixel rows = 4 terminal
+ *  rows with ▀/▄ half-blocks, the last row single-half). */
+const BRAND_GLYPHS = {
+  A: ["01110", "10001", "10001", "11111", "10001", "10001", "10001"],
+  D: ["11110", "10001", "10001", "10001", "10001", "10001", "11110"],
+  E: ["11111", "10000", "10000", "11110", "10000", "10000", "11111"],
+  H: ["10001", "10001", "10001", "11111", "10001", "10001", "10001"],
+  I: ["01110", "00100", "00100", "00100", "00100", "00100", "01110"], // 工-style serif I
+  K: ["10001", "10010", "10100", "11000", "10100", "10010", "10001"],
+  N: ["10001", "11001", "10101", "10011", "10001", "10001", "10001"],
+  O: ["01110", "10001", "10001", "10001", "10001", "10001", "01110"],
+  P: ["11110", "10001", "10001", "11110", "10000", "10000", "10000"],
+  R: ["11110", "10001", "10001", "11110", "10100", "10010", "10001"],
+  S: ["01111", "10000", "10000", "01110", "00001", "00001", "11110"],
+  T: ["11111", "00100", "00100", "00100", "00100", "00100", "00100"],
+  U: ["10001", "10001", "10001", "10001", "10001", "10001", "01110"],
+};
+
+/** Draw a half-block wordmark (5-wide glyphs, 6-col advance). `bandX`
+ *  (nullable) places a diagonal shimmer sweep: pixels near the band mix
+ *  toward white, tilted ~0.7 cols/row. */
+function drawHalfBlockWordmark(screen, x0, y0, word, color, bandX, bg) {
+  const mix = (col, px, py) => {
+    if (bandX == null) return col;
+    const d = Math.abs((px + py * 0.6) - bandX);
+    if (d > 2.5) return col;
+    return lerpColor(col, 0xffffff, ((2.5 - d) / 2.5) * 0.7);
+  };
+  let cx = x0;
+  for (const ch of word) {
+    if (ch === " ") { cx += 5; continue; }
+    const rows = BRAND_GLYPHS[ch] ?? ["00000", "00000", "00000", "00000", "00000", "00000", "00000"];
+    for (let pr = 0; pr < 7; pr += 2) {
+      const topBits = rows[pr], botBits = rows[pr + 1] ?? "00000";
+      const y = y0 + pr / 2;
+      for (let px = 0; px < 5; px++) {
+        const t = topBits[px] === "1", b = botBits[px] === "1";
+        if (!t && !b) continue;
+        const fc = mix(color, cx + px, y);
+        if (t && b) screen.put(cx + px, y, "▀", { fg: fc, bg: fc });
+        else if (t) screen.put(cx + px, y, "▀", { fg: fc, bg });
+        else screen.put(cx + px, y, "▄", { fg: fc, bg });
+      }
+    }
+    cx += 6;
+  }
+  return cx - x0 - 1;
+}
+
+/** One frame of the opt-in boot animation. Phases are driven by opaque
+ *  numbers so the renderer stays pure and testable:
+ *   diffuse 0..1  white circle expanding from the screen center over black;
+ *   lineAlpha[4]  per-line opacity of the healthy-gaming warning;
+ *   wordAlpha 0..1  DEEPSEEK wordmark crossfading in;
+ *   blink  show/hide the 按任意键进入游戏 prompt (toggling = blinking). */
+export function drawBootSplash(screen, { diffuse = 0, lineAlpha = [0, 0, 0, 0], wordAlpha = 0, blink = false } = {}) {
+  const w = screen.w, h = screen.h;
+  const p = Math.max(0, Math.min(1, diffuse));
+  const cx = (w - 1) / 2, cy = (h - 1) / 2;
+  const maxR = Math.hypot(cx, cy * 2);
+  for (let y = 0; y < h; y++) {
+    for (let x = 0; x < w; x++) {
+      const r = Math.hypot(x - cx, (y - cy) * 2);
+      screen.put(x, y, " ", { bg: p >= 1 || r <= maxR * p ? SPLASH_WHITE : SPLASH_BLACK });
+    }
+  }
+  const inkFor = (a) => lerpColor(SPLASH_WHITE, SPLASH_INK, Math.max(0, Math.min(1, a)));
+  for (let i = 0; i < SPLASH_LINES.length; i++) {
+    const a = Math.max(0, Math.min(1, lineAlpha[i] ?? 0));
+    if (a <= 0) continue;
+    const spaced = [...SPLASH_LINES[i]].join(" ");
+    const x = Math.max(0, Math.floor((w - strWidth(spaced)) / 2));
+    const y = Math.max(1, Math.floor(h / 2) - 4 + i);
+    screen.text(x, y, spaced, { fg: inkFor(a), attrs: 1 });
+  }
+  if (wordAlpha > 0 && w >= 20) {
+    const word = "DEEPSEEK";
+    const ink = lerpColor(SPLASH_WHITE, SPLASH_BLUE, Math.max(0, Math.min(1, wordAlpha)));
+    if (w >= 52) {
+      const glyphW = 6, totalW = word.length * glyphW - 1;
+      const x0 = Math.max(0, Math.floor((w - totalW) / 2));
+      const y0 = Math.max(0, Math.floor(h / 2));
+      for (let li = 0; li < word.length; li++) {
+        const rows = SPLASH_GLYPHS[word[li]] ?? ["00000", "00000", "00000", "00000", "00000", "00000"];
+        for (let pr = 0; pr < 6; pr += 2) {
+          const top = rows[pr], bottom = rows[pr + 1];
+          const y = y0 + pr / 2;
+          for (let px2 = 0; px2 < 5; px2++) {
+            const t = top[px2] === "1", b = bottom[px2] === "1";
+            const x = x0 + li * glyphW + px2;
+            if (t && b) screen.text(x, y, "█", { fg: ink });
+            else if (t) screen.text(x, y, "▀", { fg: ink, bg: SPLASH_WHITE });
+            else if (b) screen.text(x, y, "▄", { fg: ink, bg: SPLASH_WHITE });
+          }
+        }
+      }
+    } else {
+      screen.text(Math.max(0, Math.floor((w - word.length) / 2)), Math.max(1, Math.floor(h / 2)), word, { fg: ink, attrs: 1 });
+    }
+  }
+  if (blink && (p >= 1 || wordAlpha > 0)) {
+    const hint = "按任意键进入游戏";
+    screen.text(Math.max(0, Math.floor((w - strWidth(hint)) / 2)), Math.max(1, h - 2), hint, { fg: lerpColor(SPLASH_WHITE, SPLASH_HINT, 1), attrs: 1 });
+  }
+}
+
 // ---- Tool card renderers (host-computed view models) ----
 
 function renderToolCard(view, width, expanded) {
@@ -1200,9 +1339,6 @@ export class ChatView extends Widget {
     this.rebuildQueued = false;
     this.cache = new Map();   // node render cache: key → { lines, marks }
     this.cardRanges = [];     // absolute line ranges of card-backed message blocks
-    this.welcomeModes = [];   // absolute row y → agent preset id (welcome screen)
-    this.welcomeModeIds = ["standard", "code", "minimal", "cordis"];
-    this.welcomeModeSel = 0;
     this.pressY = null;
     this.pressInfo = null;  // hit identity locked at press time
     this.pressCtx = null;
@@ -1416,7 +1552,6 @@ export class ChatView extends Widget {
   async open(sessionId, epoch = this.app.sessionEpoch, maxMessages = 80) {
     this.sessionId = sessionId;
     this.nodes = [];
-    this.welcomeModeSel = 0;
     this.blockSel = -1;
     this.cursorMode = "block";
     this.visualAnchor = null;
@@ -1612,7 +1747,7 @@ export class ChatView extends Widget {
     if (trimmed === "/reload") { this.app.softReload(); return; }
     if (trimmed === "/restart") { this.app.restartApp(); return; }
     if (trimmed === "/model") { this.app.overlay = buildModelPicker(this.app); this.app.redraw(); return; }
-    if (trimmed === "/theme") { cycleTheme(); this.queueRebuild(); this.app.toast(`主题已切换: ${themeName()}`); return; }
+    if (trimmed === "/theme") { this.app.showThemePicker(); return; }
     if (trimmed === "/permission") { this.app.showPermissionPicker(); return; }
     if (trimmed === "/goal") { this.app.showGoal(); return; }
     if (!trimmed && this.clipboardImages.length === 0) return;
@@ -2612,58 +2747,139 @@ export class ChatView extends Widget {
     return true;
   }
 
-  /** Blank session: whale logo + mode selection prompt (no conversation yet). */
+  /** Blank session: logo + brand/version rows + a bottom mode hint. The 4-mode
+   *  inline list is gone: mode selection lives in the F9 picker buffer, which
+   *  also supports custom presets (web parity: self-made modes encouraged). */
   #renderWelcome(screen) {
     const x = this.view.x;
     const cx = x + Math.max(0, Math.floor((this.view.w - 40) / 2));
-    let y = this.view.y + 1;
-    const put = (t, fg, bold) => { if (y < this.view.y + this.view.h) { screen.text(cx, y, t, { fg, attrs: bold ? 1 : 0 }); } y++; };
-    put("", 0, false);
+    const h = this.view.h, top = this.view.y + 1;
+    const put = (t, fg, bold, yy) => { if (yy < top + h) screen.text(cx, yy, t, { fg, attrs: bold ? 1 : 0 }); };
+    // 40x19 half-block logo, per mode: preset (bundled), custom (JSON file)
+    // or none (title only). Centered on the 40-col block.
     this.welcomeVersionRows = [];
-    const versionLine = (name, version, key, fg, bold) => {
+    const logoDrawn = this.view.w >= 48 && this.#renderWelcomeLogo(screen, cx, top);
+    // Brand lines: TUI-drawn half-block wordmarks (like the splash), each with
+    // its clickable version/update row on the right; the diagonal shimmer
+    // sweeps across every ~4s. Falls back to spaced text on short/narrow views.
+    const brandY = top + (logoDrawn ? LOGO_ROWS + 1 : 0);
+    const useWordmarks = h >= 32 && this.view.w >= 62;
+    if (useWordmarks) {
+      // The band must run PAST the right edge: the final I of DSH NEOTUI sits
+      // at x0+57 (plus the ~0.6/row diagonal offset), so phase 1 lands ~x0+72.
+      const bandX = this.app.brandShimmer >= 0
+        ? (x + Math.floor((this.view.w - 58) / 2) - 8 + this.app.brandShimmer * 80)
+        : null;
+      const glow = lerpColor(T.HEADING, 0xffffff, 0.18);
+      const w1Y = brandY;
+      drawHalfBlockWordmark(screen, x + Math.max(0, Math.floor((this.view.w - 47) / 2)), w1Y, "DEEPSEEK", glow, bandX, T.BG);
+      this.#putVersionRight(screen, w1Y + 1, "dsh", this.app.dshVersion ?? "unknown", T.HEADING, true);
+      const w2Y = w1Y + 4;
+      const glide = T.FAINT; // dark enough for the white glint to pop
+      drawHalfBlockWordmark(screen, x + Math.max(0, Math.floor((this.view.w - 58) / 2)), w2Y, "DSH NEOTUI", glide, bandX, T.BG);
+      this.#putVersionRight(screen, w2Y + 1, "tui", TUI_VERSION, T.FAINT, false);
+      // Update/check notices live at the bottom (only when not latest).
+      this.#putUpdateHints(screen, top, h);
+    } else {
+      const versionLine = (name, version, key, fg, bold, yy) => {
+        const spaced = [...name].join(" ");
+        const text = `${spaced}  ${version === "unknown" ? "版本未知" : `v${version}`}`;
+        const tx = x + Math.max(0, Math.floor((this.view.w - strWidth(text)) / 2));
+        if (yy < top + h) screen.text(tx, yy, text, { fg, attrs: bold ? 1 : 0 });
+        this.welcomeVersionRows[yy] = { key, x1: tx, x2: tx + strWidth(text) - 1 };
+      };
+      versionLine("DEEPSEEK HARNESS", this.app.dshVersion ?? "unknown", "dsh", T.HEADING, true, brandY);
+      versionLine("DSH NEOTUI", TUI_VERSION, "tui", T.FAINT, false, brandY + 1);
+      this.#putUpdateHints(screen, top, h);
+    }
+    // Bottom hint: current preset + F9 opens the (custom-mode friendly) picker.
+    if (this.app.currentSession != null) {
+      const currentPreset = this.app.sessions.find((s) => s.sessionId === this.app.currentSession)?.agentPreset;
+      const hint = `模式: ${modeName(currentPreset ?? "standard")} · F9 打开模式选择（支持自定义） · Ctrl+R 欢迎页 logo`;
+      this.welcomeModeRow = top + h - 2;
+      const hx = x + Math.max(0, Math.floor((this.view.w - strWidth(hint)) / 2));
+      screen.text(hx, this.welcomeModeRow, hint, { fg: T.WARN, attrs: 1 });
+    }
+  }
+
+  /** The 40x19 half-block mascot for the current logo mode. */
+  #renderWelcomeLogo(screen, cx, top) {
+    if (this.app.logoMode === "none") return false;
+    const hr = this.view.y + this.view.h;
+    let pal, grid;
+    if (this.app.logoMode === "custom") {
+      if (!this.app.logoData) {
+        if (this.app.logoPath) {
+          try { this.app.logoData = this.app.loadCustomLogo(this.app.logoPath); }
+          catch { this.app.logoData = null; } // invalid file → title-only
+        }
+        if (!this.app.logoData) return false;
+      }
+      pal = this.app.logoData.palette; grid = this.app.logoData.grid;
+    } else {
+      pal = LOGO_PALETTE; grid = LOGO_GRID;
+    }
+    for (let r = 0; r < LOGO_ROWS && top + r < hr; r++) {
+      for (let c = 0; c < LOGO_COLS; c++) {
+        let topIdx, botIdx;
+        if (this.app.logoMode === "custom") {
+          const cell = grid[r][c];
+          topIdx = cell[0]; botIdx = cell[1];
+        } else {
+          const i = (r * LOGO_COLS + c) * 4;
+          topIdx = parseInt(grid.slice(i, i + 2), 16);
+          botIdx = parseInt(grid.slice(i + 2, i + 4), 16);
+        }
+        const custom = this.app.logoMode === "custom";
+        const emptyT = custom ? topIdx < 0 : topIdx === 0;
+        const emptyB = custom ? botIdx < 0 : botIdx === 0;
+        if (emptyT && emptyB) continue;
+        const pal32 = (pi) => (custom ? pal[pi] : parseInt(pal[pi], 16));
+        const tcol = emptyT ? null : pal32(custom ? topIdx : topIdx - 1);
+        const bcol = emptyB ? null : pal32(custom ? botIdx : botIdx - 1);
+        const fgc = tcol ?? bcol ?? T.BG;
+        const bgc = bcol ?? T.BG;
+        screen.put(cx + c, top + r, tcol != null ? "▀" : "▄", { fg: fgc, bg: bgc });
+      }
+    }
+    return true;
+  }
+
+  /** Bottom update notices: only shown when a product has a pending update
+   *  (or a failed/ongoing check) — "已是最新" stays quiet. Clickable. */
+  #putUpdateHints(screen, top, h) {
+    this.welcomeUpdateRows = [];
+    const names = { dsh: "DeepSeek Harness", tui: "dsh-neotui" };
+    const parts = [];
+    for (const key of ["dsh", "tui"]) {
       const check = this.app.versionChecks?.[key];
-      const status = check?.state === "checking" ? "← 检查更新…"
-        : check?.state === "current" ? "← 已是最新"
-        : check?.state === "update" ? `← 可更新 ${check.latest}`
-        : check?.state === "error" ? "← 检查失败（点击重试）"
-        : "← 检查更新";
-      const text = `  ${name} ${version === "unknown" ? "版本未知" : `v${version}`}  ${status}`;
-      put(text, fg, bold);
-      this.welcomeVersionRows[y - 1] = { key, x1: cx, x2: cx + strWidth(text) - 1 };
-    };
-    versionLine("DeepSeek Harness", this.app.dshVersion ?? "unknown", "dsh", T.HEADING, true);
-    versionLine("dsh-neotui", TUI_VERSION, "tui", T.FAINT, false);
-    put("", 0, false);
-    if (this.app.currentSession == null) {
-      put("  打开一个会话开始，或 Ctrl+N 新建", T.DIM, false);
-      return;
+      if (!check) continue;
+      if (check.state === "update") parts.push({ key, text: `${names[key]} 可更新 ${check.latest}` });
+      else if (check.state === "error") parts.push({ key, text: `${names[key]} 检查失败（点击重试）` });
+      else if (check.state === "checking") parts.push({ key, text: `${names[key]} 检查中…` });
     }
-    put("  请选择模式（F9 或点击下方，选择后立即生效）：", T.WARN, true);
-    put("", 0, false);
-    this.welcomeModes = [];
-    const currentPreset = this.app.sessions.find((s) => s.sessionId === this.app.currentSession)?.agentPreset;
-    const presets = [
-      ["standard", "标准模式", "完整编码 Agent（文件/Shell/检索/Skills/目标/子代理）"],
-      ["code", "PTC 模式", "标准模式能力 + Code Mode SDK 单程序多步操作"],
-      ["minimal", "极简模式", "仅持久 bash 与 str_replace_editor 双工具"],
-      ["cordis", "创造模式", "标准模式 + 运行时检查/插件实验/预设创作"],
-    ];
-    const currentIdx = presets.findIndex(([id]) => id === currentPreset);
-    if (this.welcomeModeSel == null || this.welcomeModeSel >= presets.length) this.welcomeModeSel = currentIdx >= 0 ? currentIdx : 0;
-    for (let i = 0; i < presets.length; i++) {
-      const [id, name, desc] = presets[i];
-      if (y < this.view.y + this.view.h) {
-        const active = id === currentPreset;
-        const cursor = this.app.focused === this && i === this.welcomeModeSel;
-        const label = `${cursor ? "=>" : "  "} ${active ? "●" : "○"} ${name}${active ? " [当前]" : ""}`;
-        screen.text(cx, y, `  ${label}`, { fg: active ? T.OK : cursor ? T.ACCENT : T.DIM, bg: cursor ? T.MENUSEL : -1, attrs: active || cursor ? 1 : 0 });
-        screen.text(cx + 2 + strWidth(label) + 1, y, truncate(desc, Math.max(1, this.view.w - strWidth(label) - 8)), { fg: cursor ? T.TXT : T.DIM, bg: cursor ? T.MENUSEL : -1 });
-        this.welcomeModes[y] = id;
-      }
-      y++;
+    if (!parts.length) return;
+    const row = top + h - 3;
+    this.welcomeUpdateRow = row;
+    const full = parts.map((p) => p.text).join(" · ");
+    const tx = this.view.x + Math.max(0, Math.floor((this.view.w - strWidth(full)) / 2));
+    let at = tx;
+    for (const p of parts) {
+      if (row < top + h) screen.text(at, row, p.text, { fg: T.WARN, attrs: 1 });
+      this.welcomeUpdateRows.push({ key: p.key, x1: at, x2: at + strWidth(p.text) - 1 });
+      at += strWidth(p.text) + 3;
     }
   }
 
+  /** Right-aligned version row for the wordmark brand lines (clickable check;
+   *  update notices themselves live at the bottom of the welcome). */
+  #putVersionRight(screen, y, key, version, fg, bold) {
+    const text = version === "unknown" ? "版本未知" : `v${version}`;
+    const tx = this.view.x + Math.max(0, this.view.w - strWidth(text) - 2);
+    if (y < this.view.y + this.view.h) screen.text(tx, y, text, { fg, attrs: bold ? 1 : 0 });
+    this.welcomeVersionRows[y] = { key, x1: tx, x2: tx + strWidth(text) - 1 };
+  }
+
   render(screen) {
     // Blank session: show the welcome + mode prompt instead of empty chat.
     const isBlank = this.app.sessions.find((s) => s.sessionId === this.sessionId)?.blank ?? false;
@@ -2837,12 +3053,14 @@ export class ChatView extends Widget {
     if (this.view.inside(ev.x, ev.y)) {
       // clicks act, but never exit INSERT mode — Esc is the only way out
       if (this.app.focused !== this.app.chat?.input) this.app.focus(this);
-      // Welcome-screen mode click: select the preset under the cursor.
+      // Welcome-screen clicks: version rows check updates; the mode hint opens
+      // the custom-mode-friendly picker buffer.
       if (this.nodes.length === 0 && ev.kind === "press" && ev.button === 0) {
         const versionHit = this.welcomeVersionRows?.[ev.y];
         if (versionHit && ev.x >= versionHit.x1 && ev.x <= versionHit.x2) { this.app.checkUpdates(versionHit.key, true); return true; }
-        const id = this.welcomeModes[ev.y];
-        if (id) { this.app.selectPreset(id); return true; }
+        const updateHit = this.welcomeUpdateRows?.find((r) => ev.y === this.welcomeUpdateRow && ev.x >= r.x1 && ev.x <= r.x2);
+        if (updateHit) { this.app.checkUpdates(updateHit.key, true); return true; }
+        if (ev.y === this.welcomeModeRow && ev.x >= cx && ev.x <= cx + 40) { this.app.showModePicker(); return true; }
       }
       if (ev.kind === "wheel-up" && this.view.scrollY <= 3 && this.hasMore) { void this.loadOlder(); return true; }
       if (ev.kind === "press" && ev.button === 0) {
@@ -2953,15 +3171,6 @@ export class ChatView extends Widget {
   }
 
   onKey(ev) {
-    const blankWelcome = this.nodes.length === 0 && (this.app.sessions.find((s) => s.sessionId === this.sessionId)?.blank ?? false);
-    if (blankWelcome && ev.type === "key" && (ev.name === "up" || ev.name === "down")) {
-      this.welcomeModeSel = wrapIndex(this.welcomeModeSel + (ev.name === "up" ? -1 : 1), this.welcomeModeIds.length);
-      return true;
-    }
-    if (blankWelcome && ev.type === "key" && ev.name === "enter") {
-      this.app.selectPreset(this.welcomeModeIds[this.welcomeModeSel]);
-      return true;
-    }
     if (ev.type === "text" || ev.type === "paste") {
       // In cursor/Visual modes text is never inserted into the transcript or
       // silently redirected to INSERT. Only explicit i enters the input editor.
@@ -3335,12 +3544,23 @@ export class ApprovalPopup extends Popup {
 // ---- App ----
 
 export class App {
-  constructor({ screen, term, api, base, log, versionFetcher = latestNpmVersion }) {
+  constructor({ screen, term, api, base, log, versionFetcher = latestNpmVersion, launcherAnime = false }) {
     this.screen = screen;
     this.term = term;
     this.api = api;
     this.log = log ?? (() => {});
     this.versionFetcher = versionFetcher;
+    this.launcherAnime = launcherAnime; // opt-in boot animation (--launcher-anime)
+    // Welcome logo mode: "preset" (bundled mascot), "custom" (JSON file) or
+    // "none" (title only). Persisted in the tui config file.
+    const logoCfg = loadTuiConfig().logo ?? {};
+    this.logoMode = ["preset", "custom", "none"].includes(logoCfg.mode) ? logoCfg.mode : "preset";
+    this.logoPath = logoCfg.path ?? null;
+    this.logoData = null;       // decoded custom logo: { palette, grid }
+    this.logoLoadError = null;
+    this.brandShimmer = -1;     // welcome wordmark diagonal sweep phase (-1 = idle)
+    this.brandSweep0 = -1;
+    this.brandShimmerNext = null;
     this.popup = null;
     this.activePrompt = null;
     this.promptQueue = [];
@@ -4236,7 +4456,91 @@ export class App {
   showQueue() { this.overlay = new QueuePanel(this); this.redraw(); }
   showGoal() { this.overlay = buildGoalPopup(this); this.redraw(); }
   showModePicker() { this.overlay = buildModePicker(this); this.redraw(); }
-  showPermissionPicker() { this.overlay = buildPermissionPicker(this); this.redraw(); }
+  showThemePicker() { this.overlay = new ThemePickerBuffer(this); this.redraw(); }
+
+  /** Welcome-logo picker (Ctrl+R / 控制面板): preset, custom file, or none. */
+  showLogoPicker() {
+    const mark = (m) => (this.logoMode === m ? "● " : "○ ");
+    const items = [
+      { label: `${mark("preset")}预设`, hint: "DeepSeek 吉祥物（内置）", action: "preset" },
+      { label: `${mark("custom")}自定义…`, hint: `选择 JSON 文件（当前: ${this.logoPath ?? "—"}）`, action: "custom" },
+      { label: `${mark("none")}关闭`, hint: "不显示 logo，仅保留品牌字标", action: "none" },
+    ];
+    const pick = async (action) => {
+      if (action === "preset" || action === "none") {
+        this.logoMode = action;
+        this.logoData = null;
+        this.logoLoadError = null;
+        saveTuiConfig({ logo: { mode: action, path: action === "preset" ? null : this.logoPath } });
+        this.closeOverlay();
+        this.redraw();
+      } else if (action === "custom") {
+        // Reuse the shared Ctrl+O / 新建工作区 picker (UploadPicker) in its
+        // single-select mode — same UI, same navigation, one file only.
+        const dir = this.logoPath ? dirname(this.logoPath) : (this.sessions.find((s) => s.sessionId === this.currentSession)?.cwd ?? process.cwd());
+        const picker = new UploadPicker(this, {
+          startPath: dir,
+          single: true,
+          onPickFile: (path) => this.#applyCustomLogo(path),
+          onCancel: () => { this.overlay = null; this.focus(this.chat); this.redraw(); },
+        });
+        this.overlay = picker; this.focus(picker); this.redraw();
+      }
+    };
+    const w = Math.max(1, Math.min(66, this.screen.w - 4)), ph = Math.max(1, Math.min(12, this.screen.h - 4));
+    this.overlay = new Picker({
+      x: Math.floor((this.screen.w - w) / 2), y: Math.floor((this.screen.h - ph) / 2),
+      w, h: ph, title: "欢迎页 logo（Ctrl+R）",
+      items,
+      onPick: (it) => void pick(it.action),
+      onCancel: () => this.closeOverlay(),
+    });
+    this.redraw();
+  }
+
+  /** Load + validate a custom logo JSON ({ palette, grid }, 40x19) and switch
+   *  to it. Accepted schema mirrors the generator's logo-data.json; palette
+   *  entries may be [r,g,b] arrays or "#rrggbb"/"rrggbb" strings. Returns the
+   *  normalized data or throws with a user-facing message. */
+  loadCustomLogo(path) {
+    const data = JSON.parse(readFileSync(path, "utf8"));
+    const pal = data?.palette, grid = data?.grid;
+    if (!Array.isArray(pal) || !Array.isArray(grid) || grid.length !== LOGO_ROWS
+      || grid.some((row) => !Array.isArray(row) || row.length !== LOGO_COLS)
+      || pal.length < 1 || pal.length > 65535) {
+      throw new Error("需要 { palette:[…], grid:[[top,bottom]...] } 且为 40×19");
+    }
+    const norm = pal.map((c) => {
+      if (Array.isArray(c) && c.length >= 3) return ((c[0] << 16) | (c[1] << 8) | c[2]) >>> 0;
+      if (typeof c === "string") return parseInt(c.replace("#", ""), 16);
+      return NaN;
+    });
+    if (norm.some((c) => Number.isNaN(c) || c < 0 || c > 0xffffff)) throw new Error("调色板条目必须是 [r,g,b] 或 #rrggbb");
+    for (const row of grid) {
+      for (const cell of row) {
+        if (!Array.isArray(cell) || cell.length !== 2 || cell[0] < -1 || cell[1] < -1
+          || cell[0] >= norm.length || cell[1] >= norm.length || !Number.isInteger(cell[0]) || !Number.isInteger(cell[1])) {
+          throw new Error("grid 必须是 [[top,bottom]...] 且索引在调色板范围内");
+        }
+      }
+    }
+    return { palette: norm, grid };
+  }
+
+  #applyCustomLogo(path) {
+    try {
+      this.logoData = this.loadCustomLogo(path);
+      this.logoMode = "custom";
+      this.logoPath = path;
+      this.logoLoadError = null;
+      saveTuiConfig({ logo: { mode: "custom", path } });
+      this.closeOverlay();
+      this.redraw();
+      this.toast("自定义 logo 已应用");
+    } catch (e) {
+      this.toast(`logo 文件无效: ${e.message}`);
+    }
+  }
 
   /** /reload: in-place soft reload — fresh session list, fresh chat history,
    *  panels rebuilt, screen re-rendered. No process churn, no terminal
@@ -4418,7 +4722,8 @@ export class App {
     switch (id) {
       case "sessionFilter": this.startSearch(); this.redraw(); return true;
       case "panel": this.overlay = new ControlPanel(this, { startPage: 0 }); this.redraw(); return true;
-      case "homeSwitch": this.focusPane(slot === "key" ? -1 : 1); return true;
+      case "panePrev": this.focusPane(-1); return true;
+      case "paneNext": this.focusPane(1); return true;
       case "permissionRotate": this.rotatePermission(); return true;
       case "editConfig": this.editConfigFile(); return true;
       case "quit": this.stop(); return true;
@@ -4443,6 +4748,8 @@ export class App {
       case "addWorkspace": this.addWorkspace(); return true;
       case "commandPalette": this.overlay = new ControlPanel(this, { startPage: 1 }); this.redraw(); return true;
       case "modePicker": this.showModePicker(); return true;
+      case "themePicker": this.showThemePicker(); return true;
+      case "logoPicker": this.showLogoPicker(); return true;
       default: return false;
     }
   }
@@ -4548,6 +4855,16 @@ export class App {
 
   onEvent(ev) {
     if (ev.type === "resize") { this.resize(ev.w, ev.h); return; }
+    // Retro launcher splash: every key/mouse press enters the game. Events
+    // are swallowed while the blinking 按任意键提示 is on screen.
+    if (this.splashWaiting) {
+      if (ev.type === "key" || ev.type === "text" || ev.type === "paste" || ev.type === "mouse") {
+        this.splashWaiting = false;
+        this.screen.prev = null; // force a full repaint of the real UI
+        this.redraw();
+      }
+      return;
+    }
     if (this.swallowRelease && ev.type === "mouse" && ev.kind === "release") {
       this.swallowRelease = false;
       return; // a press just closed an overlay; eat its matching release
@@ -5426,9 +5743,63 @@ export class App {
 
   // ---- main loop ----
 
+  /** DeepSeek-style boot splash: white background, DEEPSEEK wordmark fading
+   *  in, pulsing 启动中 dot, then dissolve into the theme background.
+   *  Opt-in meme: enable with --launcher-anime / DSH_TUI_LAUNCHER_ANIME=1;
+   *  DSH_TUI_NO_SPLASH=1 always wins. */
+  playSplash() {
+    if (!this.launcherAnime) return;
+    if (process.env.DSH_TUI_NO_SPLASH === "1") return;
+    if (!this.term?.output?.write) return;
+    const w = this.screen.w, h = this.screen.h;
+    if (w < 30 || h < 12) return;
+    const wait = (ms) => { if (this.splashDelay ?? 30) { const sab = new Int32Array(new SharedArrayBuffer(4)); Atomics.wait(sab, 0, 0, ms); } };
+    const frames = (steps, dur, draw) => {
+      for (let i = 0; i < steps; i++) {
+        draw(i / Math.max(1, steps - 1), i);
+        this.term.output.write(this.screen.render() + "\x1b[?25l");
+        wait(dur);
+      }
+    };
+    const ease = (t) => (t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2);
+    const clamp01 = (t) => Math.max(0, Math.min(1, t));
+    // 1s: white circle diffuses from the screen center over pure black.
+    frames(25, this.splashDelay ?? 40, (t) => drawBootSplash(this.screen, { diffuse: ease(t) }));
+    // 2s: the four healthy-gaming lines fade in one sentence at a time.
+    frames(40, this.splashDelay ?? 50, (t) => {
+      const lineAlpha = [];
+      for (let i = 0; i < SPLASH_LINES.length; i++) lineAlpha.push(ease(clamp01((t - i * 0.25) / 0.25)));
+      drawBootSplash(this.screen, { diffuse: 1, lineAlpha });
+    });
+    // 2s: lines dissolve out while DEEPSEEK fades in (crossfade).
+    frames(40, this.splashDelay ?? 50, (t) => drawBootSplash(this.screen, {
+      diffuse: 1, lineAlpha: SPLASH_LINES.map(() => 1 - t), wordAlpha: ease(t),
+    }));
+    // Wait for any key: blinking prompt at the bottom; the tick loop toggles it.
+    this.splashWaiting = true;
+    this.splashBlink = true;
+    this.splashBlinkAt = Date.now();
+    drawBootSplash(this.screen, { diffuse: 1, wordAlpha: 1, blink: this.splashBlink });
+    this.term.output.write(this.screen.render() + "\x1b[?25l");
+  }
+
   run() {
+    this.playSplash();
     const tick = () => {
       try {
+        this.tickWelcomeShimmer(Date.now());
+        // While the splash waits for a key, only the blinking prompt is
+        // repainted — the real UI must not render underneath it.
+        if (this.splashWaiting) {
+          const now = Date.now();
+          if (now - (this.splashBlinkAt ?? 0) >= 400) {
+            this.splashBlinkAt = now;
+            this.splashBlink = !this.splashBlink;
+            drawBootSplash(this.screen, { diffuse: 1, wordAlpha: 1, blink: this.splashBlink });
+            this.term?.output?.write?.(this.screen.render() + "\x1b[?25l");
+          }
+          return;
+        }
         if (this.dirty) {
           this.dirty = false;
           this.renderFrame();
@@ -5460,6 +5831,32 @@ export class App {
     tick();
   }
 
+  /** Welcome brand shimmer: a diagonal sweep across the wordmarks (~0.85s every
+   *  ~3.5s) while a tall blank welcome is on screen. Separated from the tick
+   *  loop so tests can drive it with fake timestamps. */
+  tickWelcomeShimmer(now) {
+    const welcomeUp = this.chat.nodes.length === 0
+      && (this.sessions.find((s) => s.sessionId === this.currentSession)?.blank ?? false)
+      && this.chat.view.h >= 32 && this.chat.view.w >= 62;
+    if (!welcomeUp) {
+      if (this.brandSweep0 >= 0 || this.brandShimmer >= 0) { this.brandSweep0 = -1; this.brandShimmer = -1; }
+      return;
+    }
+    if (this.brandSweep0 >= 0) {
+      // 900ms so the very last tick reaches phase ~1.0 (the band's far end).
+      if (now - this.brandSweep0 > 900) { this.brandSweep0 = -1; this.brandShimmer = -1; this.dirty = true; }
+      else {
+        const p = (now - this.brandSweep0) / 900;
+        if (p !== this.brandShimmer) { this.brandShimmer = p; this.dirty = true; }
+      }
+    } else {
+      if (this.brandShimmerNext == null) this.brandShimmerNext = now + 1500;
+      if (now >= this.brandShimmerNext) {
+        this.brandSweep0 = now; this.brandShimmer = 0; this.brandShimmerNext = now + 3500; this.dirty = true;
+      }
+    }
+  }
+
   /** Force one render (also used by the scripted test harness). */
   renderFrame() {
     this.chat.flushRebuild();