@nonamelego/dsh-catppuccin 0.2.7-beta.1 → 0.2.7

package/README.md

@@ -22,7 +22,10 @@
 
 它内置 Catppuccin 的四个主题——**Latte**、**Frappé**、**Macchiato**、**Mocha**——
 把整个界面的配色都换成对应的 Catppuccin 色板；并在 **设置 → 常规 → 外观**
-下方提供一行 **Catppuccin** 快捷切换，选择会自动保存、下次启动自动恢复。
+下方提供一行 **Catppuccin** 快捷切换，选择会自动保存、重启自动恢复——
+偏好持久保存在 DSH home 下的 `catppuccin-state.json`（浏览器 localStorage
+作为同机的即时缓存），因此即使在 **DSH Desktop** 里每次启动端口都变化，
+主题和玻璃设置也能跨重启稳定恢复。
 
 同时内置一套可开关的**玻璃质感**（Glassmorphism）皮肤：顶栏、侧边栏、
 输入框、统计行、轨迹视图、聊天气泡、新会话按钮都变成磨砂玻璃卡片，
@@ -88,6 +91,18 @@ dsh plugin --profile web add @nonamelego/dsh-catppuccin
 装完重启 `dsh web` 即可，`dsh plugin` 会自动把它加进 profile 的 bundles。
 其他 profile 把命令里的 `web` 换成对应名字即可（如 `headless`）。
 
+**[DSH Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop)**：桌面版默认激活的 profile 就叫 `desktop`，把命令里的 `web`
+换成 `desktop` 即可：
+
+```sh
+dsh plugin --profile desktop add @nonamelego/dsh-catppuccin
+```
+
+在桌面的 **DSH 终端**里运行即可（终端里的 `dsh plugin` 默认就作用于当前激活的
+profile，也可以直接写 `dsh plugin add @nonamelego/dsh-catppuccin`；若你在托盘里
+选了别的 profile，就把 `desktop` 换成那个名字），装完重启 **[DSH Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop)** 生效。
+从仓库安装的方式同理：`dsh plugin --profile desktop add https://github.com/NoNameLeGo/dsh-catppuccin-theme`。
+
 ### 方式二：从仓库安装
 
 ```sh
@@ -106,11 +121,12 @@ pnpm --dir C:\Users\LeGo\.dsh\profiles\web add link:D:\Vibe-Coding\dsh-catppucci
 ```
 
 然后在 profile 的 `package.json` 中把 `@nonamelego/dsh-catppuccin` 加进 `dsh.profile.bundles`，
-重启 `dsh web` 即可。
+重启 `dsh web` 即可。在 [DSH Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop) 中使用时，把上面的路径换成桌面 profile
+（默认 `desktop`，位于 `~/.dsh/profiles/desktop`），装完重启 **[DSH Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop)** 即可。
 
 ## 使用
 
-1. 打开 Web GUI（默认 `http://127.0.0.1:3080`）。
+1. 打开 Web GUI（默认 `http://127.0.0.1:3080`）；在 [DSH Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop) 中则直接打开桌面应用即可。
 2. 进入 **设置 → 常规**。
 3. 在 **外观** 区域下方找到 **Catppuccin** 行，选择主题：
    **Latte**（浅色）、**Frappé**、**Macchiato** 或 **Mocha**（深色）。
@@ -130,7 +146,11 @@ pnpm --dir C:\Users\LeGo\.dsh\profiles\web add link:D:\Vibe-Coding\dsh-catppucci
   直接调和进纯色背景。
 
 玻璃配色取自当前主题的设计 token，切换 Latte / Frappé / Macchiato / Mocha
-时玻璃颜色自动跟随；设置保存在浏览器本地（localStorage），重启自动恢复。
+时玻璃颜色自动跟随；设置最终持久保存在 DSH home 下的
+`catppuccin-state.json`（同主题一起，跨重启、跨端口恢复），浏览器
+localStorage 只作为即时缓存与多标签页同步——**DSH Desktop** 每次启动使用
+不同的随机回环端口，localStorage 因此无法跨重启保留，而 DSH home 下的文件
+不受端口影响，重启后自动恢复。
 
 ### 检查 Catppuccin 插件更新
 
@@ -149,6 +169,9 @@ pnpm --dir C:\Users\LeGo\.dsh\profiles\web add link:D:\Vibe-Coding\dsh-catppucci
   升级到 `@latest`。
 - 检查走宿主进程的 Node fetch（无跨域问题）；离线或 registry 不可达时
   显示具体失败原因并支持重试。
+- **环境自适配**：在 [DSH Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop) 中运行时，目标 profile 直接取桌面版的
+  当前 profile（不靠扫描猜测），提示与重启文案也切换为 Desktop 口径
+  （DSH 终端）；普通 dsh web / CLI 下保持原有终端命令。
 
 ## 玻璃拟态（Glassmorphism）
 
@@ -204,13 +227,18 @@ node scripts/generate-palettes.mjs
   A: 官方外观行只列出内置的浅色/深色/跟随系统偏好。四个主题在它正下方的
   **Catppuccin** 行里。
 - Q: **_"我的主题选择是怎么记住的？"_**
-  A: 选择保存在浏览器本地（localStorage），下次打开同一浏览器会自动恢复；
-  玻璃质感开关与各旋钮同样保存在本地。
+  A: 选择持久保存在 DSH home 下的 `catppuccin-state.json`（同一台机器的
+  DSH 共享这份偏好），浏览器 localStorage 作为即时缓存与多标签页同步。
+  因此普通 `dsh web`、`dsh web --port` 自定义端口，以及 **DSH Desktop**
+  （每次启动用随机回环端口）都能跨重启自动恢复；玻璃质感开关与各旋钮同样
+  持久保存。
 - Q: **_"怎么知道这个插件有没有新版本？"_**
   A: 设置 → 常规 → **检查 Catppuccin 插件更新** 一键检测本插件在 npm 上的最新版本，
   发现新版会给出可复制的升级命令；也可以随时手动执行
   `dsh plugin --profile web update @nonamelego/dsh-catppuccin`
-  （或重新 `add` 最新版）。
+  （或重新 `add` 最新版）。在 [DSH Desktop](https://github.com/anywhere-labs/deepseek-harness-desktop) 中，把 `web` 换成 `desktop`
+  （`dsh plugin --profile desktop update @nonamelego/dsh-catppuccin`），
+  或者直接在 DSH 终端里运行 `dsh plugin update`（默认作用于当前 profile）。
 
 ## 💝 致谢
 

package/lib/client.js

@@ -144,7 +144,9 @@ window.__ModuleLoader__.load({
 			"update.available": "发现新版本：",
 			"update.commandHint": "在终端运行以下命令升级（把 web 换成你的 profile 名）：",
 			"update.commandHintDetected": "已自动探测到 profile「{profile}」，在终端运行以下命令升级：",
+			"update.commandHintDesktop": "已检测到你在使用 DSH Desktop，目标 profile「{profile}」，请在 DSH 终端中运行以下命令升级：",
 			"update.restartHint": "升级完成后重启 dsh web 生效。",
+			"update.restartHintDesktop": "升级完成后重启 DSH Desktop 生效。",
 			"update.copy": "复制命令",
 			"update.copied": "已复制 ✓",
 			"update.failed": "检查失败，请稍后重试。",
@@ -190,7 +192,9 @@ window.__ModuleLoader__.load({
 			"update.available": "New version available:",
 			"update.commandHint": "Run this in a terminal to upgrade (replace web with your profile name):",
 			"update.commandHintDetected": "Profile \"{profile}\" detected — run this in a terminal to upgrade:",
+			"update.commandHintDesktop": "DSH Desktop detected — target profile \"{profile}\", run this in the DSH terminal to upgrade:",
 			"update.restartHint": "Restart dsh web after the upgrade.",
+			"update.restartHintDesktop": "Restart DSH Desktop after the upgrade.",
 			"update.copy": "Copy command",
 			"update.copied": "Copied ✓",
 			"update.failed": "Check failed — try again later.",
@@ -965,7 +969,8 @@ window.__ModuleLoader__.load({
 		* Shipped knob defaults — aligned with the reference project
 		* (DSH-Transparent-UI-Plugin / Aqua): mica mode, blur 2px, frost 20
 		* (the 0-100 slider maps to a 0-1.4 alpha multiplier via frost/50, so 20
-		* reads as a light frost) and neutral backdrop brightness.
+		* reads as a light frost) and neutral backdrop brightness. MUST stay in sync
+		* with `DEFAULT_GLASS` in `src/state.ts` (guarded by `tests/state.spec.ts`).
 		*/
 		const SETTINGS_DEFAULTS = {
 			mode: "mica",
@@ -1109,6 +1114,34 @@ window.__ModuleLoader__.load({
 					this.listeners.delete(listener);
 				};
 			}
+			/** The durable subset of the current layer state (no derived `dark`). */
+			getRemoteState() {
+				return {
+					enabled: this.enabled,
+					mode: this.settings.mode,
+					blur: this.settings.blur,
+					frost: this.settings.frost,
+					brightness: this.settings.brightness
+				};
+			}
+			/** Overlay durable state hydrated from the Host file: persist it to
+			*  localStorage (the cache), apply it to the live layer, and republish so
+			*  the settings row reflects the restored choice. */
+			applyRemote(remote) {
+				this.enabled = remote.enabled;
+				this.settings = {
+					mode: remote.mode === "compat" ? "compat" : "mica",
+					blur: clampSetting("blur", remote.blur),
+					frost: clampSetting("frost", remote.frost),
+					brightness: clampSetting("brightness", remote.brightness)
+				};
+				writeEnabled(this.enabled);
+				writeMode(this.settings.mode);
+				writeSetting("blur", this.settings.blur);
+				writeSetting("frost", this.settings.frost);
+				writeSetting("brightness", this.settings.brightness);
+				this.sync();
+			}
 			/** Flip the layer: persist, then apply or retract every owned effect. */
 			setEnabled(value) {
 				if (value === this.enabled) return;
@@ -1508,6 +1541,7 @@ window.__ModuleLoader__.load({
 				opacity: phase === "checking" ? .6 : 1
 			};
 			const localInstall = payload?.ok === true && payload.installSource !== void 0 && payload.installSource !== "registry";
+			const isDesktop = payload?.ok === true && payload.env === "desktop";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: {
 					borderBottom: "1px solid var(--dsw-alias-border-l2)",
@@ -1603,7 +1637,7 @@ window.__ModuleLoader__.load({
 										fontSize: 12,
 										lineHeight: "18px"
 									},
-									children: payload.profileDetected === true && payload.profile !== void 0 ? t("update.commandHintDetected").replace("{profile}", payload.profile) : t("update.commandHint")
+									children: isDesktop ? t("update.commandHintDesktop").replace("{profile}", payload.profile ?? "") : payload.profileDetected === true && payload.profile !== void 0 ? t("update.commandHintDetected").replace("{profile}", payload.profile) : t("update.commandHint")
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									style: {
@@ -1654,7 +1688,7 @@ window.__ModuleLoader__.load({
 										fontSize: 12,
 										lineHeight: "18px"
 									},
-									children: t("update.restartHint")
+									children: t(isDesktop ? "update.restartHintDesktop" : "update.restartHint")
 								})
 							] })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: {
@@ -1695,6 +1729,140 @@ window.__ModuleLoader__.load({
 		`${"@nonamelego/dsh-catppuccin".replace("/", "%2F")}`;
 		/** Host route the Client row fetches (exact match, same origin). */
 		const UPDATE_ROUTE_PATH = "/catppuccin/check-update";
+		/** Host route answering the durable state (GET reads, PUT writes). */
+		const STATE_ROUTE_PATH = "/catppuccin/state";
+		/** The four registered Catppuccin theme ids. MUST stay in sync with the
+		*  `themeId` of `CATPPUCCIN_FLAVORS` in `src/client/palettes.ts` — guarded by
+		*  `tests/state.spec.ts` — because the persisted flavour value IS the theme id. */
+		const CATPPUCCIN_THEME_IDS = [
+			"catppuccin-latte",
+			"catppuccin-frappe",
+			"catppuccin-macchiato",
+			"catppuccin-mocha"
+		];
+		/** Shipped glass defaults — aligned with `SETTINGS_DEFAULTS` in
+		*  `src/client/glass/glass-layer.ts` (guarded by `tests/state.spec.ts`). */
+		const DEFAULT_GLASS = {
+			enabled: false,
+			mode: "mica",
+			blur: 2,
+			frost: 20,
+			brightness: 50
+		};
+		/** A fully default state: no Catppuccin flavour and no glass. */
+		function defaultState() {
+			return {
+				version: 1,
+				flavor: "off",
+				glass: { ...DEFAULT_GLASS }
+			};
+		}
+		/** Clamp a finite number into [min, max]; non-finite values fall back. */
+		function clampFinite(value, min, max, fallback) {
+			return typeof value === "number" && Number.isFinite(value) ? Math.min(max, Math.max(min, value)) : fallback;
+		}
+		/**
+		* Normalize arbitrary input (JSON from disk or the wire) into a valid state:
+		* unknown/missing fields fall back to defaults, out-of-range numbers clamp,
+		* and unknown flavours/invalid enums fall back too. The Host applies this on
+		* both read and write so a corrupt file or a hand-crafted payload can never
+		* poison the plugin's settings.
+		*/
+		function sanitizeState(input) {
+			const state = defaultState();
+			if (typeof input !== "object" || input === null) return state;
+			const raw = input;
+			const flavor = raw.flavor;
+			if (typeof flavor === "string" && CATPPUCCIN_THEME_IDS.includes(flavor)) state.flavor = flavor;
+			else if (flavor === "off") state.flavor = "off";
+			const glass = typeof raw.glass === "object" && raw.glass !== null ? raw.glass : {};
+			state.glass.enabled = glass.enabled === true;
+			state.glass.mode = glass.mode === "compat" ? "compat" : "mica";
+			state.glass.blur = clampFinite(glass.blur, 0, 40, DEFAULT_GLASS.blur);
+			state.glass.frost = clampFinite(glass.frost, 0, 100, DEFAULT_GLASS.frost);
+			state.glass.brightness = clampFinite(glass.brightness, 0, 100, DEFAULT_GLASS.brightness);
+			return state;
+		}
+		/** Whether a normalized state carries nothing beyond the shipped defaults —
+		*  i.e. the user never actually chose anything worth persisting. Used to tell
+		*  "no durable state yet" apart from "an explicit default choice". */
+		function isDefaultState(state) {
+			const expected = defaultState();
+			return state.flavor === expected.flavor && state.glass.enabled === expected.glass.enabled && state.glass.mode === expected.glass.mode && state.glass.blur === expected.glass.blur && state.glass.frost === expected.glass.frost && state.glass.brightness === expected.glass.brightness;
+		}
+		//#endregion
+		//#region src/client/state-sync.ts
+		/**
+		* Browser half of the durable Catppuccin state — a thin wrapper over the
+		* Host's `/catppuccin/state` route (same-origin relative fetch, so it works on
+		* DSH Desktop's per-launch random loopback port). The Host file is the source
+		* of truth; this module adds the fetch wrapper plus a debounced trailing
+		* writer so rapid knob drags coalesce into a single PUT. Every failure is
+		* non-fatal: the plugin keeps working from browser localStorage alone.
+		*/
+		/** Read the durable state from the Host file (same-origin GET). */
+		async function readDurableStateRemote() {
+			try {
+				const response = await fetch(STATE_ROUTE_PATH, { headers: { accept: "application/json" } });
+				if (!response.ok) return {
+					available: false,
+					state: null
+				};
+				const payload = await response.json();
+				if (payload.ok !== true) return {
+					available: false,
+					state: null
+				};
+				return {
+					available: true,
+					state: payload.state === null || payload.state === void 0 ? null : sanitizeState(payload.state)
+				};
+			} catch {
+				return {
+					available: false,
+					state: null
+				};
+			}
+		}
+		/** Write the durable state to the Host file (same-origin PUT). */
+		async function persistDurableState(state) {
+			try {
+				return (await fetch(STATE_ROUTE_PATH, {
+					method: "PUT",
+					headers: {
+						accept: "application/json",
+						"content-type": "application/json"
+					},
+					body: JSON.stringify(sanitizeState(state))
+				})).ok;
+			} catch {
+				return false;
+			}
+		}
+		let pendingTimer;
+		let pendingGetState;
+		/**
+		* Debounced trailing persist: after a burst of changes (a slider drag emits a
+		* stream of snapshot updates) the latest state is written to the Host once,
+		* a short beat after the last change. Pass an accessor so the snapshot is
+		* taken at flush time, never stale.
+		*/
+		function scheduleDurablePersist(getState, delayMs = 300) {
+			if (pendingTimer !== void 0) window.clearTimeout(pendingTimer);
+			pendingGetState = getState;
+			pendingTimer = window.setTimeout(() => {
+				pendingTimer = void 0;
+				const state = pendingGetState;
+				pendingGetState = void 0;
+				if (state !== void 0) persistDurableState(state()).catch(() => {});
+			}, delayMs);
+		}
+		/** Drop any queued persist (plugin unload / page teardown). */
+		function cancelDurablePersist() {
+			if (pendingTimer !== void 0) window.clearTimeout(pendingTimer);
+			pendingTimer = void 0;
+			pendingGetState = void 0;
+		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-catppuccin-theme/dsh-catppuccin-theme/src/client/glass/glass.module.css.mjs
 		const css = "[data-dsh-glass] body{--dsh-glass-card:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(52% * var(--dsh-glass-frost,1)), transparent);--dsh-glass-card-raised:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(64% * var(--dsh-glass-frost,1)), transparent);--dsh-glass-card-hover:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(76% * var(--dsh-glass-frost,1)), transparent);--dsh-glass-rim:color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent);--dsh-glass-rim-soft:color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent);--dsh-glass-edge:inset 0 1px 0 #ffffff6b;--dsh-glass-drop:0 10px 32px color-mix(in srgb, var(--dsw-alias-bg-mask-2) 38%, transparent)}[data-dsh-glass] body[data-ds-dark-theme]{--dsh-glass-rim:color-mix(in srgb, var(--dsw-alias-label-primary) 24%, transparent);--dsh-glass-rim-soft:color-mix(in srgb, var(--dsw-alias-label-primary) 16%, transparent);--dsh-glass-edge:inset 0 1px 0 #ffffff14;--dsh-glass-drop:0 10px 32px #02060e73}[data-dsh-glass] body{background:color-mix(in srgb, color-mix(in srgb, var(--dsw-alias-bg-base), #fff calc(var(--dsh-glass-brightness-white,0) * 100%)), #000 calc(var(--dsh-glass-brightness-black,0) * 100%))}[data-dsh-glass] [data-dsh-glass-frame],[data-dsh-glass] [data-phase],[data-dsh-glass] [data-dsh-glass-details]{background:0 0}[data-dsh-glass-float] [data-phase=active] header{z-index:8;position:relative}[data-dsh-glass-float] [class*=banner]{position:static}[data-dsh-glass-float] [data-phase=active] [data-conversation-scroll]{margin-top:-95px;padding-top:107px}[data-dsh-glass] [data-phase] [class*=composerSeat][class*=composerSeat]{background:0 0}[data-dsh-glass] [data-dsh-glass-fade]{z-index:7;pointer-events:none;backdrop-filter:blur(5px);background:#ffffff2e;height:13px;position:fixed;left:0;right:0}[data-dsh-glass] body[data-ds-dark-theme] [data-dsh-glass-fade]{background:#00000024}[data-dsh-glass] [data-dsh-glass-fade=top]{top:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}[data-dsh-glass] [data-dsh-glass-fade=bottom]{bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}[data-dsh-glass-float] [role=menu],[data-dsh-glass-float] [role=dialog],[data-dsh-glass-float] [role=alert],[data-dsh-glass-float] [data-dsh-glass-surface]{border-radius:14px}[data-dsh-glass-float] [role=menuitem],[data-dsh-glass-float] [role=tooltip],[data-dsh-glass-float] [class*=pill]{border-radius:8px}[data-dsh-glass-float] button[class*=button]{border-radius:10px}[data-dsh-glass-float] [class*=iconButton],[data-dsh-glass-float] [class*=searchButton]{border-radius:8px}[data-dsh-glass-float] [class*=block]{--dsl-code-block-border-radius:14px;--dsl-diff-radius:14px;--dsl-read-radius:14px;--dsl-terminal-radius:14px;--dsl-web-radius:14px;--dsl-search-radius:14px;border-radius:14px}[data-dsh-glass-float] [data-dsh-glass-add]{background:var(--dsh-glass-card-raised);border:1px solid var(--dsh-glass-rim);box-shadow:var(--dsh-glass-edge);backdrop-filter:blur(var(--dsh-glass-blur,14px))}[data-dsh-glass-float] [data-dsh-glass-add]:hover:not(:disabled){background:var(--dsh-glass-card-hover)}[data-dsh-glass-float] [data-dsh-glass-surface]{background:var(--dsh-glass-card-raised);border:1px solid var(--dsh-glass-rim);box-shadow:var(--dsh-glass-edge);backdrop-filter:blur(var(--dsh-glass-blur,14px))}[data-dsh-glass-float] [data-dsh-glass-surface]:hover:not(:disabled){background:var(--dsh-glass-card-hover)}[data-dsh-glass-float] [class*=bubble]{border:1px solid var(--dsh-glass-rim-soft);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(46% * var(--dsh-glass-frost,1)), transparent);backdrop-filter:blur(var(--dsh-glass-blur,14px));border-radius:14px}[data-dsh-glass-float] [class*=card]{border-radius:14px}[data-dsh-glass-float] header{border:1px solid var(--dsh-glass-rim);background:var(--dsh-glass-card);box-shadow:var(--dsh-glass-edge), var(--dsh-glass-drop);backdrop-filter:blur(var(--dsh-glass-blur,14px));border-bottom-color:#0000;border-radius:20px;margin:12px 16px 0;padding:10px 16px 8px}[data-dsh-glass-float] header:after{display:none}[data-dsh-glass-float] [data-dsh-glass-frame][data-sidebar-collapsed] header{margin-left:28px}[data-dsh-glass-float] [class*=sidebarCol]{--dsw-specific-sidebar-fill:transparent;z-index:9;border:1px solid var(--dsh-glass-rim);border-right-color:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 40%, transparent);background:var(--dsh-glass-card);box-shadow:var(--dsh-glass-edge), var(--dsh-glass-drop);border-radius:20px;margin:12px;padding:10px 12px 14px;position:relative;overflow:hidden}[data-dsh-glass-float] body[data-ds-dark-theme] [class*=sidebarCol]{border-right-color:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 22%, transparent)}[data-dsh-glass-float] [class*=sidebarCol]:has([role=dialog]){backdrop-filter:none}[data-dsh-glass-float] [class*=sidebarCol]{backdrop-filter:blur(var(--dsh-glass-blur,14px))}[data-dsh-glass-float] [data-dsh-glass-frame][data-sidebar-collapsed] [class*=sidebarCol]{transition:margin .15s var(--ds-ease-in-out), border-radius .15s var(--ds-ease-in-out);border-radius:16px;margin:12px -12px 12px 12px;padding:0}[data-dsh-glass-float] [data-dsh-glass-frame]:not([data-sidebar-collapsed]) [data-dsh-glass-sidebar-root]{width:100%!important}[data-dsh-glass-float] [data-dsh-glass-trajectory]{border:1px solid var(--dsh-glass-rim);background:var(--dsh-glass-card);width:calc(100% - 32px);height:calc(100% - 20px);box-shadow:var(--dsh-glass-edge), var(--dsh-glass-drop);backdrop-filter:blur(var(--dsh-glass-blur,14px));border-radius:20px;margin:8px 16px 12px;overflow:hidden}[data-dsh-glass-float] [data-dsh-glass-trajectory] [role=toolbar],[data-dsh-glass-float] [data-dsh-glass-trajectory] section[aria-label=Trajectory\\ timeline]{background:0 0}[data-dsh-glass-float] [data-composer-card],[data-dsh-glass-float] [data-composer-card]:after{border-radius:24px}[data-dsh-glass-float] [data-composer-card]{z-index:8;background:var(--dsh-glass-card);border:1px solid var(--dsh-glass-rim);box-shadow:var(--dsh-glass-edge), var(--dsh-glass-drop);backdrop-filter:blur(var(--dsh-glass-blur,14px));position:relative}[data-dsh-glass-float] [data-dsh-glass-inputbar]:not([class*=hero]):not(:has([data-dsh-glass-stats])){padding-bottom:12px}[data-dsh-glass][data-dsh-glass-float] [data-dsh-glass-inputbar]:has([data-dsh-glass-stats]){border:1px solid var(--dsh-glass-rim);background:var(--dsh-glass-card);box-shadow:var(--dsh-glass-edge), var(--dsh-glass-drop);backdrop-filter:blur(var(--dsh-glass-blur,14px));border-radius:24px;margin:0 auto 12px;padding:0;width:var(--dsh-composer-card-max-width)!important;max-width:var(--dsh-composer-card-max-width)!important}[data-dsh-glass-float] [data-dsh-glass-inputbar]:has([data-dsh-glass-stats]) [data-composer-card]{box-shadow:none;backdrop-filter:none;background:0 0;border:none;border-radius:0}[data-dsh-glass-float] [data-dsh-glass-inputbar]:has([data-dsh-glass-stats]) [data-composer-card]:after{display:none}[data-dsh-glass][data-dsh-glass-float] [data-dsh-glass-inputbar]:has([data-dsh-glass-stats]) [data-slot]{border:none;border-top:1px solid var(--dsh-glass-rim-soft);box-shadow:none;backdrop-filter:none;background:0 0;border-radius:0;margin:0;padding:2px 16px 6px;width:100%!important;max-width:none!important}[data-dsh-glass][data-dsh-glass-float] [data-dsh-glass-inputbar] [data-slot] [data-dsh-glass-stats]{min-width:0;box-shadow:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;margin:0;width:100%!important;padding:4px 0 0!important}[data-dsh-glass][data-dsh-glass-float] [data-dsh-glass-inputbar] [data-slot] [data-dsh-live-tps]{padding-right:0}[data-dsh-glass-float] [role=treeitem][aria-selected=true]{box-shadow:inset 2px 0 0 var(--dsw-specific-sidebar-nav-item-active-accent), 0 0 16px color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 20%, transparent)}[data-dsh-glass-float] button[class*=button]:hover:not(:disabled),[data-dsh-glass-float] [role=menuitem]:hover:not(:disabled){box-shadow:0 0 12px color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 20%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--dsw-alias-border-l3) 60%, transparent)}[data-dsh-glass-float] [role=menu]{background:var(--dsh-glass-card-raised);border:1px solid var(--dsh-glass-rim-soft);backdrop-filter:blur(var(--dsh-glass-blur,14px))}[data-dsh-glass-float] [role=menu]:has([role=group]>[role=menuitemradio]){background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 70%, transparent)}[data-dsh-glass-float] [role=menu] [role=group]:has(>[role=menuitemradio])>:first-child{border:1px solid var(--dsh-glass-rim);background:var(--dsh-glass-card-raised);backdrop-filter:blur(var(--dsh-glass-blur,14px));border-radius:999px;align-items:center;width:fit-content;margin:3px 0 5px 6px;padding:3px 10px;display:inline-flex}[data-dsh-glass-float] [role=dialog][aria-modal=true]{background:var(--dsh-glass-card-raised);border:1px solid var(--dsh-glass-rim);box-shadow:var(--dsh-glass-edge);backdrop-filter:blur(var(--dsh-glass-blur,14px))}[data-dsh-glass] [data-conversation-scroll]{text-shadow:0 0 1px #ffffff80}[data-dsh-glass] body[data-ds-dark-theme] [data-conversation-scroll]{text-shadow:0 0 1px #0006}[data-dsh-glass-float] [data-composer-card] textarea::placeholder{color:color-mix(in srgb, var(--dsw-alias-label-primary) 45%, transparent)}[data-dsh-glass-float] [data-dsh-glass-inputbar] [data-slot]{color:var(--dsw-alias-label-secondary)}[data-dsh-glass-float] [data-phase=hero]{animation:SsOp2G_dsh-glass-in .32s var(--ds-ease-in-out)}[data-dsh-glass-float] [data-phase=active]{animation:SsOp2G_dsh-glass-in .3s var(--ds-ease-in-out)}[data-dsh-glass-float] [data-testid^=view-]{animation:SsOp2G_dsh-glass-in .26s var(--ds-ease-in-out)}[data-dsh-glass-float] [data-tool]{animation:SsOp2G_dsh-glass-rise .3s var(--ds-ease-in-out) both}[data-dsh-glass-float] [role=dialog]{animation:SsOp2G_dsh-glass-dialog-in .24s var(--ds-ease-in-out)}@keyframes SsOp2G_dsh-glass-in{0%{opacity:0}}@keyframes SsOp2G_dsh-glass-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes SsOp2G_dsh-glass-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}[data-dsh-glass] :focus-visible{outline:2px solid color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 85%, transparent);outline-offset:1px}[data-dsh-glass] ::selection{background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 35%, transparent)}[data-dsh-glass-compat] [role=menu],[data-dsh-glass-compat] [role=tooltip],[data-dsh-glass-compat] [class*=card],[data-dsh-glass-compat] [class*=bubble],[data-dsh-glass-compat] [class*=panel],[data-dsh-glass-compat] [class*=popover],[data-dsh-glass-compat] [class*=dropdown]{backdrop-filter:blur(12px)}[data-dsh-glass-compat] [role=dialog][aria-modal=true]{background:var(--dsh-glass-card-raised);border:1px solid var(--dsh-glass-rim);backdrop-filter:blur(var(--dsh-glass-blur,12px))}@media (prefers-reduced-motion:reduce){[data-dsh-glass-float] [data-phase=hero],[data-dsh-glass-float] [data-phase=active],[data-dsh-glass-float] [data-testid^=view-],[data-dsh-glass-float] [data-tool],[data-dsh-glass-float] [role=dialog]{animation:none}}";
@@ -1766,23 +1934,29 @@ window.__ModuleLoader__.load({
 					for (const dispose of disposers) dispose();
 				};
 			}, "catppuccin: flavour themes");
+			const glass = new GlassLayer(ctx);
+			const buildLocalState = () => ({
+				version: 1,
+				flavor: readFlavor(),
+				glass: glass.getRemoteState()
+			});
 			ctx.effect(() => {
-				const saved = readFlavor();
-				if (saved === "off") return () => {};
+				let desired = readFlavor();
 				let settled = false;
 				const started = Date.now();
-				const applySaved = () => {
+				const applyDesired = () => {
 					if (settled) return;
 					if (Date.now() - started > 5e3) {
 						settled = true;
 						return;
 					}
+					if (desired === "off") return;
 					try {
-						if (theme.getTheme().preference !== saved) theme.setTheme(saved);
+						if (theme.getTheme().preference !== desired) theme.setTheme(desired);
 					} catch {}
 				};
-				applySaved();
-				const disposer = ctx.on("theme/change", applySaved);
+				applyDesired();
+				const disposer = ctx.on("theme/change", applyDesired);
 				const timer = window.setTimeout(() => {
 					settled = true;
 				}, 5e3);
@@ -1794,10 +1968,29 @@ window.__ModuleLoader__.load({
 					} catch {}
 				};
 				window.addEventListener("storage", onStorage);
+				const offGlass = glass.subscribe(() => {
+					scheduleDurablePersist(buildLocalState);
+				});
+				let cancelled = false;
+				readDurableStateRemote().then((result) => {
+					if (cancelled) return;
+					if (!result.available) return;
+					if (result.state === null) {
+						if (!isDefaultState(buildLocalState())) scheduleDurablePersist(buildLocalState);
+						return;
+					}
+					writeFlavor(result.state.flavor);
+					glass.applyRemote(result.state.glass);
+					desired = result.state.flavor;
+					applyDesired();
+				});
 				return () => {
+					cancelled = true;
+					offGlass();
 					disposer();
 					window.clearTimeout(timer);
 					window.removeEventListener("storage", onStorage);
+					cancelDurablePersist();
 				};
 			}, "catppuccin: boot restore");
 			const injected = () => ({
@@ -1815,12 +2008,14 @@ window.__ModuleLoader__.load({
 					if (choice === "off") {
 						theme.setTheme("system");
 						writeFlavor("off");
+						scheduleDurablePersist(buildLocalState);
 						return;
 					}
 					const flavor = flavorInfo(choice);
 					if (!flavor) return;
 					theme.setTheme(flavor.themeId);
 					writeFlavor(flavor.themeId);
+					scheduleDurablePersist(buildLocalState);
 				}
 			});
 			ctx.slots.inject("settings.general.item", () => ctx.slots.register({
@@ -1830,7 +2025,6 @@ window.__ModuleLoader__.load({
 				locale: NS,
 				inject: injected
 			}, CatppuccinRow));
-			const glass = new GlassLayer(ctx);
 			const glassInjected = () => ({
 				getState: () => glass.getSnapshot(),
 				subscribe: (listener) => glass.subscribe(listener),