@danielng23/dsh-client-ui-theme-store 0.1.0

package/lib/client.js

@@ -0,0 +1,1591 @@
+window.__ModuleLoader__.load({
+	id: "@danielng23/dsh-client-ui-theme-store",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		//#region \0dsh-css:/Users/daniel/workspace/dsh-edex-themes/src/client/ThemeStoreSection.module.css.mjs
+		const css = "._20S4Kq_section{flex-direction:column;gap:1rem;padding:0;display:flex}._20S4Kq_header{flex-direction:column;gap:.25rem;display:flex}._20S4Kq_title{color:var(--dsw-alias-label-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.5}._20S4Kq_subtitle{color:var(--dsw-alias-label-secondary);margin:0;font-size:.8125rem;line-height:1.4}._20S4Kq_banner{border:1px solid color-mix(in srgb, var(--dsw-alias-state-success-primary,#2e7d32) 45%, transparent);background:color-mix(in srgb, var(--dsw-alias-state-success-primary,#2e7d32) 10%, transparent);border-radius:6px;align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex}._20S4Kq_bannerText{color:var(--dsw-alias-label-primary);flex:1;margin:0;font-size:.8125rem;line-height:1.4}._20S4Kq_bannerDismiss{width:1.5rem;height:1.5rem;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;font-size:1rem;line-height:1}._20S4Kq_bannerDismiss:hover{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}._20S4Kq_status{color:var(--dsw-alias-label-secondary);margin:0;font-size:.8125rem;line-height:1.4}._20S4Kq_failure{border:1px solid var(--dsw-alias-state-error-primary,#e03e3e);background:color-mix(in srgb, var(--dsw-alias-state-error-primary,#e03e3e) 8%, transparent);border-radius:6px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}._20S4Kq_failure p{color:var(--dsw-alias-label-primary);white-space:pre-wrap;margin:0;font-size:.8125rem}._20S4Kq_retry{align-self:flex-start}._20S4Kq_grid{grid-template-columns:1fr;gap:.75rem;display:grid}._20S4Kq_card{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;gap:.75rem;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}._20S4Kq_card:hover{border-color:var(--dsw-alias-border-l2);box-shadow:0 1px 4px #00000014}._20S4Kq_screenshot{aspect-ratio:16/9;background:var(--dsw-alias-bg-layer-2);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}._20S4Kq_screenshotImg{object-fit:cover;width:100%;height:100%;display:block}._20S4Kq_swatchFallback{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:8px;display:flex}._20S4Kq_swatch{border:1px solid var(--dsw-alias-border-l1);border-radius:4px;width:28px;height:28px;display:block}._20S4Kq_cardBody{flex-direction:column;gap:.25rem;padding:0;display:flex}._20S4Kq_cardMain{flex-direction:column;flex:1;gap:0;min-width:0;padding:.625rem .75rem .75rem;display:flex}._20S4Kq_cardName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.4;overflow:hidden}._20S4Kq_cardAuthor{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.3;overflow:hidden}._20S4Kq_cardScheme{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l1);border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:.6875rem;line-height:1.2}._20S4Kq_cardScheme[data-scheme=dark]{color:#ccc;background:#1e1e1e;border-color:#444}._20S4Kq_cardScheme[data-scheme=light]{color:#333;background:#f5f5f5;border-color:#ddd}._20S4Kq_cardTags{align-items:center;gap:.375rem;display:flex}._20S4Kq_cardType{background:color-mix(in srgb, var(--dsw-alias-brand-primary,#4ea1ff) 12%, transparent);color:var(--dsw-alias-brand-primary,#4ea1ff);border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary,#4ea1ff) 35%, transparent);border-radius:4px;padding:1px 6px;font-size:.6875rem;line-height:1.2}._20S4Kq_installBox{flex-direction:column;gap:.375rem;padding:0;display:flex}._20S4Kq_installNote{color:var(--dsw-alias-label-secondary);margin:0;font-size:.6875rem;line-height:1.3}._20S4Kq_installCommand{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;user-select:all;border-radius:4px;padding:.375rem .5rem;font-size:.6875rem;line-height:1.4;display:block;overflow:hidden}._20S4Kq_installError{color:var(--dsw-alias-state-error-primary,#e03e3e);white-space:pre-wrap;margin:0;font-size:.6875rem;line-height:1.3}._20S4Kq_progress{flex-direction:column;gap:.25rem;display:flex}._20S4Kq_progressBar{background:var(--dsw-alias-bg-layer-2);border-radius:2px;height:4px;display:block;position:relative;overflow:hidden}._20S4Kq_progressBar:after{content:\"\";background:var(--dsw-alias-brand-primary,#4ea1ff);border-radius:2px;width:40%;animation:1.2s ease-in-out infinite _20S4Kq_dshThemeStoreIndeterminate;position:absolute;inset:0}@keyframes _20S4Kq_dshThemeStoreIndeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}._20S4Kq_progressLabel{color:var(--dsw-alias-label-secondary);font-size:.6875rem;line-height:1.3}._20S4Kq_applyBtn{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-self:flex-start;margin:.5rem 0 0;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.4;transition:background .12s,border-color .12s}._20S4Kq_applyBtn:hover:not(:disabled){background:var(--dsw-alias-bg-layer-1);border-color:var(--dsw-alias-border-l2)}._20S4Kq_applyBtn:disabled{opacity:.6;cursor:default;background:color-mix(in srgb, var(--dsw-alias-state-success-primary,#2e7d32) 6%, var(--dsw-alias-bg-layer-2));border-color:var(--dsw-alias-state-success-primary,#2e7d32);color:var(--dsw-alias-state-success-primary,#2e7d32)}";
+		const tagId = "@danielng23/dsh-client-ui-theme-store/ThemeStoreSection.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@danielng23/dsh-client-ui-theme-store";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var ThemeStoreSection_module_css_default = {
+			"applyBtn": "_20S4Kq_applyBtn",
+			"banner": "_20S4Kq_banner",
+			"bannerDismiss": "_20S4Kq_bannerDismiss",
+			"bannerText": "_20S4Kq_bannerText",
+			"card": "_20S4Kq_card",
+			"cardAuthor": "_20S4Kq_cardAuthor",
+			"cardBody": "_20S4Kq_cardBody",
+			"cardMain": "_20S4Kq_cardMain",
+			"cardName": "_20S4Kq_cardName",
+			"cardScheme": "_20S4Kq_cardScheme",
+			"cardTags": "_20S4Kq_cardTags",
+			"cardType": "_20S4Kq_cardType",
+			"dshThemeStoreIndeterminate": "_20S4Kq_dshThemeStoreIndeterminate",
+			"failure": "_20S4Kq_failure",
+			"grid": "_20S4Kq_grid",
+			"header": "_20S4Kq_header",
+			"installBox": "_20S4Kq_installBox",
+			"installCommand": "_20S4Kq_installCommand",
+			"installError": "_20S4Kq_installError",
+			"installNote": "_20S4Kq_installNote",
+			"progress": "_20S4Kq_progress",
+			"progressBar": "_20S4Kq_progressBar",
+			"progressLabel": "_20S4Kq_progressLabel",
+			"retry": "_20S4Kq_retry",
+			"screenshot": "_20S4Kq_screenshot",
+			"screenshotImg": "_20S4Kq_screenshotImg",
+			"section": "_20S4Kq_section",
+			"status": "_20S4Kq_status",
+			"subtitle": "_20S4Kq_subtitle",
+			"swatch": "_20S4Kq_swatch",
+			"swatchFallback": "_20S4Kq_swatchFallback",
+			"title": "_20S4Kq_title"
+		};
+		//#endregion
+		//#region lib/types/client/ThemeStoreSection.js
+		/**
+		* Theme store section: a Settings page that lists repository themes as image
+		* cards. Color themes apply inline (`register` + `setTheme`); shell themes
+		* (eDEX variants) also preview their palette but need a pnpm install for the
+		* full UI, so their card surfaces the install command and copies it on demand.
+		*
+		* The component receives the store mirror (catalog status/themes/applied/
+		* installedShells) and injected callbacks. It is a pure props consumer — no
+		* React context, no ctx, no subscription machinery.
+		*/
+		/**
+		* sessionStorage key the install flow writes right before `location.reload()`
+		* so the section can show a visible "installed and restarted" confirmation
+		* after the page comes back (the reload wipes the DevTools console).
+		*/
+		const LAST_INSTALL_KEY = "theme-store.last-install";
+		/** Read (and keep) the last-install marker, if any. */
+		function readLastInstall() {
+			try {
+				const raw = window.sessionStorage.getItem(LAST_INSTALL_KEY);
+				if (!raw) return void 0;
+				const parsed = JSON.parse(raw);
+				if (typeof parsed.id !== "string" || typeof parsed.name !== "string") return void 0;
+				return {
+					id: parsed.id,
+					name: parsed.name,
+					ts: typeof parsed.ts === "string" ? parsed.ts : (/* @__PURE__ */ new Date()).toISOString()
+				};
+			} catch {
+				return;
+			}
+		}
+		/** Forget the last-install marker (dismissed by the user). */
+		function clearLastInstall() {
+			try {
+				window.sessionStorage.removeItem(LAST_INSTALL_KEY);
+			} catch {}
+		}
+		/**
+		* Render the theme store section.
+		* @param props - composed slot props.
+		* @returns the section element tree.
+		*/
+		function ThemeStoreSection({ t, useStore, apply, load, installShell }) {
+			const { status, themes, applied, installedShells, error } = useStore((s) => s);
+			const [lastInstall, setLastInstall] = (0, react.useState)(readLastInstall);
+			const shellCount = themes.filter((theme) => theme.type === "shell").length;
+			console.log("[theme-store] ThemeStoreSection rendered:", {
+				status,
+				themes: themes.length,
+				shellThemes: shellCount,
+				applied,
+				installedShells: installedShells.length,
+				lastInstall
+			});
+			const dismissBanner = () => {
+				clearLastInstall();
+				setLastInstall(void 0);
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ThemeStoreSection_module_css_default.section,
+				"aria-busy": status === "loading",
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ThemeStoreSection_module_css_default.header,
+						children: [(0, react_jsx_runtime.jsx)("h2", {
+							className: ThemeStoreSection_module_css_default.title,
+							children: t("title")
+						}), (0, react_jsx_runtime.jsx)("p", {
+							className: ThemeStoreSection_module_css_default.subtitle,
+							children: t("subtitle")
+						})]
+					}),
+					lastInstall !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
+						className: ThemeStoreSection_module_css_default.banner,
+						role: "status",
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: ThemeStoreSection_module_css_default.bannerText,
+							children: t("installedBanner").replace("{name}", lastInstall.name)
+						}), (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: ThemeStoreSection_module_css_default.bannerDismiss,
+							onClick: dismissBanner,
+							"aria-label": t("dismiss"),
+							children: "×"
+						})]
+					}) : null,
+					status === "loading" ? (0, react_jsx_runtime.jsx)("p", {
+						className: ThemeStoreSection_module_css_default.status,
+						children: t("loading")
+					}) : status === "error" ? (0, react_jsx_runtime.jsxs)("div", {
+						className: ThemeStoreSection_module_css_default.failure,
+						role: "alert",
+						children: [(0, react_jsx_runtime.jsx)("p", { children: error ? error : t("error") }), (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: ThemeStoreSection_module_css_default.retry,
+							onClick: load,
+							children: t("retry")
+						})]
+					}) : status === "ready" && themes.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+						className: ThemeStoreSection_module_css_default.status,
+						children: t("empty")
+					}) : status === "ready" ? (0, react_jsx_runtime.jsx)("div", {
+						className: ThemeStoreSection_module_css_default.grid,
+						children: themes.map((theme) => (0, react_jsx_runtime.jsx)(ThemeCard, {
+							theme,
+							applied: applied === theme.id,
+							installed: theme.type === "shell" && theme.shellPluginId !== void 0 && installedShells.includes(theme.shellPluginId),
+							t,
+							onApply: () => {
+								apply(theme.id);
+							},
+							onInstall: (onStage) => {
+								if (theme.type === "shell" && theme.installPackage !== void 0) return installShell(theme.installPackage, onStage, {
+									id: theme.id,
+									name: theme.name,
+									ts: (/* @__PURE__ */ new Date()).toISOString()
+								});
+								onStage?.("installing");
+								return Promise.resolve();
+							}
+						}, theme.id))
+					}) : null
+				]
+			});
+		}
+		/** One theme card: screenshot, name, author, scheme badge, Apply/Install button. */
+		function ThemeCard({ theme, applied, installed, t, onApply, onInstall }) {
+			const [broken, setBroken] = (0, react.useState)(false);
+			const [stage, setStage] = (0, react.useState)(void 0);
+			const [installError, setInstallError] = (0, react.useState)(void 0);
+			const schemeLabel = theme.colorScheme === "light" ? t("light") : t("dark");
+			const shell = theme.type === "shell";
+			const runInstall = () => {
+				console.log("[theme-store] Apply/Install clicked:", theme.id, { installPackage: theme.installPackage });
+				setInstallError(void 0);
+				Promise.resolve().then(() => onInstall(setStage)).catch((error) => {
+					console.log("[theme-store] Install failed:", error instanceof Error ? error.message : String(error));
+					setStage(void 0);
+					setInstallError(error instanceof Error ? error.message : String(error));
+				});
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ThemeStoreSection_module_css_default.card,
+				"data-theme": theme.id,
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					className: ThemeStoreSection_module_css_default.screenshot,
+					children: !broken ? (0, react_jsx_runtime.jsx)("img", {
+						src: theme.screenshot,
+						alt: theme.name,
+						className: ThemeStoreSection_module_css_default.screenshotImg,
+						loading: "lazy",
+						onError: () => {
+							setBroken(true);
+						}
+					}) : (0, react_jsx_runtime.jsx)("div", {
+						className: ThemeStoreSection_module_css_default.swatchFallback,
+						children: Object.entries(theme.tokens).slice(0, 6).map(([name, value]) => (0, react_jsx_runtime.jsx)("span", {
+							className: ThemeStoreSection_module_css_default.swatch,
+							style: { backgroundColor: value },
+							title: `${name}: ${value}`
+						}, name))
+					})
+				}), (0, react_jsx_runtime.jsxs)("div", {
+					className: ThemeStoreSection_module_css_default.cardMain,
+					children: [(0, react_jsx_runtime.jsxs)("div", {
+						className: ThemeStoreSection_module_css_default.cardBody,
+						children: [
+							(0, react_jsx_runtime.jsx)("strong", {
+								className: ThemeStoreSection_module_css_default.cardName,
+								children: theme.name
+							}),
+							(0, react_jsx_runtime.jsxs)("span", {
+								className: ThemeStoreSection_module_css_default.cardAuthor,
+								children: [
+									t("author"),
+									": ",
+									theme.author
+								]
+							}),
+							(0, react_jsx_runtime.jsxs)("span", {
+								className: ThemeStoreSection_module_css_default.cardTags,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: ThemeStoreSection_module_css_default.cardScheme,
+									"data-scheme": theme.colorScheme,
+									children: schemeLabel
+								}), shell ? (0, react_jsx_runtime.jsx)("span", {
+									className: ThemeStoreSection_module_css_default.cardType,
+									children: t("shellTheme")
+								}) : null]
+							})
+						]
+					}), shell ? (0, react_jsx_runtime.jsxs)("div", {
+						className: ThemeStoreSection_module_css_default.installBox,
+						children: [
+							stage === void 0 ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!installed ? (0, react_jsx_runtime.jsx)("p", {
+								className: ThemeStoreSection_module_css_default.installNote,
+								children: t("shellInstallNote")
+							}) : null, theme.installHint !== void 0 && !installed ? (0, react_jsx_runtime.jsx)("code", {
+								className: ThemeStoreSection_module_css_default.installCommand,
+								children: theme.installHint
+							}) : null] }) : null,
+							stage !== void 0 ? (0, react_jsx_runtime.jsxs)("div", {
+								className: ThemeStoreSection_module_css_default.progress,
+								role: "progressbar",
+								"aria-label": t(stage),
+								children: [(0, react_jsx_runtime.jsx)("span", { className: ThemeStoreSection_module_css_default.progressBar }), (0, react_jsx_runtime.jsx)("span", {
+									className: ThemeStoreSection_module_css_default.progressLabel,
+									children: t(stage)
+								})]
+							}) : null,
+							installError !== void 0 ? (0, react_jsx_runtime.jsx)("p", {
+								className: ThemeStoreSection_module_css_default.installError,
+								role: "alert",
+								children: installError
+							}) : null,
+							(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ThemeStoreSection_module_css_default.applyBtn,
+								disabled: stage !== void 0,
+								onClick: (e) => {
+									e.currentTarget.blur();
+									runInstall();
+								},
+								"aria-label": `${t(installed && !applied ? "apply" : applied ? "applied" : "install")} ${theme.name}`,
+								children: installed && applied ? t("applied") : installed ? t("apply") : t("install")
+							})
+						]
+					}) : (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: ThemeStoreSection_module_css_default.applyBtn,
+						disabled: applied,
+						"aria-pressed": applied,
+						"aria-label": applied ? `${t("applied")} ${theme.name}` : `${t("apply")} ${theme.name}`,
+						onClick: (e) => {
+							e.currentTarget.blur();
+							onApply();
+						},
+						children: applied ? t("applied") : t("apply")
+					})]
+				})]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/settings-store.js
+		/**
+		* Theme store section slot store: mirrors the theme store runtime snapshot.
+		* The plugin's apply-world change listener is the only writer; the section
+		* component reads via props.useStore.
+		*/
+		/**
+		* Declares the theme store section state and write surface.
+		* @returns the store handle.
+		*/
+		function createThemeStoreStore() {
+			return (0, _deepseek_ai_dsh_client_runtime_client.defineStore)({
+				init: () => ({
+					status: "idle",
+					themes: [],
+					applied: void 0,
+					installedShells: [],
+					error: void 0,
+					revision: -1
+				}),
+				actions: { sync: (draft, snapshot) => {
+					if (snapshot.revision <= draft.revision) return;
+					draft.status = snapshot.status;
+					draft.themes = snapshot.themes;
+					draft.applied = snapshot.applied;
+					draft.installedShells = snapshot.installedShells;
+					draft.error = snapshot.error;
+					draft.revision = snapshot.revision;
+				} }
+			});
+		}
+		//#endregion
+		//#region lib/types/client/catalog.js
+		/**
+		* Theme store catalog: types, runtime validation, and remote loading.
+		*
+		* The catalog is a plain JSON document hosted in this repository (pushed to
+		* GitHub) and fetched at runtime by the browser half. It is deliberately
+		* category-free: one flat `themes` array whose entries carry the display
+		* metadata the store renders — `name`, `author`, `screenshot` — plus the
+		* functional fields needed to apply a theme through the harness theme
+		* service (`id`, `colorScheme`, `tokens`).
+		*/
+		/**
+		* Default catalog URL. Served locally by this plugin's node half at the
+		* webserver route `/catalog/edex-themes.json` (same origin as the GUI), so
+		* themes load without any GitHub push. Overridable at build time via
+		* DSH_CLIENT_THEME_STORE_CATALOG_URL.
+		*/
+		const DEFAULT_CATALOG_URL = "/catalog/edex-themes.json";
+		/** Resolve the effective catalog URL (build-time override, else default). */
+		function catalogUrl() {
+			const override = typeof process !== "undefined" ? process.env.DSH_CLIENT_THEME_STORE_CATALOG_URL : void 0;
+			return override !== void 0 && override !== "" ? override : DEFAULT_CATALOG_URL;
+		}
+		/**
+		* Resolve a screenshot reference against the catalog document URL.
+		* @param screenshot - absolute URL or catalog-relative path.
+		* @param catalogHref - the catalog document's absolute URL (or an origin-relative path).
+		* @returns an absolute, fetchable image URL.
+		*/
+		function resolveScreenshot(screenshot, catalogHref) {
+			if (/^[a-z][a-z0-9+.-]*:/iu.test(screenshot)) return screenshot;
+			const dir = catalogHref.slice(0, catalogHref.lastIndexOf("/") + 1);
+			const absoluteBase = catalogHref.includes("://") ? dir : `${typeof location !== "undefined" ? location.origin : ""}${dir.startsWith("/") ? "" : "/"}${dir}`;
+			return new URL(screenshot, absoluteBase).href;
+		}
+		/** Error thrown when the fetched catalog is not a valid theme catalog. */
+		var CatalogParseError = class extends Error {
+			name = "CatalogParseError";
+		};
+		/**
+		* Runtime-validate an unknown parsed JSON value as a {@link ThemeCatalog}.
+		* Rejects malformed shapes with a teaching error; returns defensive copies so
+		* later caller mutation cannot reach the stored catalog.
+		* @param value - the parsed JSON document.
+		* @returns the validated catalog.
+		*/
+		function parseCatalog(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) throw new CatalogParseError("theme catalog must be an object with a \"themes\" array");
+			const raw = value;
+			if (!Array.isArray(raw.themes)) throw new CatalogParseError("theme catalog is missing a \"themes\" array");
+			const themes = [];
+			const seen = /* @__PURE__ */ new Set();
+			for (const entry of raw.themes) {
+				if (typeof entry !== "object" || entry === null) throw new CatalogParseError("each catalog theme must be an object");
+				const theme = entry;
+				const id = theme.id;
+				if (typeof id !== "string" || id.length === 0) throw new CatalogParseError("each catalog theme needs a non-empty string \"id\"");
+				if (seen.has(id)) throw new CatalogParseError(`duplicate catalog theme id "${id}"`);
+				seen.add(id);
+				for (const field of [
+					"name",
+					"author",
+					"screenshot"
+				]) if (typeof theme[field] !== "string" || theme[field].length === 0) throw new CatalogParseError(`catalog theme "${id}" needs a non-empty string "${field}"`);
+				const colorScheme = theme.colorScheme;
+				if (colorScheme !== "light" && colorScheme !== "dark") throw new CatalogParseError(`catalog theme "${id}" needs colorScheme "light" or "dark"`);
+				const tokens = theme.tokens;
+				if (typeof tokens !== "object" || tokens === null || Array.isArray(tokens)) throw new CatalogParseError(`catalog theme "${id}" needs a "tokens" object of CSS variable overrides`);
+				const tokenRecord = {};
+				for (const [name, value] of Object.entries(tokens)) {
+					if (typeof value !== "string") throw new CatalogParseError(`catalog theme "${id}" token "${name}" must be a string`);
+					tokenRecord[name] = value;
+				}
+				const shellFields = {};
+				if (typeof theme.type === "string") shellFields.type = theme.type;
+				if (typeof theme.installPackage === "string") shellFields.installPackage = theme.installPackage;
+				if (typeof theme.shellPluginId === "string") shellFields.shellPluginId = theme.shellPluginId;
+				if (typeof theme.installHint === "string") shellFields.installHint = theme.installHint;
+				themes.push({
+					id,
+					colorScheme,
+					tokens: tokenRecord,
+					name: theme.name,
+					author: theme.author,
+					screenshot: theme.screenshot,
+					...shellFields
+				});
+			}
+			return { themes };
+		}
+		/**
+		* Fetch and parse the theme catalog from a URL.
+		* @param href - catalog document URL (defaults to {@link catalogUrl}).
+		* @returns the validated catalog.
+		*/
+		async function fetchCatalog(href = catalogUrl()) {
+			let response;
+			try {
+				response = await fetch(href, { headers: { Accept: "application/json" } });
+			} catch (error) {
+				throw new Error(`theme catalog unreachable at ${href}: ${error instanceof Error ? error.message : String(error)}`);
+			}
+			if (!response.ok) throw new Error(`theme catalog request failed at ${href}: HTTP ${response.status}`);
+			let parsed;
+			try {
+				parsed = await response.json();
+			} catch (error) {
+				throw new CatalogParseError(`theme catalog at ${href} is not valid JSON: ${error instanceof Error ? error.message : String(error)}`);
+			}
+			return parseCatalog(parsed);
+		}
+		//#endregion
+		//#region lib/types/client/theme-store.js
+		/**
+		* Theme catalog store: loads the repository catalog, registers catalog themes
+		* with the harness theme service on apply (lazily, so a duplicate id never
+		* throws at load), tracks which shell plugins the active profile has
+		* installed, and persists the applied theme id across reloads.
+		*/
+		var ThemeStoreRuntime = class {
+			host;
+			theme;
+			href;
+			store;
+			/** Theme ids this runtime registered with the theme service (id → disposer). */
+			registered = /* @__PURE__ */ new Map();
+			/** The active applied theme id. */
+			applied = void 0;
+			disposed = false;
+			offTheme;
+			offHost;
+			/**
+			* @param ctx - owning context (change and theme listeners are released on dispose).
+			* @param host - durable `ui-theme-store` scope owned by the same plugin.
+			* @param theme - harness theme service (register/setTheme).
+			* @param href - catalog document URL (defaults to the build-time catalog URL).
+			*/
+			constructor(ctx, host, theme, href = catalogUrl()) {
+				this.host = host;
+				this.theme = theme;
+				this.href = href;
+				this.store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)({
+					status: "idle",
+					themes: [],
+					applied: void 0,
+					installedShells: [],
+					error: void 0,
+					revision: 0
+				});
+				this.offTheme = ctx.on("theme/change", (snapshot) => {
+					this.adoptApplied(snapshot);
+				});
+				this.adoptApplied(theme.getTheme());
+				this.offHost = host.subscribe(() => {
+					this.adoptPersisted();
+				});
+				this.adoptPersisted();
+			}
+			/** @returns the current immutable snapshot (stable reference until the next change). */
+			getState() {
+				return this.store.getSnapshot();
+			}
+			/** Observe snapshot replacements. @returns the disposer. */
+			subscribe(listener) {
+				return this.store.subscribe(listener);
+			}
+			/**
+			* Load the catalog from the configured URL and reconcile the persisted
+			* applied theme. Safe to call repeatedly (retry); a failed fetch leaves
+			* the previous ready state intact and reports an error snapshot.
+			* @returns completion of the load.
+			*/
+			async load() {
+				if (this.disposed) return;
+				this.publish({
+					status: "loading",
+					error: void 0
+				});
+				try {
+					const catalog = await fetchCatalog(this.href);
+					if (this.disposed) return;
+					this.publish({
+						status: "ready",
+						themes: catalog.themes,
+						error: void 0
+					});
+					this.adoptPersisted();
+				} catch (error) {
+					if (this.disposed) return;
+					this.publish({
+						status: "error",
+						error: error instanceof Error ? error.message : String(error)
+					});
+				}
+			}
+			/**
+			* Apply a catalog theme: register it with the harness theme service if
+			* needed, switch the active preference to it, and persist the id.
+			* @param id - a catalog theme id.
+			*/
+			apply(id) {
+				if (this.disposed) return;
+				const theme = this.getState().themes.find((candidate) => candidate.id === id);
+				if (theme === void 0) throw new Error(`theme "${id}" is not in the catalog`);
+				this.ensureRegistered(theme);
+				this.theme.setTheme(id);
+				this.host.set("applied", id);
+			}
+			/**
+			* Adopt the currently installed shell plugin ids from the profile's plugin
+			* inventory. The store reports shell themes as "installed" when their
+			* `shellPluginId` appears here; color themes are unaffected.
+			* @param shellPluginIds - module names of installed client shell plugins.
+			*/
+			syncInstalledShells(shellPluginIds) {
+				if (this.disposed) return;
+				const current = this.getState().installedShells;
+				const next = [...new Set(shellPluginIds)].sort();
+				if (current.length === next.length && current.every((value, index) => value === next[index])) return;
+				this.publish({ installedShells: next });
+			}
+			/**
+			* Release the plugin's registrations and listeners. Disposing the active
+			* theme resets the harness preference to its default, exactly as the theme
+			* service's own disposer contract specifies.
+			*/
+			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				this.offTheme?.();
+				this.offHost?.();
+				for (const dispose of this.registered.values()) dispose();
+				this.registered.clear();
+			}
+			ensureRegistered(theme) {
+				if (this.registered.has(theme.id)) return;
+				if (this.theme.getTheme().themes.some((candidate) => candidate.id === theme.id)) return;
+				const dispose = this.theme.register({
+					id: theme.id,
+					colorScheme: theme.colorScheme,
+					tokens: theme.tokens
+				});
+				this.registered.set(theme.id, dispose);
+			}
+			/** Keep `applied` in sync with the theme service's active preference. */
+			adoptApplied(snapshot) {
+				const preference = snapshot.preference;
+				const active = this.getState().themes.some((theme) => theme.id === preference) ? preference : void 0;
+				if (active === this.applied) return;
+				this.applied = active;
+				this.publish({ applied: active });
+			}
+			/** Restore a persisted applied theme id once the catalog is ready. */
+			adoptPersisted() {
+				if (this.disposed) return;
+				const section = this.host.getSnapshot().value;
+				if (section === void 0 || section.applied === "") return;
+				const id = section.applied;
+				const theme = this.getState().themes.find((candidate) => candidate.id === id);
+				if (theme === void 0 || this.applied === id) return;
+				this.ensureRegistered(theme);
+				this.theme.setTheme(id);
+			}
+			publish(partial) {
+				const current = this.store.getSnapshot();
+				this.store.set({
+					...current,
+					...partial,
+					revision: current.revision + 1
+				});
+			}
+		};
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** Copy dictionaries for the theme store Settings section. */
+		/** Simplified Chinese dictionary and key source of truth. */
+		const zh = {
+			nav: "主题商店",
+			title: "主题商店",
+			subtitle: "安装配色主题与完整界面主题",
+			loading: "正在读取主题目录…",
+			error: "暂时无法读取主题目录。",
+			retry: "重试",
+			empty: "目录中还没有主题。",
+			author: "作者",
+			light: "浅色",
+			dark: "深色",
+			apply: "应用",
+			applied: "已应用",
+			install: "安装",
+			installing: "正在安装…",
+			restarting: "正在重启以应用…",
+			reloading: "正在重新加载…",
+			installFailed: "安装失败",
+			installHint: "在终端运行以下命令安装完整界面：",
+			copyCommand: "复制命令",
+			copied: "已复制",
+			colorTheme: "配色主题",
+			shellTheme: "界面主题",
+			shellInstallNote: "完整界面需要 pnpm 安装",
+			installedBanner: "已安装并重启「{name}」——新的界面外壳已挂载。",
+			dismiss: "关闭"
+		};
+		/** English dictionary checked against the Chinese key set. */
+		const en = {
+			nav: "Theme Store",
+			title: "Theme Store",
+			subtitle: "Install color themes and full UI shells",
+			loading: "Reading the theme catalog…",
+			error: "The theme catalog is temporarily unavailable.",
+			retry: "Retry",
+			empty: "No themes in the catalog yet.",
+			author: "Author",
+			light: "Light",
+			dark: "Dark",
+			apply: "Apply",
+			applied: "Applied",
+			install: "Install",
+			installing: "Installing…",
+			restarting: "Restarting to apply…",
+			reloading: "Reloading…",
+			installFailed: "Install failed",
+			installHint: "Run this command in your terminal to install the full UI:",
+			copyCommand: "Copy command",
+			copied: "Copied",
+			colorTheme: "Color theme",
+			shellTheme: "UI shell",
+			shellInstallNote: "Full UI requires pnpm install",
+			installedBanner: "Installed and restarted “{name}” — the new UI shell is live.",
+			dismiss: "Dismiss"
+		};
+		//#endregion
+		//#region node_modules/.pnpm/@deepseek-ai+cosmokit@1.8.2/node_modules/@deepseek-ai/cosmokit/lib/index.js
+		/** Return true when a value is `null` or `undefined`. */
+		function isNullable(value) {
+			return value === null || value === void 0;
+		}
+		/** Return true for non-array object values. */
+		function isPlainObject(data) {
+			return data && typeof data === "object" && !Array.isArray(data);
+		}
+		/** Filter object entries and return a new object. */
+		function filterKeys(object, filter) {
+			return Object.fromEntries(Object.entries(object).filter(([key, value]) => filter(key, value)));
+		}
+		/** Map object values while preserving the original key set. */
+		function mapValues(object, transform) {
+			return Object.fromEntries(Object.entries(object).map(([key, value]) => [key, transform(value, key)]));
+		}
+		/** Pick selected keys from an object, optionally including `undefined` values. */
+		function pick(source, keys, forced) {
+			if (!keys) return { ...source };
+			const result = {};
+			for (const key of keys) if (forced || source[key] !== void 0) result[key] = source[key];
+			return result;
+		}
+		/** Test values using `instanceof` with a `toStringTag` fallback. */
+		function is(type, value) {
+			if (arguments.length === 1) return (value) => is(type, value);
+			return type in globalThis && value instanceof globalThis[type] || Object.prototype.toString.call(value).slice(8, -1) === type;
+		}
+		function isArrayBufferLike(value) {
+			return is("ArrayBuffer", value) || is("SharedArrayBuffer", value);
+		}
+		function isArrayBufferSource(value) {
+			return isArrayBufferLike(value) || ArrayBuffer.isView(value);
+		}
+		/** Binary source detection and base64/hex conversion helpers. */
+		var Binary;
+		(function(Binary) {
+			Binary.is = isArrayBufferLike;
+			Binary.isSource = isArrayBufferSource;
+			function fromSource(source) {
+				if (ArrayBuffer.isView(source)) return source.buffer.slice(source.byteOffset, source.byteOffset + source.byteLength);
+				else return source;
+			}
+			Binary.fromSource = fromSource;
+			function toBase64(source) {
+				source = fromSource(source);
+				if (typeof Buffer !== "undefined") return Buffer.from(source).toString("base64");
+				let binary = "";
+				const bytes = new Uint8Array(source);
+				for (let i = 0; i < bytes.byteLength; i++) binary += String.fromCharCode(bytes[i]);
+				return btoa(binary);
+			}
+			Binary.toBase64 = toBase64;
+			function fromBase64(source) {
+				if (typeof Buffer !== "undefined") return fromSource(Buffer.from(source, "base64"));
+				return Uint8Array.from(atob(source), (c) => c.charCodeAt(0));
+			}
+			Binary.fromBase64 = fromBase64;
+			function toHex(source) {
+				source = fromSource(source);
+				if (typeof Buffer !== "undefined") return Buffer.from(source).toString("hex");
+				return Array.from(new Uint8Array(source), (byte) => byte.toString(16).padStart(2, "0")).join("");
+			}
+			Binary.toHex = toHex;
+			function fromHex(source) {
+				if (typeof Buffer !== "undefined") return fromSource(Buffer.from(source, "hex"));
+				const hex = source.length % 2 === 0 ? source : source.slice(0, source.length - 1);
+				const buffer = [];
+				for (let i = 0; i < hex.length; i += 2) buffer.push(parseInt(`${hex[i]}${hex[i + 1]}`, 16));
+				return Uint8Array.from(buffer).buffer;
+			}
+			Binary.fromHex = fromHex;
+		})(Binary || (Binary = {}));
+		Binary.fromBase64;
+		Binary.toBase64;
+		Binary.fromHex;
+		Binary.toHex;
+		/** Deep-clone common JavaScript values while preserving prototypes and cycles. */
+		function clone(source, refs = /* @__PURE__ */ new Map()) {
+			if (!source || typeof source !== "object") return source;
+			if (is("Date", source)) return new Date(source.valueOf());
+			if (is("RegExp", source)) return new RegExp(source.source, source.flags);
+			if (isArrayBufferLike(source)) return source.slice(0);
+			if (ArrayBuffer.isView(source)) return source.buffer.slice(source.byteOffset, source.byteOffset + source.byteLength);
+			const cached = refs.get(source);
+			if (cached) return cached;
+			if (Array.isArray(source)) {
+				const result = [];
+				refs.set(source, result);
+				source.forEach((value, index) => {
+					result[index] = Reflect.apply(clone, null, [value, refs]);
+				});
+				return result;
+			}
+			const result = Object.create(Object.getPrototypeOf(source));
+			refs.set(source, result);
+			for (const key of Reflect.ownKeys(source)) {
+				const descriptor = { ...Reflect.getOwnPropertyDescriptor(source, key) };
+				if ("value" in descriptor) descriptor.value = Reflect.apply(clone, null, [descriptor.value, refs]);
+				Reflect.defineProperty(result, key, descriptor);
+			}
+			return result;
+		}
+		/** Deeply compare arrays, dates, regexps, buffers, and plain object fields. */
+		function deepEqual(a, b, strict) {
+			if (a === b) return true;
+			if (!strict && isNullable(a) && isNullable(b)) return true;
+			if (typeof a !== typeof b) return false;
+			if (typeof a !== "object") return false;
+			if (!a || !b) return false;
+			function check(test, then) {
+				return test(a) ? test(b) ? then(a, b) : false : test(b) ? false : void 0;
+			}
+			return check(Array.isArray, (a, b) => a.length === b.length && a.every((item, index) => deepEqual(item, b[index]))) ?? check(is("Date"), (a, b) => a.valueOf() === b.valueOf()) ?? check(is("RegExp"), (a, b) => a.source === b.source && a.flags === b.flags) ?? check(isArrayBufferLike, (a, b) => {
+				if (a.byteLength !== b.byteLength) return false;
+				const viewA = new Uint8Array(a);
+				const viewB = new Uint8Array(b);
+				for (let i = 0; i < viewA.length; i++) if (viewA[i] !== viewB[i]) return false;
+				return true;
+			}) ?? Object.keys({
+				...a,
+				...b
+			}).every((key) => deepEqual(a[key], b[key], strict));
+		}
+		/** Time constants plus parsing and formatting helpers. */
+		var Time;
+		(function(Time) {
+			Time.millisecond = 1;
+			Time.second = 1e3;
+			Time.minute = Time.second * 60;
+			Time.hour = Time.minute * 60;
+			Time.day = Time.hour * 24;
+			Time.week = Time.day * 7;
+			let timezoneOffset = (/* @__PURE__ */ new Date()).getTimezoneOffset();
+			function setTimezoneOffset(offset) {
+				timezoneOffset = offset;
+			}
+			Time.setTimezoneOffset = setTimezoneOffset;
+			function getTimezoneOffset() {
+				return timezoneOffset;
+			}
+			Time.getTimezoneOffset = getTimezoneOffset;
+			function getDateNumber(date = /* @__PURE__ */ new Date(), offset) {
+				if (typeof date === "number") date = new Date(date);
+				if (offset === void 0) offset = timezoneOffset;
+				return Math.floor((date.valueOf() / Time.minute - offset) / 1440);
+			}
+			Time.getDateNumber = getDateNumber;
+			function fromDateNumber(value, offset) {
+				const date = new Date(value * Time.day);
+				if (offset === void 0) offset = timezoneOffset;
+				return new Date(+date + offset * Time.minute);
+			}
+			Time.fromDateNumber = fromDateNumber;
+			const numeric = /\d+(?:\.\d+)?/.source;
+			const timeRegExp = new RegExp(`^${[
+				"w(?:eek(?:s)?)?",
+				"d(?:ay(?:s)?)?",
+				"h(?:our(?:s)?)?",
+				"m(?:in(?:ute)?(?:s)?)?",
+				"s(?:ec(?:ond)?(?:s)?)?"
+			].map((unit) => `(${numeric}${unit})?`).join("")}$`);
+			function parseTime(source) {
+				const capture = timeRegExp.exec(source);
+				if (!capture) return 0;
+				return (parseFloat(capture[1]) * Time.week || 0) + (parseFloat(capture[2]) * Time.day || 0) + (parseFloat(capture[3]) * Time.hour || 0) + (parseFloat(capture[4]) * Time.minute || 0) + (parseFloat(capture[5]) * Time.second || 0);
+			}
+			Time.parseTime = parseTime;
+			function parseDate(date) {
+				const parsed = parseTime(date);
+				if (parsed) date = Date.now() + parsed;
+				else if (/^\d{1,2}(:\d{1,2}){1,2}$/.test(date)) date = `${(/* @__PURE__ */ new Date()).toLocaleDateString()}-${date}`;
+				else if (/^\d{1,2}-\d{1,2}-\d{1,2}(:\d{1,2}){1,2}$/.test(date)) date = `${(/* @__PURE__ */ new Date()).getFullYear()}-${date}`;
+				return date ? new Date(date) : /* @__PURE__ */ new Date();
+			}
+			Time.parseDate = parseDate;
+			function format(ms) {
+				const abs = Math.abs(ms);
+				if (abs >= Time.day - Time.hour / 2) return Math.round(ms / Time.day) + "d";
+				else if (abs >= Time.hour - Time.minute / 2) return Math.round(ms / Time.hour) + "h";
+				else if (abs >= Time.minute - Time.second / 2) return Math.round(ms / Time.minute) + "m";
+				else if (abs >= Time.second) return Math.round(ms / Time.second) + "s";
+				return ms + "ms";
+			}
+			Time.format = format;
+			function toDigits(source, length = 2) {
+				return source.toString().padStart(length, "0");
+			}
+			Time.toDigits = toDigits;
+			function template(template, time = /* @__PURE__ */ new Date()) {
+				return template.replace("yyyy", time.getFullYear().toString()).replace("yy", time.getFullYear().toString().slice(2)).replace("MM", toDigits(time.getMonth() + 1)).replace("dd", toDigits(time.getDate())).replace("hh", toDigits(time.getHours())).replace("mm", toDigits(time.getMinutes())).replace("ss", toDigits(time.getSeconds())).replace("SSS", toDigits(time.getMilliseconds(), 3));
+			}
+			Time.template = template;
+		})(Time || (Time = {}));
+		//#endregion
+		//#region node_modules/.pnpm/@deepseek-ai+schemastery@3.18.1/node_modules/@deepseek-ai/schemastery/lib/index.mjs
+		const kSchema = Symbol.for("schemastery");
+		const kValidationError = Symbol.for("ValidationError");
+		globalThis.__schemastery_index__ ??= 0;
+		globalThis.__schemastery_refs__ = void 0;
+		var ValidationError = class extends TypeError {
+			options;
+			name = "ValidationError";
+			constructor(message, options) {
+				let prefix = "$";
+				for (const segment of options.path || []) if (typeof segment === "string") prefix += "." + segment;
+				else if (typeof segment === "number") prefix += "[" + segment + "]";
+				else if (typeof segment === "symbol") prefix += `[Symbol(${segment.toString()})]`;
+				if (prefix.startsWith(".")) prefix = prefix.slice(1);
+				super((prefix === "$" ? "" : `${prefix} `) + message);
+				this.options = options;
+			}
+			static is(error) {
+				return !!error?.[kValidationError];
+			}
+		};
+		Object.defineProperty(ValidationError.prototype, kValidationError, { value: true });
+		const Schema = function(options) {
+			const schema = function(data, options = {}) {
+				return Schema.resolve(data, schema, options)[0];
+			};
+			if (options.refs) {
+				const refs = mapValues(options.refs, (options) => new Schema(options));
+				const getRef = (uid) => refs[uid];
+				for (const key in refs) {
+					const options = refs[key];
+					options.sKey = getRef(options.sKey);
+					options.inner = getRef(options.inner);
+					options.list = options.list && options.list.map(getRef);
+					options.dict = options.dict && mapValues(options.dict, getRef);
+				}
+				return refs[options.uid];
+			}
+			Object.assign(schema, options);
+			if (typeof schema.callback === "string") try {
+				schema.callback = new Function("return " + schema.callback)();
+			} catch {}
+			Object.defineProperty(schema, "uid", { value: globalThis.__schemastery_index__++ });
+			Object.setPrototypeOf(schema, Schema.prototype);
+			schema.meta ||= {};
+			schema.toString = schema.toString.bind(schema);
+			return schema;
+		};
+		Schema.prototype = Object.create(Function.prototype);
+		Schema.prototype[kSchema] = true;
+		Object.defineProperty(Schema.prototype, "~standard", { get() {
+			return {
+				version: 1,
+				vendor: "schemastery",
+				validate: (value) => {
+					try {
+						return { value: Schema.resolve(value, this, {})[0] };
+					} catch (error) {
+						if (ValidationError.is(error)) return { issues: [{
+							message: error.message,
+							path: error.options.path
+						}] };
+						throw error;
+					}
+				}
+			};
+		} });
+		Schema.ValidationError = ValidationError;
+		Schema.prototype.toJSON = function toJSON() {
+			if (globalThis.__schemastery_refs__) {
+				globalThis.__schemastery_refs__[this.uid] ??= JSON.parse(JSON.stringify({ ...this }));
+				return this.uid;
+			}
+			globalThis.__schemastery_refs__ = { [this.uid]: { ...this } };
+			globalThis.__schemastery_refs__[this.uid] = JSON.parse(JSON.stringify({ ...this }));
+			const result = {
+				uid: this.uid,
+				refs: globalThis.__schemastery_refs__
+			};
+			globalThis.__schemastery_refs__ = void 0;
+			return result;
+		};
+		Schema.prototype.set = function set(key, value) {
+			this.dict[key] = value;
+			return this;
+		};
+		Schema.prototype.push = function push(value) {
+			this.list.push(value);
+			return this;
+		};
+		function mergeDesc(original, messages) {
+			const result = typeof original === "string" ? { "": original } : { ...original };
+			for (const locale in messages) {
+				const value = messages[locale];
+				if (value?.$description || value?.$desc) result[locale] = value.$description || value.$desc;
+				else if (typeof value === "string") result[locale] = value;
+			}
+			return result;
+		}
+		function getInner(value) {
+			return value?.$value ?? value?.$inner;
+		}
+		function extractKeys(data) {
+			return filterKeys(data ?? {}, (key) => !key.startsWith("$"));
+		}
+		Schema.prototype.i18n = function i18n(messages) {
+			const schema = Schema(this);
+			const desc = mergeDesc(schema.meta.description, messages);
+			if (Object.keys(desc).length) schema.meta.description = desc;
+			if (schema.dict) schema.dict = mapValues(schema.dict, (inner, key) => {
+				return inner.i18n(mapValues(messages, (data) => getInner(data)?.[key] ?? data?.[key]));
+			});
+			if (schema.list) schema.list = schema.list.map((inner, index) => {
+				return inner.i18n(mapValues(messages, (data = {}) => {
+					if (Array.isArray(getInner(data))) return getInner(data)[index];
+					if (Array.isArray(data)) return data[index];
+					return extractKeys(data);
+				}));
+			});
+			if (schema.inner) schema.inner = schema.inner.i18n(mapValues(messages, (data) => {
+				if (getInner(data)) return getInner(data);
+				return extractKeys(data);
+			}));
+			if (schema.sKey) schema.sKey = schema.sKey.i18n(mapValues(messages, (data) => data?.$key));
+			return schema;
+		};
+		Schema.prototype.extra = function extra(key, value) {
+			const schema = Schema(this);
+			schema.meta = {
+				...schema.meta,
+				[key]: value
+			};
+			return schema;
+		};
+		for (const key of [
+			"required",
+			"disabled",
+			"collapse",
+			"hidden",
+			"loose"
+		]) Object.assign(Schema.prototype, { [key](value = true) {
+			const schema = Schema(this);
+			schema.meta = {
+				...schema.meta,
+				[key]: value
+			};
+			return schema;
+		} });
+		Schema.prototype.deprecated = function deprecated() {
+			const schema = Schema(this);
+			schema.meta.badges ||= [];
+			schema.meta.badges.push({
+				text: "deprecated",
+				type: "danger"
+			});
+			return schema;
+		};
+		Schema.prototype.experimental = function experimental() {
+			const schema = Schema(this);
+			schema.meta.badges ||= [];
+			schema.meta.badges.push({
+				text: "experimental",
+				type: "warning"
+			});
+			return schema;
+		};
+		Schema.prototype.pattern = function pattern(regexp) {
+			const schema = Schema(this);
+			const pattern = pick(regexp, ["source", "flags"]);
+			schema.meta = {
+				...schema.meta,
+				pattern
+			};
+			return schema;
+		};
+		Schema.prototype.simplify = function simplify(value) {
+			if (deepEqual(value, this.meta.default, this.type === "dict")) return null;
+			if (isNullable(value)) return value;
+			if (this.type === "object" || this.type === "dict") {
+				const result = {};
+				for (const key in value) {
+					const item = (this.type === "object" ? this.dict[key] : this.inner)?.simplify(value[key]);
+					if (this.type === "dict" || !isNullable(item)) result[key] = item;
+				}
+				if (deepEqual(result, this.meta.default, this.type === "dict")) return null;
+				return result;
+			} else if (this.type === "array" || this.type === "tuple") {
+				const result = [];
+				value.forEach((value, index) => {
+					const schema = this.type === "array" ? this.inner : this.list[index];
+					const item = schema ? schema.simplify(value) : value;
+					result.push(item);
+				});
+				return result;
+			} else if (this.type === "intersect") {
+				const result = {};
+				for (const item of this.list) Object.assign(result, item.simplify(value));
+				return result;
+			} else if (this.type === "union") for (const schema of this.list) try {
+				Schema.resolve(value, schema, {});
+				return schema.simplify(value);
+			} catch {}
+			return value;
+		};
+		Schema.prototype.toString = function toString(inline) {
+			return formatters[this.type]?.(this, inline) ?? `Schema<${this.type}>`;
+		};
+		Schema.prototype.role = function role(role, extra) {
+			const schema = Schema(this);
+			schema.meta = {
+				...schema.meta,
+				role,
+				extra
+			};
+			return schema;
+		};
+		for (const key of [
+			"default",
+			"link",
+			"comment",
+			"description",
+			"max",
+			"min",
+			"step"
+		]) Object.assign(Schema.prototype, { [key](value) {
+			const schema = Schema(this);
+			schema.meta = {
+				...schema.meta,
+				[key]: value
+			};
+			return schema;
+		} });
+		const resolvers = {};
+		Schema.extend = function extend(type, resolve) {
+			resolvers[type] = resolve;
+		};
+		Schema.resolve = function resolve(data, schema, options = {}, strict = false) {
+			if (!schema) return [data];
+			if (options.ignore?.(data, schema)) return [data];
+			if (isNullable(data) && schema.type !== "lazy") {
+				if (schema.meta.required) throw new ValidationError(`missing required value`, options);
+				let current = schema;
+				let fallback = schema.meta.default;
+				while (current?.type === "intersect" && isNullable(fallback)) {
+					current = current.list[0];
+					fallback = current?.meta.default;
+				}
+				if (isNullable(fallback)) return [data];
+				data = clone(fallback);
+			}
+			const callback = resolvers[schema.type];
+			if (!callback) throw new ValidationError(`unsupported type "${schema.type}"`, options);
+			try {
+				return callback(data, schema, options, strict);
+			} catch (error) {
+				if (!schema.meta.loose) throw error;
+				return [schema.meta.default];
+			}
+		};
+		Schema.from = function from(source) {
+			if (isNullable(source)) return Schema.any();
+			else if ([
+				"string",
+				"number",
+				"boolean"
+			].includes(typeof source)) return Schema.const(source).required();
+			else if (source[kSchema]) return source;
+			else if (typeof source === "function") switch (source) {
+				case String: return Schema.string().required();
+				case Number: return Schema.number().required();
+				case Boolean: return Schema.boolean().required();
+				case Function: return Schema.function().required();
+				default: return Schema.is(source).required();
+			}
+			else throw new TypeError(`cannot infer schema from ${source}`);
+		};
+		Schema.lazy = function lazy(builder) {
+			const toJSON = () => {
+				if (!schema.inner[kSchema]) {
+					schema.inner = schema.builder();
+					schema.inner.meta = {
+						...schema.meta,
+						...schema.inner.meta
+					};
+				}
+				return schema.inner.toJSON();
+			};
+			const schema = new Schema({
+				type: "lazy",
+				builder,
+				inner: { toJSON }
+			});
+			return schema;
+		};
+		Schema.natural = function natural() {
+			return Schema.number().step(1).min(0);
+		};
+		Schema.percent = function percent() {
+			return Schema.number().step(.01).min(0).max(1).role("slider");
+		};
+		Schema.date = function date() {
+			return Schema.union([Schema.is(Date), Schema.transform(Schema.string().role("datetime"), (value, options) => {
+				const date = new Date(value);
+				if (isNaN(+date)) throw new ValidationError(`invalid date "${value}"`, options);
+				return date;
+			}, true)]);
+		};
+		Schema.regExp = function regExp(flag = "") {
+			return Schema.union([Schema.is(RegExp), Schema.transform(Schema.string().role("regexp", { flag }), (value, options) => {
+				try {
+					return new RegExp(value, flag);
+				} catch (e) {
+					throw new ValidationError(e.message, options);
+				}
+			}, true)]);
+		};
+		Schema.arrayBuffer = function arrayBuffer(encoding) {
+			return Schema.union([
+				Schema.is(ArrayBuffer),
+				Schema.is(SharedArrayBuffer),
+				Schema.transform(Schema.any(), (value, options) => {
+					if (Binary.isSource(value)) return Binary.fromSource(value);
+					throw new ValidationError(`expected ArrayBufferSource but got ${value}`, options);
+				}, true),
+				...encoding ? [Schema.transform(Schema.string(), (value, options) => {
+					try {
+						return encoding === "base64" ? Binary.fromBase64(value) : Binary.fromHex(value);
+					} catch (e) {
+						throw new ValidationError(e.message, options);
+					}
+				}, true)] : []
+			]);
+		};
+		Schema.extend("lazy", (data, schema, options, strict) => {
+			if (!schema.inner[kSchema]) {
+				schema.inner = schema.builder();
+				schema.inner.meta = {
+					...schema.meta,
+					...schema.inner.meta
+				};
+			}
+			return Schema.resolve(data, schema.inner, options, strict);
+		});
+		Schema.extend("any", (data) => {
+			return [data];
+		});
+		Schema.extend("never", (data, _, options) => {
+			throw new ValidationError(`expected nullable but got ${data}`, options);
+		});
+		Schema.extend("const", (data, { value }, options) => {
+			if (deepEqual(data, value)) return [value];
+			throw new ValidationError(`expected ${value} but got ${data}`, options);
+		});
+		function checkWithinRange(data, meta, description, options, skipMin = false) {
+			const { max = Infinity, min = -Infinity } = meta;
+			if (data > max) throw new ValidationError(`expected ${description} <= ${max} but got ${data}`, options);
+			if (data < min && !skipMin) throw new ValidationError(`expected ${description} >= ${min} but got ${data}`, options);
+		}
+		Schema.extend("string", (data, { meta }, options) => {
+			if (typeof data !== "string") throw new ValidationError(`expected string but got ${data}`, options);
+			if (meta.pattern) {
+				const regexp = new RegExp(meta.pattern.source, meta.pattern.flags);
+				if (!regexp.test(data)) throw new ValidationError(`expect string to match regexp ${regexp}`, options);
+			}
+			checkWithinRange(data.length, meta, "string length", options);
+			return [data];
+		});
+		function decimalShift(data, digits) {
+			const str = data.toString();
+			if (str.includes("e")) return data * Math.pow(10, digits);
+			const index = str.indexOf(".");
+			if (index === -1) return data * Math.pow(10, digits);
+			const frac = str.slice(index + 1);
+			const integer = str.slice(0, index);
+			if (frac.length <= digits) return +(integer + frac.padEnd(digits, "0"));
+			return +(integer + frac.slice(0, digits) + "." + frac.slice(digits));
+		}
+		function isMultipleOf(data, min, step) {
+			step = Math.abs(step);
+			if (!/^\d+\.\d+$/.test(step.toString())) return (data - min) % step === 0;
+			const index = step.toString().indexOf(".");
+			const digits = step.toString().slice(index + 1).length;
+			return Math.abs(decimalShift(data, digits) - decimalShift(min, digits)) % decimalShift(step, digits) === 0;
+		}
+		Schema.extend("number", (data, { meta }, options) => {
+			if (typeof data !== "number") throw new ValidationError(`expected number but got ${data}`, options);
+			checkWithinRange(data, meta, "number", options);
+			const { step } = meta;
+			if (step && !isMultipleOf(data, meta.min ?? 0, step)) throw new ValidationError(`expected number multiple of ${step} but got ${data}`, options);
+			return [data];
+		});
+		Schema.extend("boolean", (data, _, options) => {
+			if (typeof data === "boolean") return [data];
+			throw new ValidationError(`expected boolean but got ${data}`, options);
+		});
+		Schema.extend("bitset", (data, { bits, meta }, options) => {
+			let value = 0, keys = [];
+			if (typeof data === "number") {
+				value = data;
+				for (const key in bits) if (data & bits[key]) keys.push(key);
+			} else if (Array.isArray(data)) {
+				keys = data;
+				for (const key of keys) {
+					if (typeof key !== "string") throw new ValidationError(`expected string but got ${key}`, options);
+					if (key in bits) value |= bits[key];
+				}
+			} else throw new ValidationError(`expected number or array but got ${data}`, options);
+			if (value === meta.default) return [value];
+			return [value, keys];
+		});
+		Schema.extend("function", (data, _, options) => {
+			if (typeof data === "function") return [data];
+			throw new ValidationError(`expected function but got ${data}`, options);
+		});
+		Schema.extend("is", (data, { constructor }, options) => {
+			if (typeof constructor === "function") {
+				if (data instanceof constructor) return [data];
+				throw new ValidationError(`expected ${constructor.name} but got ${data}`, options);
+			} else {
+				if (isNullable(data)) throw new ValidationError(`expected ${constructor} but got ${data}`, options);
+				let prototype = Object.getPrototypeOf(data);
+				while (prototype) {
+					if (prototype.constructor?.name === constructor) return [data];
+					prototype = Object.getPrototypeOf(prototype);
+				}
+				throw new ValidationError(`expected ${constructor} but got ${data}`, options);
+			}
+		});
+		function property(data, key, schema, options) {
+			try {
+				const [value, adapted] = Schema.resolve(data[key], schema, {
+					...options,
+					path: [...options.path || [], key]
+				});
+				if (adapted !== void 0) data[key] = adapted;
+				return value;
+			} catch (e) {
+				if (!options?.autofix) throw e;
+				delete data[key];
+				return schema.meta.default;
+			}
+		}
+		Schema.extend("array", (data, { inner, meta }, options) => {
+			if (!Array.isArray(data)) throw new ValidationError(`expected array but got ${data}`, options);
+			checkWithinRange(data.length, meta, "array length", options, !isNullable(inner.meta.default));
+			return [data.map((_, index) => property(data, index, inner, options))];
+		});
+		Schema.extend("dict", (data, { inner, sKey }, options, strict) => {
+			if (!isPlainObject(data)) throw new ValidationError(`expected object but got ${data}`, options);
+			const result = {};
+			for (const key in data) {
+				let rKey;
+				try {
+					rKey = Schema.resolve(key, sKey, options)[0];
+				} catch (error) {
+					if (strict) continue;
+					throw error;
+				}
+				result[rKey] = property(data, key, inner, options);
+				data[rKey] = data[key];
+				if (key !== rKey) delete data[key];
+			}
+			return [result];
+		});
+		Schema.extend("tuple", (data, { list }, options, strict) => {
+			if (!Array.isArray(data)) throw new ValidationError(`expected array but got ${data}`, options);
+			const result = list.map((inner, index) => property(data, index, inner, options));
+			if (strict) return [result];
+			result.push(...data.slice(list.length));
+			return [result];
+		});
+		function merge(result, data) {
+			for (const key in data) {
+				if (key in result) continue;
+				result[key] = data[key];
+			}
+		}
+		Schema.extend("object", (data, { dict }, options, strict) => {
+			if (!isPlainObject(data)) throw new ValidationError(`expected object but got ${data}`, options);
+			const result = {};
+			for (const key in dict) {
+				const value = property(data, key, dict[key], options);
+				if (!isNullable(value) || key in data) result[key] = value;
+			}
+			if (!strict) merge(result, data);
+			return [result];
+		});
+		Schema.extend("union", (data, { list, toString }, options, strict) => {
+			const messages = [];
+			for (const inner of list) try {
+				return Schema.resolve(data, inner, options, strict);
+			} catch (error) {
+				messages.push(error);
+			}
+			throw new ValidationError(`expected ${toString()} but got ${JSON.stringify(data)}`, options);
+		});
+		Schema.extend("intersect", (data, { list, toString }, options, strict) => {
+			if (!list.length) return [data];
+			let result;
+			for (const inner of list) {
+				const value = Schema.resolve(data, inner, options, true)[0];
+				if (isNullable(value)) continue;
+				if (isNullable(result)) result = value;
+				else if (typeof result !== typeof value) throw new ValidationError(`expected ${toString()} but got ${JSON.stringify(data)}`, options);
+				else if (typeof value === "object") merge(result ??= {}, value);
+				else if (result !== value) throw new ValidationError(`expected ${toString()} but got ${JSON.stringify(data)}`, options);
+			}
+			if (!strict && isPlainObject(data)) merge(result, data);
+			return [result];
+		});
+		Schema.extend("transform", (data, { inner, callback, preserve }, options) => {
+			const [result, adapted = data] = Schema.resolve(data, inner, options, true);
+			if (preserve) return [callback(result)];
+			else return [callback(result), callback(adapted)];
+		});
+		const formatters = {};
+		function defineMethod(name, keys, format) {
+			formatters[name] = format;
+			Object.assign(Schema, { [name](...args) {
+				const schema = new Schema({ type: name });
+				keys.forEach((key, index) => {
+					switch (key) {
+						case "sKey":
+							schema.sKey = args[index] ?? Schema.string();
+							break;
+						case "inner":
+							schema.inner = Schema.from(args[index]);
+							break;
+						case "list":
+							schema.list = args[index].map(Schema.from);
+							break;
+						case "dict":
+							schema.dict = mapValues(args[index], Schema.from);
+							break;
+						case "bits":
+							schema.bits = {};
+							for (const key in args[index]) {
+								if (typeof args[index][key] !== "number") continue;
+								schema.bits[key] = args[index][key];
+							}
+							break;
+						case "callback": {
+							const callback = schema.callback = args[index];
+							callback["toJSON"] ||= () => callback.toString();
+							break;
+						}
+						case "constructor": {
+							const constructor = schema.constructor = args[index];
+							if (typeof constructor === "function") constructor["toJSON"] ||= () => constructor["name"];
+							break;
+						}
+						default: schema[key] = args[index];
+					}
+				});
+				if (name === "object" || name === "dict") schema.meta.default = {};
+				else if (name === "array" || name === "tuple") schema.meta.default = [];
+				else if (name === "bitset") schema.meta.default = 0;
+				return schema;
+			} });
+		}
+		defineMethod("is", ["constructor"], ({ constructor }) => {
+			if (typeof constructor === "function") return constructor.name;
+			else return constructor;
+		});
+		defineMethod("any", [], () => "any");
+		defineMethod("never", [], () => "never");
+		defineMethod("const", ["value"], ({ value }) => typeof value === "string" ? JSON.stringify(value) : value);
+		defineMethod("string", [], () => "string");
+		defineMethod("number", [], () => "number");
+		defineMethod("boolean", [], () => "boolean");
+		defineMethod("bitset", ["bits"], () => "bitset");
+		defineMethod("function", [], () => "function");
+		defineMethod("array", ["inner"], ({ inner }) => `${inner.toString(true)}[]`);
+		defineMethod("dict", ["inner", "sKey"], ({ inner, sKey }) => `{ [key: ${sKey.toString()}]: ${inner.toString()} }`);
+		defineMethod("tuple", ["list"], ({ list }) => `[${list.map((inner) => inner.toString()).join(", ")}]`);
+		defineMethod("object", ["dict"], ({ dict }) => {
+			if (Object.keys(dict).length === 0) return "{}";
+			return `{ ${Object.entries(dict).map(([key, inner]) => {
+				return `${key}${inner.meta.required ? "" : "?"}: ${inner.toString()}`;
+			}).join(", ")} }`;
+		});
+		defineMethod("union", ["list"], ({ list }, inline) => {
+			const result = list.map(({ toString: format }) => format()).join(" | ");
+			return inline ? `(${result})` : result;
+		});
+		defineMethod("intersect", ["list"], ({ list }) => {
+			return `${list.map((inner) => inner.toString(true)).join(" & ")}`;
+		});
+		defineMethod("transform", [
+			"inner",
+			"callback",
+			"preserve"
+		], ({ inner }, isInner) => inner.toString(isInner));
+		//#endregion
+		//#region lib/types/theme-store-settings.js
+		/** Theme store settings stored in the Host user-settings document. */
+		/** Settings namespace owned by the theme store plugin. */
+		const THEME_STORE_NAMESPACE = "ui-theme-store";
+		Schema.object({ ["applied"]: Schema.string().default("") });
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Namespace owning this feature's settings-row copy. */
+		const SETTINGS_NS = "settings.themeStore";
+		/**
+		* Required services: slots/locale for the section, the settings scope for the
+		* durable applied id, the harness theme service, the remote transport, and
+		* the plugin inventory Remote to detect installed shell themes.
+		*/
+		const inject = [
+			"slots",
+			"locale",
+			"settingsScope",
+			"theme",
+			"remote",
+			"remote.pluginInventory"
+		];
+		/**
+		* Client plugin body: provide the theme store service and register the
+		* feature-owned Theme Store settings section. On boot, also queries the
+		* plugin inventory to detect which shell themes are already installed.
+		* @param ctx - client cordis context.
+		*/
+		function apply(ctx) {
+			console.log("[theme-store] 🎨 apply(): theme store plugin ACTIVATED in browser", {
+				inject: inject.length,
+				url: typeof location !== "undefined" ? location.href : "n/a"
+			});
+			ctx.effect(() => ctx.locale.register(SETTINGS_NS, {
+				zh,
+				en
+			}), "theme-store: dictionaries");
+			const t = ctx.locale.bind(SETTINGS_NS);
+			const runtime = new ThemeStoreRuntime(ctx, ctx.settingsScope.bind({ namespace: THEME_STORE_NAMESPACE }), ctx.theme);
+			ctx.provide("themeStore", runtime);
+			ctx.effect(() => () => {
+				runtime.dispose();
+			}, "theme-store: runtime disposal");
+			const store = createThemeStoreStore();
+			let bound;
+			const sync = () => {
+				bound?.sync(runtime.getState());
+			};
+			ctx.effect(() => runtime.subscribe(sync), "theme-store: section mirror");
+			const injected = (actions) => {
+				bound = actions;
+				sync();
+				return {
+					load: () => {
+						runtime.load();
+					},
+					apply: (id) => {
+						runtime.apply(id);
+					},
+					copyInstall: (command) => {
+						navigator.clipboard?.writeText(command).catch(() => {});
+					},
+					installShell: async (installPackage, onStage, marker) => {
+						console.log("[theme-store] installShell called:", installPackage);
+						onStage?.("installing");
+						const result = await (await fetch("/api/theme-store/install", {
+							method: "POST",
+							headers: { "content-type": "application/json" },
+							body: JSON.stringify({ installPackage })
+						})).json().catch(() => ({
+							ok: false,
+							error: "invalid response"
+						}));
+						console.log("[theme-store] install response:", JSON.stringify(result));
+						if (result.ok !== true) throw new Error(result.error ?? "install failed");
+						if (result.changed !== false) {
+							onStage?.("restarting");
+							console.log("[theme-store] requesting restart");
+							await fetch("/api/theme-store/restart", { method: "POST" }).catch((error) => {
+								console.log("[theme-store] restart fetch error (expected, server respawning):", String(error));
+							});
+							onStage?.("reloading");
+							console.log("[theme-store] waiting for server to come back");
+							await waitForServer();
+							if (marker !== void 0) try {
+								window.sessionStorage.setItem(LAST_INSTALL_KEY, JSON.stringify(marker));
+								console.log("[theme-store] last-install marker written:", JSON.stringify(marker));
+							} catch {}
+							console.log("[theme-store] server back, reloading page");
+							window.location.reload();
+						} else console.log("[theme-store] no change needed (already active)");
+					}
+				};
+			};
+			ctx.slots.inject("settings.section", () => {
+				console.log("[theme-store] settings.section registration running");
+				return ctx.slots.register({
+					name: "settings.section",
+					id: "theme-store",
+					order: 12,
+					label: () => t("nav"),
+					locale: SETTINGS_NS,
+					store,
+					inject: injected
+				}, ThemeStoreSection);
+			});
+			runtime.load();
+			(async () => {
+				try {
+					const result = await ctx.remote.pluginInventory.list();
+					if (!result.ok) return;
+					const moduleNames = result.value.entries.filter((e) => e.enabled).map((e) => e.moduleName);
+					runtime.syncInstalledShells(moduleNames);
+				} catch {}
+			})();
+		}
+		/** Poll the GUI until it responds, then return. Used after a restart-respawn. */
+		async function waitForServer() {
+			for (let attempt = 0; attempt < 60; attempt++) {
+				await new Promise((resolve) => setTimeout(resolve, 2e3));
+				try {
+					if ((await fetch("/catalog/edex-themes.json", { method: "HEAD" })).ok) return;
+				} catch {}
+			}
+		}
+		//#endregion
+		exports.SETTINGS_NS = SETTINGS_NS;
+		exports.ThemeStoreRuntime = ThemeStoreRuntime;
+		exports.apply = apply;
+		exports.createThemeStoreStore = createThemeStoreStore;
+		exports.inject = inject;
+		exports.parseCatalog = parseCatalog;
+		exports.resolveScreenshot = resolveScreenshot;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map