@nonamelego/dsh-catppuccin 0.1.2 → 0.2.2

package/lib/client.js

@@ -119,7 +119,23 @@ window.__ModuleLoader__.load({
 			"flavor.latte": "Latte",
 			"flavor.frappe": "Frappé",
 			"flavor.macchiato": "Macchiato",
-			"flavor.mocha": "Mocha"
+			"flavor.mocha": "Mocha",
+			"glass.title": "玻璃质感",
+			"glass.description": "顶栏、侧边栏、输入框、统计行、轨迹视图的磨砂玻璃效果，一键开关。",
+			"glass.enable": "总开关",
+			"glass.on": "开启",
+			"glass.off": "关闭",
+			"glass.mode": "模式",
+			"glass.modeMica": "云母效果",
+			"glass.modeCompat": "兼容模式",
+			"glass.modeHint": "云母效果把界面改成悬浮磨砂卡片；兼容模式保持原版排版，只换玻璃材质",
+			"glass.blur": "玻璃模糊度",
+			"glass.frost": "磨砂度",
+			"glass.brightness": "背景亮度",
+			"glass.brightnessHintDark": "深色模式：0 压暗至纯黑，50 原样",
+			"glass.brightnessHintLight": "浅色模式：50 原样，100 提亮至纯白",
+			"glass.hue": "背景色调",
+			"glass.hueHint": "背景渐变与光晕的色相偏移（0–360°）"
 		};
 		/** English dictionary, checked complete against the zh key set. */
 		const en = {
@@ -129,7 +145,23 @@ window.__ModuleLoader__.load({
 			"flavor.latte": "Latte",
 			"flavor.frappe": "Frappé",
 			"flavor.macchiato": "Macchiato",
-			"flavor.mocha": "Mocha"
+			"flavor.mocha": "Mocha",
+			"glass.title": "Glassmorphism",
+			"glass.description": "Frosted glass for the top bar, sidebar, composer, stats line and trajectory view — one click on/off.",
+			"glass.enable": "Master switch",
+			"glass.on": "On",
+			"glass.off": "Off",
+			"glass.mode": "Mode",
+			"glass.modeMica": "Mica",
+			"glass.modeCompat": "Compatibility",
+			"glass.modeHint": "Mica restyles the UI into floating frosted cards; Compatibility keeps the stock layout and only swaps the material to glass",
+			"glass.blur": "Glass blur",
+			"glass.frost": "Frost",
+			"glass.brightness": "Backdrop brightness",
+			"glass.brightnessHintDark": "Dark mode: 0 fades to pure black, 50 unchanged",
+			"glass.brightnessHintLight": "Light mode: 50 unchanged, 100 brightens to pure white",
+			"glass.hue": "Backdrop hue",
+			"glass.hueHint": "Hue shift for the backdrop gradient and glow (0–360°)"
 		};
 		const CATPPUCCIN_FLAVORS = [
 			{
@@ -814,11 +846,581 @@ window.__ModuleLoader__.load({
 			}
 		];
 		//#endregion
+		//#region src/client/glass/glass-seams.ts
+		const SEAMS = [
+			{
+				attribute: "data-dsh-glass-frame",
+				selector: ":has(> [class*=\"sidebarCol\"])"
+			},
+			{
+				attribute: "data-dsh-glass-sidebar-root",
+				selector: "[class*=\"sidebarCol\"] [class*=\"root\"]",
+				first: true
+			},
+			{
+				attribute: "data-dsh-glass-surface",
+				selector: "button[class*=\"newSession\"]"
+			},
+			{
+				attribute: "data-dsh-glass-trajectory",
+				selector: "[data-conversation-composer-overlay]"
+			},
+			{
+				attribute: "data-dsh-glass-details",
+				selector: "[class*=\"detailsCol\"] [class*=\"root\"]",
+				first: true
+			},
+			{
+				attribute: "data-dsh-glass-inputbar",
+				selector: ":has(> [data-composer-card])"
+			},
+			{
+				attribute: "data-dsh-glass-add",
+				selector: "[data-composer-card] [class*=\"add\"]"
+			},
+			{
+				attribute: "data-dsh-glass-stats",
+				selector: "[data-slot=\"conversation.composer.dock\"] [class*=\"root\"]"
+			}
+		];
+		function stamp(seam) {
+			if (seam.first) {
+				const el = document.querySelector(seam.selector);
+				if (el !== null && !el.hasAttribute(seam.attribute)) el.setAttribute(seam.attribute, "");
+				return;
+			}
+			for (const el of document.querySelectorAll(seam.selector)) if (!el.hasAttribute(seam.attribute)) el.setAttribute(seam.attribute, "");
+		}
+		function stampAll() {
+			for (const seam of SEAMS) stamp(seam);
+		}
+		/**
+		* Stamp the seams once, then keep them stamped as React remounts nodes.
+		* @returns a disposer that disconnects the observer.
+		*/
+		function startGlassSeamStamper() {
+			stampAll();
+			const observer = new MutationObserver(() => {
+				stampAll();
+			});
+			observer.observe(document.documentElement, {
+				childList: true,
+				subtree: true
+			});
+			return () => {
+				observer.disconnect();
+			};
+		}
+		//#endregion
+		//#region src/client/glass/glass-layer.ts
+		/** html attribute selecting the glass layer: CSS hooks and ambient effects. */
+		const GLASS_ATTRIBUTE = "data-dsh-glass";
+		/** html attribute selecting the mica (floating-card) layout rules. */
+		const GLASS_FLOAT_ATTRIBUTE = "data-dsh-glass-float";
+		/** html attribute selecting the compatibility (stock-layout) rules. */
+		const GLASS_COMPAT_ATTRIBUTE = "data-dsh-glass-compat";
+		/** localStorage key carrying the layer enable flag. */
+		const GLASS_ENABLED_KEY = "dsh.catppuccin.glass.enabled";
+		const SETTINGS_DEFAULTS = {
+			mode: "mica",
+			blur: 14,
+			frost: 50,
+			brightness: 50,
+			hue: 0
+		};
+		/** Numeric knob keys and their localStorage names. */
+		const NUMERIC_KEYS = {
+			blur: "dsh.catppuccin.glass.blur",
+			frost: "dsh.catppuccin.glass.frost",
+			brightness: "dsh.catppuccin.glass.brightness",
+			hue: "dsh.catppuccin.glass.hue"
+		};
+		const MODE_KEY = "dsh.catppuccin.glass.mode";
+		/** Clamp a numeric knob into its sane range. */
+		function clampSetting(key, value) {
+			const max = key === "blur" ? 40 : key === "frost" || key === "brightness" ? 100 : 360;
+			return Number.isFinite(value) ? Math.min(max, Math.max(0, value)) : SETTINGS_DEFAULTS[key];
+		}
+		/** Read one numeric knob from localStorage (absent/parse failure means the default). */
+		function readSetting(key) {
+			try {
+				const raw = localStorage.getItem(NUMERIC_KEYS[key]);
+				return raw === null ? SETTINGS_DEFAULTS[key] : clampSetting(key, Number(raw));
+			} catch {
+				return SETTINGS_DEFAULTS[key];
+			}
+		}
+		/** Persist one numeric knob (storage failures keep the in-memory state). */
+		function writeSetting(key, value) {
+			try {
+				localStorage.setItem(NUMERIC_KEYS[key], String(value));
+			} catch {}
+		}
+		/** Read the rendering mode ('mica' or 'compat'). */
+		function readMode() {
+			try {
+				return localStorage.getItem(MODE_KEY) === "compat" ? "compat" : "mica";
+			} catch {
+				return "mica";
+			}
+		}
+		/** Persist the rendering mode. */
+		function writeMode(value) {
+			try {
+				localStorage.setItem(MODE_KEY, value);
+			} catch {}
+		}
+		/** Read the persisted enable flag (absent storage means the default). */
+		function readEnabled() {
+			try {
+				const raw = localStorage.getItem(GLASS_ENABLED_KEY);
+				return raw === null ? false : raw === "true";
+			} catch {
+				return false;
+			}
+		}
+		/** Persist the enable flag (storage failures keep the in-memory state). */
+		function writeEnabled(value) {
+			try {
+				localStorage.setItem(GLASS_ENABLED_KEY, String(value));
+			} catch {}
+		}
+		/** Resolved scheme from the theme service (falls back to the body attribute). */
+		function resolveDark(ctx) {
+			try {
+				return ctx.theme.getTheme().active.colorScheme === "dark";
+			} catch {
+				return document.body.hasAttribute("data-ds-dark-theme");
+			}
+		}
+		/**
+		* The ambient backdrop markup injected while enabled (CSS-only, no WebGL):
+		* the living backdrop plus the two page-edge fade bands that blur the chat
+		* content melting into the viewport edges (ported from
+		* DSH-Transparent-UI-Plugin). All three are fixed-position, click-through,
+		* and removed together on disable.
+		*/
+		const AMBIENT_MARKUP = [
+			"<div data-dsh-glass-ambient aria-hidden=\"true\">",
+			"  <span data-dsh-glass-blob=\"1\"></span>",
+			"  <span data-dsh-glass-blob=\"2\"></span>",
+			"  <span data-dsh-glass-blob=\"3\"></span>",
+			"</div>",
+			"<span data-dsh-glass-fade=\"top\" aria-hidden=\"true\"></span>",
+			"<span data-dsh-glass-fade=\"bottom\" aria-hidden=\"true\"></span>"
+		].join("");
+		/**
+		* Owns the glass layer lifecycle: reads the durable enable flag and knobs,
+		* and applies / retracts every layer on change. Cross-tab flips arrive through
+		* the storage event; the seam observer and every subscription are released
+		* when the plugin fiber is disposed.
+		*/
+		var GlassLayer = class {
+			enabled = false;
+			settings = { ...SETTINGS_DEFAULTS };
+			/** Cached snapshot for the settings row (stable reference between changes). */
+			snapshot;
+			listeners = /* @__PURE__ */ new Set();
+			dark = false;
+			seamDisposer;
+			ctx;
+			/**
+			* @param ctx - owning client context (listeners ride this fiber).
+			*/
+			constructor(ctx) {
+				this.ctx = ctx;
+				this.enabled = readEnabled();
+				this.reloadSettings();
+				this.dark = resolveDark(ctx);
+				this.snapshot = this.buildSnapshot();
+				ctx.effect(() => {
+					const onStorage = (event) => {
+						if (event.key === null) {
+							this.reloadSettings();
+							this.enabled = readEnabled();
+							this.sync();
+						} else if (event.key === "dsh.catppuccin.glass.enabled") {
+							this.enabled = readEnabled();
+							this.sync();
+						} else if (event.key === MODE_KEY || event.key in NUMERIC_KEYS) {
+							this.reloadSettings();
+							if (this.enabled) this.applySettings();
+							this.publish();
+						}
+					};
+					window.addEventListener("storage", onStorage);
+					const themeListener = ctx.on("theme/change", () => {
+						this.dark = resolveDark(ctx);
+						if (this.enabled) this.applySettings();
+						this.publish();
+					});
+					return () => {
+						window.removeEventListener("storage", onStorage);
+						themeListener();
+						this.unmount();
+					};
+				}, "catppuccin: glass layer lifecycle");
+				this.sync();
+			}
+			/** Current state snapshot (stable reference until the next change). */
+			getSnapshot() {
+				return this.snapshot;
+			}
+			/** Subscribe to snapshot changes. Returns the disposer. */
+			subscribe(listener) {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			}
+			/** Flip the layer: persist, then apply or retract every owned effect. */
+			setEnabled(value) {
+				if (value === this.enabled) return;
+				this.enabled = value;
+				writeEnabled(value);
+				this.sync();
+			}
+			/** Set the rendering mode ('mica' or 'compat'). */
+			setMode(value) {
+				if (value === this.settings.mode) return;
+				this.settings.mode = value;
+				writeMode(value);
+				if (this.enabled) this.applySettings();
+				this.publish();
+			}
+			/** Set the glass blur radius (px). */
+			setBlur(value) {
+				const next = clampSetting("blur", value);
+				if (next === this.settings.blur) return;
+				this.settings.blur = next;
+				writeSetting("blur", next);
+				if (this.enabled) this.applySettings();
+				this.publish();
+			}
+			/** Set the glass frost amount (0-100). */
+			setFrost(value) {
+				const next = clampSetting("frost", value);
+				if (next === this.settings.frost) return;
+				this.settings.frost = next;
+				writeSetting("frost", next);
+				if (this.enabled) this.applySettings();
+				this.publish();
+			}
+			/** Set the backdrop brightness (0-100: 0 = pure black, 50 = transparent, 100 = pure white). */
+			setBrightness(value) {
+				const next = clampSetting("brightness", value);
+				if (next === this.settings.brightness) return;
+				this.settings.brightness = next;
+				writeSetting("brightness", next);
+				if (this.enabled) this.applySettings();
+				this.publish();
+			}
+			/** Set the ambient hue shift (degrees). */
+			setHue(value) {
+				const next = clampSetting("hue", value);
+				if (next === this.settings.hue) return;
+				this.settings.hue = next;
+				writeSetting("hue", next);
+				if (this.enabled) this.applySettings();
+				this.publish();
+			}
+			/** Re-read every knob from localStorage into memory. */
+			reloadSettings() {
+				this.settings = {
+					mode: readMode(),
+					blur: readSetting("blur"),
+					frost: readSetting("frost"),
+					brightness: readSetting("brightness"),
+					hue: readSetting("hue")
+				};
+			}
+			buildSnapshot() {
+				return {
+					...this.settings,
+					enabled: this.enabled,
+					dark: this.dark
+				};
+			}
+			publish() {
+				this.snapshot = this.buildSnapshot();
+				for (const listener of this.listeners) listener();
+			}
+			sync() {
+				if (this.enabled) this.mount();
+				else this.unmount();
+				this.publish();
+			}
+			/** Write the knob-driven CSS variables and mode attributes onto <html>. */
+			applySettings() {
+				const style = document.documentElement.style;
+				style.setProperty("--dsh-glass-blur", `${this.settings.blur}px`);
+				style.setProperty("--dsh-glass-frost", String(Math.min(this.settings.frost / 50, 1.4)));
+				style.setProperty("--dsh-glass-hue", `${this.settings.hue}deg`);
+				const dark = this.dark;
+				style.setProperty("--dsh-glass-brightness-black", String(dark ? Math.max(0, (50 - this.settings.brightness) / 50) : 0));
+				style.setProperty("--dsh-glass-brightness-white", String(dark ? 0 : Math.max(0, (this.settings.brightness - 50) / 50)));
+				const compat = this.settings.mode === "compat";
+				document.documentElement.toggleAttribute(GLASS_FLOAT_ATTRIBUTE, !compat);
+				document.documentElement.toggleAttribute(GLASS_COMPAT_ATTRIBUTE, compat);
+			}
+			mount() {
+				document.documentElement.setAttribute(GLASS_ATTRIBUTE, "");
+				this.applySettings();
+				this.ensureAmbient();
+				if (this.seamDisposer === void 0) this.seamDisposer = startGlassSeamStamper();
+			}
+			unmount() {
+				document.documentElement.removeAttribute(GLASS_ATTRIBUTE);
+				document.documentElement.removeAttribute(GLASS_FLOAT_ATTRIBUTE);
+				document.documentElement.removeAttribute(GLASS_COMPAT_ATTRIBUTE);
+				for (const node of document.querySelectorAll("[data-dsh-glass-ambient], [data-dsh-glass-fade]")) node.remove();
+				this.seamDisposer?.();
+				this.seamDisposer = void 0;
+			}
+			/** Insert the ambient backdrop + edge fades (or reuse the existing ones). */
+			ensureAmbient() {
+				if (document.querySelector("[data-dsh-glass-ambient]") !== null) return;
+				const holder = document.createElement("div");
+				holder.innerHTML = AMBIENT_MARKUP;
+				for (const node of Array.from(holder.children)) if (node instanceof HTMLElement) document.body.append(node);
+			}
+		};
+		//#endregion
+		//#region \0dsh-css:D:\Vibe-Coding\dsh-catppuccin\src\client\glass\GlassRow.module.css.mjs
+		const css$1 = ".SYX6rq_group{border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:8px;padding:16px 0;display:flex}.SYX6rq_title{color:var(--dsw-alias-label-primary);font-size:14px;line-height:22px}.SYX6rq_description{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.SYX6rq_controls{flex-direction:column;gap:10px;margin-top:6px;display:flex}.SYX6rq_row{align-items:center;gap:10px;display:flex}.SYX6rq_rowLabel{width:92px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px;line-height:18px}.SYX6rq_rowHint,.SYX6rq_knobHint{color:var(--dsw-alias-label-tertiary);margin-top:-4px;margin-left:102px;font-size:12px;line-height:18px}.SYX6rq_toggle,.SYX6rq_toggleOn{border:1px solid var(--dsw-alias-border-l2);height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:6px;padding:0 10px 0 6px;font-size:12px;line-height:18px;display:inline-flex}.SYX6rq_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.SYX6rq_toggleOn{background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-state-business-primary);border-color:#0000}.SYX6rq_check{justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;display:inline-flex}.SYX6rq_knob{align-items:center;gap:10px;display:flex}.SYX6rq_knobLabel{width:92px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px;line-height:18px}.SYX6rq_slider{min-width:0;accent-color:var(--dsw-alias-state-business-primary);flex:1}.SYX6rq_numberWrap{flex:none;align-items:center;gap:4px;display:inline-flex}.SYX6rq_number{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);width:56px;height:26px;color:var(--dsw-alias-label-primary);text-align:right;border-radius:8px;padding:0 6px;font-size:12px;line-height:18px}.SYX6rq_number::-webkit-outer-spin-button,.SYX6rq_number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.SYX6rq_unit{width:18px;color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:18px}.SYX6rq_segmented{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;display:inline-flex;overflow:hidden}.SYX6rq_seg,.SYX6rq_segActive{height:26px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:12px;line-height:18px}.SYX6rq_seg+.SYX6rq_seg,.SYX6rq_segActive+.SYX6rq_seg,.SYX6rq_seg+.SYX6rq_segActive{border-left:1px solid var(--dsw-alias-border-l2)}.SYX6rq_segActive{background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-state-business-primary)}";
+		const tagId$1 = "@nonamelego/dsh-catppuccin/GlassRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@nonamelego/dsh-catppuccin";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var GlassRow_module_css_default = {
+			"check": "SYX6rq_check",
+			"controls": "SYX6rq_controls",
+			"description": "SYX6rq_description",
+			"group": "SYX6rq_group",
+			"knob": "SYX6rq_knob",
+			"knobHint": "SYX6rq_knobHint",
+			"knobLabel": "SYX6rq_knobLabel",
+			"number": "SYX6rq_number",
+			"numberWrap": "SYX6rq_numberWrap",
+			"row": "SYX6rq_row",
+			"rowHint": "SYX6rq_rowHint",
+			"rowLabel": "SYX6rq_rowLabel",
+			"seg": "SYX6rq_seg",
+			"segActive": "SYX6rq_segActive",
+			"segmented": "SYX6rq_segmented",
+			"slider": "SYX6rq_slider",
+			"title": "SYX6rq_title",
+			"toggle": "SYX6rq_toggle",
+			"toggleOn": "SYX6rq_toggleOn",
+			"unit": "SYX6rq_unit"
+		};
+		//#endregion
+		//#region src/client/glass/glass-row.tsx
+		/**
+		* Catppuccin glass settings row — registered into the General settings
+		* section (`settings.general.item`, right under the Catppuccin flavour row).
+		* Holds the master on/off switch plus every glass knob: mode (mica /
+		* compatibility), blur, frost, backdrop brightness and ambient hue. Every
+		* write goes straight through to the glass layer, so the skin moves live.
+		*/
+		/** One slider + number box, wired to a single value. */
+		function Knob(props) {
+			const { label, value, min, max, step, unit, onChange } = props;
+			const clamp = (n) => Math.min(max, Math.max(min, Number.isFinite(n) ? n : min));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: GlassRow_module_css_default.knob,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: GlassRow_module_css_default.knobLabel,
+						children: label
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "range",
+						className: GlassRow_module_css_default.slider,
+						min,
+						max,
+						step,
+						value,
+						onChange: (e) => {
+							onChange(clamp(Number(e.target.value)));
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: GlassRow_module_css_default.numberWrap,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							className: GlassRow_module_css_default.number,
+							min,
+							max,
+							step,
+							value,
+							onChange: (e) => {
+								onChange(clamp(Number(e.target.value)));
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: GlassRow_module_css_default.unit,
+							children: unit
+						})]
+					})
+				]
+			});
+		}
+		/** A two-option segmented picker. */
+		function Segmented(props) {
+			const { label, value, options, onSelect } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: GlassRow_module_css_default.segmented,
+				role: "group",
+				"aria-label": label,
+				children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: option.id === value ? GlassRow_module_css_default.segActive : GlassRow_module_css_default.seg,
+					"aria-pressed": option.id === value,
+					onClick: () => {
+						onSelect(option.id);
+					},
+					children: option.label
+				}, option.id))
+			});
+		}
+		/**
+		* Render the glass row: title, the master switch, and — while enabled — the
+		* mode picker and every knob.
+		* @param props - composed slot props.
+		* @returns the General section row.
+		*/
+		function GlassRow({ t, getState, subscribe, setEnabled, setMode, setBlur, setFrost, setBrightness, setHue }) {
+			const { enabled, mode, blur, frost, brightness, hue, dark } = (0, react.useSyncExternalStore)(subscribe, getState);
+			const bgMin = dark ? 0 : 50;
+			const bgMax = dark ? 50 : 100;
+			const bgDisplay = Math.min(bgMax, Math.max(bgMin, brightness));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: GlassRow_module_css_default.group,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: GlassRow_module_css_default.title,
+						children: t("glass.title")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: GlassRow_module_css_default.description,
+						children: t("glass.description")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: GlassRow_module_css_default.controls,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: GlassRow_module_css_default.row,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: GlassRow_module_css_default.rowLabel,
+								children: t("glass.enable")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: enabled ? GlassRow_module_css_default.toggleOn : GlassRow_module_css_default.toggle,
+								"aria-pressed": enabled,
+								onClick: () => {
+									setEnabled(!enabled);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: GlassRow_module_css_default.check,
+									children: enabled ? "✓" : ""
+								}), enabled ? t("glass.on") : t("glass.off")]
+							})]
+						}), enabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: GlassRow_module_css_default.row,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: GlassRow_module_css_default.rowLabel,
+									children: t("glass.mode")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Segmented, {
+									label: t("glass.mode"),
+									value: mode,
+									options: [{
+										id: "mica",
+										label: t("glass.modeMica")
+									}, {
+										id: "compat",
+										label: t("glass.modeCompat")
+									}],
+									onSelect: setMode
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: GlassRow_module_css_default.rowHint,
+								children: t("glass.modeHint")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Knob, {
+								label: t("glass.blur"),
+								value: blur,
+								min: 0,
+								max: 40,
+								step: .5,
+								unit: "px",
+								onChange: setBlur
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Knob, {
+								label: t("glass.frost"),
+								value: frost,
+								min: 0,
+								max: 100,
+								step: 1,
+								unit: "%",
+								onChange: setFrost
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Knob, {
+								label: t("glass.brightness"),
+								value: bgDisplay,
+								min: bgMin,
+								max: bgMax,
+								step: 1,
+								unit: "%",
+								onChange: setBrightness
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: GlassRow_module_css_default.knobHint,
+								children: t(dark ? "glass.brightnessHintDark" : "glass.brightnessHintLight")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Knob, {
+								label: t("glass.hue"),
+								value: hue,
+								min: 0,
+								max: 360,
+								step: 1,
+								unit: "°",
+								onChange: setHue
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: GlassRow_module_css_default.knobHint,
+								children: t("glass.hueHint")
+							})
+						] })]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:D:\Vibe-Coding\dsh-catppuccin\src\client\glass\glass.module.css.mjs
+		const css = "[data-dsh-glass] body{--dsh-glass-card:linear-gradient(180deg, color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(52% * var(--dsh-glass-frost,1)), transparent), color-mix(in srgb, var(--dsw-alias-bg-layer-2) calc(40% * var(--dsh-glass-frost,1)), transparent));background:var(--dsw-alias-bg-base)}[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-ambient]{z-index:0;pointer-events:none;filter:hue-rotate(var(--dsh-glass-hue,0deg));background:radial-gradient(760px 420px at 50% -8%, color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 18%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--dsw-alias-bg-layer-1) 62%, transparent) 0%, color-mix(in srgb, var(--dsw-alias-bg-layer-2) 46%, transparent) 100%), radial-gradient(900px 420px at 50% 108%, color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 10%, transparent), transparent 70%);position:fixed;inset:0;overflow:hidden}[data-dsh-glass] [data-dsh-glass-ambient]:after{content:\"\";background-image:linear-gradient(rgba(255, 255, 255, var(--dsh-glass-brightness-white,0)), rgba(255, 255, 255, var(--dsh-glass-brightness-white,0))), linear-gradient(rgba(0, 0, 0, var(--dsh-glass-brightness-black,0)), rgba(0, 0, 0, var(--dsh-glass-brightness-black,0)));position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){[data-dsh-glass] [data-dsh-glass-ambient]{animation:bOHSKq_dsh-glass-breathe 9s var(--ds-ease-in-out) infinite alternate}}@keyframes bOHSKq_dsh-glass-breathe{0%{opacity:.88}to{opacity:1}}[data-dsh-glass] [data-dsh-glass-blob]{filter:blur(70px);opacity:.42;will-change:transform;border-radius:50%;position:absolute}[data-dsh-glass] [data-dsh-glass-blob=\"1\"]{background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 15%, transparent);width:44vw;height:44vw;animation:bOHSKq_dsh-glass-drift-a 30s var(--ds-ease-in-out) infinite alternate;top:-8vw;left:-10vw}[data-dsh-glass] [data-dsh-glass-blob=\"2\"]{background:color-mix(in srgb, var(--dsw-alias-state-success-tertiary) 45%, transparent);width:38vw;height:38vw;animation:bOHSKq_dsh-glass-drift-b 36s var(--ds-ease-in-out) infinite alternate;top:24vh;right:-12vw}[data-dsh-glass] [data-dsh-glass-blob=\"3\"]{background:color-mix(in srgb, var(--dsw-alias-state-warn-tertiary) 40%, transparent);width:30vw;height:30vw;animation:bOHSKq_dsh-glass-drift-c 42s var(--ds-ease-in-out) infinite alternate;bottom:-14vh;left:30vw}@keyframes bOHSKq_dsh-glass-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vw,4vh)scale(1.12)}}@keyframes bOHSKq_dsh-glass-drift-b{0%{transform:translate(0,0)scale(1.08)}to{transform:translate(-7vw,6vh)scale(.96)}}@keyframes bOHSKq_dsh-glass-drift-c{0%{transform:translate(0,0)scale(.96)}to{transform:translate(8vw,-5vh)scale(1.1)}}[data-dsh-glass] [data-dsh-glass-fade]{z-index:7;pointer-events:none;backdrop-filter:blur(5px);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 50%, transparent);height:13px;position:fixed;left:0;right:0}[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] [data-dsh-glass-add]{background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(55% * var(--dsh-glass-frost,1)), transparent);border:1px solid var(--dsw-alias-border-l2);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent);backdrop-filter:blur(var(--dsh-glass-blur,14px))}[data-dsh-glass-float] [data-dsh-glass-add]:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(72% * var(--dsh-glass-frost,1)), transparent)}[data-dsh-glass-float] [data-dsh-glass-surface]{background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(62% * var(--dsh-glass-frost,1)), transparent);border:1px solid var(--dsw-alias-border-l2);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent);backdrop-filter:blur(var(--dsh-glass-blur,14px))}[data-dsh-glass-float] [data-dsh-glass-surface]:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(78% * var(--dsh-glass-frost,1)), transparent)}[data-dsh-glass-float] [class*=bubble]{border:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 80%, transparent);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(--dsw-alias-border-l2);background:var(--dsh-glass-card);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent), 0 8px 28px color-mix(in srgb, var(--dsw-alias-bg-mask-2) 55%, transparent);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] [class*=sidebarCol]{--dsw-specific-sidebar-fill:transparent;z-index:9;border:1px solid var(--dsw-alias-border-l2);border-right-color:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 22%, transparent);background:var(--dsh-glass-card);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent), 0 8px 28px color-mix(in srgb, var(--dsw-alias-bg-mask-2) 55%, transparent);border-radius:20px;margin:12px;padding:10px 12px 14px;position:relative;overflow:hidden}[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(--dsw-alias-border-l2);background:var(--dsh-glass-card);width:calc(100% - 32px);height:calc(100% - 20px);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent), 0 8px 28px color-mix(in srgb, var(--dsw-alias-bg-mask-2) 55%, transparent);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(--dsw-alias-border-l2);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent), 0 8px 32px color-mix(in srgb, var(--dsw-alias-bg-mask-2) 60%, transparent);backdrop-filter:blur(var(--dsh-glass-blur,14px));position:relative}[data-dsh-glass-float] [data-dsh-glass-inputbar]:not([class*=hero]){padding-bottom:12px}[data-dsh-glass][data-dsh-glass-float] [data-dsh-glass-inputbar] [data-slot]{border:1px solid var(--dsw-alias-border-l2);border-top-color:var(--dsw-alias-border-l1);background:linear-gradient(180deg, color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(30% * var(--dsh-glass-frost,1)), transparent), color-mix(in srgb, var(--dsw-alias-bg-layer-2) calc(18% * var(--dsh-glass-frost,1)), transparent));box-shadow:0 8px 32px color-mix(in srgb, var(--dsw-alias-bg-mask-2) 60%, transparent);backdrop-filter:blur(var(--dsh-glass-blur,14px));border-radius:0 0 24px 24px;margin:0 auto;width:var(--dsh-composer-card-max-width)!important;max-width:var(--dsh-composer-card-max-width)!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:auto!important;max-width:none!important;padding:4px 16px 0!important}[data-dsh-glass][data-dsh-glass-float] [data-dsh-glass-inputbar] [data-slot] [data-dsh-live-tps]{padding-right:16px}[data-dsh-glass-float] [data-dsh-glass-inputbar]:has([data-dsh-glass-stats]) [data-composer-card]{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);border-bottom:none;border-radius:24px 24px 0 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:color-mix(in srgb, var(--dsw-alias-bg-layer-1) calc(72% * var(--dsh-glass-frost,1)), transparent);backdrop-filter:blur(var(--dsh-glass-blur,14px))}[data-dsh-glass-float] [data-phase=hero]{animation:bOHSKq_dsh-glass-in .32s var(--ds-ease-in-out)}[data-dsh-glass-float] [data-phase=active]{animation:bOHSKq_dsh-glass-in .3s var(--ds-ease-in-out)}[data-dsh-glass-float] [data-testid^=view-]{animation:bOHSKq_dsh-glass-in .26s var(--ds-ease-in-out)}[data-dsh-glass-float] [data-tool]{animation:bOHSKq_dsh-glass-rise .3s var(--ds-ease-in-out) both}[data-dsh-glass-float] [role=dialog]{animation:bOHSKq_dsh-glass-dialog-in .24s var(--ds-ease-in-out)}@keyframes bOHSKq_dsh-glass-in{0%{opacity:0}}@keyframes bOHSKq_dsh-glass-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes bOHSKq_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)}@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],[data-dsh-glass] [data-dsh-glass-ambient],[data-dsh-glass] [data-dsh-glass-blob]{animation:none}}";
+		const tagId = "@nonamelego/dsh-catppuccin/glass.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@nonamelego/dsh-catppuccin";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		//#endregion
 		//#region src/client/index.ts
 		/** Locale namespace owned by this plugin. */
 		const NS = "catppuccin";
-		/** The settings namespace string (must match the host half's settingsNamespace). */
-		const SETTINGS_NAMESPACE = "dsh-catppuccin";
+		/** localStorage key carrying the persisted flavour choice. */
+		const FLAVOR_STORAGE_KEY = "dsh.catppuccin.flavor";
+		/** Accepted flavour values — the four registered theme ids plus `off`. These
+		*  MUST stay in sync with the registered themes (guarded by
+		*  tests/palettes.spec.ts) because the persisted value is the theme id. */
+		const CATPPUCCIN_FLAVOR_VALUES = [...CATPPUCCIN_FLAVORS.map((f) => f.themeId), "off"];
 		/** The flavour whose themeId this is, or `off`. */
 		function flavorFromThemeId(themeId) {
 			return CATPPUCCIN_FLAVORS.some((f) => f.themeId === themeId) ? themeId : "off";
@@ -827,14 +1429,26 @@ window.__ModuleLoader__.load({
 		function flavorInfo(themeId) {
 			return CATPPUCCIN_FLAVORS.find((f) => f.themeId === themeId);
 		}
-		/** Required services: slots + locale (settings row) and theme (register + switch). */
+		/** Read the persisted flavour (absent / unknown values mean the default `off`). */
+		function readFlavor() {
+			try {
+				const raw = localStorage.getItem(FLAVOR_STORAGE_KEY);
+				return raw !== null && CATPPUCCIN_FLAVOR_VALUES.includes(raw) ? raw : "off";
+			} catch {
+				return "off";
+			}
+		}
+		/** Persist the flavour choice (storage failures keep the in-memory state). */
+		function writeFlavor(choice) {
+			try {
+				localStorage.setItem(FLAVOR_STORAGE_KEY, choice);
+			} catch {}
+		}
+		/** Required services: slots + locale (settings rows) and theme (register + switch). */
 		const inject = [
 			"slots",
 			"locale",
-			"theme",
-			"settingsScope",
-			"connection",
-			"remote"
+			"theme"
 		];
 		/**
 		* Register the Catppuccin dictionaries, the four flavour themes, and the
@@ -857,23 +1471,38 @@ window.__ModuleLoader__.load({
 					for (const dispose of disposers) dispose();
 				};
 			}, "catppuccin: flavour themes");
-			const scope = ctx.get("settingsScope").bind({ namespace: SETTINGS_NAMESPACE });
 			ctx.effect(() => {
-				let restored = false;
-				const restoreOnce = () => {
-					if (restored) return;
-					const snapshot = scope.getSnapshot();
-					if (snapshot.status !== "ready") return;
-					restored = true;
-					const saved = snapshot.value?.flavor;
-					if (saved !== void 0 && saved !== "off") try {
-						theme.setTheme(saved);
+				const saved = readFlavor();
+				if (saved === "off") return () => {};
+				let settled = false;
+				const started = Date.now();
+				const applySaved = () => {
+					if (settled) return;
+					if (Date.now() - started > 5e3) {
+						settled = true;
+						return;
+					}
+					try {
+						if (theme.getTheme().preference !== saved) theme.setTheme(saved);
+					} catch {}
+				};
+				applySaved();
+				const disposer = ctx.on("theme/change", applySaved);
+				const timer = window.setTimeout(() => {
+					settled = true;
+				}, 5e3);
+				const onStorage = (event) => {
+					if (event.key !== "dsh.catppuccin.flavor") return;
+					const next = readFlavor();
+					if (next !== "off") try {
+						theme.setTheme(next);
 					} catch {}
 				};
-				restoreOnce();
-				const unsubscribe = scope.subscribe(restoreOnce);
+				window.addEventListener("storage", onStorage);
 				return () => {
-					unsubscribe();
+					disposer();
+					window.clearTimeout(timer);
+					window.removeEventListener("storage", onStorage);
 				};
 			}, "catppuccin: boot restore");
 			const injected = () => ({
@@ -887,20 +1516,16 @@ window.__ModuleLoader__.load({
 					return flavorFromThemeId(pref);
 				},
 				subscribe: (listener) => ctx.on("theme/change", listener),
-				select: async (choice) => {
+				select: (choice) => {
 					if (choice === "off") {
 						theme.setTheme("system");
-						await scope.set("flavor", "off").catch((err) => {
-							console.error("[dsh-catppuccin] persist off failed:", err);
-						});
+						writeFlavor("off");
 						return;
 					}
 					const flavor = flavorInfo(choice);
 					if (!flavor) return;
 					theme.setTheme(flavor.themeId);
-					await scope.set("flavor", flavor.themeId).catch((err) => {
-						console.error("[dsh-catppuccin] persist flavor failed:", err);
-					});
+					writeFlavor(flavor.themeId);
 				}
 			});
 			ctx.slots.inject("settings.general.item", () => ctx.slots.register({
@@ -910,14 +1535,47 @@ window.__ModuleLoader__.load({
 				locale: NS,
 				inject: injected
 			}, CatppuccinRow));
+			const glass = new GlassLayer(ctx);
+			const glassInjected = () => ({
+				getState: () => glass.getSnapshot(),
+				subscribe: (listener) => glass.subscribe(listener),
+				setEnabled: (enabled) => {
+					glass.setEnabled(enabled);
+				},
+				setMode: (mode) => {
+					glass.setMode(mode);
+				},
+				setBlur: (blur) => {
+					glass.setBlur(blur);
+				},
+				setFrost: (frost) => {
+					glass.setFrost(frost);
+				},
+				setBrightness: (brightness) => {
+					glass.setBrightness(brightness);
+				},
+				setHue: (hue) => {
+					glass.setHue(hue);
+				}
+			});
+			ctx.slots.inject("settings.general.item", () => ctx.slots.register({
+				name: "settings.general.item",
+				id: "catppuccin-glass",
+				order: 21,
+				locale: NS,
+				inject: glassInjected
+			}, GlassRow));
 		}
 		//#endregion
+		exports.CATPPUCCIN_FLAVOR_VALUES = CATPPUCCIN_FLAVOR_VALUES;
+		exports.FLAVOR_STORAGE_KEY = FLAVOR_STORAGE_KEY;
 		exports.NS = NS;
-		exports.SETTINGS_NAMESPACE = SETTINGS_NAMESPACE;
 		exports.apply = apply;
 		exports.flavorFromThemeId = flavorFromThemeId;
 		exports.flavorInfo = flavorInfo;
 		exports.inject = inject;
+		exports.readFlavor = readFlavor;
+		exports.writeFlavor = writeFlavor;
 		return module.exports;
 	}
 });