dsh-pixel-ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 zhang66633
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,158 @@
+# 🪵 dsh-pixel-ui
+
+> DeepSeek Harness 像素皮肤（Agent Xi 风格）：四个主题一键切换——像素·木屋 / 像素·羊皮纸 / 像素·暖阳 / 像素·终端绿，随时可切回现代默认 UI。
+
+![License: MIT](https://img.shields.io/badge/license-MIT-brightgreen)
+![dsh](https://img.shields.io/badge/dsh-0.1.0--rc.6-blue)
+![version](https://img.shields.io/badge/version-1.0.0-F4D03F)
+![themes](https://img.shields.io/badge/themes-4-orange)
+
+---
+
+## Overview
+
+`dsh-pixel-ui` 是一个**皮肤插件**，把 dsh Web GUI 重皮肤成像素 RPG 风：
+
+1. **四个主题**：像素·木屋（深木 + 金）、像素·羊皮纸（浅色纸面 + 金棕）、像素·暖阳（暖橙木）、像素·终端绿（CRT 绿字），色板与 Agent Xi 主题系统同源；
+2. **像素质感**：阶梯硬阴影、8-bit 凸起按钮、内凹输入框、木纹条纹、CRT 扫描线 + 暗角、像素光标；
+3. **像素字体**：标题/页签/按钮/徽章/输入框用 fusion-pixel（中文）+ Press Start 2P（英文数字），正文与代码走 mono，长文不累眼。
+
+**适合谁**：想要像素风 / 星露谷风 / 复古终端外观的 dsh 用户；想给会话截图加一点氛围感的博主和开发者。
+
+<p align="center">
+  <img src="./assets/screenshot-wood.png" alt="像素·木屋（默认主题）" width="760" />
+</p>
+
+## Themes
+
+### 像素·木屋 · `pixel-wood`
+
+> 深色 · 深木 `#1A0F06` + 金 `#F4D03F`（默认主题）
+
+<img src="./assets/screenshot-wood.png" alt="像素·木屋" width="100%" />
+
+### 像素·羊皮纸 · `pixel-paper`
+
+> 浅色 · 纸面 `#F0E8D8` + 金棕 `#C8960C`
+
+<img src="./assets/screenshot-paper.png" alt="像素·羊皮纸" width="100%" />
+
+### 像素·暖阳 · `pixel-warm`
+
+> 深色 · 暖木 `#1E0E04` + 橙 `#FF8C42`
+
+<img src="./assets/screenshot-warm.png" alt="像素·暖阳" width="100%" />
+
+### 像素·终端绿 · `pixel-retro`
+
+> 深色 · 墨绿 `#0A0E0A` + 绿 `#33FF33`
+
+<img src="./assets/screenshot-retro.png" alt="像素·终端绿" width="100%" />
+
+<details>
+<summary>📷 对话页与输入框（展开查看四主题截图）</summary>
+
+<img src="./assets/screenshot-wood-chat.png" alt="木屋对话页" width="100%" />
+<img src="./assets/screenshot-paper-chat.png" alt="羊皮纸对话页" width="100%" />
+<img src="./assets/screenshot-warm-chat.png" alt="暖阳对话页" width="100%" />
+<img src="./assets/screenshot-retro-chat.png" alt="终端绿对话页" width="100%" />
+
+</details>
+
+## Compatibility
+
+| 项 | 支持范围 |
+| --- | --- |
+| dsh 生态 | `0.1.0-rc.6`（ThemeService `register`/`setTheme` + `settings.general.item` 槽位；最后验证 2026-08-14） |
+| 模式 | 三深色 + 一浅色（`colorScheme` 按主题声明） |
+| 浏览器 | 现代 Chromium / Firefox（`localStorage` + CSS 变量 + SVG 光标） |
+| 字体 | fusion-pixel 12px zh_hans（MIT）+ Press Start 2P（OFL），随包分发 |
+
+## Install / Uninstall
+
+### Install
+
+npm（推荐）：
+
+```bash
+dsh plugin --profile web add dsh-pixel-ui
+```
+
+GitHub 源码（clone 后按本地 link 方式接入，同样无需构建——构建产物已随仓库提交）：
+
+```bash
+git clone --depth 1 https://github.com/zhang66633/dsh-pixel-ui
+```
+
+本地开发（link 方式）：
+
+```jsonc
+// ~/.dsh/profiles/web/package.json
+{
+  "dependencies": { "dsh-pixel-ui": "link:<仓库路径>" },
+  "dsh": { "profile": { "bundles": ["dsh-pixel-ui"] } }
+}
+```
+
+```bash
+cd ~/.dsh/profiles/web && pnpm install
+```
+
+### Upgrade
+
+- npm：重新运行 `dsh plugin add`（固定版本号）；
+- 本地 link：`git pull` 后重新构建（`npm run build`），刷新浏览器。
+
+### Disable
+
+只从 `dsh.profile.bundles` 移除 `dsh-pixel-ui`（依赖可以保留）——皮肤不再注入，UI 回到现代默认。
+
+### Uninstall
+
+从 profile `package.json` 移除依赖与 bundles 条目，`pnpm install`。
+
+## Quick start
+
+1. 安装后重启 `dsh web`；
+2. 首次加载自动激活默认主题「像素·木屋」；
+3. 设置 → 通用 → **像素主题**，五个按钮一键切换四个皮肤和「现代默认」；
+4. 选「现代默认」（或外观行选 浅色 / 深色 / 跟随系统）即整体退出皮肤，选择会被记住，下次打开不复活。
+
+最小可复现示例：安装 → 重启 → 木屋主题上身 → 切换到「像素·羊皮纸」→ 输入框文字清晰可读 → 点「现代默认」→ 页面立即回到现代 UI → 刷新页面仍是现代 UI。
+
+## Configuration
+
+- **无配置项**：四个主题的 13 个 `--dsw-alias-*` token 定义在 `src/client/index.js` 的 `THEMES`，像素质感样式在 `src/client/pixel.css`；
+- **默认主题**：`pixel-wood`（仅首次安装时自动激活，之后尊重你的选择）；
+- **持久化**：最后的选择存于浏览器 `localStorage` 的 `dsh-pixel-ui:theme`；
+- 无环境变量、无敏感项。
+
+## Permissions & data
+
+- 宿主进程：**只读**本包内字体文件，仅注册一个 `/dsh-pixel-ui/fonts/*` 路由（文件名白名单，无路径穿越）；
+- 浏览器半边：注册主题 + 注入样式表 + 一个设置行；无网络请求、无遥测、不读凭据，只在 `localStorage` 存一个主题 id。
+
+## Troubleshooting
+
+| 现象 | 处理 |
+| --- | --- |
+| 皮肤没生效 | `dsh --profile web --dump-config` 确认 `dsh-pixel-ui` 在树；设置 → 通用 → 像素主题 里选一个主题；重启 |
+| 想回现代默认 | 设置 → 通用 → 像素主题 → 点「现代默认」（或外观行选 浅色/深色/跟随系统） |
+| 字体没加载 | 浏览器控制台（F12 → Network）看 `/dsh-pixel-ui/fonts/*` 是否 200 |
+| 主题没记住 | 确认浏览器未禁用 `localStorage` |
+| 回滚 | 从 `dsh.profile.bundles` 移除插件条目并 `pnpm install` —— profile 其余部分不受影响 |
+
+## Development
+
+```bash
+npm install
+npm run build   # 构建 lib/client.js（wire 格式，CSS 以文本内联）
+```
+
+改动皮肤后重新构建并刷新浏览器即可（link 安装方式下无需重启 dsh）。欢迎 PR；行为变更请同步更新 README。
+
+## License & security
+
+[MIT](./LICENSE) © 2026 zhang66633 · 字体：fusion-pixel（MIT）、Press Start 2P（SIL OFL）。
+
+安全问题请通过 GitHub **security advisory** 私下报告，不要发公开 issue。

package/cordis.patch.yml

@@ -0,0 +1,7 @@
+# dsh-pixel-ui bundle patch: inserts the dual-face plugin row into the web
+# profile roster. Node half (exports ".") serves the bundled pixel fonts;
+# the `dsh.client` declaration makes the browser half (exports "./client")
+# load in the web GUI and register the pixel theme.
+- insert:
+    - id: dsh-pixel-ui
+      name: dsh-pixel-ui

package/lib/client.js

@@ -0,0 +1,768 @@
+window.__ModuleLoader__.load({ id: "dsh-pixel-ui", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.js
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_client = require("@deepseek-ai/dsh-client-runtime/client");
+
+// src/client/pixel.css
+var pixel_default = `/* dsh-pixel-ui — 星露谷风像素皮肤（木屋/羊皮纸/暖阳/终端绿四主题）\r
+ * 全面对标 Agent Xi 前端像素语言（web/src/styles/main.css）：\r
+ *   - 木色/金色/羊皮纸三系色板 + 阶梯硬阴影 + 内凹/凸起 bevel\r
+ *   - 像素字体做界面装饰（标题/页签/按钮/徽章/输入框），正文与代码走 mono\r
+ *   - 木纹条纹纹理、CRT 扫描线 + 暗角 + 微闪烁、像素光标、像素按压动效\r
+ * 作用域 html[data-pixel-ui]：任一像素主题激活时生效，\r
+ * data-pixel-theme 区分四种配色。切回 现代默认/浅色/深色 即整体退出。\r
+ * 原则：颜色尽量交给主题 token，本表负责 token 表达不了的像素质感。 */\r
+\r
+@font-face {\r
+  font-family: 'Fusion Pixel 12';\r
+  src: url('/dsh-pixel-ui/fonts/fusion-pixel-12px.woff2') format('woff2');\r
+  font-weight: 400;\r
+  font-style: normal;\r
+  font-display: swap;\r
+}\r
+@font-face {\r
+  font-family: 'Press Start 2P';\r
+  src: url('/dsh-pixel-ui/fonts/PressStart2P-Regular.ttf') format('truetype');\r
+  font-weight: 400;\r
+  font-style: normal;\r
+  font-display: swap;\r
+}\r
+\r
+html[data-pixel-ui] {\r
+  /* ── Xi 同款色板 ─────────────────────────────────────── */\r
+  --px-wood-darkest: #1A0F06;\r
+  --px-wood-dark: #2C1A0C;\r
+  --px-wood-mid: #3A2515;\r
+  --px-wood-warm: #4A3020;\r
+  --px-wood-light: #6B4C2E;\r
+  --px-wood-pale: #8B6B45;\r
+  --px-gold: #F4D03F;\r
+  --px-gold-bright: #FFE066;\r
+  --px-gold-dark: #C99A00;\r
+  --px-gold-deep: #8B6B00;\r
+  --px-parchment: #F5E6C8;\r
+  --px-text-on-dark: #E8D5B0;\r
+  --px-text-light: #9B7B5B;\r
+\r
+  /* 输入框专用色（各主题单独覆盖，保证任何底色下文字可见） */\r
+  --px-input-bg: #1A0F06;\r
+  --px-input-text: #FFFDF5;\r
+  --px-input-caret: #F4D03F;\r
+  --px-input-ph: #9B7B5B;\r
+\r
+  /* 文字阴影强度：暗色主题用 2px 像素硬阴影，浅色主题收敛防重影 */\r
+  --px-ts-chrome: 2px 2px 0 rgba(26, 15, 6, 0.6), -1px -1px 0 rgba(26, 15, 6, 0.4);\r
+  --px-ts-btn: 1px 1px 0 rgba(0, 0, 0, 0.4);\r
+\r
+  /* 像素字体栈：中文/全角走 fusion-pixel（12px 原生），英文数字兜底 Press Start 2P */\r
+  --px-font: 'Fusion Pixel 12', 'Press Start 2P', monospace;\r
+  --px-mono: 'Cascadia Code', 'Consolas', 'Courier New', monospace;\r
+}\r
+\r
+/* ── 四主题色板（Agent Xi 同款）────────────────────────── */\r
+html[data-pixel-theme='pixel-paper'] {\r
+  --px-wood-darkest: #F0E8D8;\r
+  --px-wood-dark: #E8DCC8;\r
+  --px-wood-mid: #DDD0B8;\r
+  --px-wood-warm: #D4C4A8;\r
+  --px-wood-light: #B8A080;\r
+  --px-wood-pale: #9B8B6B;\r
+  --px-gold: #C8960C;\r
+  --px-gold-bright: #E0A800;\r
+  --px-gold-dark: #A07000;\r
+  --px-gold-deep: #805000;\r
+  --px-parchment: #FFFDF5;\r
+  --px-text-on-dark: #3A2A10;\r
+  --px-text-light: #8B7040;\r
+  --px-input-bg: #FFFDF5;\r
+  --px-input-text: #3A2A10;\r
+  --px-input-caret: #C8960C;\r
+  --px-input-ph: #8B7040;\r
+  /* 浅色底上 2px 硬阴影会变重影：去掉文字阴影，靠字体本身 */\r
+  --px-ts-chrome: none;\r
+  --px-ts-btn: none;\r
+}\r
+html[data-pixel-theme='pixel-warm'] {\r
+  --px-wood-darkest: #1E0E04;\r
+  --px-wood-dark: #34180A;\r
+  --px-wood-mid: #4A2210;\r
+  --px-wood-warm: #5C2E16;\r
+  --px-wood-light: #8B4A28;\r
+  --px-wood-pale: #A86B40;\r
+  --px-gold: #FF8C42;\r
+  --px-gold-bright: #FFA64D;\r
+  --px-gold-dark: #D96E30;\r
+  --px-gold-deep: #A05020;\r
+  --px-parchment: #FFF0E0;\r
+  --px-text-on-dark: #F0C8A0;\r
+  --px-text-light: #A86B40;\r
+  --px-input-bg: #1E0E04;\r
+  --px-input-text: #FFFBF5;\r
+  --px-input-caret: #FF8C42;\r
+  --px-input-ph: #A86B40;\r
+}\r
+html[data-pixel-theme='pixel-retro'] {\r
+  --px-wood-darkest: #0A0E0A;\r
+  --px-wood-dark: #0E140E;\r
+  --px-wood-mid: #121A12;\r
+  --px-wood-warm: #162016;\r
+  --px-wood-light: #2A402A;\r
+  --px-wood-pale: #3A5A3A;\r
+  --px-gold: #33FF33;\r
+  --px-gold-bright: #66FF66;\r
+  --px-gold-dark: #00CC00;\r
+  --px-gold-deep: #009900;\r
+  --px-parchment: #0A1A0A;\r
+  --px-text-on-dark: #33FF33;\r
+  --px-text-light: #118811;\r
+  --px-input-bg: #0A0E0A;\r
+  --px-input-text: #33FF33;\r
+  --px-input-caret: #33FF33;\r
+  --px-input-ph: #118811;\r
+}\r
+\r
+/* ── 全局质感：禁次像素平滑（像素字体的灵魂）、位图三件套、方形化 ── */\r
+html[data-pixel-ui] body {\r
+  -webkit-font-smoothing: none;\r
+  -moz-osx-font-smoothing: grayscale;\r
+  text-rendering: geometricPrecision;\r
+  font-family: var(--px-font) !important;\r
+  letter-spacing: 0.01em;\r
+}\r
+\r
+html[data-pixel-ui] img,\r
+html[data-pixel-ui] canvas,\r
+html[data-pixel-ui] video {\r
+  image-rendering: -moz-crisp-edges;\r
+  image-rendering: crisp-edges;\r
+  image-rendering: pixelated;\r
+}\r
+\r
+/* 一切皆方角（像素风第一原则） */\r
+html[data-pixel-ui] * {\r
+  border-radius: 0 !important;\r
+}\r
+\r
+html[data-pixel-ui] ::selection {\r
+  background: var(--px-gold);\r
+  color: var(--px-wood-darkest);\r
+}\r
+\r
+html[data-pixel-ui] :focus-visible {\r
+  outline: 2px solid var(--px-gold) !important;\r
+  outline-offset: 1px;\r
+}\r
+\r
+/* ── 像素滚动条：方形、木色 ────────────────────────────── */\r
+html[data-pixel-ui] ::-webkit-scrollbar { width: 10px; height: 10px; }\r
+html[data-pixel-ui] ::-webkit-scrollbar-track {\r
+  background: var(--px-wood-darkest);\r
+  border-left: 2px solid var(--px-wood-dark);\r
+}\r
+html[data-pixel-ui] ::-webkit-scrollbar-thumb {\r
+  background: var(--px-wood-light);\r
+  border: 2px solid var(--px-wood-darkest);\r
+}\r
+html[data-pixel-ui] ::-webkit-scrollbar-thumb:hover { background: var(--px-wood-pale); }\r
+\r
+/* ── 排版：装饰性 UI 用像素字体，正文/代码用 mono（Xi 的信息分层） ── */\r
+html[data-pixel-ui] h1,\r
+html[data-pixel-ui] h2,\r
+html[data-pixel-ui] h3,\r
+html[data-pixel-ui] [class*='title'],\r
+html[data-pixel-ui] [class*='label'],\r
+html[data-pixel-ui] [class*='tab'],\r
+html[data-pixel-ui] [class*='badge'],\r
+html[data-pixel-ui] [class*='chip'],\r
+html[data-pixel-ui] [class*='Tag'],\r
+html[data-pixel-ui] [class*='pill'] {\r
+  font-family: var(--px-font) !important;\r
+  text-shadow: var(--px-ts-chrome);\r
+}\r
+\r
+/* 标题/页签取金色（Xi .panel-title 语义） */\r
+html[data-pixel-ui] h1,\r
+html[data-pixel-ui] h2,\r
+html[data-pixel-ui] h3,\r
+html[data-pixel-ui] [class*='title'] {\r
+  color: var(--px-gold-bright) !important;\r
+  letter-spacing: 0.02em;\r
+}\r
+\r
+/* 页签：选中态金色下划线 */\r
+html[data-pixel-ui] [class*='tab'],\r
+html[data-pixel-ui] [aria-selected='true'] {\r
+  font-size: 12px;\r
+}\r
+html[data-pixel-ui] [class*='tab'][class*='active'],\r
+html[data-pixel-ui] [aria-selected='true'] {\r
+  box-shadow: inset 0 -3px 0 var(--px-gold) !important;\r
+}\r
+\r
+/* 徽章/小标签：切角 + 内凹高光（小元素才有资格切角，避免大块裁阴影） */\r
+html[data-pixel-ui] [class*='badge'],\r
+html[data-pixel-ui] [class*='chip'],\r
+html[data-pixel-ui] [class*='Tag'],\r
+html[data-pixel-ui] [class*='pill'] {\r
+  font-size: 11px;\r
+  line-height: 1.5;\r
+  border: 1px solid #000 !important;\r
+  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3) !important;\r
+  clip-path: polygon(\r
+    0 2px, 2px 2px, 2px 0,\r
+    calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,\r
+    100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%,\r
+    2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)\r
+  );\r
+}\r
+\r
+/* ── 正文/消息/代码：mono 内容层（Xi log 区用 Fira Code 的忠实移植） ── */\r
+html[data-pixel-ui] [class*='message'],\r
+html[data-pixel-ui] [class*='bubble'],\r
+html[data-pixel-ui] [class*='markdown'],\r
+html[data-pixel-ui] [class*='content'],\r
+html[data-pixel-ui] pre,\r
+html[data-pixel-ui] code,\r
+html[data-pixel-ui] [class*='code'] {\r
+  font-family: var(--px-mono) !important;\r
+  letter-spacing: 0;\r
+  text-shadow: none;\r
+}\r
+\r
+/* 消息行：左侧木色竖条（Xi .log-row 色带，统一木色） */\r
+html[data-pixel-ui] [class*='message'],\r
+html[data-pixel-ui] [class*='bubble'] {\r
+  border-left: 3px solid var(--px-wood-warm) !important;\r
+}\r
+\r
+/* 代码块：黑底木边（Xi .log-code-wrap） */\r
+html[data-pixel-ui] pre,\r
+html[data-pixel-ui] [class*='code'] {\r
+  background: var(--px-wood-darkest) !important;\r
+  color: var(--px-text-on-dark) !important;\r
+  border: 2px solid var(--px-wood-light) !important;\r
+  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.4) !important;\r
+}\r
+/* 行内代码：暗底金字 */\r
+html[data-pixel-ui] code {\r
+  background: rgba(0, 0, 0, 0.4) !important;\r
+  color: var(--px-gold-bright) !important;\r
+  border: 1px solid rgba(0, 0, 0, 0.12) !important;\r
+  padding: 0 4px;\r
+}\r
+html[data-pixel-ui] pre code {\r
+  background: transparent !important;\r
+  color: inherit !important;\r
+  border: none !important;\r
+  padding: 0;\r
+}\r
+\r
+/* ── 按钮：8-bit 凸起 + 阶梯硬阴影 + 悬停抬升 + 按压沉底 ── */\r
+html[data-pixel-ui] button,\r
+html[data-pixel-ui] [role='button'],\r
+html[data-pixel-ui] [class*='btn'],\r
+html[data-pixel-ui] [class*='Button'] {\r
+  font-family: var(--px-font) !important;\r
+  font-size: 12px;\r
+  letter-spacing: 0.02em;\r
+  border: 2px solid #000 !important;\r
+  box-shadow:\r
+    inset 2px 2px 0 rgba(255, 248, 231, 0.22),\r
+    inset -2px -2px 0 rgba(0, 0, 0, 0.5),\r
+    2px 2px 0 #000,\r
+    3px 3px 0 rgba(0, 0, 0, 0.6) !important;\r
+  text-shadow: var(--px-ts-btn);\r
+  transition: transform 0.08s steps(2), box-shadow 0.08s steps(2), filter 0.08s steps(2);\r
+}\r
+html[data-pixel-ui] button:hover,\r
+html[data-pixel-ui] [role='button']:hover,\r
+html[data-pixel-ui] [class*='btn']:hover,\r
+html[data-pixel-ui] [class*='Button']:hover {\r
+  filter: brightness(1.1);\r
+  transform: translate(-2px, -2px);\r
+  box-shadow:\r
+    inset 2px 2px 0 rgba(255, 248, 231, 0.25),\r
+    inset -2px -2px 0 rgba(0, 0, 0, 0.4),\r
+    4px 4px 0 #000,\r
+    5px 5px 0 rgba(0, 0, 0, 0.6) !important;\r
+}\r
+html[data-pixel-ui] button:active,\r
+html[data-pixel-ui] [role='button']:active,\r
+html[data-pixel-ui] [class*='btn']:active,\r
+html[data-pixel-ui] [class*='Button']:active {\r
+  transform: translate(2px, 2px);\r
+  box-shadow:\r
+    inset 2px 2px 0 rgba(0, 0, 0, 0.5),\r
+    inset -2px -2px 0 rgba(255, 248, 231, 0.1) !important;\r
+}\r
+\r
+/* 主按钮（品牌色）金边 */\r
+html[data-pixel-ui] button[class*='primary'],\r
+html[data-pixel-ui] [class*='btn-primary'] {\r
+  border-color: var(--px-gold-deep) !important;\r
+  box-shadow:\r
+    inset 2px 2px 0 rgba(255, 224, 102, 0.5),\r
+    inset -2px -2px 0 rgba(0, 0, 0, 0.5),\r
+    2px 2px 0 #000,\r
+    3px 3px 0 rgba(0, 0, 0, 0.6) !important;\r
+}\r
+\r
+/* ── 输入框：黑木底 + 羊皮纸文字 + 金色光标（修复文字不可见） ──\r
+ * 关键：必须显式给文字颜色。Xi #command-input：cream 字 / wood-darkest 底 /\r
+ * gold-deep 边 / 3px 内凹，聚焦金边光环。 */\r
+html[data-pixel-ui] input,\r
+html[data-pixel-ui] textarea,\r
+html[data-pixel-ui] select,\r
+html[data-pixel-ui] [contenteditable='true'] {\r
+  font-family: var(--px-font) !important;\r
+  font-size: 12px;\r
+  letter-spacing: 0;\r
+  color: var(--px-input-text) !important;\r
+  -webkit-text-fill-color: var(--px-input-text) !important;\r
+  caret-color: var(--px-input-caret) !important;\r
+  background-color: var(--px-input-bg) !important;\r
+  border: 2px solid var(--px-gold-deep) !important;\r
+  box-shadow:\r
+    inset 3px 3px 0 rgba(0, 0, 0, 0.6),\r
+    inset -1px -1px 0 rgba(244, 208, 63, 0.1),\r
+    0 0 0 1px #000 !important;\r
+}\r
+html[data-pixel-ui] input:focus,\r
+html[data-pixel-ui] textarea:focus,\r
+html[data-pixel-ui] select:focus,\r
+html[data-pixel-ui] [contenteditable='true']:focus {\r
+  border-color: var(--px-gold) !important;\r
+  box-shadow:\r
+    inset 3px 3px 0 rgba(0, 0, 0, 0.6),\r
+    0 0 0 2px var(--px-gold),\r
+    0 0 8px rgba(244, 208, 63, 0.4) !important;\r
+}\r
+html[data-pixel-ui] input::placeholder,\r
+html[data-pixel-ui] textarea::placeholder {\r
+  color: var(--px-input-ph) !important;\r
+  -webkit-text-fill-color: var(--px-input-ph) !important;\r
+  opacity: 1;\r
+}\r
+/* 输入框容器只做边框质感，不压背景（避免把容器文字也染黑） */\r
+html[data-pixel-ui] [class*='input'] {\r
+  border-color: var(--px-gold-deep) !important;\r
+}\r
+\r
+/* ── 面板/卡片/弹层：双框 + 阶梯硬阴影 + 木纹竖条 ────────── */\r
+html[data-pixel-ui] [class*='panel'],\r
+html[data-pixel-ui] [class*='card'],\r
+html[data-pixel-ui] [class*='Card'],\r
+html[data-pixel-ui] dialog,\r
+html[data-pixel-ui] [role='dialog'],\r
+html[data-pixel-ui] [class*='modal'],\r
+html[data-pixel-ui] [class*='popover'],\r
+html[data-pixel-ui] [class*='menu'],\r
+html[data-pixel-ui] [class*='dropdown'],\r
+html[data-pixel-ui] [class*='popup'] {\r
+  border: 2px solid var(--px-wood-warm) !important;\r
+  outline: 2px solid #000;\r
+  outline-offset: -2px;\r
+  box-shadow:\r
+    inset 1px 1px 0 rgba(255, 255, 255, 0.08),\r
+    inset -1px -1px 0 rgba(0, 0, 0, 0.4),\r
+    2px 2px 0 #000,\r
+    3px 3px 0 rgba(0, 0, 0, 0.6) !important;\r
+  /* Xi 木纹：每 10px 一条 1px 暗竖纹 */\r
+  background-image:\r
+    repeating-linear-gradient(\r
+      90deg,\r
+      transparent 0px,\r
+      transparent 10px,\r
+      rgba(0, 0, 0, 0.06) 10px,\r
+      rgba(0, 0, 0, 0.06) 11px\r
+    ) !important;\r
+}\r
+\r
+/* 卡片悬停：抬升 + 阴影加厚（Xi hover 位移） */\r
+html[data-pixel-ui] [class*='card']:hover,\r
+html[data-pixel-ui] [class*='Card']:hover {\r
+  transform: translate(-2px, -2px);\r
+  box-shadow:\r
+    inset 1px 1px 0 rgba(255, 255, 255, 0.1),\r
+    inset -1px -1px 0 rgba(0, 0, 0, 0.4),\r
+    4px 4px 0 #000,\r
+    5px 5px 0 rgba(0, 0, 0, 0.6) !important;\r
+}\r
+\r
+/* ── 顶栏/侧栏：木纹渐变 + 黑底边 + 金色发丝 ─────────────── */\r
+html[data-pixel-ui] [class*='header'],\r
+html[data-pixel-ui] [class*='topbar'],\r
+html[data-pixel-ui] [class*='titlebar'],\r
+html[data-pixel-ui] [class*='sidebar'],\r
+html[data-pixel-ui] [class*='Sidebar'] {\r
+  background-image: linear-gradient(180deg, var(--px-wood-warm) 0%, var(--px-wood-dark) 100%) !important;\r
+  border-bottom: 3px solid #000 !important;\r
+  box-shadow:\r
+    inset 0 2px 0 rgba(244, 208, 63, 0.1),\r
+    inset 0 -2px 0 rgba(0, 0, 0, 0.5) !important;\r
+}\r
+html[data-pixel-ui] [class*='sidebar'],\r
+html[data-pixel-ui] [class*='Sidebar'] {\r
+  border-right: 3px solid #000 !important;\r
+  box-shadow:\r
+    inset -3px 0 0 rgba(0, 0, 0, 0.4),\r
+    inset 2px 0 0 rgba(255, 255, 255, 0.05) !important;\r
+}\r
+\r
+/* ── 链接：金色下划线 ──────────────────────────────────── */\r
+html[data-pixel-ui] a {\r
+  color: var(--px-gold-bright) !important;\r
+  text-decoration-thickness: 2px;\r
+  text-underline-offset: 3px;\r
+}\r
+\r
+/* ── 进度条：刻度纹理 + 硬框（Xi .quest-progress） ──────── */\r
+html[data-pixel-ui] [class*='progress'] {\r
+  border: 2px solid #000 !important;\r
+  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.6) !important;\r
+  background-image: repeating-linear-gradient(\r
+    90deg,\r
+    transparent 0px,\r
+    transparent 4px,\r
+    rgba(0, 0, 0, 0.35) 4px,\r
+    rgba(0, 0, 0, 0.35) 5px\r
+  ) !important;\r
+}\r
+\r
+/* ── 像素光标（SVG data-URI 阶梯箭头，Xi 同款造型） ─────── */\r
+html[data-pixel-ui] body {\r
+  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath d='M2 2v17h3v-3h3v-3h3v-3h3v-3h3V2z' fill='%23FFFDF5' stroke='%231A0F06' stroke-width='2'/%3E%3C/svg%3E") 2 2, auto;\r
+}\r
+html[data-pixel-ui] button,\r
+html[data-pixel-ui] [role='button'],\r
+html[data-pixel-ui] a,\r
+html[data-pixel-ui] [class*='card'],\r
+html[data-pixel-ui] [class*='tab'],\r
+html[data-pixel-ui] [class*='menu'],\r
+html[data-pixel-ui] [class*='dropdown'],\r
+html[data-pixel-ui] select,\r
+html[data-pixel-ui] label[for] {\r
+  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath d='M2 2v17h3v-3h3v-3h3v-3h3v-3h3V2z' fill='%23F4D03F' stroke='%231A0F06' stroke-width='2'/%3E%3C/svg%3E") 2 2, pointer;\r
+}\r
+html[data-pixel-ui] input,\r
+html[data-pixel-ui] textarea,\r
+html[data-pixel-ui] [contenteditable='true'] {\r
+  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath d='M5 3h4v2h2v2h2v2h2v2h2v2h2v6h-2v2h-4v2H5z' fill='%23FFFDF5' stroke='%231A0F06' stroke-width='2'/%3E%3C/svg%3E") 4 3, text;\r
+}\r
+\r
+/* ── CRT 覆盖层：扫描线 + 暗角 + 微闪烁（Xi v3 滤镜） ────\r
+ * 盖在最顶层但不拦截任何事件；尊重系统“减少动态效果”偏好。 */\r
+html[data-pixel-ui] body::after {\r
+  content: "";\r
+  position: fixed;\r
+  inset: 0;\r
+  z-index: 2147483647;\r
+  pointer-events: none;\r
+  background:\r
+    repeating-linear-gradient(\r
+      0deg,\r
+      rgba(0, 0, 0, 0.1) 0px,\r
+      rgba(0, 0, 0, 0.1) 1px,\r
+      transparent 1px,\r
+      transparent 3px\r
+    ),\r
+    radial-gradient(ellipse at center, transparent 62%, rgba(0, 0, 0, 0.22) 100%);\r
+  animation: px-crt-flicker 4s steps(60) infinite;\r
+}\r
+@keyframes px-crt-flicker {\r
+  0%, 100% { opacity: 1; }\r
+  50% { opacity: 0.96; }\r
+}\r
+@media (prefers-reduced-motion: reduce) {\r
+  html[data-pixel-ui] body::after { animation: none; }\r
+  html[data-pixel-ui] button,\r
+  html[data-pixel-ui] [class*='btn'],\r
+  html[data-pixel-ui] [class*='Button'],\r
+  html[data-pixel-ui] [class*='card'] {\r
+    transition: none;\r
+  }\r
+}\r
+\r
+/* ── 设置页「像素主题」行（不跟随皮肤作用域：现代模式下也保持可点） ── */\r
+.px-theme-row {\r
+  display: flex;\r
+  flex-direction: column;\r
+  gap: 8px;\r
+  padding: 12px 0;\r
+  border-top: 1px solid rgba(139, 107, 69, 0.35);\r
+}\r
+.px-theme-row-title {\r
+  font-family: 'Fusion Pixel 12', 'Press Start 2P', monospace;\r
+  font-size: 12px;\r
+  color: #F4D03F;\r
+  text-shadow: var(--px-ts-chrome, 2px 2px 0 rgba(26, 15, 6, 0.6));\r
+  letter-spacing: 0.05em;\r
+}\r
+.px-theme-row-cubes {\r
+  display: flex;\r
+  flex-wrap: wrap;\r
+  gap: 8px;\r
+}\r
+.px-theme-btn {\r
+  display: inline-flex;\r
+  align-items: center;\r
+  gap: 6px;\r
+  padding: 5px 10px;\r
+  font-family: 'Fusion Pixel 12', 'Press Start 2P', monospace;\r
+  font-size: 11px;\r
+  color: #E8D5B0;\r
+  background: #2C1A0C;\r
+  border: 2px solid #1A0F06;\r
+  border-radius: 0 !important;\r
+  cursor: pointer;\r
+  box-shadow:\r
+    inset 1px 1px 0 rgba(255, 248, 231, 0.15),\r
+    inset -1px -1px 0 rgba(0, 0, 0, 0.4),\r
+    2px 2px 0 rgba(0, 0, 0, 0.5);\r
+}\r
+.px-theme-btn:hover {\r
+  filter: brightness(1.12);\r
+  transform: translate(-1px, -1px);\r
+}\r
+.px-theme-btn:active {\r
+  transform: translate(1px, 1px);\r
+  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.4);\r
+}\r
+.px-theme-btn-active {\r
+  color: #1A0F06;\r
+  background: #F4D03F;\r
+  border-color: #8B6B00;\r
+  box-shadow:\r
+    inset 1px 1px 0 #FFE066,\r
+    inset -1px -1px 0 #8B6B00,\r
+    2px 2px 0 rgba(0, 0, 0, 0.5);\r
+}\r
+.px-theme-swatch {\r
+  width: 10px;\r
+  height: 10px;\r
+  border: 1px solid #000;\r
+  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);\r
+}\r
+`;
+
+// src/client/index.js
+var name = "dsh-pixel-ui";
+var inject = ["slots", "theme"];
+var THEME_STORAGE_KEY = "dsh-pixel-ui:theme";
+var THEMES = [
+  {
+    id: "pixel-wood",
+    colorScheme: "dark",
+    tokens: {
+      "--dsw-alias-bg-base": "#1A0F06",
+      "--dsw-alias-bg-layer-1": "#2C1A0C",
+      "--dsw-alias-bg-layer-2": "#3A2515",
+      "--dsw-alias-bg-overlay": "#241408",
+      "--dsw-alias-border-l1": "#4A3020",
+      "--dsw-alias-border-l2": "#8B6B45",
+      "--dsw-alias-brand-primary": "#F4D03F",
+      "--dsw-alias-label-primary": "#F5E6C8",
+      "--dsw-alias-label-secondary": "#9B7B5B",
+      "--dsw-alias-state-error-primary": "#E74C3C",
+      "--dsw-alias-state-success-primary": "#7DCE82",
+      "--dsw-alias-state-warn-primary": "#F39C12",
+      "--dsw-specific-sidebar-fill": "#241408"
+    }
+  },
+  {
+    id: "pixel-paper",
+    colorScheme: "light",
+    tokens: {
+      "--dsw-alias-bg-base": "#F0E8D8",
+      "--dsw-alias-bg-layer-1": "#E8DCC8",
+      "--dsw-alias-bg-layer-2": "#DDD0B8",
+      "--dsw-alias-bg-overlay": "#E2D6BE",
+      "--dsw-alias-border-l1": "#D4C4A8",
+      "--dsw-alias-border-l2": "#9B8B6B",
+      "--dsw-alias-brand-primary": "#C8960C",
+      "--dsw-alias-label-primary": "#3A2A10",
+      "--dsw-alias-label-secondary": "#6B5020",
+      "--dsw-alias-state-error-primary": "#8B2020",
+      "--dsw-alias-state-success-primary": "#3A7A40",
+      "--dsw-alias-state-warn-primary": "#805000",
+      "--dsw-specific-sidebar-fill": "#E8DCC8"
+    }
+  },
+  {
+    id: "pixel-warm",
+    colorScheme: "dark",
+    tokens: {
+      "--dsw-alias-bg-base": "#1E0E04",
+      "--dsw-alias-bg-layer-1": "#34180A",
+      "--dsw-alias-bg-layer-2": "#4A2210",
+      "--dsw-alias-bg-overlay": "#2A1308",
+      "--dsw-alias-border-l1": "#5C2E16",
+      "--dsw-alias-border-l2": "#A86B40",
+      "--dsw-alias-brand-primary": "#FF8C42",
+      "--dsw-alias-label-primary": "#F0C8A0",
+      "--dsw-alias-label-secondary": "#A86B40",
+      "--dsw-alias-state-error-primary": "#D93B3B",
+      "--dsw-alias-state-success-primary": "#6DBF6D",
+      "--dsw-alias-state-warn-primary": "#FF8C42",
+      "--dsw-specific-sidebar-fill": "#2A1308"
+    }
+  },
+  {
+    id: "pixel-retro",
+    colorScheme: "dark",
+    tokens: {
+      "--dsw-alias-bg-base": "#0A0E0A",
+      "--dsw-alias-bg-layer-1": "#0E140E",
+      "--dsw-alias-bg-layer-2": "#121A12",
+      "--dsw-alias-bg-overlay": "#0C100C",
+      "--dsw-alias-border-l1": "#2A402A",
+      "--dsw-alias-border-l2": "#3A5A3A",
+      "--dsw-alias-brand-primary": "#33FF33",
+      "--dsw-alias-label-primary": "#33FF33",
+      "--dsw-alias-label-secondary": "#118811",
+      "--dsw-alias-state-error-primary": "#FF3333",
+      "--dsw-alias-state-success-primary": "#33FF33",
+      "--dsw-alias-state-warn-primary": "#FFCC33",
+      "--dsw-specific-sidebar-fill": "#0C100C"
+    }
+  }
+];
+var PIXEL_IDS = THEMES.map((theme) => theme.id);
+var RESTORABLE_IDS = /* @__PURE__ */ new Set(["light", "dark", "system", ...PIXEL_IDS]);
+var THEME_CHOICES = [
+  { id: "pixel-wood", label: "像素·木屋", swatch: "#F4D03F" },
+  { id: "pixel-paper", label: "像素·羊皮纸", swatch: "#F5E6C8" },
+  { id: "pixel-warm", label: "像素·暖阳", swatch: "#FF8C42" },
+  { id: "pixel-retro", label: "像素·终端绿", swatch: "#33FF33" },
+  { id: "system", label: "现代默认", swatch: "#7A7A7A" }
+];
+function createThemeRowStore() {
+  return (0, import_client.defineStore)({
+    init: () => ({ preference: null, revision: -1 }),
+    actions: {
+      sync: (draft, preference, revision) => {
+        if (revision <= draft.revision) return;
+        draft.preference = preference;
+        draft.revision = revision;
+      }
+    }
+  });
+}
+function ThemeRow(props) {
+  const preference = props.useStore((state) => state.preference);
+  return (0, import_react.createElement)(
+    "div",
+    { className: "px-theme-row" },
+    (0, import_react.createElement)("div", { className: "px-theme-row-title" }, "像素主题"),
+    (0, import_react.createElement)(
+      "div",
+      { className: "px-theme-row-cubes" },
+      THEME_CHOICES.map((choice) => (0, import_react.createElement)(
+        "button",
+        {
+          key: choice.id,
+          type: "button",
+          className: "px-theme-btn" + (preference === choice.id ? " px-theme-btn-active" : ""),
+          onClick: () => {
+            props.setTheme(choice.id);
+          }
+        },
+        (0, import_react.createElement)("span", { className: "px-theme-swatch", style: { background: choice.swatch } }),
+        choice.label
+      ))
+    )
+  );
+}
+function apply(ctx) {
+  const syncScope = () => {
+    const active = ctx.theme.getTheme().active;
+    const on = PIXEL_IDS.includes(active.id);
+    document.documentElement.toggleAttribute("data-pixel-ui", on);
+    if (on) document.documentElement.setAttribute("data-pixel-theme", active.id);
+    else document.documentElement.removeAttribute("data-pixel-theme");
+  };
+  const persist = (snapshot) => {
+    try {
+      localStorage.setItem(THEME_STORAGE_KEY, snapshot.preference);
+    } catch {
+    }
+  };
+  ctx.on("theme/change", (snapshot) => {
+    syncScope();
+    persist(snapshot);
+  });
+  ctx.effect(() => {
+    const disposers = THEMES.map((definition) => ctx.theme.register(definition));
+    return () => {
+      for (const dispose of disposers) dispose();
+    };
+  }, "dsh-pixel-ui: theme registration");
+  let saved = null;
+  try {
+    saved = localStorage.getItem(THEME_STORAGE_KEY);
+  } catch {
+  }
+  const target = saved !== null && RESTORABLE_IDS.has(saved) ? saved : "pixel-wood";
+  try {
+    ctx.theme.setTheme(target);
+  } catch {
+  }
+  syncScope();
+  const rowStore = createThemeRowStore();
+  let bound = void 0;
+  const syncRow = (snapshot) => {
+    bound?.sync(snapshot.preference, snapshot.revision);
+  };
+  ctx.on("theme/change", syncRow);
+  ctx.slots.inject("settings.general.item", () => ctx.slots.register({
+    name: "settings.general.item",
+    id: "pixel-theme",
+    order: 20,
+    store: rowStore,
+    inject: (actions) => {
+      bound = actions;
+      syncRow(ctx.theme.getTheme());
+      return { setTheme: (id) => {
+        ctx.theme.setTheme(id);
+      } };
+    }
+  }, ThemeRow));
+  ctx.effect(() => {
+    const style = document.createElement("style");
+    style.dataset.plugin = "dsh-pixel-ui";
+    style.textContent = pixel_default;
+    document.head.appendChild(style);
+    return () => {
+      style.remove();
+      document.documentElement.removeAttribute("data-pixel-ui");
+      document.documentElement.removeAttribute("data-pixel-theme");
+    };
+  }, "dsh-pixel-ui: stylesheet");
+}
+return module.exports; } });
+//# sourceMappingURL=client.js.map

package/lib/client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/client/index.js", "../src/client/pixel.css"],
+  "sourcesContent": ["/**\n * dsh-pixel-ui — browser half (the pixel skin).\n *\n * Registers four Agent-Xi-style pixel themes on the ThemeService seam\n * (`ctx.theme.register` with --dsw-alias-* token overrides): wood (dark),\n * paper (light), warm (dark), retro-green (dark). The stylesheet carries\n * the pixel borders, fonts, CRT overlay, and component tweaks that alias\n * tokens alone cannot express, scoped to `html[data-pixel-ui]` with a\n * `data-pixel-theme` variant attribute for the four palettes.\n *\n * The host settings scope persists only the built-in preferences\n * (light/dark/system), so this plugin persists the last choice itself\n * (localStorage) and restores it on load; the first run activates the\n * default wood skin. A settings row in the General section switches\n * between the four skins and back to the modern default (`system`).\n *\n * @module dsh-pixel-ui/client\n */\nimport { createElement as h } from 'react'\nimport { defineStore } from '@deepseek-ai/dsh-client-runtime/client'\nimport cssText from './pixel.css'\n\n/** Plugin name; also the patch row id. */\nexport const name = 'dsh-pixel-ui'\n\n/** Required services: the theme runtime and the settings item slot. */\nexport const inject = ['slots', 'theme']\n\n/** localStorage key carrying the last theme choice across loads. */\nconst THEME_STORAGE_KEY = 'dsh-pixel-ui:theme'\n\n/** The four pixel themes (Agent Xi palettes) registered on the ThemeService. */\nconst THEMES = [\n  {\n    id: 'pixel-wood',\n    colorScheme: 'dark',\n    tokens: {\n      '--dsw-alias-bg-base': '#1A0F06',\n      '--dsw-alias-bg-layer-1': '#2C1A0C',\n      '--dsw-alias-bg-layer-2': '#3A2515',\n      '--dsw-alias-bg-overlay': '#241408',\n      '--dsw-alias-border-l1': '#4A3020',\n      '--dsw-alias-border-l2': '#8B6B45',\n      '--dsw-alias-brand-primary': '#F4D03F',\n      '--dsw-alias-label-primary': '#F5E6C8',\n      '--dsw-alias-label-secondary': '#9B7B5B',\n      '--dsw-alias-state-error-primary': '#E74C3C',\n      '--dsw-alias-state-success-primary': '#7DCE82',\n      '--dsw-alias-state-warn-primary': '#F39C12',\n      '--dsw-specific-sidebar-fill': '#241408',\n    },\n  },\n  {\n    id: 'pixel-paper',\n    colorScheme: 'light',\n    tokens: {\n      '--dsw-alias-bg-base': '#F0E8D8',\n      '--dsw-alias-bg-layer-1': '#E8DCC8',\n      '--dsw-alias-bg-layer-2': '#DDD0B8',\n      '--dsw-alias-bg-overlay': '#E2D6BE',\n      '--dsw-alias-border-l1': '#D4C4A8',\n      '--dsw-alias-border-l2': '#9B8B6B',\n      '--dsw-alias-brand-primary': '#C8960C',\n      '--dsw-alias-label-primary': '#3A2A10',\n      '--dsw-alias-label-secondary': '#6B5020',\n      '--dsw-alias-state-error-primary': '#8B2020',\n      '--dsw-alias-state-success-primary': '#3A7A40',\n      '--dsw-alias-state-warn-primary': '#805000',\n      '--dsw-specific-sidebar-fill': '#E8DCC8',\n    },\n  },\n  {\n    id: 'pixel-warm',\n    colorScheme: 'dark',\n    tokens: {\n      '--dsw-alias-bg-base': '#1E0E04',\n      '--dsw-alias-bg-layer-1': '#34180A',\n      '--dsw-alias-bg-layer-2': '#4A2210',\n      '--dsw-alias-bg-overlay': '#2A1308',\n      '--dsw-alias-border-l1': '#5C2E16',\n      '--dsw-alias-border-l2': '#A86B40',\n      '--dsw-alias-brand-primary': '#FF8C42',\n      '--dsw-alias-label-primary': '#F0C8A0',\n      '--dsw-alias-label-secondary': '#A86B40',\n      '--dsw-alias-state-error-primary': '#D93B3B',\n      '--dsw-alias-state-success-primary': '#6DBF6D',\n      '--dsw-alias-state-warn-primary': '#FF8C42',\n      '--dsw-specific-sidebar-fill': '#2A1308',\n    },\n  },\n  {\n    id: 'pixel-retro',\n    colorScheme: 'dark',\n    tokens: {\n      '--dsw-alias-bg-base': '#0A0E0A',\n      '--dsw-alias-bg-layer-1': '#0E140E',\n      '--dsw-alias-bg-layer-2': '#121A12',\n      '--dsw-alias-bg-overlay': '#0C100C',\n      '--dsw-alias-border-l1': '#2A402A',\n      '--dsw-alias-border-l2': '#3A5A3A',\n      '--dsw-alias-brand-primary': '#33FF33',\n      '--dsw-alias-label-primary': '#33FF33',\n      '--dsw-alias-label-secondary': '#118811',\n      '--dsw-alias-state-error-primary': '#FF3333',\n      '--dsw-alias-state-success-primary': '#33FF33',\n      '--dsw-alias-state-warn-primary': '#FFCC33',\n      '--dsw-specific-sidebar-fill': '#0C100C',\n    },\n  },\n]\n\nconst PIXEL_IDS = THEMES.map((theme) => theme.id)\n\n/** Built-in preference ids; together with the pixel ids they are restorable. */\nconst RESTORABLE_IDS = new Set(['light', 'dark', 'system', ...PIXEL_IDS])\n\n/** Settings row choices: the four skins plus the modern default escape. */\nconst THEME_CHOICES = [\n  { id: 'pixel-wood', label: '像素·木屋', swatch: '#F4D03F' },\n  { id: 'pixel-paper', label: '像素·羊皮纸', swatch: '#F5E6C8' },\n  { id: 'pixel-warm', label: '像素·暖阳', swatch: '#FF8C42' },\n  { id: 'pixel-retro', label: '像素·终端绿', swatch: '#33FF33' },\n  { id: 'system', label: '现代默认', swatch: '#7A7A7A' },\n]\n\n/**\n * Declares the theme row slot store: a mirror of the theme service\n * preference, written only by the plugin's apply-world change listener\n * (same shape as the ui-theme Appearance row store).\n * @returns the store handle.\n */\nfunction createThemeRowStore() {\n  return defineStore({\n    init: () => ({ preference: null, revision: -1 }),\n    actions: {\n      sync: (draft, preference, revision) => {\n        if (revision <= draft.revision) return\n        draft.preference = preference\n        draft.revision = revision\n      },\n    },\n  })\n}\n\n/**\n * General-section row: switch between the four pixel skins and back to the\n * modern default. Reads selection state through props.useStore and writes\n * through the injected setTheme callback.\n * @param props - slot shares (useStore + injected face).\n * @returns the row element tree.\n */\nfunction ThemeRow(props) {\n  const preference = props.useStore((state) => state.preference)\n  return h('div', { className: 'px-theme-row' },\n    h('div', { className: 'px-theme-row-title' }, '像素主题'),\n    h('div', { className: 'px-theme-row-cubes' },\n      THEME_CHOICES.map((choice) => h('button', {\n        key: choice.id,\n        type: 'button',\n        className: 'px-theme-btn' + (preference === choice.id ? ' px-theme-btn-active' : ''),\n        onClick: () => { props.setTheme(choice.id) },\n      },\n        h('span', { className: 'px-theme-swatch', style: { background: choice.swatch } }),\n        choice.label,\n      )),\n    ),\n  )\n}\n\n/** Client plugin body: register the four themes, restore/persist the choice, inject CSS and the settings row. */\nexport function apply(ctx) {\n  // Scope attributes mirror the active theme, so the stylesheet only shades\n  // while a pixel theme is selected and the variant rules can pick the palette.\n  const syncScope = () => {\n    const active = ctx.theme.getTheme().active\n    const on = PIXEL_IDS.includes(active.id)\n    document.documentElement.toggleAttribute('data-pixel-ui', on)\n    if (on) document.documentElement.setAttribute('data-pixel-theme', active.id)\n    else document.documentElement.removeAttribute('data-pixel-theme')\n  }\n\n  // Custom theme ids do not survive the host settings scope, so carry the\n  // latest preference here; built-in choices ride along too.\n  const persist = (snapshot) => {\n    try {\n      localStorage.setItem(THEME_STORAGE_KEY, snapshot.preference)\n    } catch {\n      // Storage unavailable (private mode / quota): persistence is best-effort.\n    }\n  }\n  ctx.on('theme/change', (snapshot) => { syncScope(); persist(snapshot) })\n\n  ctx.effect(() => {\n    const disposers = THEMES.map((definition) => ctx.theme.register(definition))\n    return () => { for (const dispose of disposers) dispose() }\n  }, 'dsh-pixel-ui: theme registration')\n\n  // Restore the last choice; the first run wears the default wood skin.\n  let saved = null\n  try { saved = localStorage.getItem(THEME_STORAGE_KEY) } catch { /* storage unavailable */ }\n  const target = saved !== null && RESTORABLE_IDS.has(saved) ? saved : 'pixel-wood'\n  try { ctx.theme.setTheme(target) } catch { /* unknown id from an older version: keep current */ }\n  syncScope()\n\n  // Pixel theme row in the General settings section (alongside Appearance).\n  const rowStore = createThemeRowStore()\n  let bound = undefined\n  const syncRow = (snapshot) => { bound?.sync(snapshot.preference, snapshot.revision) }\n  ctx.on('theme/change', syncRow)\n  ctx.slots.inject('settings.general.item', () => ctx.slots.register({\n    name: 'settings.general.item',\n    id: 'pixel-theme',\n    order: 20,\n    store: rowStore,\n    inject: (actions) => {\n      bound = actions\n      // Re-sync from the getter so no event is lost between registration and\n      // first render (the store's revision guard drops stale duplicates).\n      syncRow(ctx.theme.getTheme())\n      return { setTheme: (id) => { ctx.theme.setTheme(id) } }\n    },\n  }, ThemeRow))\n\n  ctx.effect(() => {\n    const style = document.createElement('style')\n    style.dataset.plugin = 'dsh-pixel-ui'\n    style.textContent = cssText\n    document.head.appendChild(style)\n    return () => {\n      style.remove()\n      document.documentElement.removeAttribute('data-pixel-ui')\n      document.documentElement.removeAttribute('data-pixel-theme')\n    }\n  }, 'dsh-pixel-ui: stylesheet')\n}\n", "/* dsh-pixel-ui — 星露谷风像素皮肤（木屋/羊皮纸/暖阳/终端绿四主题）\r\n * 全面对标 Agent Xi 前端像素语言（web/src/styles/main.css）：\r\n *   - 木色/金色/羊皮纸三系色板 + 阶梯硬阴影 + 内凹/凸起 bevel\r\n *   - 像素字体做界面装饰（标题/页签/按钮/徽章/输入框），正文与代码走 mono\r\n *   - 木纹条纹纹理、CRT 扫描线 + 暗角 + 微闪烁、像素光标、像素按压动效\r\n * 作用域 html[data-pixel-ui]：任一像素主题激活时生效，\r\n * data-pixel-theme 区分四种配色。切回 现代默认/浅色/深色 即整体退出。\r\n * 原则：颜色尽量交给主题 token，本表负责 token 表达不了的像素质感。 */\r\n\r\n@font-face {\r\n  font-family: 'Fusion Pixel 12';\r\n  src: url('/dsh-pixel-ui/fonts/fusion-pixel-12px.woff2') format('woff2');\r\n  font-weight: 400;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n@font-face {\r\n  font-family: 'Press Start 2P';\r\n  src: url('/dsh-pixel-ui/fonts/PressStart2P-Regular.ttf') format('truetype');\r\n  font-weight: 400;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n\r\nhtml[data-pixel-ui] {\r\n  /* ── Xi 同款色板 ─────────────────────────────────────── */\r\n  --px-wood-darkest: #1A0F06;\r\n  --px-wood-dark: #2C1A0C;\r\n  --px-wood-mid: #3A2515;\r\n  --px-wood-warm: #4A3020;\r\n  --px-wood-light: #6B4C2E;\r\n  --px-wood-pale: #8B6B45;\r\n  --px-gold: #F4D03F;\r\n  --px-gold-bright: #FFE066;\r\n  --px-gold-dark: #C99A00;\r\n  --px-gold-deep: #8B6B00;\r\n  --px-parchment: #F5E6C8;\r\n  --px-text-on-dark: #E8D5B0;\r\n  --px-text-light: #9B7B5B;\r\n\r\n  /* 输入框专用色（各主题单独覆盖，保证任何底色下文字可见） */\r\n  --px-input-bg: #1A0F06;\r\n  --px-input-text: #FFFDF5;\r\n  --px-input-caret: #F4D03F;\r\n  --px-input-ph: #9B7B5B;\r\n\r\n  /* 文字阴影强度：暗色主题用 2px 像素硬阴影，浅色主题收敛防重影 */\r\n  --px-ts-chrome: 2px 2px 0 rgba(26, 15, 6, 0.6), -1px -1px 0 rgba(26, 15, 6, 0.4);\r\n  --px-ts-btn: 1px 1px 0 rgba(0, 0, 0, 0.4);\r\n\r\n  /* 像素字体栈：中文/全角走 fusion-pixel（12px 原生），英文数字兜底 Press Start 2P */\r\n  --px-font: 'Fusion Pixel 12', 'Press Start 2P', monospace;\r\n  --px-mono: 'Cascadia Code', 'Consolas', 'Courier New', monospace;\r\n}\r\n\r\n/* ── 四主题色板（Agent Xi 同款）────────────────────────── */\r\nhtml[data-pixel-theme='pixel-paper'] {\r\n  --px-wood-darkest: #F0E8D8;\r\n  --px-wood-dark: #E8DCC8;\r\n  --px-wood-mid: #DDD0B8;\r\n  --px-wood-warm: #D4C4A8;\r\n  --px-wood-light: #B8A080;\r\n  --px-wood-pale: #9B8B6B;\r\n  --px-gold: #C8960C;\r\n  --px-gold-bright: #E0A800;\r\n  --px-gold-dark: #A07000;\r\n  --px-gold-deep: #805000;\r\n  --px-parchment: #FFFDF5;\r\n  --px-text-on-dark: #3A2A10;\r\n  --px-text-light: #8B7040;\r\n  --px-input-bg: #FFFDF5;\r\n  --px-input-text: #3A2A10;\r\n  --px-input-caret: #C8960C;\r\n  --px-input-ph: #8B7040;\r\n  /* 浅色底上 2px 硬阴影会变重影：去掉文字阴影，靠字体本身 */\r\n  --px-ts-chrome: none;\r\n  --px-ts-btn: none;\r\n}\r\nhtml[data-pixel-theme='pixel-warm'] {\r\n  --px-wood-darkest: #1E0E04;\r\n  --px-wood-dark: #34180A;\r\n  --px-wood-mid: #4A2210;\r\n  --px-wood-warm: #5C2E16;\r\n  --px-wood-light: #8B4A28;\r\n  --px-wood-pale: #A86B40;\r\n  --px-gold: #FF8C42;\r\n  --px-gold-bright: #FFA64D;\r\n  --px-gold-dark: #D96E30;\r\n  --px-gold-deep: #A05020;\r\n  --px-parchment: #FFF0E0;\r\n  --px-text-on-dark: #F0C8A0;\r\n  --px-text-light: #A86B40;\r\n  --px-input-bg: #1E0E04;\r\n  --px-input-text: #FFFBF5;\r\n  --px-input-caret: #FF8C42;\r\n  --px-input-ph: #A86B40;\r\n}\r\nhtml[data-pixel-theme='pixel-retro'] {\r\n  --px-wood-darkest: #0A0E0A;\r\n  --px-wood-dark: #0E140E;\r\n  --px-wood-mid: #121A12;\r\n  --px-wood-warm: #162016;\r\n  --px-wood-light: #2A402A;\r\n  --px-wood-pale: #3A5A3A;\r\n  --px-gold: #33FF33;\r\n  --px-gold-bright: #66FF66;\r\n  --px-gold-dark: #00CC00;\r\n  --px-gold-deep: #009900;\r\n  --px-parchment: #0A1A0A;\r\n  --px-text-on-dark: #33FF33;\r\n  --px-text-light: #118811;\r\n  --px-input-bg: #0A0E0A;\r\n  --px-input-text: #33FF33;\r\n  --px-input-caret: #33FF33;\r\n  --px-input-ph: #118811;\r\n}\r\n\r\n/* ── 全局质感：禁次像素平滑（像素字体的灵魂）、位图三件套、方形化 ── */\r\nhtml[data-pixel-ui] body {\r\n  -webkit-font-smoothing: none;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-rendering: geometricPrecision;\r\n  font-family: var(--px-font) !important;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\nhtml[data-pixel-ui] img,\r\nhtml[data-pixel-ui] canvas,\r\nhtml[data-pixel-ui] video {\r\n  image-rendering: -moz-crisp-edges;\r\n  image-rendering: crisp-edges;\r\n  image-rendering: pixelated;\r\n}\r\n\r\n/* 一切皆方角（像素风第一原则） */\r\nhtml[data-pixel-ui] * {\r\n  border-radius: 0 !important;\r\n}\r\n\r\nhtml[data-pixel-ui] ::selection {\r\n  background: var(--px-gold);\r\n  color: var(--px-wood-darkest);\r\n}\r\n\r\nhtml[data-pixel-ui] :focus-visible {\r\n  outline: 2px solid var(--px-gold) !important;\r\n  outline-offset: 1px;\r\n}\r\n\r\n/* ── 像素滚动条：方形、木色 ────────────────────────────── */\r\nhtml[data-pixel-ui] ::-webkit-scrollbar { width: 10px; height: 10px; }\r\nhtml[data-pixel-ui] ::-webkit-scrollbar-track {\r\n  background: var(--px-wood-darkest);\r\n  border-left: 2px solid var(--px-wood-dark);\r\n}\r\nhtml[data-pixel-ui] ::-webkit-scrollbar-thumb {\r\n  background: var(--px-wood-light);\r\n  border: 2px solid var(--px-wood-darkest);\r\n}\r\nhtml[data-pixel-ui] ::-webkit-scrollbar-thumb:hover { background: var(--px-wood-pale); }\r\n\r\n/* ── 排版：装饰性 UI 用像素字体，正文/代码用 mono（Xi 的信息分层） ── */\r\nhtml[data-pixel-ui] h1,\r\nhtml[data-pixel-ui] h2,\r\nhtml[data-pixel-ui] h3,\r\nhtml[data-pixel-ui] [class*='title'],\r\nhtml[data-pixel-ui] [class*='label'],\r\nhtml[data-pixel-ui] [class*='tab'],\r\nhtml[data-pixel-ui] [class*='badge'],\r\nhtml[data-pixel-ui] [class*='chip'],\r\nhtml[data-pixel-ui] [class*='Tag'],\r\nhtml[data-pixel-ui] [class*='pill'] {\r\n  font-family: var(--px-font) !important;\r\n  text-shadow: var(--px-ts-chrome);\r\n}\r\n\r\n/* 标题/页签取金色（Xi .panel-title 语义） */\r\nhtml[data-pixel-ui] h1,\r\nhtml[data-pixel-ui] h2,\r\nhtml[data-pixel-ui] h3,\r\nhtml[data-pixel-ui] [class*='title'] {\r\n  color: var(--px-gold-bright) !important;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n/* 页签：选中态金色下划线 */\r\nhtml[data-pixel-ui] [class*='tab'],\r\nhtml[data-pixel-ui] [aria-selected='true'] {\r\n  font-size: 12px;\r\n}\r\nhtml[data-pixel-ui] [class*='tab'][class*='active'],\r\nhtml[data-pixel-ui] [aria-selected='true'] {\r\n  box-shadow: inset 0 -3px 0 var(--px-gold) !important;\r\n}\r\n\r\n/* 徽章/小标签：切角 + 内凹高光（小元素才有资格切角，避免大块裁阴影） */\r\nhtml[data-pixel-ui] [class*='badge'],\r\nhtml[data-pixel-ui] [class*='chip'],\r\nhtml[data-pixel-ui] [class*='Tag'],\r\nhtml[data-pixel-ui] [class*='pill'] {\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n  border: 1px solid #000 !important;\r\n  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3) !important;\r\n  clip-path: polygon(\r\n    0 2px, 2px 2px, 2px 0,\r\n    calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,\r\n    100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%,\r\n    2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)\r\n  );\r\n}\r\n\r\n/* ── 正文/消息/代码：mono 内容层（Xi log 区用 Fira Code 的忠实移植） ── */\r\nhtml[data-pixel-ui] [class*='message'],\r\nhtml[data-pixel-ui] [class*='bubble'],\r\nhtml[data-pixel-ui] [class*='markdown'],\r\nhtml[data-pixel-ui] [class*='content'],\r\nhtml[data-pixel-ui] pre,\r\nhtml[data-pixel-ui] code,\r\nhtml[data-pixel-ui] [class*='code'] {\r\n  font-family: var(--px-mono) !important;\r\n  letter-spacing: 0;\r\n  text-shadow: none;\r\n}\r\n\r\n/* 消息行：左侧木色竖条（Xi .log-row 色带，统一木色） */\r\nhtml[data-pixel-ui] [class*='message'],\r\nhtml[data-pixel-ui] [class*='bubble'] {\r\n  border-left: 3px solid var(--px-wood-warm) !important;\r\n}\r\n\r\n/* 代码块：黑底木边（Xi .log-code-wrap） */\r\nhtml[data-pixel-ui] pre,\r\nhtml[data-pixel-ui] [class*='code'] {\r\n  background: var(--px-wood-darkest) !important;\r\n  color: var(--px-text-on-dark) !important;\r\n  border: 2px solid var(--px-wood-light) !important;\r\n  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.4) !important;\r\n}\r\n/* 行内代码：暗底金字 */\r\nhtml[data-pixel-ui] code {\r\n  background: rgba(0, 0, 0, 0.4) !important;\r\n  color: var(--px-gold-bright) !important;\r\n  border: 1px solid rgba(0, 0, 0, 0.12) !important;\r\n  padding: 0 4px;\r\n}\r\nhtml[data-pixel-ui] pre code {\r\n  background: transparent !important;\r\n  color: inherit !important;\r\n  border: none !important;\r\n  padding: 0;\r\n}\r\n\r\n/* ── 按钮：8-bit 凸起 + 阶梯硬阴影 + 悬停抬升 + 按压沉底 ── */\r\nhtml[data-pixel-ui] button,\r\nhtml[data-pixel-ui] [role='button'],\r\nhtml[data-pixel-ui] [class*='btn'],\r\nhtml[data-pixel-ui] [class*='Button'] {\r\n  font-family: var(--px-font) !important;\r\n  font-size: 12px;\r\n  letter-spacing: 0.02em;\r\n  border: 2px solid #000 !important;\r\n  box-shadow:\r\n    inset 2px 2px 0 rgba(255, 248, 231, 0.22),\r\n    inset -2px -2px 0 rgba(0, 0, 0, 0.5),\r\n    2px 2px 0 #000,\r\n    3px 3px 0 rgba(0, 0, 0, 0.6) !important;\r\n  text-shadow: var(--px-ts-btn);\r\n  transition: transform 0.08s steps(2), box-shadow 0.08s steps(2), filter 0.08s steps(2);\r\n}\r\nhtml[data-pixel-ui] button:hover,\r\nhtml[data-pixel-ui] [role='button']:hover,\r\nhtml[data-pixel-ui] [class*='btn']:hover,\r\nhtml[data-pixel-ui] [class*='Button']:hover {\r\n  filter: brightness(1.1);\r\n  transform: translate(-2px, -2px);\r\n  box-shadow:\r\n    inset 2px 2px 0 rgba(255, 248, 231, 0.25),\r\n    inset -2px -2px 0 rgba(0, 0, 0, 0.4),\r\n    4px 4px 0 #000,\r\n    5px 5px 0 rgba(0, 0, 0, 0.6) !important;\r\n}\r\nhtml[data-pixel-ui] button:active,\r\nhtml[data-pixel-ui] [role='button']:active,\r\nhtml[data-pixel-ui] [class*='btn']:active,\r\nhtml[data-pixel-ui] [class*='Button']:active {\r\n  transform: translate(2px, 2px);\r\n  box-shadow:\r\n    inset 2px 2px 0 rgba(0, 0, 0, 0.5),\r\n    inset -2px -2px 0 rgba(255, 248, 231, 0.1) !important;\r\n}\r\n\r\n/* 主按钮（品牌色）金边 */\r\nhtml[data-pixel-ui] button[class*='primary'],\r\nhtml[data-pixel-ui] [class*='btn-primary'] {\r\n  border-color: var(--px-gold-deep) !important;\r\n  box-shadow:\r\n    inset 2px 2px 0 rgba(255, 224, 102, 0.5),\r\n    inset -2px -2px 0 rgba(0, 0, 0, 0.5),\r\n    2px 2px 0 #000,\r\n    3px 3px 0 rgba(0, 0, 0, 0.6) !important;\r\n}\r\n\r\n/* ── 输入框：黑木底 + 羊皮纸文字 + 金色光标（修复文字不可见） ──\r\n * 关键：必须显式给文字颜色。Xi #command-input：cream 字 / wood-darkest 底 /\r\n * gold-deep 边 / 3px 内凹，聚焦金边光环。 */\r\nhtml[data-pixel-ui] input,\r\nhtml[data-pixel-ui] textarea,\r\nhtml[data-pixel-ui] select,\r\nhtml[data-pixel-ui] [contenteditable='true'] {\r\n  font-family: var(--px-font) !important;\r\n  font-size: 12px;\r\n  letter-spacing: 0;\r\n  color: var(--px-input-text) !important;\r\n  -webkit-text-fill-color: var(--px-input-text) !important;\r\n  caret-color: var(--px-input-caret) !important;\r\n  background-color: var(--px-input-bg) !important;\r\n  border: 2px solid var(--px-gold-deep) !important;\r\n  box-shadow:\r\n    inset 3px 3px 0 rgba(0, 0, 0, 0.6),\r\n    inset -1px -1px 0 rgba(244, 208, 63, 0.1),\r\n    0 0 0 1px #000 !important;\r\n}\r\nhtml[data-pixel-ui] input:focus,\r\nhtml[data-pixel-ui] textarea:focus,\r\nhtml[data-pixel-ui] select:focus,\r\nhtml[data-pixel-ui] [contenteditable='true']:focus {\r\n  border-color: var(--px-gold) !important;\r\n  box-shadow:\r\n    inset 3px 3px 0 rgba(0, 0, 0, 0.6),\r\n    0 0 0 2px var(--px-gold),\r\n    0 0 8px rgba(244, 208, 63, 0.4) !important;\r\n}\r\nhtml[data-pixel-ui] input::placeholder,\r\nhtml[data-pixel-ui] textarea::placeholder {\r\n  color: var(--px-input-ph) !important;\r\n  -webkit-text-fill-color: var(--px-input-ph) !important;\r\n  opacity: 1;\r\n}\r\n/* 输入框容器只做边框质感，不压背景（避免把容器文字也染黑） */\r\nhtml[data-pixel-ui] [class*='input'] {\r\n  border-color: var(--px-gold-deep) !important;\r\n}\r\n\r\n/* ── 面板/卡片/弹层：双框 + 阶梯硬阴影 + 木纹竖条 ────────── */\r\nhtml[data-pixel-ui] [class*='panel'],\r\nhtml[data-pixel-ui] [class*='card'],\r\nhtml[data-pixel-ui] [class*='Card'],\r\nhtml[data-pixel-ui] dialog,\r\nhtml[data-pixel-ui] [role='dialog'],\r\nhtml[data-pixel-ui] [class*='modal'],\r\nhtml[data-pixel-ui] [class*='popover'],\r\nhtml[data-pixel-ui] [class*='menu'],\r\nhtml[data-pixel-ui] [class*='dropdown'],\r\nhtml[data-pixel-ui] [class*='popup'] {\r\n  border: 2px solid var(--px-wood-warm) !important;\r\n  outline: 2px solid #000;\r\n  outline-offset: -2px;\r\n  box-shadow:\r\n    inset 1px 1px 0 rgba(255, 255, 255, 0.08),\r\n    inset -1px -1px 0 rgba(0, 0, 0, 0.4),\r\n    2px 2px 0 #000,\r\n    3px 3px 0 rgba(0, 0, 0, 0.6) !important;\r\n  /* Xi 木纹：每 10px 一条 1px 暗竖纹 */\r\n  background-image:\r\n    repeating-linear-gradient(\r\n      90deg,\r\n      transparent 0px,\r\n      transparent 10px,\r\n      rgba(0, 0, 0, 0.06) 10px,\r\n      rgba(0, 0, 0, 0.06) 11px\r\n    ) !important;\r\n}\r\n\r\n/* 卡片悬停：抬升 + 阴影加厚（Xi hover 位移） */\r\nhtml[data-pixel-ui] [class*='card']:hover,\r\nhtml[data-pixel-ui] [class*='Card']:hover {\r\n  transform: translate(-2px, -2px);\r\n  box-shadow:\r\n    inset 1px 1px 0 rgba(255, 255, 255, 0.1),\r\n    inset -1px -1px 0 rgba(0, 0, 0, 0.4),\r\n    4px 4px 0 #000,\r\n    5px 5px 0 rgba(0, 0, 0, 0.6) !important;\r\n}\r\n\r\n/* ── 顶栏/侧栏：木纹渐变 + 黑底边 + 金色发丝 ─────────────── */\r\nhtml[data-pixel-ui] [class*='header'],\r\nhtml[data-pixel-ui] [class*='topbar'],\r\nhtml[data-pixel-ui] [class*='titlebar'],\r\nhtml[data-pixel-ui] [class*='sidebar'],\r\nhtml[data-pixel-ui] [class*='Sidebar'] {\r\n  background-image: linear-gradient(180deg, var(--px-wood-warm) 0%, var(--px-wood-dark) 100%) !important;\r\n  border-bottom: 3px solid #000 !important;\r\n  box-shadow:\r\n    inset 0 2px 0 rgba(244, 208, 63, 0.1),\r\n    inset 0 -2px 0 rgba(0, 0, 0, 0.5) !important;\r\n}\r\nhtml[data-pixel-ui] [class*='sidebar'],\r\nhtml[data-pixel-ui] [class*='Sidebar'] {\r\n  border-right: 3px solid #000 !important;\r\n  box-shadow:\r\n    inset -3px 0 0 rgba(0, 0, 0, 0.4),\r\n    inset 2px 0 0 rgba(255, 255, 255, 0.05) !important;\r\n}\r\n\r\n/* ── 链接：金色下划线 ──────────────────────────────────── */\r\nhtml[data-pixel-ui] a {\r\n  color: var(--px-gold-bright) !important;\r\n  text-decoration-thickness: 2px;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n/* ── 进度条：刻度纹理 + 硬框（Xi .quest-progress） ──────── */\r\nhtml[data-pixel-ui] [class*='progress'] {\r\n  border: 2px solid #000 !important;\r\n  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.6) !important;\r\n  background-image: repeating-linear-gradient(\r\n    90deg,\r\n    transparent 0px,\r\n    transparent 4px,\r\n    rgba(0, 0, 0, 0.35) 4px,\r\n    rgba(0, 0, 0, 0.35) 5px\r\n  ) !important;\r\n}\r\n\r\n/* ── 像素光标（SVG data-URI 阶梯箭头，Xi 同款造型） ─────── */\r\nhtml[data-pixel-ui] body {\r\n  cursor: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath d='M2 2v17h3v-3h3v-3h3v-3h3v-3h3V2z' fill='%23FFFDF5' stroke='%231A0F06' stroke-width='2'/%3E%3C/svg%3E\") 2 2, auto;\r\n}\r\nhtml[data-pixel-ui] button,\r\nhtml[data-pixel-ui] [role='button'],\r\nhtml[data-pixel-ui] a,\r\nhtml[data-pixel-ui] [class*='card'],\r\nhtml[data-pixel-ui] [class*='tab'],\r\nhtml[data-pixel-ui] [class*='menu'],\r\nhtml[data-pixel-ui] [class*='dropdown'],\r\nhtml[data-pixel-ui] select,\r\nhtml[data-pixel-ui] label[for] {\r\n  cursor: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath d='M2 2v17h3v-3h3v-3h3v-3h3v-3h3V2z' fill='%23F4D03F' stroke='%231A0F06' stroke-width='2'/%3E%3C/svg%3E\") 2 2, pointer;\r\n}\r\nhtml[data-pixel-ui] input,\r\nhtml[data-pixel-ui] textarea,\r\nhtml[data-pixel-ui] [contenteditable='true'] {\r\n  cursor: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath d='M5 3h4v2h2v2h2v2h2v2h2v2h2v6h-2v2h-4v2H5z' fill='%23FFFDF5' stroke='%231A0F06' stroke-width='2'/%3E%3C/svg%3E\") 4 3, text;\r\n}\r\n\r\n/* ── CRT 覆盖层：扫描线 + 暗角 + 微闪烁（Xi v3 滤镜） ────\r\n * 盖在最顶层但不拦截任何事件；尊重系统“减少动态效果”偏好。 */\r\nhtml[data-pixel-ui] body::after {\r\n  content: \"\";\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 2147483647;\r\n  pointer-events: none;\r\n  background:\r\n    repeating-linear-gradient(\r\n      0deg,\r\n      rgba(0, 0, 0, 0.1) 0px,\r\n      rgba(0, 0, 0, 0.1) 1px,\r\n      transparent 1px,\r\n      transparent 3px\r\n    ),\r\n    radial-gradient(ellipse at center, transparent 62%, rgba(0, 0, 0, 0.22) 100%);\r\n  animation: px-crt-flicker 4s steps(60) infinite;\r\n}\r\n@keyframes px-crt-flicker {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.96; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  html[data-pixel-ui] body::after { animation: none; }\r\n  html[data-pixel-ui] button,\r\n  html[data-pixel-ui] [class*='btn'],\r\n  html[data-pixel-ui] [class*='Button'],\r\n  html[data-pixel-ui] [class*='card'] {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n/* ── 设置页「像素主题」行（不跟随皮肤作用域：现代模式下也保持可点） ── */\r\n.px-theme-row {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding: 12px 0;\r\n  border-top: 1px solid rgba(139, 107, 69, 0.35);\r\n}\r\n.px-theme-row-title {\r\n  font-family: 'Fusion Pixel 12', 'Press Start 2P', monospace;\r\n  font-size: 12px;\r\n  color: #F4D03F;\r\n  text-shadow: var(--px-ts-chrome, 2px 2px 0 rgba(26, 15, 6, 0.6));\r\n  letter-spacing: 0.05em;\r\n}\r\n.px-theme-row-cubes {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n.px-theme-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 5px 10px;\r\n  font-family: 'Fusion Pixel 12', 'Press Start 2P', monospace;\r\n  font-size: 11px;\r\n  color: #E8D5B0;\r\n  background: #2C1A0C;\r\n  border: 2px solid #1A0F06;\r\n  border-radius: 0 !important;\r\n  cursor: pointer;\r\n  box-shadow:\r\n    inset 1px 1px 0 rgba(255, 248, 231, 0.15),\r\n    inset -1px -1px 0 rgba(0, 0, 0, 0.4),\r\n    2px 2px 0 rgba(0, 0, 0, 0.5);\r\n}\r\n.px-theme-btn:hover {\r\n  filter: brightness(1.12);\r\n  transform: translate(-1px, -1px);\r\n}\r\n.px-theme-btn:active {\r\n  transform: translate(1px, 1px);\r\n  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.4);\r\n}\r\n.px-theme-btn-active {\r\n  color: #1A0F06;\r\n  background: #F4D03F;\r\n  border-color: #8B6B00;\r\n  box-shadow:\r\n    inset 1px 1px 0 #FFE066,\r\n    inset -1px -1px 0 #8B6B00,\r\n    2px 2px 0 rgba(0, 0, 0, 0.5);\r\n}\r\n.px-theme-swatch {\r\n  width: 10px;\r\n  height: 10px;\r\n  border: 1px solid #000;\r\n  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);\r\n}\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA,mBAAmC;AACnC,oBAA4B;;;ACnB5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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",
+  "names": ["h"]
+}

package/lib/index.js

@@ -0,0 +1,52 @@
+/**
+ * dsh-pixel-ui — node half.
+ *
+ * Serves the bundled pixel fonts to the browser half under
+ * `/dsh-pixel-ui/fonts/<file>` (filename whitelist — no path traversal).
+ * The theme itself lives entirely in the browser half; this package is
+ * dual-face only so the fonts have a stable same-origin URL.
+ *
+ * @module dsh-pixel-ui
+ */
+import { readFileSync } from 'node:fs'
+import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+/** Plugin name; also the patch row id. */
+export const name = 'dsh-pixel-ui'
+
+/** Required services: the web route registry. */
+export const inject = ['webServer']
+
+const FONTS_DIR = fileURLToPath(new URL('../assets/fonts/', import.meta.url))
+
+const FONT_TYPES = {
+  'fusion-pixel-12px.woff2': 'font/woff2',
+  'PressStart2P-Regular.ttf': 'font/ttf',
+}
+
+/**
+ * Mount the font route.
+ * @param ctx - context carrying webServer.
+ */
+export function apply(ctx) {
+  ctx.effect(() => ctx.webServer.register({
+    kind: 'prefix',
+    path: '/dsh-pixel-ui/fonts',
+    handler: (req, res) => {
+      const pathname = new URL(req.url ?? '/', 'http://x').pathname
+      const file = pathname.slice('/dsh-pixel-ui/fonts/'.length)
+      const type = FONT_TYPES[file]
+      if (type === undefined) {
+        res.writeHead(404)
+        res.end()
+        return
+      }
+      res.writeHead(200, {
+        'content-type': type,
+        'cache-control': 'public, max-age=86400',
+      })
+      res.end(readFileSync(join(FONTS_DIR, file)))
+    },
+  }), 'dsh-pixel-ui: fonts route')
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "dsh-pixel-ui",
+  "version": "1.0.0",
+  "description": "DSH 像素皮肤：Agent Xi 风格四主题（木屋/羊皮纸/暖阳/终端绿）+ fusion-pixel/Press Start 2P 像素字体 + CRT 扫描线，可一键切回现代默认",
+  "type": "module",
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "assets",
+    "cordis.patch.yml",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": "./lib/index.js",
+    "./client": "./lib/client.js",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "node scripts/build.mjs"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "inject": [
+        "@deepseek-ai/dsh-client-ui-theme",
+        "@deepseek-ai/dsh-client-ui-slots",
+        "@deepseek-ai/dsh-client-ui-settings-general"
+      ],
+      "platform": "web"
+    }
+  },
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "^4.0.1"
+  },
+  "devDependencies": {
+    "esbuild": "^0.28.2"
+  },
+  "license": "MIT"
+}