@linxin666/dsh-client-ui-skin-center 0.1.13 → 0.1.14

package/README.i18n.yaml

@@ -2,5 +2,5 @@
 # side as of the last confirmed-consistent state. Both languages carry equal authority;
 # after editing either side, bring the other along and re-record with:
 #   node scripts/verify-docs.mjs --write <dir>
-README.md: d76c6efe9b4b484a23911b70ca34f5e790d6a0f0
-README.zh.md: db039c777f5ab54e27f54f278e24c9af27a6407e
+README.md: 780270d67eab83021ac6ab1260105b51279d240c
+README.zh.md: 937c72fad580b084d23b9c339c03e8af89c2f15b

package/README.md

@@ -54,7 +54,7 @@ skins/skin-center/
 - Failure semantics: when the bundle route 404s (skin not installed / `lib/client.js` not built) or the network fails, the script's error event fires, try-on reports a generic error and fully restores the active skin; no half skin is left between loading and restoring (the tryOn catch branch handles recovery).
 - Exit restore: first run the skin's disposer (withdraws attribute/chrome/favicon/title/background entirely), then `invalidate(package)` + remove the style tag, then restore the active skin's visual snapshot verbatim. Official-default try-on = the same withdrawal prescription but without mounting any skin; exit restores identically.
 - Active-skin detection: `window.__DSH_BOOT__.entries` only contains enabled entries, compared against the registry packages; no match means official default.
-- One-click apply: host `/api/skin-center/apply` runs the embedded port of `dsh-skin use <name>` / `use official` (the port is the sole authority for the managed section and the symlink). Paths are `<harness-home>/cordis.patch.yml` and `<harness-home>/profiles/<profile>/node_modules` with the home/profile resolution described above. When the active skin is itself installed as a bundle — a real profile package dir whose own `cordis.patch.yml` inserts the same loader id, or a registry `bundleWired` skin — the home layer writes only the mutual-exclusion `disabled: true` rows and leaves the insert to the bundle patch; the bundled-carrier symlink layout keeps the home insert row. The DSH daemon surface ships its own config watcher (`watchUserPatches` + config-only HMR); after the patch is written it hot-loads in seconds without a restart; a browser refresh picks up the new boot graph (client plugin-graph row changes are not within `dsh-client-hmr` semantics).
+- One-click apply: host `/api/skin-center/apply` runs the embedded port of `dsh-skin use <name>` / `use official` (the port is the sole authority for the managed section and the symlink). Paths are `<harness-home>/cordis.patch.yml` and `<harness-home>/profiles/<profile>/node_modules` with the home/profile resolution described above. When the active skin is itself installed as a bundle — listed in the profile manifest's `dsh.profile.bundles` or `dependencies` (the two channels the loader reconciles), or a registry `bundleWired` skin — the home layer writes only the mutual-exclusion `disabled: true` rows and leaves the insert to the bundle patch; anything else, including the skin-center's own resolvability symlinks, keeps the home insert row. The structural dir-probe fallback applies only when the profile manifest is missing/unreadable. The DSH daemon surface ships its own config watcher (`watchUserPatches` + config-only HMR); after the patch is written it hot-loads in seconds without a restart; a browser refresh picks up the new boot graph (client plugin-graph row changes are not within `dsh-client-hmr` semantics).
 
 ## Build (in-repo tsdown, no DSH checkout)
 

package/README.zh.md

@@ -54,7 +54,7 @@ skins/skin-center/
 - 失败语义：bundle 路由 404（皮肤未安装 / `lib/client.js` 未构建）或网络失败时，script 的 error 事件触发，试穿报通用错误并完整还原激活皮肤；加载与还原之间不会留下半套皮肤（tryOn 的 catch 分支负责恢复）。
 - 退出还原：先跑皮肤的 disposer（属性/chrome/favicon/标题/背景全撤回），再 `invalidate(package)` + 删 style 标签，最后把激活皮肤的视觉快照原样恢复。官方默认试穿 = 同一套收回配方但不挂载任何皮肤，退出同样原样恢复。
 - 激活皮肤检测：`window.__DSH_BOOT__.entries` 只含启用条目，与注册表 package 比对；无匹配即官方默认。
-- 一键应用：host `/api/skin-center/apply` 执行内嵌的 `dsh-skin use <name>` / `use official` 移植版（该移植版是 managed 区段与 symlink 的唯一权威）。路径为 `<harness-home>/cordis.patch.yml` 与 `<harness-home>/profiles/<profile>/node_modules`，home/profile 按上文规则解析。当激活皮肤自身已作为 bundle 安装——profile 包目录是真实目录且其自身 `cordis.patch.yml` 插入了同一 loader id，或注册表标记 `bundleWired`——home 层只写互斥的 `disabled: true` 行，insert 留给 bundle patch；聚合包载体 symlink 布局仍保留 home 层 insert 行。DSH 长驻表面自带配置 watcher（`watchUserPatches` + config-only HMR），patch 写入后数秒热载入、无需重启；浏览器刷新页面取新 boot 图即生效（client 插件图行增删不在 `dsh-client-hmr` 语义内）。
+- 一键应用：host `/api/skin-center/apply` 执行内嵌的 `dsh-skin use <name>` / `use official` 移植版（该移植版是 managed 区段与 symlink 的唯一权威）。路径为 `<harness-home>/cordis.patch.yml` 与 `<harness-home>/profiles/<profile>/node_modules`，home/profile 按上文规则解析。当激活皮肤自身已作为 bundle 安装——出现在 profile manifest 的 `dsh.profile.bundles` 或 `dependencies` 中（loader 仅对这两条通道做 patch 行归并），或注册表标记 `bundleWired`——home 层只写互斥的 `disabled: true` 行，insert 留给 bundle patch；其余情况（包括 skin-center 自建的可解析 symlink）都保留 home 层 insert 行。结构目录探测仅在 profile manifest 缺失/不可读时兜底。DSH 长驻表面自带配置 watcher（`watchUserPatches` + config-only HMR），patch 写入后数秒热载入、无需重启；浏览器刷新页面取新 boot 图即生效（client 插件图行增删不在 `dsh-client-hmr` 语义内）。
 
 ## 构建（仓库内 tsdown，无需 DSH checkout）
 

package/lib/client.js

@@ -183,9 +183,55 @@ window.__ModuleLoader__.load({
 				"bodyAttr": "data-dsh-miku",
 				"package": "@linxin666/dsh-client-ui-skin-miku",
 				"order": 9
+			},
+			{
+				"id": "qq2006",
+				"name": "QQ2006 经典版",
+				"nameEn": "QQ2006 Classic",
+				"author": "CCMKCCMK",
+				"tagline": "经典蓝色窗口 · 紧凑桌面控件 · 怀旧状态栏",
+				"description": "受 QQ2006 桌面客户端启发的轻量皮肤：蓝色渐变标题栏、浅蓝状态栏、紧凑按钮和水晶蓝界面。全部图形由代码绘制，不携带第三方二进制素材。",
+				"tags": [
+					"retro",
+					"qq",
+					"2006",
+					"classic-blue",
+					"nostalgia"
+				],
+				"accent": "#1677c8",
+				"bodyAttr": "data-dsh-qq2006",
+				"package": "@linxin666/dsh-client-ui-skin-qq2006",
+				"order": 10
 			}
 		];
 		//#endregion
+		//#region src/client/manifest.ts
+		/**
+		* Boot-manifest readiness checks for the one-click apply flow.
+		*
+		* The host half writes the skin patch synchronously, but the web app's boot
+		* graph (the `window.__DSH_BOOT__` JSON inside the served HTML) is
+		* regenerated asynchronously by the config watcher. A page reloaded right
+		* after the patch write can therefore boot into the previous skin. These
+		* helpers let the frontend poll the served document until the manifest
+		* actually reflects the target before reloading.
+		* @module @linxin666/dsh-client-ui-skin-center/manifest
+		*/
+		/** Bundle URL pattern of any skin entry in the boot manifest. */
+		const SKIN_BUNDLE_URL = /\/plugins\/@linxin666\/dsh-client-ui-skin-(?!center)[a-z0-9-]+\/client\.js/;
+		/**
+		* Whether a served GUI document's boot manifest enables the given skin.
+		* A `null` target means the stock look: no skin bundle URL may be present
+		* (the skin-center plugin's own bundle always loads and is excluded).
+		* @param documentHtml - the served GUI document (contains the boot JSON).
+		* @param target - skin id, or `null` for the stock look.
+		* @returns whether the manifest already enables the target.
+		*/
+		function manifestHasSkin(documentHtml, target) {
+			if (target === null) return !SKIN_BUNDLE_URL.test(documentHtml);
+			return documentHtml.includes(`/plugins/@linxin666/dsh-client-ui-skin-${target}/client.js`);
+		}
+		//#endregion
 		//#region src/client/try-on.ts
 		/**
 		* Try-on engine for the in-GUI skin center.
@@ -613,9 +659,43 @@ window.__ModuleLoader__.load({
 				tick();
 			});
 			/**
+			* Poll the served GUI document until the boot manifest actually enables
+			* the target (the config watcher regenerates it asynchronously after the
+			* patch write — reloading earlier boots the page into the previous skin),
+			* or time out.
+			* @param target - skin id, or `official` for the stock look.
+			* @returns whether the manifest caught up within the poll budget.
+			*/
+			const manifestReady = (target) => new Promise((resolve) => {
+				const expected = target === OFFICIAL ? null : target;
+				let tries = 0;
+				const tick = () => {
+					if (!mounted.current) {
+						resolve(false);
+						return;
+					}
+					tries += 1;
+					fetch(window.location.href, { cache: "no-store" }).then(async (response) => {
+						const html = await response.text().catch(() => null);
+						if (html !== null && manifestHasSkin(html, expected)) {
+							resolve(true);
+							return;
+						}
+						if (tries >= 40 || !mounted.current) resolve(false);
+						else window.setTimeout(tick, 500);
+					}).catch(() => {
+						if (tries >= 40 || !mounted.current) resolve(false);
+						else window.setTimeout(tick, 500);
+					});
+				};
+				tick();
+			});
+			/**
 			* One-click apply: the host half runs `dsh-skin use <target>` (or
 			* `use official`), the config watcher hot-reloads the patch within
-			* seconds, then this page reloads to pick up the new boot graph.
+			* seconds, then this page reloads to pick up the new boot graph. The
+			* reload waits for both the patch (state poll) and the regenerated boot
+			* manifest (manifest poll) so the page never boots into the old skin.
 			* @param target - skin id, or `official` for the stock look.
 			*/
 			const applySkin = (target) => {
@@ -631,11 +711,19 @@ window.__ModuleLoader__.load({
 					setApplying(null);
 					confirmActive(target).then((confirmed) => {
 						if (!mounted.current) return;
-						if (confirmed) window.location.reload();
-						else {
+						if (!confirmed) {
 							const command = target === OFFICIAL ? "dsh-skin use official" : `dsh-skin use ${target}`;
 							setError(`${t("appliedUnconfirmed")} — ${command}`);
+							return;
 						}
+						manifestReady(target).then((ready) => {
+							if (!mounted.current) return;
+							if (ready) window.location.reload();
+							else {
+								const command = target === OFFICIAL ? "dsh-skin use official" : `dsh-skin use ${target}`;
+								setError(`${t("appliedUnconfirmed")} — ${command}`);
+							}
+						});
 					});
 				}).catch((cause) => {
 					setApplying(null);

package/lib/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":["css"],"sources":["../../../packages/skins/skin-center/src/client/generated/skins.ts","../../../packages/skins/skin-center/src/client/try-on.ts","../../../packages/skins/skin-center/src/client/SkinCenter.tsx","../../../packages/skins/skin-center/src/client/background.ts","../../../packages/skins/skin-center/src/client/locales.ts","../../../packages/skins/skin-center/src/client/index.ts"],"sourcesContent":["/**\n * AUTO-GENERATED by scripts/skin-center-bundles — do not edit by hand.\n * Skin registry for the GUI skin center: gallery metadata only. Client\n * bundle text is NOT embedded here — try-on fetches each skin's\n * prebuilt lib/client.js on demand from the host route\n * /api/skin-center/bundle/<id> (a same-origin script executed by the\n * page's own module loader; no eval, and the GUI never parses the\n * embedded art base64 at startup).\n * Regenerate with `node scripts/skin-center-bundles`.\n */\n\n/** One registry entry: gallery metadata for the skin center card. */\nexport interface SkinCenterEntry {\n  /** Skin id (packages/skins/<id>/). */\n  id: string\n  /** Display name (zh). */\n  name: string\n  /** Display name (en). */\n  nameEn: string\n  /** One-line tagline. */\n  tagline: string\n  /** Accent color for the swatch. */\n  accent: string\n  /** Author credit. */\n  author?: string\n  /** Longer description. */\n  description?: string\n  /** Tag list. */\n  tags?: string[]\n  /** Body attribute that scopes the skin styles. */\n  bodyAttr: string\n  /** Plugin package name (the boot-graph entry id when active). */\n  package: string\n  /** Gallery sort order (packages/skins/<name>/skin.json). */\n  order?: number\n}\n\n/** Every skin, ordered by packages/skins/<name>/skin.json `order`. */\nexport const SKIN_CENTER_ENTRIES: readonly SkinCenterEntry[] = [\n  {\"id\":\"qq98\",\"name\":\"QQ2008 怀旧版\",\"nameEn\":\"QQ2008 Retro\",\"author\":\"dsh-web-ui\",\"tagline\":\"水晶蓝桌面 · 玻璃深蓝标题栏 · 戴围巾企鹅\",\"description\":\"dsh web ui 家族收录的第一个皮肤：QQ2008 水晶蓝年代。深蓝渐变桌面、玻璃质感标题栏、浅蓝状态栏和圆角高光控件，配一只戴围巾的企鹅。\",\"tags\":[\"retro\",\"qq\",\"2008\",\"crystal-blue\",\"nostalgia\"],\"accent\":\"#2b7cd9\",\"bodyAttr\":\"data-dsh-retro\",\"package\":\"@linxin666/dsh-client-ui-skin-qq98\",\"order\":1},\n\n  {\"id\":\"ths\",\"name\":\"同花顺风格\",\"nameEn\":\"Tonghuashun Trading\",\"author\":\"dsh-web-ui\",\"tagline\":\"品牌红标题栏 · 实时行情状态栏 · 灰蓝数据终端\",\"description\":\"同花顺风格炒股主题：品牌红标题栏带上证指数行情签，状态栏红涨绿跌，自选股风格的侧边栏和交易终端面板，写代码也像盯盘。\",\"tags\":[\"stock\",\"trading\",\"terminal\",\"red\"],\"accent\":\"#e60012\",\"bodyAttr\":\"data-dsh-ths\",\"package\":\"@linxin666/dsh-client-ui-skin-ths\",\"order\":2},\n\n  {\"id\":\"xp\",\"name\":\"Windows XP (Luna)\",\"nameEn\":\"Windows XP Luna\",\"author\":\"dsh-web-ui\",\"tagline\":\"Luna 蓝窗口条 · 绿色开始按钮 · Bliss 蓝天桌面\",\"description\":\"Windows XP (Luna) 复古主题：蓝色渐变窗口条带窗口按钮、米色状态栏（大写/数字/滚动指示灯）、侧边栏任务栏上的绿色「开始」按钮、资源管理器风格树行和 Bliss 蓝天桌面，全局直角。\",\"tags\":[\"retro\",\"xp\",\"luna\",\"windows\",\"start-button\"],\"accent\":\"#316ac5\",\"bodyAttr\":\"data-dsh-xp\",\"package\":\"@linxin666/dsh-client-ui-skin-xp\",\"order\":3},\n\n  {\"id\":\"blue-fantasy\",\"name\":\"蓝色幻想\",\"nameEn\":\"Blue Fantasy\",\"author\":\"powerdog996（DreamSkin 社区）· dsh-web-ui 适配\",\"tagline\":\"鲸鱼插画背景 · periwinkle 靛蓝调色板 · 半透明面板\",\"description\":\"DreamSkin「DeepSeek-鲸鱼娘」Codex 桌面主题的 dsh 适配：鲸鱼插画背景垫在半透明面板之下，遮罩随亮/暗主题实时切换，periwinkle 靛蓝色调重映射到全部 dsh token。\",\"tags\":[\"dreamskin\",\"whale\",\"indigo\",\"art\",\"translucent\"],\"accent\":\"#4a5fa8\",\"bodyAttr\":\"data-dsh-blue-fantasy\",\"package\":\"@linxin666/dsh-client-ui-skin-blue-fantasy\",\"order\":4},\n\n  {\"id\":\"dragon-heir\",\"name\":\"龙的传人\",\"nameEn\":\"Dragon Heir\",\"author\":\"dsh-web-ui\",\"tagline\":\"不屈龙魂 · 万里长城双主题 · 朱砂龙印\",\"description\":\"龙的传人 — 一面是不屈龙魂（墨龙穿云、朱砂印章、不屈锋芒），一面是万里长城（青黛山色、金晖镀墙、苍茫暮色）。亮暗主题各自配一幅画与一枚龙印 favicon，面板半透明磨砂，让画透出来。\",\"tags\":[\"dragon\",\"loong\",\"chinese\",\"ink-wash\",\"great-wall\",\"dual-theme\"],\"accent\":\"#c3272b\",\"bodyAttr\":\"data-dsh-dragon-heir\",\"package\":\"@linxin666/dsh-client-ui-skin-dragon-heir\",\"order\":5},\n\n  {\"id\":\"minecraft\",\"name\":\"Minecraft 方块世界\",\"nameEn\":\"Minecraft Voxel\",\"author\":\"dsh-web-ui\",\"tagline\":\"动态全景天空盒 · 方块按钮 · 告示牌输入框\",\"description\":\"复刻《我的世界》主界面氛围的方块皮肤：程序化绘制的像素全景天空盒（方块山、像素云、方块树、草方块地面）在身后缓慢旋转，界面浮在石板上；按钮还原 MC 菜单按钮（灰石板、悬停变黄、按下下沉），输入框做成带钉子的木告示牌。\",\"tags\":[\"minecraft\",\"voxel\",\"pixel\",\"game\",\"panorama\",\"skybox\"],\"accent\":\"#7cbd4b\",\"bodyAttr\":\"data-dsh-minecraft\",\"package\":\"@linxin666/dsh-client-ui-skin-minecraft\",\"order\":6},\n\n  {\"id\":\"whale-song\",\"name\":\"鲸吟\",\"nameEn\":\"Whale Song\",\"author\":\"dsh-web-ui\",\"tagline\":\"深海鲸语女神背景 · 冰蓝海洋调色板 · 金色细线点缀\",\"description\":\"《鲸吟》— 深海鲸语女神主题：无文字纯氛围背景画（蓝发女神与鲸群居左、冰蓝星座网格与金线点缀、右侧大量留白）垫在半透明面板之下，遮罩随亮/暗主题实时切换，冰蓝/浅青/深海军蓝/钴蓝冷色体系重映射到全部 dsh token，暗色变体为深海夜航调。\",\"tags\":[\"whale\",\"ocean\",\"ice-blue\",\"goddess\",\"art\",\"translucent\"],\"accent\":\"#4d8fd4\",\"bodyAttr\":\"data-dsh-whale-song\",\"package\":\"@linxin666/dsh-client-ui-skin-whale-song\",\"order\":7},\n\n  {\"id\":\"trading\",\"name\":\"交易终端\",\"nameEn\":\"Trading Terminal\",\"author\":\"dsh-web-ui\",\"tagline\":\"实时行情跑马灯 · 长桥港美股行情 · 红涨绿跌交易终端\",\"description\":\"结合 dsh-fun-ticker 行情跑马灯与 dsh-longbridge 港美股行情的炒股皮肤：顶栏滚动 A股/港股/美股/指数/加密/外汇报价（装 fun-ticker 后跟随你的自选列表），状态栏展示长桥行情快照与 A股/港股/美股交易时段，写代码也像盯盘。\",\"tags\":[\"stock\",\"trading\",\"ticker\",\"live\",\"terminal\",\"longbridge\"],\"accent\":\"#f23645\",\"bodyAttr\":\"data-dsh-trading\",\"package\":\"@linxin666/dsh-client-ui-skin-trading\",\"order\":8},\n\n  {\"id\":\"miku\",\"name\":\"初音未来 · 电子歌姬\",\"nameEn\":\"Hatsune Miku\",\"author\":\"涂山苏苏\",\"tagline\":\"蓝紫双马尾 · 01 编号 · 音符波形 · 电子歌姬主题\",\"description\":\"以世界第一的虚拟歌姬初音未来为灵感的主题皮肤：蓝紫洋红渐变贯穿全局，音符与声波曲线点缀在半透明面板之间，标题栏与状态栏带有 01 编号徽标与音乐波形，半透明毛玻璃面板透出背景图——沉浸式电子歌姬氛围。\",\"tags\":[\"miku\",\"vocaloid\",\"blue\",\"music\",\"idol\",\"waveform\"],\"accent\":\"#2e9bff\",\"bodyAttr\":\"data-dsh-miku\",\"package\":\"@linxin666/dsh-client-ui-skin-miku\",\"order\":9},\n\n]\n","/**\n * Try-on engine for the in-GUI skin center.\n *\n * A skin's client bundle is executed through the REAL module system, not a\n * shim and not eval: the host route `/api/skin-center/bundle/<id>` serves\n * the skin's prebuilt `lib/client.js` as a same-origin script (mirroring\n * the kernel's own defaultLoadBundle — see dsh-client-modules), and its\n * body calls `window.__ModuleLoader__.load({id, factory})`, which only\n * REGISTERS the factory. `window.__DSH_MODULES__.import(package)` (the\n * kernel's ClientModuleSystem, contract C5/C6) then materializes it — which\n * auto-injects the skin's CSS `<style data-plugin>` tag — and\n * `surface.apply(miniCtx)` mounts the skin exactly as the fiber system\n * would, returning a full disposer. That makes try-on and its teardown the\n * real code paths, with no CSP `unsafe-eval` dependence and no startup\n * cost: the ~700KB of embedded art base64 is only parsed when a skin is\n * actually tried on.\n *\n * Mutual exclusion: the GUI never hosts two skins at once. The currently\n * ACTIVE skin is owned by its own cordis fiber (its disposer is not\n * reachable), so try-on retracts the active skin's visual writes by recipe:\n * remove its body attribute (its stylesheet goes inert), clear the\n * body-level backdrop inline styles (blue-fantasy's whale art), detach only\n * known skin chrome body children (title/status bars marked `data-skin-chrome`\n * or carrying the skin's body attribute, leaving other plugins' portals and\n * toasts in place), and neutralize known global-rule leaks (xp's sidebar\n * taskbar/start). Everything is snapshotted and restored on exit in original\n * order. The active skin's own fiber is never touched, so exiting try-on\n * returns the page to exactly the pre-try-on state.\n *\n * A ghost MutationObserver may survive retraction (blue-fantasy re-writes\n * its backdrop on theme flips), so during try-on a neutralizing observer\n * re-clears the backdrop props whenever `data-ds-dark-theme` changes.\n */\n\nimport { SKIN_CENTER_ENTRIES, type SkinCenterEntry } from './generated/skins.ts'\n\n/** Body-level backdrop properties skins may write inline (blue-fantasy). */\nconst BACKDROP_PROPS = [\n  'background-image',\n  'background-position',\n  'background-size',\n  'background-attachment',\n  'background-repeat',\n] as const\n\n/**\n * Per-skin neutralization CSS: rules that hide visual leaks whose styles\n * are NOT scoped under the skin's body attribute (they live on app elements\n * the skin touches, so detaching chrome cannot remove them). Matched by\n * css-module class substring, which is stable across rebuilds.\n */\nconst NEUTRALIZE_CSS: Record<string, string> = {\n  // xp styles its start button + taskbar strip in the sidebar footer with\n  // top-level (unscoped) rules; its apply() removes them on dispose, but\n  // during try-on its ghost observer would re-add them, so hide instead.\n  xp: [\n    `[data-pane='sidebar'] [class*='xpTaskbar']{background:transparent!important;border-top:none!important;box-shadow:none!important}`,\n    `[data-pane='sidebar'] [class*='xpStart']{display:none!important}`,\n  ].join(''),\n}\n\n/** The window surfaces the boot protocol installs (manifest.ts contract). */\ninterface SkinCenterWindow {\n  __DSH_BOOT__?: { entries?: Array<{ id: string }> }\n  __DSH_MODULES__?: {\n    import(specifier: string): Promise<unknown>\n    invalidate(id: string): void\n  }\n}\n\n/** Host base path of the skin bundle route (registered by src/routes.ts). */\nconst BUNDLE_ROUTE = '/api/skin-center/bundle'\n\n/**\n * Execute one skin's client bundle as a real same-origin script, mirroring\n * the kernel's own defaultLoadBundle (dsh-client-modules): the script body\n * calls `window.__ModuleLoader__.load({id, factory})`, which only registers\n * the factory — materialization is the caller's separate `import` step. No\n * eval: try-on works under any CSP that allows same-origin scripts (the\n * shell itself loads plugin bundles this way), and a failed fetch rejects\n * so the caller can restore the active skin instead of leaving it retracted.\n * @param url - same-origin bundle URL.\n * @returns a promise resolving once the script executed.\n */\nfunction loadBundleScript(url: string): Promise<void> {\n  return new Promise((resolve, reject) => {\n    const el = document.createElement('script')\n    el.async = true\n    el.src = url\n    el.addEventListener('load', () => {\n      el.remove()\n      resolve()\n    }, { once: true })\n    el.addEventListener('error', () => {\n      el.remove()\n      reject(new Error(`skin-center: bundle script ${url} failed to load`))\n    }, { once: true })\n    document.head.append(el)\n  })\n}\n\n/** Read the page's composed boot-graph entry ids (only enabled plugins appear). */\nfunction bootEntryIds(): string[] {\n  const boot = (window as SkinCenterWindow).__DSH_BOOT__\n  return boot?.entries?.map(entry => entry.id) ?? []\n}\n\n/** The skin package currently ACTIVE in the boot graph, if it is one of ours. */\nexport function activeSkinEntry(): SkinCenterEntry | undefined {\n  const ids = new Set(bootEntryIds())\n  return SKIN_CENTER_ENTRIES.find(entry => ids.has(entry.package))\n}\n\n/**\n * Whether a direct body child is skin chrome owned by `skin`: marked with the\n * `data-skin-chrome` marker (minecraft/dragon-heir) or carrying the skin's\n * scoping body attribute. Everything else — other plugins' portals, toasts and\n * overlays appended to body — is left alone.\n */\nfunction isSkinChrome(el: Element, skin: SkinCenterEntry | null): boolean {\n  if (el.hasAttribute('data-skin-chrome')) return true\n  return skin !== null && el.hasAttribute(skin.bodyAttr)\n}\n\n/** Minimal ctx the skins' apply() needs: cordis effect lifecycle only. */\ninterface MiniCtx {\n  effect(callback: () => () => void, label?: string): () => void\n  /**\n   * Service reads are answered with undefined: try-on is a pure-DOM stage,\n   * so optional service access (e.g. ths reading the connection handle)\n   * degrades to its fallback instead of throwing mid-apply.\n   */\n  get(key: string): unknown\n  /** Hidden handle for the controller: run the disposers in reverse order. */\n  __disposeAll(): void\n}\n\nfunction miniCtx(): MiniCtx {\n  const disposers: Array<() => void> = []\n  return {\n    effect(callback) {\n      disposers.push(callback())\n      return () => {}\n    },\n    get() {\n      return undefined\n    },\n    __disposeAll(): void {\n      for (const dispose of disposers.reverse()) dispose()\n    },\n  }\n}\n\n/** Snapshot of the active skin's visual writes, restored on try-on exit. */\ninterface ActiveVisuals {\n  skin: SkinCenterEntry | null\n  /** Attribute value before retraction (null = attribute absent). */\n  bodyAttr: string | null\n  /** body inline style before retraction (null = none). */\n  bodyStyle: string | null\n  /** Skin chrome elements detached from body, re-inserted at their anchors. */\n  detached: Array<{ el: HTMLElement; anchor: Node | null }>\n  /** Neutralizes ghost backdrop writes while a try-on is live. */\n  clearObserver: MutationObserver | null\n  /** Hides global-rule leaks of the active skin (xp taskbar). */\n  neutralizeStyle: HTMLStyleElement | null\n}\n\n/**\n * One live try-on session: owns the tried-on skin's disposer plus the\n * captured active-skin visuals, and restores everything on exit.\n */\nexport class TryOnController {\n  private session: {\n    /** The tried-on skin, or null when trying on the official stock look. */\n    entry: SkinCenterEntry | null\n    dispose: () => void\n    active: ActiveVisuals\n  } | null = null\n\n  /**\n   * Generation counter. A newer try-on or exit increments it, so an in-flight\n   * `tryOn` (awaiting the real bundle load) can detect it was superseded and\n   * drop only what it mounted instead of clobbering the newer session.\n   */\n  private epoch = 0\n\n  /**\n   * Loads one skin's client bundle so its factory registers on the page's\n   * `__ModuleLoader__`. Defaults to a same-origin script tag from the host\n   * route `/api/skin-center/bundle/<id>`; tests inject a stub.\n   */\n  private readonly loadBundle: (entry: SkinCenterEntry) => Promise<void>\n\n  constructor(options: { loadBundle?: (entry: SkinCenterEntry) => Promise<void> } = {}) {\n    this.loadBundle = options.loadBundle ?? (entry => loadBundleScript(`${BUNDLE_ROUTE}/${encodeURIComponent(entry.id)}`))\n  }\n  /** The skin currently being tried on, if any. */\n  get trying(): SkinCenterEntry | null {\n    return this.session?.entry ?? null\n  }\n\n  /** Whether the official stock look (no skin) is being tried on. */\n  get tryingOfficial(): boolean {\n    return this.session !== null && this.session.entry === null\n  }\n\n  /** Start trying on `entry` (replaces any live session). */\n  async tryOn(entry: SkinCenterEntry): Promise<void> {\n    if (entry.package === activeSkinEntry()?.package) return\n    this.exit()\n    const epoch = ++this.epoch\n\n    const active: ActiveVisuals = this.captureAndRetractActive()\n    let dispose: (() => void) | undefined\n    try {\n      dispose = await this.loadAndApply(entry)\n    } catch (error) {\n      if (epoch === this.epoch) this.restoreActive(active)\n      throw error\n    }\n    if (epoch !== this.epoch) {\n      // Superseded while loading (a newer try-on or exit started): drop only\n      // what this attempt mounted — the newer operation owns the surface and\n      // captured the active-skin visuals it needs on exit.\n      this.cleanupModule(entry)\n      dispose()\n      return\n    }\n    this.session = { entry, dispose, active }\n  }\n\n  /**\n   * Try on the official stock look: retract the active skin's visual writes\n   * (same recipe as a skin try-on) and mount nothing. Exiting restores the\n   * active skin exactly like any other try-on session.\n   */\n  tryOnOfficial(): void {\n    if (activeSkinEntry() === null) return\n    this.exit()\n    this.epoch += 1\n    const active: ActiveVisuals = this.captureAndRetractActive()\n    this.session = { entry: null, dispose: () => {}, active }\n  }\n\n  /** Exit the live session: dispose the tried-on skin, then restore the active skin. */\n  exit(): void {\n    const session = this.session\n    if (session === null) return\n    this.epoch += 1\n    this.session = null\n    session.dispose()\n    if (session.entry !== null) this.cleanupModule(session.entry)\n    this.restoreActive(session.active)\n  }\n\n  /** Execute + materialize + mount the target skin through the real loader. */\n  private async loadAndApply(entry: SkinCenterEntry): Promise<() => void> {\n    const modules = (window as SkinCenterWindow).__DSH_MODULES__\n    if (modules === undefined) throw new Error('skin-center: window.__DSH_MODULES__ missing')\n    // This try-on session owns the module record for the package for its\n    // whole life (a try-on of the ACTIVE skin is rejected above, and the GUI\n    // never hosts two skins at once). Drop any factory a crashed earlier\n    // session left behind so the script below registers a fresh one — the\n    // duplicate-registration retry dance is unnecessary with the real\n    // loader, whose load() throws on a duplicate id.\n    modules.invalidate(entry.package)\n    await this.loadBundle(entry)\n    const surface = await modules.import(entry.package)\n    const apply = (surface as { apply?: (ctx: unknown) => unknown }).apply\n    if (typeof apply !== 'function') {\n      throw new Error(`skin-center: \"${entry.package}\" client bundle exports no apply`)\n    }\n    const ctx = miniCtx()\n    try {\n      apply(ctx)\n    } catch (error) {\n      // A skin that throws mid-apply leaves partial writes behind (body\n      // attribute, chrome, style tag) and never registers its disposer —\n      // the tryOn catch only restores the ACTIVE skin. Roll the residue back\n      // here so a crashed try-on can never bleed into the next one.\n      this.cleanupModule(entry)\n      document.body.removeAttribute(entry.bodyAttr)\n      for (const el of [...document.body.children] as HTMLElement[]) {\n        if (isSkinChrome(el, entry)) el.remove()\n      }\n      throw error\n    }\n    return ctx.__disposeAll\n  }\n\n  /** Drop the tried-on module record + its injected style tag. */\n  private cleanupModule(entry: SkinCenterEntry): void {\n    const modules = (window as SkinCenterWindow).__DSH_MODULES__\n    modules?.invalidate(entry.package)\n    for (const el of document.querySelectorAll(`style[data-plugin=${JSON.stringify(entry.package)}]`)) {\n      el.remove()\n    }\n  }\n\n  /**\n   * Snapshot the active skin's visual writes and retract them so the tried-on\n   * skin can take over the whole surface.\n   */\n  private captureAndRetractActive(): ActiveVisuals {\n    const skin = activeSkinEntry() ?? null\n    const body = document.body\n    const bodyAttr = skin === null ? null : body.getAttribute(skin.bodyAttr)\n    if (skin !== null && bodyAttr !== null) body.removeAttribute(skin.bodyAttr)\n\n    const bodyStyle = body.getAttribute('style')\n    for (const prop of BACKDROP_PROPS) body.style.removeProperty(prop)\n\n    // Detach only known skin chrome (marker/bodyAttr), leaving other\n    // plugins' portals/toasts in place; remember each element's next sibling\n    // so restore re-inserts in the original order.\n    const children = [...body.children] as HTMLElement[]\n    const chrome = new Set<HTMLElement>()\n    for (const el of children) {\n      if (el.id !== 'root' && isSkinChrome(el, skin)) chrome.add(el)\n    }\n    const detached: Array<{ el: HTMLElement; anchor: Node | null }> = []\n    for (let i = 0; i < children.length; i++) {\n      const el = children[i]\n      if (!chrome.has(el)) continue\n      let anchor: Node | null = null\n      for (let j = i + 1; j < children.length; j++) {\n        if (!chrome.has(children[j])) { anchor = children[j]; break }\n      }\n      detached.push({ el, anchor })\n    }\n    for (const { el } of detached) el.remove()\n\n    // Neutralize a surviving ghost observer (blue-fantasy's backdrop\n    // re-writer) across theme flips during the try-on.\n    const clearObserver = new MutationObserver(() => {\n      for (const prop of BACKDROP_PROPS) body.style.removeProperty(prop)\n    })\n    clearObserver.observe(body, { attributes: true, attributeFilter: ['data-ds-dark-theme'] })\n\n    const neutralizeCss = skin === null ? undefined : NEUTRALIZE_CSS[skin.id]\n    const neutralizeStyle = neutralizeCss === undefined ? null : this.injectStyle(neutralizeCss)\n\n    return { skin, bodyAttr, bodyStyle, detached, clearObserver, neutralizeStyle }\n  }\n\n  /** Restore the active skin's captured visual state. */\n  private restoreActive(active: ActiveVisuals): void {\n    const body = document.body\n    if (active.skin !== null && active.bodyAttr !== null) {\n      body.setAttribute(active.skin.bodyAttr, active.bodyAttr)\n    }\n    if (active.bodyStyle !== null) {\n      body.setAttribute('style', active.bodyStyle)\n    } else {\n      body.removeAttribute('style')\n    }\n    for (const { el, anchor } of active.detached) {\n      body.insertBefore(el, anchor !== null && anchor.parentNode === body ? anchor : null)\n    }\n    active.clearObserver?.disconnect()\n    active.neutralizeStyle?.remove()\n  }\n\n  private injectStyle(css: string): HTMLStyleElement {\n    const tag = document.createElement('style')\n    tag.dataset.skinCenterNeutralize = ''\n    tag.textContent = css\n    document.head.append(tag)\n    return tag\n  }\n}\n","/**\n * The skin-center plugin card: one disclosure card inside the Web UI plugin\n * group (插件配置 → Web UI 插件), listing every installed skin plus the\n * official stock look. Live try-on executes the real bundle inside the GUI\n * (light/dark preview, full restore on exit); Apply is one click — the host\n * half runs `dsh-skin use` through /api/skin-center/apply, the config\n * watcher hot-reloads the patch, and the page reloads into the new skin.\n * Copy rides the standard `t` seat; the theme preview control drives the\n * official theme service (persisted, same as the Appearance row).\n */\nimport { useEffect, useRef, useState, useSyncExternalStore, type ReactNode } from 'react'\nimport type { PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots'\nimport type { ThemeSnapshot } from '@deepseek-ai/dsh-client-ui-theme/client'\nimport { SKIN_CENTER_ENTRIES, type SkinCenterEntry } from './generated/skins.ts'\nimport type { SkinBackgroundHandle } from './background.ts'\nimport { activeSkinEntry, TryOnController } from './try-on.ts'\nimport css from './skin-center.module.css'\n\n/** Business face the skin-center apply() injects into the card. */\nexport interface SkinCenterInjected {\n  controller: TryOnController\n  theme: {\n    getTheme(): ThemeSnapshot\n    subscribe(listener: () => void): () => void\n    setTheme(id: 'light' | 'dark'): void\n  }\n  /** Background occluder over the shared skin-background namespace. */\n  background: SkinBackgroundHandle\n}\n\n/** Plugin-card component props: group-item runtime share + locale seat + injected face. */\nexport type SkinCenterComponentProps =\n  PropsRuntime<'web-ui.plugin.item'> & PropsLocale<'skinCenter'> & SkinCenterInjected\n\n/** The apply target of the official stock-look card. */\nconst OFFICIAL = 'official'\n\n/** Skin ids that read the background-scrim variable and paint a backdrop. */\nconst BACKDROP_SKIN_IDS = new Set(['blue-fantasy', 'whale-song'])\n\n/**\n * Render the skin-center card: a disclosure header naming the plugin, with\n * the skin list (official default + every installed skin; try-on / theme\n * preview / one-click apply) inside its body.\n * @param props - card props.\n * @returns the plugin card.\n */\nexport function SkinCenter({ t, controller, theme, background }: SkinCenterComponentProps) {\n  const snapshot = useSyncExternalStore(theme.subscribe, theme.getTheme)\n  const opacity = useSyncExternalStore(background.subscribe, background.opacity)\n  const activePackage = activeSkinEntry()?.package\n  const activeId = activeSkinEntry()?.id\n  const backdropActive = activeId !== undefined && BACKDROP_SKIN_IDS.has(activeId)\n  const [open, setOpen] = useState(false)\n  const [tryingId, setTryingId] = useState<string | null>(null)\n  const [tryingOfficial, setTryingOfficial] = useState(false)\n  const [applying, setApplying] = useState<string | null>(null)\n  const [error, setError] = useState<string | null>(null)\n  // Unmount guard for the confirmation poll: once the card is gone, the\n  // pending timers must stop and no reload / setState may fire.\n  const mounted = useRef(false)\n  useEffect(() => {\n    mounted.current = true\n    return () => { mounted.current = false }\n  }, [])\n\n  const tryOn = (entry: SkinCenterEntry): void => {\n    setError(null)\n    void controller.tryOn(entry)\n      .then(() => {\n        setTryingId(entry.id)\n        setTryingOfficial(false)\n      })\n      .catch(() => {\n        // The controller may have torn down a previous session before the\n        // load failed; reset both flags so no stale \"trying on\" lingers.\n        setError(t('tryOnError'))\n        setTryingId(null)\n        setTryingOfficial(false)\n      })\n  }\n\n  const tryOnOfficial = (): void => {\n    setError(null)\n    try {\n      controller.tryOnOfficial()\n    } catch {\n      setError(t('tryOnError'))\n      setTryingOfficial(false)\n      return\n    }\n    setTryingId(null)\n    setTryingOfficial(true)\n  }\n\n  const exitTryOn = (): void => {\n    controller.exit()\n    setTryingId(null)\n    setTryingOfficial(false)\n  }\n\n  /**\n   * Poll the host state until the config watcher reports the target active\n   * (the patch write lands before the watcher re-applies it), or time out.\n   * @param target - skin id, or `official` for the stock look.\n   * @returns whether the target became active within the poll budget.\n   */\n  const confirmActive = (target: string): Promise<boolean> =>\n    new Promise(resolve => {\n      const expected = target === OFFICIAL ? 'none' : target\n      let tries = 0\n      const tick = (): void => {\n        if (!mounted.current) {\n          resolve(false)\n          return\n        }\n        tries += 1\n        void fetch('/api/skin-center/state')\n          .then(async response => {\n            const payload = await response.json().catch(() => null) as { ok?: boolean; active?: string } | null\n            if (response.ok && payload?.ok === true && payload.active === expected) {\n              resolve(true)\n              return\n            }\n            if (tries >= 20 || !mounted.current) resolve(false)\n            else window.setTimeout(tick, 250)\n          })\n          .catch(() => {\n            if (tries >= 20 || !mounted.current) resolve(false)\n            else window.setTimeout(tick, 250)\n          })\n      }\n      tick()\n    })\n\n  /**\n   * One-click apply: the host half runs `dsh-skin use <target>` (or\n   * `use official`), the config watcher hot-reloads the patch within\n   * seconds, then this page reloads to pick up the new boot graph.\n   * @param target - skin id, or `official` for the stock look.\n   */\n  const applySkin = (target: string): void => {\n    setError(null)\n    setApplying(target)\n    const body = target === OFFICIAL ? { official: true } : { skin: target }\n    void fetch('/api/skin-center/apply', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify(body),\n    })\n      .then(async response => {\n        const payload = await response.json().catch(() => null) as { ok?: boolean; error?: string } | null\n        if (!response.ok || payload?.ok !== true) {\n          throw new Error(payload?.error ?? `HTTP ${response.status}`)\n        }\n        setApplying(null)\n        // Patch written; reload only once the watcher reports the target\n        // active, so the page never boots into the old skin.\n        void confirmActive(target).then(confirmed => {\n          if (!mounted.current) return\n          if (confirmed) {\n            window.location.reload()\n          } else {\n            const command = target === OFFICIAL ? 'dsh-skin use official' : `dsh-skin use ${target}`\n            setError(`${t('appliedUnconfirmed')} — ${command}`)\n          }\n        })\n      })\n      .catch((cause: unknown) => {\n        setApplying(null)\n        const detail = cause instanceof Error ? cause.message : String(cause)\n        const command = target === OFFICIAL ? 'dsh-skin use official' : `dsh-skin use ${target}`\n        setError(`${t('applyFailed')} (${detail}) — ${command}`)\n      })\n  }\n\n  const dark = snapshot.active.colorScheme === 'dark'\n\n  /** One row: try-on control + apply button. Shared by the official card and every skin card. */\n  const actionButtons = (opts: {\n    key: string\n    isActive: boolean\n    isTrying: boolean\n    onTryOn: () => void\n    applyLabel: string\n  }): ReactNode => (\n    <div className={css.actions}>\n      {opts.isActive ? (\n        <button type=\"button\" className={`${css.button} ${css.buttonGhost}`} disabled>\n          {t('tryOn')}\n        </button>\n      ) : opts.isTrying ? (\n        <button type=\"button\" className={`${css.button} ${css.buttonPrimary}`} onClick={exitTryOn}>\n          {t('exitTryOn')}\n        </button>\n      ) : (\n        <button type=\"button\" className={`${css.button} ${css.buttonPrimary}`} onClick={opts.onTryOn}>\n          {t('tryOn')}\n        </button>\n      )}\n      <button\n        type=\"button\"\n        className={css.button}\n        disabled={applying !== null}\n        onClick={() => { applySkin(opts.key) }}\n      >\n        {applying === opts.key ? t('applying') : opts.applyLabel}\n      </button>\n    </div>\n  )\n\n  return (\n    <li className={open ? `${css.pluginCard} ${css.pluginCardOpen}` : css.pluginCard}>\n      <button\n        type=\"button\"\n        className={css.cardHeader}\n        aria-expanded={open}\n        aria-label={`${t(open ? 'collapse' : 'expand')}: ${t('title')}`}\n        onClick={() => { setOpen(current => !current) }}\n      >\n        <span className={css.headText}>\n          <span className={css.pluginName}>\n            {t('title')}\n            <span className={css.titleBadge}>{String(SKIN_CENTER_ENTRIES.length)}</span>\n          </span>\n          <span className={css.cardDescription} title={t('cardDescription')}>{t('cardDescription')}</span>\n        </span>\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 14 14\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className={open ? `${css.chevron} ${css.chevronOpen}` : css.chevron}\n        >\n          <path\n            d=\"M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </button>\n\n      {open\n        ? (\n          <div className={css.cardBody}>\n            <div className={css.head}>\n              <div className={css.intro} title={t('intro')}>{t('intro')}</div>\n              <div className={css.themeRow}>\n                <span className={css.themeLabel}>{t('theme')}</span>\n                <button\n                  type=\"button\"\n                  className={`${css.themeButton} ${dark ? '' : css.themeButtonActive}`}\n                  onClick={() => { theme.setTheme('light') }}\n                >\n                  {t('themeLight')}\n                </button>\n                <button\n                  type=\"button\"\n                  className={`${css.themeButton} ${dark ? css.themeButtonActive : ''}`}\n                  onClick={() => { theme.setTheme('dark') }}\n                >\n                  {t('themeDark')}\n                </button>\n              </div>\n            </div>\n\n            <div className={css.backgroundRow}>\n              <div className={css.backgroundHead}>\n                <span className={css.backgroundLabel}>{t('backgroundOpacity')}</span>\n                <span className={css.backgroundValue} aria-hidden=\"true\">{opacity}%</span>\n              </div>\n              <input\n                id=\"skin-center-background-opacity\"\n                className={css.backgroundRange}\n                type=\"range\"\n                min=\"0\"\n                max=\"100\"\n                step=\"5\"\n                value={opacity}\n                aria-valuetext={`${opacity}%`}\n                aria-label={t('backgroundOpacity')}\n                onChange={(event) => { background.set(Number(event.target.value)) }}\n              />\n              <p className={backdropActive ? css.backgroundHint : css.backgroundHintMuted}>\n                {backdropActive ? t('backgroundHint') : t('backgroundHintInert')}\n              </p>\n            </div>\n\n            {error !== null && <div className={css.error}>{error}</div>}\n\n            <div className={css.list}>\n              {(() => {\n                const isActive = activePackage === undefined\n                const isTrying = tryingOfficial\n                const badge = isActive ? t('active') : isTrying ? t('tryingOn') : null\n                return (\n                  <div className={css.card} key={OFFICIAL}>\n                    <div className={css.cardHead}>\n                      <span className={css.swatch} style={{ background: '#98a1ab' }} aria-hidden=\"true\" />\n                      <span className={css.cardName} title={t('official')}>{t('official')}</span>\n                      {badge !== null && (\n                        <span className={`${css.badge} ${isActive ? css.badgeActive : css.badgeTrying}`}>\n                          {badge}\n                        </span>\n                      )}\n                    </div>\n                    <div className={css.cardTagline} title={t('officialTagline')}>{t('officialTagline')}</div>\n                    {actionButtons({\n                      key: OFFICIAL,\n                      isActive,\n                      isTrying,\n                      onTryOn: tryOnOfficial,\n                      applyLabel: t('restore'),\n                    })}\n                  </div>\n                )\n              })()}\n\n              {SKIN_CENTER_ENTRIES.map(entry => {\n                const isActive = entry.package === activePackage\n                const isTrying = entry.id === tryingId\n                const badge = isActive ? t('active') : isTrying ? t('tryingOn') : null\n                return (\n                  <div className={css.card} key={entry.id}>\n                    <div className={css.cardHead}>\n                      <span className={css.swatch} style={{ background: entry.accent }} aria-hidden=\"true\" />\n                      <span className={css.cardName} title={entry.nameEn}>{entry.nameEn}</span>\n                      {badge !== null && (\n                        <span className={`${css.badge} ${isActive ? css.badgeActive : css.badgeTrying}`}>\n                          {badge}\n                        </span>\n                      )}\n                    </div>\n                    <div className={css.cardTagline} title={entry.tagline}>{entry.tagline}</div>\n                    {actionButtons({\n                      key: entry.id,\n                      isActive,\n                      isTrying,\n                      onTryOn: () => { tryOn(entry) },\n                      applyLabel: t('apply'),\n                    })}\n                  </div>\n                )\n              })}\n            </div>\n          </div>\n        )\n        : null}\n    </li>\n  )\n}","/**\n * Background-scrim handle for the skin center: binds the `skin-background`\n * settings namespace and applies the chosen occlusion to the page's backdrop.\n *\n * Application is a CSS variable on `document.body`\n * (--dsw-skin-scrim), which backdrop-painting skins (blue-fantasy /\n * whale-song) read inside their setBackdrop() so the veil stays in sync across\n * theme flips and try-on restores. The official stock look paints no backdrop,\n * so the variable is inert there — the value still persists so it is ready for\n * the next backdrop skin.\n *\n * Values are 0-100 (0 = no extra veil, 100 = fully obscured); they are written\n * through as a 0..1 alpha for the CSS variable. Dragging the control applies\n * instantly (live) and persists through the settings scope.\n */\nimport type { SettingsScope, SettingsScopeSnapshot } from '@deepseek-ai/dsh-client-runtime/client'\n\n/** The namespace string the Host registers (mirrors src/index.ts). */\nexport const SKIN_BACKGROUND_NS = 'skin-background'\n\n/** Field of the background value inside the namespace section. */\nexport const OPACITY_FIELD = 'backgroundOpacity'\n\n/** CSS custom property written to document.body and read by backdrop skins. */\nexport const SCRIM_VAR = '--dsw-skin-scrim'\n\n/** Default occlusion (0 = no extra veil) when the section carries none. */\nexport const DEFAULT_OPACITY = 0\n\n/** The face the skin-center card injects for the background control. */\nexport interface SkinBackgroundHandle {\n  /** Current occlusion 0-100 (also the getSnapshot seat for useSyncExternalStore). */\n  opacity(): number\n  /** Observe a change in the applied value. */\n  subscribe(listener: () => void): () => void\n  /** Apply + persist a new occlusion. */\n  set(opacity: number): void\n}\n\n/**\n * Own the skin-background scope: read the latest occlusion, apply it to the\n * body CSS variable instantly, and persist changes through the settings scope.\n */\nexport class BackgroundController implements SkinBackgroundHandle {\n  private value = DEFAULT_OPACITY\n  private readonly listeners = new Set<() => void>()\n  private readonly scope: SettingsScope<{ backgroundOpacity?: number }>\n\n  /**\n   * @param scope - the bound skin-background settings scope.\n   */\n  constructor(scope: SettingsScope<{ backgroundOpacity?: number }>) {\n    this.scope = scope\n    this.value = this.read()\n    this.apply()\n    scope.subscribe(() => {\n      this.value = this.read()\n      this.apply()\n      this.publish()\n    })\n  }\n\n  opacity(): number { return this.value }\n\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener)\n    return () => { this.listeners.delete(listener) }\n  }\n\n  set(opacity: number): void {\n    const clamped = Math.max(0, Math.min(100, Math.round(opacity)))\n    this.value = clamped\n    this.apply()\n    this.publish()\n    // Persist: queue the write on the settings scope. Failures are silent —\n    // the live value is already applied, and the write drains on reconnect.\n    void this.scope.set(OPACITY_FIELD, clamped)\n  }\n\n  /** The effective section value, clamped 0-100, defaulting to 0. */\n  private read(): number {\n    const snapshot: SettingsScopeSnapshot<{ backgroundOpacity?: number }> = this.scope.getSnapshot()\n    const raw = snapshot.value?.backgroundOpacity\n    if (typeof raw !== 'number' || !Number.isFinite(raw)) return DEFAULT_OPACITY\n    return Math.max(0, Math.min(100, raw))\n  }\n\n  /** Write the current occlusion onto the body CSS variable (0..1 alpha). */\n  private apply(): void {\n    document.body.style.setProperty(SCRIM_VAR, String(this.value / 100))\n  }\n\n  private publish(): void {\n    for (const listener of this.listeners) listener()\n  }\n}\n","/**\n * Skin-center locale dictionaries. The plugin-card name, its description,\n * and every control of the in-GUI skin center is localized through the\n * standard `t` seat.\n */\n\n/** Copy keys owned by this plugin. */\nexport type SkinCenterKey =\n  | 'title'\n  | 'cardDescription'\n  | 'expand'\n  | 'collapse'\n  | 'intro'\n  | 'official'\n  | 'officialTagline'\n  | 'active'\n  | 'tryingOn'\n  | 'tryOn'\n  | 'exitTryOn'\n  | 'apply'\n  | 'applying'\n  | 'restore'\n  | 'applyFailed'\n  | 'appliedUnconfirmed'\n  | 'theme'\n  | 'themeLight'\n  | 'themeDark'\n  | 'tryOnError'\n  | 'backgroundOpacity'\n  | 'backgroundHint'\n  | 'backgroundHintInert'\n\nexport const en: Record<SkinCenterKey, string> = {\n  title: 'Skin Center',\n  cardDescription: 'Try on any installed skin live in the GUI — exit restores instantly, applying persists in one click.',\n  expand: 'Expand',\n  collapse: 'Collapse',\n  intro: 'Try on any skin live — it takes effect instantly, exit restores the current look. Apply persists it across restarts.',\n  official: 'Official default',\n  officialTagline: 'The stock DSH look with no skin applied.',\n  active: 'Active',\n  tryingOn: 'Trying on',\n  tryOn: 'Try on',\n  exitTryOn: 'Exit try-on',\n  apply: 'Apply',\n  applying: 'Applying…',\n  restore: 'Restore',\n  applyFailed: 'Apply failed',\n  appliedUnconfirmed: 'Applied, but the change has not been confirmed — refresh the page if the skin did not switch',\n  theme: 'Theme preview',\n  themeLight: 'Light',\n  themeDark: 'Dark',\n  tryOnError: 'Try-on failed — see console',\n  backgroundOpacity: 'Background occlusion',\n  backgroundHint: 'Instantly veils the backdrop behind the panels — higher values obscure the art to help you focus.',\n  backgroundHintInert: 'Only applies to skins that paint a backdrop (Blue Fantasy / Whale Song). Applies to the official default automatically once such a skin is active.',\n}\n\nexport const zh: Record<SkinCenterKey, string> = {\n  title: '皮肤中心',\n  cardDescription: '在 GUI 内即时试穿任意皮肤，退出即完全还原；应用一键完成并自动刷新。',\n  expand: '展开',\n  collapse: '收起',\n  intro: '任意皮肤可即时试穿，退出即完全还原；「应用」一键持久化，页面自动刷新生效。',\n  official: '官方默认',\n  officialTagline: '还原 DSH 官方默认外观，不应用任何皮肤。',\n  active: '当前激活',\n  tryingOn: '试穿中',\n  tryOn: '试穿',\n  exitTryOn: '退出试穿',\n  apply: '应用',\n  applying: '应用中…',\n  restore: '恢复默认',\n  applyFailed: '应用失败',\n  appliedUnconfirmed: '已写入配置但尚未确认生效——若皮肤未切换请手动刷新页面',\n  theme: '主题预览',\n  themeLight: '亮色',\n  themeDark: '暗色',\n  tryOnError: '试穿失败，详见控制台',\n  backgroundOpacity: '背景遮挡',\n  backgroundHint: '即时为面板背后的背景加遮罩——数值越高越能弱化插画，帮你集中注意力。',\n  backgroundHintInert: '仅对带背景图插画的皮肤（蓝色幻想 / 鲸吟）生效；官方默认无背景图，该滑块对这些皮肤自动生效。',\n}\n","/**\n * In-GUI skin center, browser half: registers the Skins plugin card into the\n * Web UI plugin group (`web-ui.plugin.item`, declared by the web-ui-settings\n * group card under 插件配置) and provides the try-on controller + official\n * theme handle to it. The card lists every installed skin (embedded\n * registry), tries it on live inside the GUI, exits with a full restore, and\n * copies the one-command apply. The plugin writes only DOM and the settings\n * ledger — no services, no events, no model access.\n */\nimport type { ClientContext, SettingsScope, SettingsScopeSpec } from '@deepseek-ai/dsh-client-runtime/client'\nimport type { ThemeRuntime } from '@deepseek-ai/dsh-client-ui-theme/client'\n// Type-only: pulls the locale plugin's Context merge (ctx.locale).\nimport type {} from '@deepseek-ai/dsh-client-locale/client'\n// Type-only: pulls the settings-surface Context merge (ctx.settingsScope).\nimport type {} from '@deepseek-ai/dsh-client-ui-settings/client'\nimport { SkinCenter, type SkinCenterInjected } from './SkinCenter.tsx'\nimport { BackgroundController, SKIN_BACKGROUND_NS } from './background.ts'\nimport { en, zh, type SkinCenterKey } from './locales.ts'\nimport { TryOnController } from './try-on.ts'\n\nexport type { SkinCenterComponentProps, SkinCenterInjected } from './SkinCenter.tsx'\nexport { TryOnController } from './try-on.ts'\n\n/** Locale namespace owned by this plugin. */\nexport const NS = 'skinCenter'\n\ndeclare module '@deepseek-ai/dsh-client-ui-slots' {\n  interface LocaleNamespaceMap {\n    /** The skin-center card's copy. */\n    skinCenter: SkinCenterKey\n  }\n\n  interface SlotMap {\n    /**\n     * The child slot the Web UI plugin group declares; this card registers\n     * into the group instead of the top-level `settings.plugin.item` list.\n     * Spelled here with the same shape so this package can register without\n     * depending on the sibling UI package.\n     */\n    'web-ui.plugin.item': { kind: 'list'; scope: 'root'; owner: SettingsPluginItemOwnerProps }\n  }\n}\n\n/** Owner share of a plugin card (the group card supplies nothing). */\nexport interface SettingsPluginItemOwnerProps {\n  /** Marker field: card owner props are intentionally empty. */\n  children?: never\n}\n\ndeclare module '@deepseek-ai/cordis' {\n  interface Context {\n    /**\n     * Optional rc.6 compatibility binder provided by dsh-web-ui-settings;\n     * absent when that group plugin is not installed, so callers fall back to\n     * the official settings scope.\n     */\n    webUiSettings?: { bind<S>(spec: SettingsScopeSpec<S>): SettingsScope<S> }\n  }\n}\n\n\n/** Required services: slots + locale (plugin card), theme (preview toggle), and settingsScope + its transport (background scrim). */\nexport const inject = ['slots', 'locale', 'theme', 'settingsScope', 'connection', 'remote']\n\n/**\n * Register the skin-center dictionaries, the body scope attribute, and the\n * Skins plugin card inside the Web UI plugin group.\n * @param ctx - client root context.\n */\nexport function apply(ctx: ClientContext): void {\n  ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'ui-skin-center: dictionaries')\n\n  // The card's own styles scope under this attribute so they keep applying\n  // during try-on (when the active skin's attribute is retracted).\n  ctx.effect(() => {\n    document.body.dataset.dshSkinCenter = ''\n    return () => { delete document.body.dataset.dshSkinCenter }\n  }, 'ui-skin-center: body scope')\n\n  const theme = ctx.get('theme') as ThemeRuntime\n  const controller = new TryOnController()\n  // Background occluder over the shared skin-background namespace. The scope\n  // is bound to this plugin's fiber, so it is torn down with the card.\n  const binder = ctx.get('webUiSettings') ?? ctx.settingsScope\n  const backgroundScope = binder.bind<{ backgroundOpacity?: number }>({ namespace: SKIN_BACKGROUND_NS })\n  const background = new BackgroundController(backgroundScope)\n  const injected = (): SkinCenterInjected => ({\n    controller,\n    theme: {\n      getTheme: () => theme.getTheme(),\n      subscribe: listener => ctx.on('theme/change', listener),\n      setTheme: id => theme.setTheme(id),\n    },\n    background: {\n      opacity: () => background.opacity(),\n      subscribe: listener => background.subscribe(listener),\n      set: opacity => background.set(opacity),\n    },\n  })\n\n  ctx.slots.inject('web-ui.plugin.item', () => ctx.slots.register({\n    name: 'web-ui.plugin.item',\n    id: 'skins',\n    order: 110,\n    locale: NS,\n    inject: injected,\n  }, SkinCenter))\n}\n"],"mappings":"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"}
+{"version":3,"file":"client.js","names":["css"],"sources":["../../../packages/skins/skin-center/src/client/generated/skins.ts","../../../packages/skins/skin-center/src/client/manifest.ts","../../../packages/skins/skin-center/src/client/try-on.ts","../../../packages/skins/skin-center/src/client/SkinCenter.tsx","../../../packages/skins/skin-center/src/client/background.ts","../../../packages/skins/skin-center/src/client/locales.ts","../../../packages/skins/skin-center/src/client/index.ts"],"sourcesContent":["/**\n * AUTO-GENERATED by scripts/skin-center-bundles — do not edit by hand.\n * Skin registry for the GUI skin center: gallery metadata only. Client\n * bundle text is NOT embedded here — try-on fetches each skin's\n * prebuilt lib/client.js on demand from the host route\n * /api/skin-center/bundle/<id> (a same-origin script executed by the\n * page's own module loader; no eval, and the GUI never parses the\n * embedded art base64 at startup).\n * Regenerate with `node scripts/skin-center-bundles`.\n */\n\n/** One registry entry: gallery metadata for the skin center card. */\nexport interface SkinCenterEntry {\n  /** Skin id (packages/skins/<id>/). */\n  id: string\n  /** Display name (zh). */\n  name: string\n  /** Display name (en). */\n  nameEn: string\n  /** One-line tagline. */\n  tagline: string\n  /** Accent color for the swatch. */\n  accent: string\n  /** Author credit. */\n  author?: string\n  /** Longer description. */\n  description?: string\n  /** Tag list. */\n  tags?: string[]\n  /** Body attribute that scopes the skin styles. */\n  bodyAttr: string\n  /** Plugin package name (the boot-graph entry id when active). */\n  package: string\n  /** Gallery sort order (packages/skins/<name>/skin.json). */\n  order?: number\n}\n\n/** Every skin, ordered by packages/skins/<name>/skin.json `order`. */\nexport const SKIN_CENTER_ENTRIES: readonly SkinCenterEntry[] = [\n  {\"id\":\"qq98\",\"name\":\"QQ2008 怀旧版\",\"nameEn\":\"QQ2008 Retro\",\"author\":\"dsh-web-ui\",\"tagline\":\"水晶蓝桌面 · 玻璃深蓝标题栏 · 戴围巾企鹅\",\"description\":\"dsh web ui 家族收录的第一个皮肤：QQ2008 水晶蓝年代。深蓝渐变桌面、玻璃质感标题栏、浅蓝状态栏和圆角高光控件，配一只戴围巾的企鹅。\",\"tags\":[\"retro\",\"qq\",\"2008\",\"crystal-blue\",\"nostalgia\"],\"accent\":\"#2b7cd9\",\"bodyAttr\":\"data-dsh-retro\",\"package\":\"@linxin666/dsh-client-ui-skin-qq98\",\"order\":1},\n\n  {\"id\":\"ths\",\"name\":\"同花顺风格\",\"nameEn\":\"Tonghuashun Trading\",\"author\":\"dsh-web-ui\",\"tagline\":\"品牌红标题栏 · 实时行情状态栏 · 灰蓝数据终端\",\"description\":\"同花顺风格炒股主题：品牌红标题栏带上证指数行情签，状态栏红涨绿跌，自选股风格的侧边栏和交易终端面板，写代码也像盯盘。\",\"tags\":[\"stock\",\"trading\",\"terminal\",\"red\"],\"accent\":\"#e60012\",\"bodyAttr\":\"data-dsh-ths\",\"package\":\"@linxin666/dsh-client-ui-skin-ths\",\"order\":2},\n\n  {\"id\":\"xp\",\"name\":\"Windows XP (Luna)\",\"nameEn\":\"Windows XP Luna\",\"author\":\"dsh-web-ui\",\"tagline\":\"Luna 蓝窗口条 · 绿色开始按钮 · Bliss 蓝天桌面\",\"description\":\"Windows XP (Luna) 复古主题：蓝色渐变窗口条带窗口按钮、米色状态栏（大写/数字/滚动指示灯）、侧边栏任务栏上的绿色「开始」按钮、资源管理器风格树行和 Bliss 蓝天桌面，全局直角。\",\"tags\":[\"retro\",\"xp\",\"luna\",\"windows\",\"start-button\"],\"accent\":\"#316ac5\",\"bodyAttr\":\"data-dsh-xp\",\"package\":\"@linxin666/dsh-client-ui-skin-xp\",\"order\":3},\n\n  {\"id\":\"blue-fantasy\",\"name\":\"蓝色幻想\",\"nameEn\":\"Blue Fantasy\",\"author\":\"powerdog996（DreamSkin 社区）· dsh-web-ui 适配\",\"tagline\":\"鲸鱼插画背景 · periwinkle 靛蓝调色板 · 半透明面板\",\"description\":\"DreamSkin「DeepSeek-鲸鱼娘」Codex 桌面主题的 dsh 适配：鲸鱼插画背景垫在半透明面板之下，遮罩随亮/暗主题实时切换，periwinkle 靛蓝色调重映射到全部 dsh token。\",\"tags\":[\"dreamskin\",\"whale\",\"indigo\",\"art\",\"translucent\"],\"accent\":\"#4a5fa8\",\"bodyAttr\":\"data-dsh-blue-fantasy\",\"package\":\"@linxin666/dsh-client-ui-skin-blue-fantasy\",\"order\":4},\n\n  {\"id\":\"dragon-heir\",\"name\":\"龙的传人\",\"nameEn\":\"Dragon Heir\",\"author\":\"dsh-web-ui\",\"tagline\":\"不屈龙魂 · 万里长城双主题 · 朱砂龙印\",\"description\":\"龙的传人 — 一面是不屈龙魂（墨龙穿云、朱砂印章、不屈锋芒），一面是万里长城（青黛山色、金晖镀墙、苍茫暮色）。亮暗主题各自配一幅画与一枚龙印 favicon，面板半透明磨砂，让画透出来。\",\"tags\":[\"dragon\",\"loong\",\"chinese\",\"ink-wash\",\"great-wall\",\"dual-theme\"],\"accent\":\"#c3272b\",\"bodyAttr\":\"data-dsh-dragon-heir\",\"package\":\"@linxin666/dsh-client-ui-skin-dragon-heir\",\"order\":5},\n\n  {\"id\":\"minecraft\",\"name\":\"Minecraft 方块世界\",\"nameEn\":\"Minecraft Voxel\",\"author\":\"dsh-web-ui\",\"tagline\":\"动态全景天空盒 · 方块按钮 · 告示牌输入框\",\"description\":\"复刻《我的世界》主界面氛围的方块皮肤：程序化绘制的像素全景天空盒（方块山、像素云、方块树、草方块地面）在身后缓慢旋转，界面浮在石板上；按钮还原 MC 菜单按钮（灰石板、悬停变黄、按下下沉），输入框做成带钉子的木告示牌。\",\"tags\":[\"minecraft\",\"voxel\",\"pixel\",\"game\",\"panorama\",\"skybox\"],\"accent\":\"#7cbd4b\",\"bodyAttr\":\"data-dsh-minecraft\",\"package\":\"@linxin666/dsh-client-ui-skin-minecraft\",\"order\":6},\n\n  {\"id\":\"whale-song\",\"name\":\"鲸吟\",\"nameEn\":\"Whale Song\",\"author\":\"dsh-web-ui\",\"tagline\":\"深海鲸语女神背景 · 冰蓝海洋调色板 · 金色细线点缀\",\"description\":\"《鲸吟》— 深海鲸语女神主题：无文字纯氛围背景画（蓝发女神与鲸群居左、冰蓝星座网格与金线点缀、右侧大量留白）垫在半透明面板之下，遮罩随亮/暗主题实时切换，冰蓝/浅青/深海军蓝/钴蓝冷色体系重映射到全部 dsh token，暗色变体为深海夜航调。\",\"tags\":[\"whale\",\"ocean\",\"ice-blue\",\"goddess\",\"art\",\"translucent\"],\"accent\":\"#4d8fd4\",\"bodyAttr\":\"data-dsh-whale-song\",\"package\":\"@linxin666/dsh-client-ui-skin-whale-song\",\"order\":7},\n\n  {\"id\":\"trading\",\"name\":\"交易终端\",\"nameEn\":\"Trading Terminal\",\"author\":\"dsh-web-ui\",\"tagline\":\"实时行情跑马灯 · 长桥港美股行情 · 红涨绿跌交易终端\",\"description\":\"结合 dsh-fun-ticker 行情跑马灯与 dsh-longbridge 港美股行情的炒股皮肤：顶栏滚动 A股/港股/美股/指数/加密/外汇报价（装 fun-ticker 后跟随你的自选列表），状态栏展示长桥行情快照与 A股/港股/美股交易时段，写代码也像盯盘。\",\"tags\":[\"stock\",\"trading\",\"ticker\",\"live\",\"terminal\",\"longbridge\"],\"accent\":\"#f23645\",\"bodyAttr\":\"data-dsh-trading\",\"package\":\"@linxin666/dsh-client-ui-skin-trading\",\"order\":8},\n\n  {\"id\":\"miku\",\"name\":\"初音未来 · 电子歌姬\",\"nameEn\":\"Hatsune Miku\",\"author\":\"涂山苏苏\",\"tagline\":\"蓝紫双马尾 · 01 编号 · 音符波形 · 电子歌姬主题\",\"description\":\"以世界第一的虚拟歌姬初音未来为灵感的主题皮肤：蓝紫洋红渐变贯穿全局，音符与声波曲线点缀在半透明面板之间，标题栏与状态栏带有 01 编号徽标与音乐波形，半透明毛玻璃面板透出背景图——沉浸式电子歌姬氛围。\",\"tags\":[\"miku\",\"vocaloid\",\"blue\",\"music\",\"idol\",\"waveform\"],\"accent\":\"#2e9bff\",\"bodyAttr\":\"data-dsh-miku\",\"package\":\"@linxin666/dsh-client-ui-skin-miku\",\"order\":9},\n\n  {\"id\":\"qq2006\",\"name\":\"QQ2006 经典版\",\"nameEn\":\"QQ2006 Classic\",\"author\":\"CCMKCCMK\",\"tagline\":\"经典蓝色窗口 · 紧凑桌面控件 · 怀旧状态栏\",\"description\":\"受 QQ2006 桌面客户端启发的轻量皮肤：蓝色渐变标题栏、浅蓝状态栏、紧凑按钮和水晶蓝界面。全部图形由代码绘制，不携带第三方二进制素材。\",\"tags\":[\"retro\",\"qq\",\"2006\",\"classic-blue\",\"nostalgia\"],\"accent\":\"#1677c8\",\"bodyAttr\":\"data-dsh-qq2006\",\"package\":\"@linxin666/dsh-client-ui-skin-qq2006\",\"order\":10},\n\n]\n","/**\n * Boot-manifest readiness checks for the one-click apply flow.\n *\n * The host half writes the skin patch synchronously, but the web app's boot\n * graph (the `window.__DSH_BOOT__` JSON inside the served HTML) is\n * regenerated asynchronously by the config watcher. A page reloaded right\n * after the patch write can therefore boot into the previous skin. These\n * helpers let the frontend poll the served document until the manifest\n * actually reflects the target before reloading.\n * @module @linxin666/dsh-client-ui-skin-center/manifest\n */\n\n/** Bundle URL pattern of any skin entry in the boot manifest. */\nconst SKIN_BUNDLE_URL = /\\/plugins\\/@linxin666\\/dsh-client-ui-skin-(?!center)[a-z0-9-]+\\/client\\.js/\n\n/**\n * Whether a served GUI document's boot manifest enables the given skin.\n * A `null` target means the stock look: no skin bundle URL may be present\n * (the skin-center plugin's own bundle always loads and is excluded).\n * @param documentHtml - the served GUI document (contains the boot JSON).\n * @param target - skin id, or `null` for the stock look.\n * @returns whether the manifest already enables the target.\n */\nexport function manifestHasSkin(documentHtml: string, target: string | null): boolean {\n  if (target === null) return !SKIN_BUNDLE_URL.test(documentHtml)\n  return documentHtml.includes(`/plugins/@linxin666/dsh-client-ui-skin-${target}/client.js`)\n}\n","/**\n * Try-on engine for the in-GUI skin center.\n *\n * A skin's client bundle is executed through the REAL module system, not a\n * shim and not eval: the host route `/api/skin-center/bundle/<id>` serves\n * the skin's prebuilt `lib/client.js` as a same-origin script (mirroring\n * the kernel's own defaultLoadBundle — see dsh-client-modules), and its\n * body calls `window.__ModuleLoader__.load({id, factory})`, which only\n * REGISTERS the factory. `window.__DSH_MODULES__.import(package)` (the\n * kernel's ClientModuleSystem, contract C5/C6) then materializes it — which\n * auto-injects the skin's CSS `<style data-plugin>` tag — and\n * `surface.apply(miniCtx)` mounts the skin exactly as the fiber system\n * would, returning a full disposer. That makes try-on and its teardown the\n * real code paths, with no CSP `unsafe-eval` dependence and no startup\n * cost: the ~700KB of embedded art base64 is only parsed when a skin is\n * actually tried on.\n *\n * Mutual exclusion: the GUI never hosts two skins at once. The currently\n * ACTIVE skin is owned by its own cordis fiber (its disposer is not\n * reachable), so try-on retracts the active skin's visual writes by recipe:\n * remove its body attribute (its stylesheet goes inert), clear the\n * body-level backdrop inline styles (blue-fantasy's whale art), detach only\n * known skin chrome body children (title/status bars marked `data-skin-chrome`\n * or carrying the skin's body attribute, leaving other plugins' portals and\n * toasts in place), and neutralize known global-rule leaks (xp's sidebar\n * taskbar/start). Everything is snapshotted and restored on exit in original\n * order. The active skin's own fiber is never touched, so exiting try-on\n * returns the page to exactly the pre-try-on state.\n *\n * A ghost MutationObserver may survive retraction (blue-fantasy re-writes\n * its backdrop on theme flips), so during try-on a neutralizing observer\n * re-clears the backdrop props whenever `data-ds-dark-theme` changes.\n */\n\nimport { SKIN_CENTER_ENTRIES, type SkinCenterEntry } from './generated/skins.ts'\n\n/** Body-level backdrop properties skins may write inline (blue-fantasy). */\nconst BACKDROP_PROPS = [\n  'background-image',\n  'background-position',\n  'background-size',\n  'background-attachment',\n  'background-repeat',\n] as const\n\n/**\n * Per-skin neutralization CSS: rules that hide visual leaks whose styles\n * are NOT scoped under the skin's body attribute (they live on app elements\n * the skin touches, so detaching chrome cannot remove them). Matched by\n * css-module class substring, which is stable across rebuilds.\n */\nconst NEUTRALIZE_CSS: Record<string, string> = {\n  // xp styles its start button + taskbar strip in the sidebar footer with\n  // top-level (unscoped) rules; its apply() removes them on dispose, but\n  // during try-on its ghost observer would re-add them, so hide instead.\n  xp: [\n    `[data-pane='sidebar'] [class*='xpTaskbar']{background:transparent!important;border-top:none!important;box-shadow:none!important}`,\n    `[data-pane='sidebar'] [class*='xpStart']{display:none!important}`,\n  ].join(''),\n}\n\n/** The window surfaces the boot protocol installs (manifest.ts contract). */\ninterface SkinCenterWindow {\n  __DSH_BOOT__?: { entries?: Array<{ id: string }> }\n  __DSH_MODULES__?: {\n    import(specifier: string): Promise<unknown>\n    invalidate(id: string): void\n  }\n}\n\n/** Host base path of the skin bundle route (registered by src/routes.ts). */\nconst BUNDLE_ROUTE = '/api/skin-center/bundle'\n\n/**\n * Execute one skin's client bundle as a real same-origin script, mirroring\n * the kernel's own defaultLoadBundle (dsh-client-modules): the script body\n * calls `window.__ModuleLoader__.load({id, factory})`, which only registers\n * the factory — materialization is the caller's separate `import` step. No\n * eval: try-on works under any CSP that allows same-origin scripts (the\n * shell itself loads plugin bundles this way), and a failed fetch rejects\n * so the caller can restore the active skin instead of leaving it retracted.\n * @param url - same-origin bundle URL.\n * @returns a promise resolving once the script executed.\n */\nfunction loadBundleScript(url: string): Promise<void> {\n  return new Promise((resolve, reject) => {\n    const el = document.createElement('script')\n    el.async = true\n    el.src = url\n    el.addEventListener('load', () => {\n      el.remove()\n      resolve()\n    }, { once: true })\n    el.addEventListener('error', () => {\n      el.remove()\n      reject(new Error(`skin-center: bundle script ${url} failed to load`))\n    }, { once: true })\n    document.head.append(el)\n  })\n}\n\n/** Read the page's composed boot-graph entry ids (only enabled plugins appear). */\nfunction bootEntryIds(): string[] {\n  const boot = (window as SkinCenterWindow).__DSH_BOOT__\n  return boot?.entries?.map(entry => entry.id) ?? []\n}\n\n/** The skin package currently ACTIVE in the boot graph, if it is one of ours. */\nexport function activeSkinEntry(): SkinCenterEntry | undefined {\n  const ids = new Set(bootEntryIds())\n  return SKIN_CENTER_ENTRIES.find(entry => ids.has(entry.package))\n}\n\n/**\n * Whether a direct body child is skin chrome owned by `skin`: marked with the\n * `data-skin-chrome` marker (minecraft/dragon-heir) or carrying the skin's\n * scoping body attribute. Everything else — other plugins' portals, toasts and\n * overlays appended to body — is left alone.\n */\nfunction isSkinChrome(el: Element, skin: SkinCenterEntry | null): boolean {\n  if (el.hasAttribute('data-skin-chrome')) return true\n  return skin !== null && el.hasAttribute(skin.bodyAttr)\n}\n\n/** Minimal ctx the skins' apply() needs: cordis effect lifecycle only. */\ninterface MiniCtx {\n  effect(callback: () => () => void, label?: string): () => void\n  /**\n   * Service reads are answered with undefined: try-on is a pure-DOM stage,\n   * so optional service access (e.g. ths reading the connection handle)\n   * degrades to its fallback instead of throwing mid-apply.\n   */\n  get(key: string): unknown\n  /** Hidden handle for the controller: run the disposers in reverse order. */\n  __disposeAll(): void\n}\n\nfunction miniCtx(): MiniCtx {\n  const disposers: Array<() => void> = []\n  return {\n    effect(callback) {\n      disposers.push(callback())\n      return () => {}\n    },\n    get() {\n      return undefined\n    },\n    __disposeAll(): void {\n      for (const dispose of disposers.reverse()) dispose()\n    },\n  }\n}\n\n/** Snapshot of the active skin's visual writes, restored on try-on exit. */\ninterface ActiveVisuals {\n  skin: SkinCenterEntry | null\n  /** Attribute value before retraction (null = attribute absent). */\n  bodyAttr: string | null\n  /** body inline style before retraction (null = none). */\n  bodyStyle: string | null\n  /** Skin chrome elements detached from body, re-inserted at their anchors. */\n  detached: Array<{ el: HTMLElement; anchor: Node | null }>\n  /** Neutralizes ghost backdrop writes while a try-on is live. */\n  clearObserver: MutationObserver | null\n  /** Hides global-rule leaks of the active skin (xp taskbar). */\n  neutralizeStyle: HTMLStyleElement | null\n}\n\n/**\n * One live try-on session: owns the tried-on skin's disposer plus the\n * captured active-skin visuals, and restores everything on exit.\n */\nexport class TryOnController {\n  private session: {\n    /** The tried-on skin, or null when trying on the official stock look. */\n    entry: SkinCenterEntry | null\n    dispose: () => void\n    active: ActiveVisuals\n  } | null = null\n\n  /**\n   * Generation counter. A newer try-on or exit increments it, so an in-flight\n   * `tryOn` (awaiting the real bundle load) can detect it was superseded and\n   * drop only what it mounted instead of clobbering the newer session.\n   */\n  private epoch = 0\n\n  /**\n   * Loads one skin's client bundle so its factory registers on the page's\n   * `__ModuleLoader__`. Defaults to a same-origin script tag from the host\n   * route `/api/skin-center/bundle/<id>`; tests inject a stub.\n   */\n  private readonly loadBundle: (entry: SkinCenterEntry) => Promise<void>\n\n  constructor(options: { loadBundle?: (entry: SkinCenterEntry) => Promise<void> } = {}) {\n    this.loadBundle = options.loadBundle ?? (entry => loadBundleScript(`${BUNDLE_ROUTE}/${encodeURIComponent(entry.id)}`))\n  }\n  /** The skin currently being tried on, if any. */\n  get trying(): SkinCenterEntry | null {\n    return this.session?.entry ?? null\n  }\n\n  /** Whether the official stock look (no skin) is being tried on. */\n  get tryingOfficial(): boolean {\n    return this.session !== null && this.session.entry === null\n  }\n\n  /** Start trying on `entry` (replaces any live session). */\n  async tryOn(entry: SkinCenterEntry): Promise<void> {\n    if (entry.package === activeSkinEntry()?.package) return\n    this.exit()\n    const epoch = ++this.epoch\n\n    const active: ActiveVisuals = this.captureAndRetractActive()\n    let dispose: (() => void) | undefined\n    try {\n      dispose = await this.loadAndApply(entry)\n    } catch (error) {\n      if (epoch === this.epoch) this.restoreActive(active)\n      throw error\n    }\n    if (epoch !== this.epoch) {\n      // Superseded while loading (a newer try-on or exit started): drop only\n      // what this attempt mounted — the newer operation owns the surface and\n      // captured the active-skin visuals it needs on exit.\n      this.cleanupModule(entry)\n      dispose()\n      return\n    }\n    this.session = { entry, dispose, active }\n  }\n\n  /**\n   * Try on the official stock look: retract the active skin's visual writes\n   * (same recipe as a skin try-on) and mount nothing. Exiting restores the\n   * active skin exactly like any other try-on session.\n   */\n  tryOnOfficial(): void {\n    if (activeSkinEntry() === null) return\n    this.exit()\n    this.epoch += 1\n    const active: ActiveVisuals = this.captureAndRetractActive()\n    this.session = { entry: null, dispose: () => {}, active }\n  }\n\n  /** Exit the live session: dispose the tried-on skin, then restore the active skin. */\n  exit(): void {\n    const session = this.session\n    if (session === null) return\n    this.epoch += 1\n    this.session = null\n    session.dispose()\n    if (session.entry !== null) this.cleanupModule(session.entry)\n    this.restoreActive(session.active)\n  }\n\n  /** Execute + materialize + mount the target skin through the real loader. */\n  private async loadAndApply(entry: SkinCenterEntry): Promise<() => void> {\n    const modules = (window as SkinCenterWindow).__DSH_MODULES__\n    if (modules === undefined) throw new Error('skin-center: window.__DSH_MODULES__ missing')\n    // This try-on session owns the module record for the package for its\n    // whole life (a try-on of the ACTIVE skin is rejected above, and the GUI\n    // never hosts two skins at once). Drop any factory a crashed earlier\n    // session left behind so the script below registers a fresh one — the\n    // duplicate-registration retry dance is unnecessary with the real\n    // loader, whose load() throws on a duplicate id.\n    modules.invalidate(entry.package)\n    await this.loadBundle(entry)\n    const surface = await modules.import(entry.package)\n    const apply = (surface as { apply?: (ctx: unknown) => unknown }).apply\n    if (typeof apply !== 'function') {\n      throw new Error(`skin-center: \"${entry.package}\" client bundle exports no apply`)\n    }\n    const ctx = miniCtx()\n    try {\n      apply(ctx)\n    } catch (error) {\n      // A skin that throws mid-apply leaves partial writes behind (body\n      // attribute, chrome, style tag) and never registers its disposer —\n      // the tryOn catch only restores the ACTIVE skin. Roll the residue back\n      // here so a crashed try-on can never bleed into the next one.\n      this.cleanupModule(entry)\n      document.body.removeAttribute(entry.bodyAttr)\n      for (const el of [...document.body.children] as HTMLElement[]) {\n        if (isSkinChrome(el, entry)) el.remove()\n      }\n      throw error\n    }\n    return ctx.__disposeAll\n  }\n\n  /** Drop the tried-on module record + its injected style tag. */\n  private cleanupModule(entry: SkinCenterEntry): void {\n    const modules = (window as SkinCenterWindow).__DSH_MODULES__\n    modules?.invalidate(entry.package)\n    for (const el of document.querySelectorAll(`style[data-plugin=${JSON.stringify(entry.package)}]`)) {\n      el.remove()\n    }\n  }\n\n  /**\n   * Snapshot the active skin's visual writes and retract them so the tried-on\n   * skin can take over the whole surface.\n   */\n  private captureAndRetractActive(): ActiveVisuals {\n    const skin = activeSkinEntry() ?? null\n    const body = document.body\n    const bodyAttr = skin === null ? null : body.getAttribute(skin.bodyAttr)\n    if (skin !== null && bodyAttr !== null) body.removeAttribute(skin.bodyAttr)\n\n    const bodyStyle = body.getAttribute('style')\n    for (const prop of BACKDROP_PROPS) body.style.removeProperty(prop)\n\n    // Detach only known skin chrome (marker/bodyAttr), leaving other\n    // plugins' portals/toasts in place; remember each element's next sibling\n    // so restore re-inserts in the original order.\n    const children = [...body.children] as HTMLElement[]\n    const chrome = new Set<HTMLElement>()\n    for (const el of children) {\n      if (el.id !== 'root' && isSkinChrome(el, skin)) chrome.add(el)\n    }\n    const detached: Array<{ el: HTMLElement; anchor: Node | null }> = []\n    for (let i = 0; i < children.length; i++) {\n      const el = children[i]\n      if (!chrome.has(el)) continue\n      let anchor: Node | null = null\n      for (let j = i + 1; j < children.length; j++) {\n        if (!chrome.has(children[j])) { anchor = children[j]; break }\n      }\n      detached.push({ el, anchor })\n    }\n    for (const { el } of detached) el.remove()\n\n    // Neutralize a surviving ghost observer (blue-fantasy's backdrop\n    // re-writer) across theme flips during the try-on.\n    const clearObserver = new MutationObserver(() => {\n      for (const prop of BACKDROP_PROPS) body.style.removeProperty(prop)\n    })\n    clearObserver.observe(body, { attributes: true, attributeFilter: ['data-ds-dark-theme'] })\n\n    const neutralizeCss = skin === null ? undefined : NEUTRALIZE_CSS[skin.id]\n    const neutralizeStyle = neutralizeCss === undefined ? null : this.injectStyle(neutralizeCss)\n\n    return { skin, bodyAttr, bodyStyle, detached, clearObserver, neutralizeStyle }\n  }\n\n  /** Restore the active skin's captured visual state. */\n  private restoreActive(active: ActiveVisuals): void {\n    const body = document.body\n    if (active.skin !== null && active.bodyAttr !== null) {\n      body.setAttribute(active.skin.bodyAttr, active.bodyAttr)\n    }\n    if (active.bodyStyle !== null) {\n      body.setAttribute('style', active.bodyStyle)\n    } else {\n      body.removeAttribute('style')\n    }\n    for (const { el, anchor } of active.detached) {\n      body.insertBefore(el, anchor !== null && anchor.parentNode === body ? anchor : null)\n    }\n    active.clearObserver?.disconnect()\n    active.neutralizeStyle?.remove()\n  }\n\n  private injectStyle(css: string): HTMLStyleElement {\n    const tag = document.createElement('style')\n    tag.dataset.skinCenterNeutralize = ''\n    tag.textContent = css\n    document.head.append(tag)\n    return tag\n  }\n}\n","/**\n * The skin-center plugin card: one disclosure card inside the Web UI plugin\n * group (插件配置 → Web UI 插件), listing every installed skin plus the\n * official stock look. Live try-on executes the real bundle inside the GUI\n * (light/dark preview, full restore on exit); Apply is one click — the host\n * half runs `dsh-skin use` through /api/skin-center/apply, the config\n * watcher hot-reloads the patch, and the page reloads into the new skin.\n * Copy rides the standard `t` seat; the theme preview control drives the\n * official theme service (persisted, same as the Appearance row).\n */\nimport { useEffect, useRef, useState, useSyncExternalStore, type ReactNode } from 'react'\nimport type { PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots'\nimport type { ThemeSnapshot } from '@deepseek-ai/dsh-client-ui-theme/client'\nimport { SKIN_CENTER_ENTRIES, type SkinCenterEntry } from './generated/skins.ts'\nimport { manifestHasSkin } from './manifest.ts'\nimport type { SkinBackgroundHandle } from './background.ts'\nimport { activeSkinEntry, TryOnController } from './try-on.ts'\nimport css from './skin-center.module.css'\n\n/** Business face the skin-center apply() injects into the card. */\nexport interface SkinCenterInjected {\n  controller: TryOnController\n  theme: {\n    getTheme(): ThemeSnapshot\n    subscribe(listener: () => void): () => void\n    setTheme(id: 'light' | 'dark'): void\n  }\n  /** Background occluder over the shared skin-background namespace. */\n  background: SkinBackgroundHandle\n}\n\n/** Plugin-card component props: group-item runtime share + locale seat + injected face. */\nexport type SkinCenterComponentProps =\n  PropsRuntime<'web-ui.plugin.item'> & PropsLocale<'skinCenter'> & SkinCenterInjected\n\n/** The apply target of the official stock-look card. */\nconst OFFICIAL = 'official'\n\n/** Skin ids that read the background-scrim variable and paint a backdrop. */\nconst BACKDROP_SKIN_IDS = new Set(['blue-fantasy', 'whale-song'])\n\n/**\n * Render the skin-center card: a disclosure header naming the plugin, with\n * the skin list (official default + every installed skin; try-on / theme\n * preview / one-click apply) inside its body.\n * @param props - card props.\n * @returns the plugin card.\n */\nexport function SkinCenter({ t, controller, theme, background }: SkinCenterComponentProps) {\n  const snapshot = useSyncExternalStore(theme.subscribe, theme.getTheme)\n  const opacity = useSyncExternalStore(background.subscribe, background.opacity)\n  const activePackage = activeSkinEntry()?.package\n  const activeId = activeSkinEntry()?.id\n  const backdropActive = activeId !== undefined && BACKDROP_SKIN_IDS.has(activeId)\n  const [open, setOpen] = useState(false)\n  const [tryingId, setTryingId] = useState<string | null>(null)\n  const [tryingOfficial, setTryingOfficial] = useState(false)\n  const [applying, setApplying] = useState<string | null>(null)\n  const [error, setError] = useState<string | null>(null)\n  // Unmount guard for the confirmation poll: once the card is gone, the\n  // pending timers must stop and no reload / setState may fire.\n  const mounted = useRef(false)\n  useEffect(() => {\n    mounted.current = true\n    return () => { mounted.current = false }\n  }, [])\n\n  const tryOn = (entry: SkinCenterEntry): void => {\n    setError(null)\n    void controller.tryOn(entry)\n      .then(() => {\n        setTryingId(entry.id)\n        setTryingOfficial(false)\n      })\n      .catch(() => {\n        // The controller may have torn down a previous session before the\n        // load failed; reset both flags so no stale \"trying on\" lingers.\n        setError(t('tryOnError'))\n        setTryingId(null)\n        setTryingOfficial(false)\n      })\n  }\n\n  const tryOnOfficial = (): void => {\n    setError(null)\n    try {\n      controller.tryOnOfficial()\n    } catch {\n      setError(t('tryOnError'))\n      setTryingOfficial(false)\n      return\n    }\n    setTryingId(null)\n    setTryingOfficial(true)\n  }\n\n  const exitTryOn = (): void => {\n    controller.exit()\n    setTryingId(null)\n    setTryingOfficial(false)\n  }\n\n  /**\n   * Poll the host state until the config watcher reports the target active\n   * (the patch write lands before the watcher re-applies it), or time out.\n   * @param target - skin id, or `official` for the stock look.\n   * @returns whether the target became active within the poll budget.\n   */\n  const confirmActive = (target: string): Promise<boolean> =>\n    new Promise(resolve => {\n      const expected = target === OFFICIAL ? 'none' : target\n      let tries = 0\n      const tick = (): void => {\n        if (!mounted.current) {\n          resolve(false)\n          return\n        }\n        tries += 1\n        void fetch('/api/skin-center/state')\n          .then(async response => {\n            const payload = await response.json().catch(() => null) as { ok?: boolean; active?: string } | null\n            if (response.ok && payload?.ok === true && payload.active === expected) {\n              resolve(true)\n              return\n            }\n            if (tries >= 20 || !mounted.current) resolve(false)\n            else window.setTimeout(tick, 250)\n          })\n          .catch(() => {\n            if (tries >= 20 || !mounted.current) resolve(false)\n            else window.setTimeout(tick, 250)\n          })\n      }\n      tick()\n    })\n\n  /**\n   * Poll the served GUI document until the boot manifest actually enables\n   * the target (the config watcher regenerates it asynchronously after the\n   * patch write — reloading earlier boots the page into the previous skin),\n   * or time out.\n   * @param target - skin id, or `official` for the stock look.\n   * @returns whether the manifest caught up within the poll budget.\n   */\n  const manifestReady = (target: string): Promise<boolean> =>\n    new Promise(resolve => {\n      const expected = target === OFFICIAL ? null : target\n      let tries = 0\n      const tick = (): void => {\n        if (!mounted.current) {\n          resolve(false)\n          return\n        }\n        tries += 1\n        void fetch(window.location.href, { cache: 'no-store' })\n          .then(async response => {\n            const html = await response.text().catch(() => null)\n            if (html !== null && manifestHasSkin(html, expected)) {\n              resolve(true)\n              return\n            }\n            if (tries >= 40 || !mounted.current) resolve(false)\n            else window.setTimeout(tick, 500)\n          })\n          .catch(() => {\n            if (tries >= 40 || !mounted.current) resolve(false)\n            else window.setTimeout(tick, 500)\n          })\n      }\n      tick()\n    })\n\n  /**\n   * One-click apply: the host half runs `dsh-skin use <target>` (or\n   * `use official`), the config watcher hot-reloads the patch within\n   * seconds, then this page reloads to pick up the new boot graph. The\n   * reload waits for both the patch (state poll) and the regenerated boot\n   * manifest (manifest poll) so the page never boots into the old skin.\n   * @param target - skin id, or `official` for the stock look.\n   */\n  const applySkin = (target: string): void => {\n    setError(null)\n    setApplying(target)\n    const body = target === OFFICIAL ? { official: true } : { skin: target }\n    void fetch('/api/skin-center/apply', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify(body),\n    })\n      .then(async response => {\n        const payload = await response.json().catch(() => null) as { ok?: boolean; error?: string } | null\n        if (!response.ok || payload?.ok !== true) {\n          throw new Error(payload?.error ?? `HTTP ${response.status}`)\n        }\n        setApplying(null)\n        // Patch written; reload only once the watcher reports the target\n        // active AND the boot manifest caught up, so the page never boots\n        // into the old skin.\n        void confirmActive(target).then(confirmed => {\n          if (!mounted.current) return\n          if (!confirmed) {\n            const command = target === OFFICIAL ? 'dsh-skin use official' : `dsh-skin use ${target}`\n            setError(`${t('appliedUnconfirmed')} — ${command}`)\n            return\n          }\n          void manifestReady(target).then(ready => {\n            if (!mounted.current) return\n            if (ready) {\n              window.location.reload()\n            } else {\n              const command = target === OFFICIAL ? 'dsh-skin use official' : `dsh-skin use ${target}`\n              setError(`${t('appliedUnconfirmed')} — ${command}`)\n            }\n          })\n        })\n      })\n      .catch((cause: unknown) => {\n        setApplying(null)\n        const detail = cause instanceof Error ? cause.message : String(cause)\n        const command = target === OFFICIAL ? 'dsh-skin use official' : `dsh-skin use ${target}`\n        setError(`${t('applyFailed')} (${detail}) — ${command}`)\n      })\n  }\n\n  const dark = snapshot.active.colorScheme === 'dark'\n\n  /** One row: try-on control + apply button. Shared by the official card and every skin card. */\n  const actionButtons = (opts: {\n    key: string\n    isActive: boolean\n    isTrying: boolean\n    onTryOn: () => void\n    applyLabel: string\n  }): ReactNode => (\n    <div className={css.actions}>\n      {opts.isActive ? (\n        <button type=\"button\" className={`${css.button} ${css.buttonGhost}`} disabled>\n          {t('tryOn')}\n        </button>\n      ) : opts.isTrying ? (\n        <button type=\"button\" className={`${css.button} ${css.buttonPrimary}`} onClick={exitTryOn}>\n          {t('exitTryOn')}\n        </button>\n      ) : (\n        <button type=\"button\" className={`${css.button} ${css.buttonPrimary}`} onClick={opts.onTryOn}>\n          {t('tryOn')}\n        </button>\n      )}\n      <button\n        type=\"button\"\n        className={css.button}\n        disabled={applying !== null}\n        onClick={() => { applySkin(opts.key) }}\n      >\n        {applying === opts.key ? t('applying') : opts.applyLabel}\n      </button>\n    </div>\n  )\n\n  return (\n    <li className={open ? `${css.pluginCard} ${css.pluginCardOpen}` : css.pluginCard}>\n      <button\n        type=\"button\"\n        className={css.cardHeader}\n        aria-expanded={open}\n        aria-label={`${t(open ? 'collapse' : 'expand')}: ${t('title')}`}\n        onClick={() => { setOpen(current => !current) }}\n      >\n        <span className={css.headText}>\n          <span className={css.pluginName}>\n            {t('title')}\n            <span className={css.titleBadge}>{String(SKIN_CENTER_ENTRIES.length)}</span>\n          </span>\n          <span className={css.cardDescription} title={t('cardDescription')}>{t('cardDescription')}</span>\n        </span>\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 14 14\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className={open ? `${css.chevron} ${css.chevronOpen}` : css.chevron}\n        >\n          <path\n            d=\"M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </button>\n\n      {open\n        ? (\n          <div className={css.cardBody}>\n            <div className={css.head}>\n              <div className={css.intro} title={t('intro')}>{t('intro')}</div>\n              <div className={css.themeRow}>\n                <span className={css.themeLabel}>{t('theme')}</span>\n                <button\n                  type=\"button\"\n                  className={`${css.themeButton} ${dark ? '' : css.themeButtonActive}`}\n                  onClick={() => { theme.setTheme('light') }}\n                >\n                  {t('themeLight')}\n                </button>\n                <button\n                  type=\"button\"\n                  className={`${css.themeButton} ${dark ? css.themeButtonActive : ''}`}\n                  onClick={() => { theme.setTheme('dark') }}\n                >\n                  {t('themeDark')}\n                </button>\n              </div>\n            </div>\n\n            <div className={css.backgroundRow}>\n              <div className={css.backgroundHead}>\n                <span className={css.backgroundLabel}>{t('backgroundOpacity')}</span>\n                <span className={css.backgroundValue} aria-hidden=\"true\">{opacity}%</span>\n              </div>\n              <input\n                id=\"skin-center-background-opacity\"\n                className={css.backgroundRange}\n                type=\"range\"\n                min=\"0\"\n                max=\"100\"\n                step=\"5\"\n                value={opacity}\n                aria-valuetext={`${opacity}%`}\n                aria-label={t('backgroundOpacity')}\n                onChange={(event) => { background.set(Number(event.target.value)) }}\n              />\n              <p className={backdropActive ? css.backgroundHint : css.backgroundHintMuted}>\n                {backdropActive ? t('backgroundHint') : t('backgroundHintInert')}\n              </p>\n            </div>\n\n            {error !== null && <div className={css.error}>{error}</div>}\n\n            <div className={css.list}>\n              {(() => {\n                const isActive = activePackage === undefined\n                const isTrying = tryingOfficial\n                const badge = isActive ? t('active') : isTrying ? t('tryingOn') : null\n                return (\n                  <div className={css.card} key={OFFICIAL}>\n                    <div className={css.cardHead}>\n                      <span className={css.swatch} style={{ background: '#98a1ab' }} aria-hidden=\"true\" />\n                      <span className={css.cardName} title={t('official')}>{t('official')}</span>\n                      {badge !== null && (\n                        <span className={`${css.badge} ${isActive ? css.badgeActive : css.badgeTrying}`}>\n                          {badge}\n                        </span>\n                      )}\n                    </div>\n                    <div className={css.cardTagline} title={t('officialTagline')}>{t('officialTagline')}</div>\n                    {actionButtons({\n                      key: OFFICIAL,\n                      isActive,\n                      isTrying,\n                      onTryOn: tryOnOfficial,\n                      applyLabel: t('restore'),\n                    })}\n                  </div>\n                )\n              })()}\n\n              {SKIN_CENTER_ENTRIES.map(entry => {\n                const isActive = entry.package === activePackage\n                const isTrying = entry.id === tryingId\n                const badge = isActive ? t('active') : isTrying ? t('tryingOn') : null\n                return (\n                  <div className={css.card} key={entry.id}>\n                    <div className={css.cardHead}>\n                      <span className={css.swatch} style={{ background: entry.accent }} aria-hidden=\"true\" />\n                      <span className={css.cardName} title={entry.nameEn}>{entry.nameEn}</span>\n                      {badge !== null && (\n                        <span className={`${css.badge} ${isActive ? css.badgeActive : css.badgeTrying}`}>\n                          {badge}\n                        </span>\n                      )}\n                    </div>\n                    <div className={css.cardTagline} title={entry.tagline}>{entry.tagline}</div>\n                    {actionButtons({\n                      key: entry.id,\n                      isActive,\n                      isTrying,\n                      onTryOn: () => { tryOn(entry) },\n                      applyLabel: t('apply'),\n                    })}\n                  </div>\n                )\n              })}\n            </div>\n          </div>\n        )\n        : null}\n    </li>\n  )\n}","/**\n * Background-scrim handle for the skin center: binds the `skin-background`\n * settings namespace and applies the chosen occlusion to the page's backdrop.\n *\n * Application is a CSS variable on `document.body`\n * (--dsw-skin-scrim), which backdrop-painting skins (blue-fantasy /\n * whale-song) read inside their setBackdrop() so the veil stays in sync across\n * theme flips and try-on restores. The official stock look paints no backdrop,\n * so the variable is inert there — the value still persists so it is ready for\n * the next backdrop skin.\n *\n * Values are 0-100 (0 = no extra veil, 100 = fully obscured); they are written\n * through as a 0..1 alpha for the CSS variable. Dragging the control applies\n * instantly (live) and persists through the settings scope.\n */\nimport type { SettingsScope, SettingsScopeSnapshot } from '@deepseek-ai/dsh-client-runtime/client'\n\n/** The namespace string the Host registers (mirrors src/index.ts). */\nexport const SKIN_BACKGROUND_NS = 'skin-background'\n\n/** Field of the background value inside the namespace section. */\nexport const OPACITY_FIELD = 'backgroundOpacity'\n\n/** CSS custom property written to document.body and read by backdrop skins. */\nexport const SCRIM_VAR = '--dsw-skin-scrim'\n\n/** Default occlusion (0 = no extra veil) when the section carries none. */\nexport const DEFAULT_OPACITY = 0\n\n/** The face the skin-center card injects for the background control. */\nexport interface SkinBackgroundHandle {\n  /** Current occlusion 0-100 (also the getSnapshot seat for useSyncExternalStore). */\n  opacity(): number\n  /** Observe a change in the applied value. */\n  subscribe(listener: () => void): () => void\n  /** Apply + persist a new occlusion. */\n  set(opacity: number): void\n}\n\n/**\n * Own the skin-background scope: read the latest occlusion, apply it to the\n * body CSS variable instantly, and persist changes through the settings scope.\n */\nexport class BackgroundController implements SkinBackgroundHandle {\n  private value = DEFAULT_OPACITY\n  private readonly listeners = new Set<() => void>()\n  private readonly scope: SettingsScope<{ backgroundOpacity?: number }>\n\n  /**\n   * @param scope - the bound skin-background settings scope.\n   */\n  constructor(scope: SettingsScope<{ backgroundOpacity?: number }>) {\n    this.scope = scope\n    this.value = this.read()\n    this.apply()\n    scope.subscribe(() => {\n      this.value = this.read()\n      this.apply()\n      this.publish()\n    })\n  }\n\n  opacity(): number { return this.value }\n\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener)\n    return () => { this.listeners.delete(listener) }\n  }\n\n  set(opacity: number): void {\n    const clamped = Math.max(0, Math.min(100, Math.round(opacity)))\n    this.value = clamped\n    this.apply()\n    this.publish()\n    // Persist: queue the write on the settings scope. Failures are silent —\n    // the live value is already applied, and the write drains on reconnect.\n    void this.scope.set(OPACITY_FIELD, clamped)\n  }\n\n  /** The effective section value, clamped 0-100, defaulting to 0. */\n  private read(): number {\n    const snapshot: SettingsScopeSnapshot<{ backgroundOpacity?: number }> = this.scope.getSnapshot()\n    const raw = snapshot.value?.backgroundOpacity\n    if (typeof raw !== 'number' || !Number.isFinite(raw)) return DEFAULT_OPACITY\n    return Math.max(0, Math.min(100, raw))\n  }\n\n  /** Write the current occlusion onto the body CSS variable (0..1 alpha). */\n  private apply(): void {\n    document.body.style.setProperty(SCRIM_VAR, String(this.value / 100))\n  }\n\n  private publish(): void {\n    for (const listener of this.listeners) listener()\n  }\n}\n","/**\n * Skin-center locale dictionaries. The plugin-card name, its description,\n * and every control of the in-GUI skin center is localized through the\n * standard `t` seat.\n */\n\n/** Copy keys owned by this plugin. */\nexport type SkinCenterKey =\n  | 'title'\n  | 'cardDescription'\n  | 'expand'\n  | 'collapse'\n  | 'intro'\n  | 'official'\n  | 'officialTagline'\n  | 'active'\n  | 'tryingOn'\n  | 'tryOn'\n  | 'exitTryOn'\n  | 'apply'\n  | 'applying'\n  | 'restore'\n  | 'applyFailed'\n  | 'appliedUnconfirmed'\n  | 'theme'\n  | 'themeLight'\n  | 'themeDark'\n  | 'tryOnError'\n  | 'backgroundOpacity'\n  | 'backgroundHint'\n  | 'backgroundHintInert'\n\nexport const en: Record<SkinCenterKey, string> = {\n  title: 'Skin Center',\n  cardDescription: 'Try on any installed skin live in the GUI — exit restores instantly, applying persists in one click.',\n  expand: 'Expand',\n  collapse: 'Collapse',\n  intro: 'Try on any skin live — it takes effect instantly, exit restores the current look. Apply persists it across restarts.',\n  official: 'Official default',\n  officialTagline: 'The stock DSH look with no skin applied.',\n  active: 'Active',\n  tryingOn: 'Trying on',\n  tryOn: 'Try on',\n  exitTryOn: 'Exit try-on',\n  apply: 'Apply',\n  applying: 'Applying…',\n  restore: 'Restore',\n  applyFailed: 'Apply failed',\n  appliedUnconfirmed: 'Applied, but the change has not been confirmed — refresh the page if the skin did not switch',\n  theme: 'Theme preview',\n  themeLight: 'Light',\n  themeDark: 'Dark',\n  tryOnError: 'Try-on failed — see console',\n  backgroundOpacity: 'Background occlusion',\n  backgroundHint: 'Instantly veils the backdrop behind the panels — higher values obscure the art to help you focus.',\n  backgroundHintInert: 'Only applies to skins that paint a backdrop (Blue Fantasy / Whale Song). Applies to the official default automatically once such a skin is active.',\n}\n\nexport const zh: Record<SkinCenterKey, string> = {\n  title: '皮肤中心',\n  cardDescription: '在 GUI 内即时试穿任意皮肤，退出即完全还原；应用一键完成并自动刷新。',\n  expand: '展开',\n  collapse: '收起',\n  intro: '任意皮肤可即时试穿，退出即完全还原；「应用」一键持久化，页面自动刷新生效。',\n  official: '官方默认',\n  officialTagline: '还原 DSH 官方默认外观，不应用任何皮肤。',\n  active: '当前激活',\n  tryingOn: '试穿中',\n  tryOn: '试穿',\n  exitTryOn: '退出试穿',\n  apply: '应用',\n  applying: '应用中…',\n  restore: '恢复默认',\n  applyFailed: '应用失败',\n  appliedUnconfirmed: '已写入配置但尚未确认生效——若皮肤未切换请手动刷新页面',\n  theme: '主题预览',\n  themeLight: '亮色',\n  themeDark: '暗色',\n  tryOnError: '试穿失败，详见控制台',\n  backgroundOpacity: '背景遮挡',\n  backgroundHint: '即时为面板背后的背景加遮罩——数值越高越能弱化插画，帮你集中注意力。',\n  backgroundHintInert: '仅对带背景图插画的皮肤（蓝色幻想 / 鲸吟）生效；官方默认无背景图，该滑块对这些皮肤自动生效。',\n}\n","/**\n * In-GUI skin center, browser half: registers the Skins plugin card into the\n * Web UI plugin group (`web-ui.plugin.item`, declared by the web-ui-settings\n * group card under 插件配置) and provides the try-on controller + official\n * theme handle to it. The card lists every installed skin (embedded\n * registry), tries it on live inside the GUI, exits with a full restore, and\n * copies the one-command apply. The plugin writes only DOM and the settings\n * ledger — no services, no events, no model access.\n */\nimport type { ClientContext, SettingsScope, SettingsScopeSpec } from '@deepseek-ai/dsh-client-runtime/client'\nimport type { ThemeRuntime } from '@deepseek-ai/dsh-client-ui-theme/client'\n// Type-only: pulls the locale plugin's Context merge (ctx.locale).\nimport type {} from '@deepseek-ai/dsh-client-locale/client'\n// Type-only: pulls the settings-surface Context merge (ctx.settingsScope).\nimport type {} from '@deepseek-ai/dsh-client-ui-settings/client'\nimport { SkinCenter, type SkinCenterInjected } from './SkinCenter.tsx'\nimport { BackgroundController, SKIN_BACKGROUND_NS } from './background.ts'\nimport { en, zh, type SkinCenterKey } from './locales.ts'\nimport { TryOnController } from './try-on.ts'\n\nexport type { SkinCenterComponentProps, SkinCenterInjected } from './SkinCenter.tsx'\nexport { TryOnController } from './try-on.ts'\n\n/** Locale namespace owned by this plugin. */\nexport const NS = 'skinCenter'\n\ndeclare module '@deepseek-ai/dsh-client-ui-slots' {\n  interface LocaleNamespaceMap {\n    /** The skin-center card's copy. */\n    skinCenter: SkinCenterKey\n  }\n\n  interface SlotMap {\n    /**\n     * The child slot the Web UI plugin group declares; this card registers\n     * into the group instead of the top-level `settings.plugin.item` list.\n     * Spelled here with the same shape so this package can register without\n     * depending on the sibling UI package.\n     */\n    'web-ui.plugin.item': { kind: 'list'; scope: 'root'; owner: SettingsPluginItemOwnerProps }\n  }\n}\n\n/** Owner share of a plugin card (the group card supplies nothing). */\nexport interface SettingsPluginItemOwnerProps {\n  /** Marker field: card owner props are intentionally empty. */\n  children?: never\n}\n\ndeclare module '@deepseek-ai/cordis' {\n  interface Context {\n    /**\n     * Optional rc.6 compatibility binder provided by dsh-web-ui-settings;\n     * absent when that group plugin is not installed, so callers fall back to\n     * the official settings scope.\n     */\n    webUiSettings?: { bind<S>(spec: SettingsScopeSpec<S>): SettingsScope<S> }\n  }\n}\n\n\n/** Required services: slots + locale (plugin card), theme (preview toggle), and settingsScope + its transport (background scrim). */\nexport const inject = ['slots', 'locale', 'theme', 'settingsScope', 'connection', 'remote']\n\n/**\n * Register the skin-center dictionaries, the body scope attribute, and the\n * Skins plugin card inside the Web UI plugin group.\n * @param ctx - client root context.\n */\nexport function apply(ctx: ClientContext): void {\n  ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'ui-skin-center: dictionaries')\n\n  // The card's own styles scope under this attribute so they keep applying\n  // during try-on (when the active skin's attribute is retracted).\n  ctx.effect(() => {\n    document.body.dataset.dshSkinCenter = ''\n    return () => { delete document.body.dataset.dshSkinCenter }\n  }, 'ui-skin-center: body scope')\n\n  const theme = ctx.get('theme') as ThemeRuntime\n  const controller = new TryOnController()\n  // Background occluder over the shared skin-background namespace. The scope\n  // is bound to this plugin's fiber, so it is torn down with the card.\n  const binder = ctx.get('webUiSettings') ?? ctx.settingsScope\n  const backgroundScope = binder.bind<{ backgroundOpacity?: number }>({ namespace: SKIN_BACKGROUND_NS })\n  const background = new BackgroundController(backgroundScope)\n  const injected = (): SkinCenterInjected => ({\n    controller,\n    theme: {\n      getTheme: () => theme.getTheme(),\n      subscribe: listener => ctx.on('theme/change', listener),\n      setTheme: id => theme.setTheme(id),\n    },\n    background: {\n      opacity: () => background.opacity(),\n      subscribe: listener => background.subscribe(listener),\n      set: opacity => background.set(opacity),\n    },\n  })\n\n  ctx.slots.inject('web-ui.plugin.item', () => ctx.slots.register({\n    name: 'web-ui.plugin.item',\n    id: 'skins',\n    order: 110,\n    locale: NS,\n    inject: injected,\n  }, SkinCenter))\n}\n"],"mappings":"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"}

package/lib/index.js

@@ -320,6 +320,26 @@ function readProfileBundles(profileManifestPath) {
 	} catch {}
 	return out;
 }
+/**
+* Dependency keys from the active profile manifest's `dependencies` — the
+* profile top-level packages the loader reconciles patch rows from (the
+* second wiring channel beside dsh.profile.bundles; `dsh plugin add` and
+* npm installs land here). Unreadable/malformed manifests contribute
+* nothing, matching readProfileBundles.
+* @param profileManifestPath - <harnessHome>/profiles/<profile>/package.json.
+*/
+function readProfileDependencies(profileManifestPath) {
+	const out = /* @__PURE__ */ new Set();
+	if (profileManifestPath === void 0) return out;
+	try {
+		const manifest = JSON.parse(readFileSync(profileManifestPath, "utf8"));
+		if (typeof manifest !== "object" || manifest === null) return out;
+		const deps = manifest.dependencies;
+		if (typeof deps !== "object" || deps === null) return out;
+		for (const key of Object.keys(deps)) out.add(key);
+	} catch {}
+	return out;
+}
 /** Whether an absolute path sits inside the `dsh-skins/skins/` bundled
 * carrier (the path-segment heuristic documented on the symlink branch). */
 function isDshSkinsCarrierPath(dir) {
@@ -336,16 +356,22 @@ function isDshSkinsCarrierPath(dir) {
 *  - the active profile manifest's `dsh.profile.bundles` contains entry.pkg
 *    (the scripts/dsh-skin `bundleWiredFromProfile` authority — true whether
 *    the profile target is a real directory or a symlink), or
-*  - the profile target for entry.pkg is a REAL installed package directory
-*    whose own `cordis.patch.yml` exists and contains an insert row with
-*    entry.id, or
-*  - the profile target is a symlink to an installed per-skin bundle OUTSIDE
-*    the bundled dsh-skins/skins carrier, and that real target's
-*    `cordis.patch.yml` contains an insert row with entry.id.
+*  - the profile manifest's `dependencies` contains entry.pkg (installed via
+*    `dsh plugin add` / npm — the loader reconciles patch rows of the
+*    profile's top-level packages, which is how these bundles get wired).
+*
+* When the profile manifest exists, its wiring lists are the whole truth:
+* the loader reconciles ONLY bundle entries and dependency packages. In
+* particular, the node_modules symlinks ensureSymlink creates for the
+* skin-center itself are pure resolvability links — they are never
+* reconciled — and must not be mistaken for installed bundles, otherwise
+* useSkin skips the home insert row and no skin ever activates.
 *
-* A symlink into the dsh-skins/skins carrier asset dir is never an active
-* per-skin bundle (its cordis.patch.yml is not reconciled into the profile),
-* so that layout keeps its home insert row.
+* Only when the manifest is absent/unreadable does the function fall back to
+* the structural probe (a real installed dir, or a symlink to an independent
+* package outside the dsh-skins/skins carrier, whose own cordis.patch.yml
+* inserts entry.id). A symlink into the bundled carrier asset dir is never an
+* active per-skin bundle in any layout.
 * @param entry - the skin switch entry.
 * @param profileModulesDir - the profile's node_modules dir.
 * @param profileManifestPath - optional profile package.json path.
@@ -353,6 +379,8 @@ function isDshSkinsCarrierPath(dir) {
 function activeSkinIsBundleWired(entry, profileModulesDir, profileManifestPath) {
 	if (entry.bundleWired) return true;
 	if (readProfileBundles(profileManifestPath).has(entry.pkg)) return true;
+	if (readProfileDependencies(profileManifestPath).has(entry.pkg)) return true;
+	if (profileManifestPath !== void 0 && statSync(profileManifestPath, { throwIfNoEntry: false })) return false;
 	const target = join(profileModulesDir, entry.pkg);
 	let stat;
 	try {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linxin666/dsh-client-ui-skin-center",
   "description": "In-GUI skin center for the dsh web GUI: lists the official default plus every installed skin (qq98 / ths / xp / blue-fantasy / dragon-heir / minecraft), tries it on live inside the real GUI (executes the actual client bundle, light/dark preview), exits with a full restore, and applies in one click through the host /api/skin-center API (dsh-skin use, hot-reloaded, no restart)",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "type": "module",
   "main": "lib/index.js",
   "exports": {