@dsh-plugin/dsh-ui-experience 0.0.1 → 1.0.0-dev.43486821486

package/lib/client.js

@@ -1,467 +1,1243 @@
-"use strict";
-(() => {
-  // src/shared.ts
-  var REMOTE_SERVICE = "uiExperience";
-  var BOOT_ATTRIBUTE = "data-dsh-uix-matugen";
-  var DEFAULT_COLORS_PATH = "~/.local/state/quickshell/user/generated/colors.json";
-  var DEFAULT_TOKENS_PATH = "~/.local/state/quickshell/user/generated/dsh-tokens.json";
-
-  // src/client.ts
-  var SOURCE = "@dsh-plugin/dsh-ui-experience";
-  var POLL_MS = 2e3;
-  var IDLE_TICKS = 15;
-  var BORDER_WIDTH = /^(?:0|[0-9]+(?:\.[0-9]+)?(?:px|rem|em))$/;
-  function uiExperienceRemoteContribution(zod) {
-    const codec = (name, schema) => ({
-      mode: "strict",
-      typeSymbol: `${SOURCE}/shared#${name}`,
-      create: schema
-    });
-    const descriptor = (method, shape, typeName) => ({
-      id: `${SOURCE}#${REMOTE_SERVICE}/${method}`,
-      service: REMOTE_SERVICE,
-      namespace: REMOTE_SERVICE,
-      method,
-      invocation: { kind: "direct" },
-      parameters: [{
-        name: "args",
-        wire: "args",
-        source: "json",
-        codec: codec(typeName, () => zod.object(shape())),
-        strictCodec: codec(typeName, () => zod.strictObject(shape()))
-      }],
-      result: codec(`${method}Result`, () => zod.object({}))
-    });
-    return {
-      package: SOURCE,
-      descriptors: [
-        descriptor("poll", () => ({ known: zod.string().optional() }), "PollArgs"),
-        descriptor("setActive", () => ({ active: zod.boolean().optional() }), "SetActiveArgs"),
-        descriptor("setPaths", () => ({ colorsPath: zod.string().optional(), tokensPath: zod.string().optional() }), "SetPathsArgs")
-      ]
-    };
-  }
-  var DICTS = {
-    zh: {
-      "palette.title": "Matugen \u914D\u8272\u8DDF\u968F",
-      "palette.description": "\u5C06\u7CFB\u7EDF matugen \u751F\u6210\u7684 Material You \u914D\u8272\u53E0\u52A0\u5728\u5F53\u524D\u4E3B\u9898\u4E0A\uFF0C\u914D\u8272\u6587\u4EF6\u91CD\u65B0\u751F\u6210\u540E\u81EA\u52A8\u8DDF\u968F",
-      "palette.persist-failed": "\u5F00\u5173\u72B6\u6001\u4FDD\u5B58\u5931\u8D25",
-      "palette.save-failed": "\u8DEF\u5F84\u4FDD\u5B58\u5931\u8D25",
-      "palette.saved": "\u5DF2\u4FDD\u5B58",
-      "palette.paths": "\u914D\u8272\u6587\u4EF6\u8DEF\u5F84",
-      "palette.colors-path": "matugen \u989C\u8272\u6587\u4EF6",
-      "palette.tokens-path": "DSH \u4EE4\u724C\u6587\u4EF6\uFF08\u5B58\u5728\u65F6\u4F18\u5148\uFF09",
-      "palette.save": "\u4FDD\u5B58",
-      "palette.reset": "\u6062\u590D\u9ED8\u8BA4",
-      "palette.paths-hint": "\u652F\u6301\u4EE5 ~ \u5F00\u5934\u7684\u8DEF\u5F84\uFF0C\u6216\u7EDD\u5BF9\u8DEF\u5F84\u3002\u4EE4\u724C\u6587\u4EF6\u5B58\u5728\u65F6\u4F18\u5148\u4F7F\u7528\uFF0C\u5426\u5219\u8BFB\u53D6\u989C\u8272\u6587\u4EF6\u5E76\u6620\u5C04\u3002"
-    },
-    en: {
-      "palette.title": "Matugen palette sync",
-      "palette.description": "Overlay the system matugen Material You palette on the current theme; follows the file when matugen regenerates it",
-      "palette.persist-failed": "Failed to save the switch state",
-      "palette.save-failed": "Failed to save the paths",
-      "palette.saved": "Saved",
-      "palette.paths": "Palette file paths",
-      "palette.colors-path": "matugen colors file",
-      "palette.tokens-path": "DSH token file (preferred when present)",
-      "palette.save": "Save",
-      "palette.reset": "Restore defaults",
-      "palette.paths-hint": "Paths may start with ~, or be absolute. The token file wins when it exists; otherwise the colors file is read and mapped."
-    }
-  };
-  var CSS = `
-.dsh-uix-row{display:block;padding:16px 0;border-bottom:0.5px solid var(--dsw-alias-border-l2)}
-.dsh-uix-head{display:flex;align-items:center;justify-content:space-between;gap:24px}
-.dsh-uix-text{min-width:0}
-.dsh-uix-title{font-size:14px;line-height:22px}
-.dsh-uix-desc{margin-top:4px;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}
-.dsh-uix-error{margin-top:6px;font-size:12px;line-height:18px;color:var(--dsw-alias-state-error-primary)}
-.dsh-uix-notice{margin-top:6px;font-size:12px;line-height:18px;color:var(--dsw-alias-state-success-primary)}
-.dsh-uix-disclosure{margin-top:8px;padding:0;border:0;background:none;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;cursor:pointer}
-.dsh-uix-disclosure:hover{color:var(--dsw-alias-label-primary)}
-.dsh-uix-disclosure:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-alias-state-business-primary);outline-offset:2px;border-radius:4px}
-.dsh-uix-paths{margin-top:10px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:8px;background:var(--dsw-alias-bg-layer-1)}
-.dsh-uix-field{display:flex;flex-direction:column;gap:4px}
-.dsh-uix-label{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
-.dsh-uix-input{box-sizing:border-box;width:100%;height:32px;padding:0 10px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-specific-input-major);color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family,monospace);font-size:12px;outline:none}
-.dsh-uix-input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:var(--dsw-focus-ring-width) solid var(--dsw-alias-state-business-primary);outline-offset:1px}
-.dsh-uix-actions{display:flex;gap:8px}
-.dsh-uix-button{height:28px;padding:0 12px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);font-family:inherit;font-size:12px;cursor:pointer}
-.dsh-uix-button:hover:enabled{background:var(--dsw-alias-interactive-bg-hover)}
-.dsh-uix-button:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-alias-state-business-primary);outline-offset:2px}
-.dsh-uix-button-primary{border-color:transparent;background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-on-color)}
-.dsh-uix-button:disabled{opacity:.5;cursor:default}
-.dsh-uix-hint{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
-.dsh-uix-switch{box-sizing:border-box;position:relative;flex:0 0 auto;width:36px;height:20px;padding:2px;border:0;border-radius:999px;background:var(--dsw-alias-border-l3);cursor:pointer}
-.dsh-uix-switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}
-.dsh-uix-switch:disabled{cursor:default;opacity:.5}
-.dsh-uix-switch:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-alias-state-business-primary);outline-offset:2px}
-.dsh-uix-switch-thumb{display:block;width:16px;height:16px;border-radius:50%;background:var(--dsw-alias-label-primary-foreground);transition:transform .12s ease}
-.dsh-uix-switch[aria-checked=false] .dsh-uix-switch-thumb{background:var(--dsw-alias-switch-thumb)}
-.dsh-uix-switch[aria-checked=true] .dsh-uix-switch-thumb{transform:translate(16px)}
-`;
-  function registerClient() {
-    window.__ModuleLoader__.load({
-      id: SOURCE,
-      factory(require2) {
-        const React = require2("react");
-        const zod = require2("zod");
-        const h = React.createElement;
-        function run(registry, ctx, gateway) {
-          const t = ctx.locale.bind("ui-experience");
-          ctx.effect(() => ctx.locale.register("ui-experience", DICTS), "ui-experience: dictionaries");
-          ctx.effect(() => {
-            const sheet = document.createElement("style");
-            sheet.textContent = CSS;
-            document.head.appendChild(sheet);
-            return () => {
-              sheet.remove();
-            };
-          }, "ui-experience: row styles");
-          let disposed = false;
-          let known;
-          let bootstrapped = false;
-          let writing = false;
-          let inflight = false;
-          let idleTick = 0;
-          let lastRpcProblem = "";
-          let lastPaletteProblem = "";
-          let paintedWidth = "";
-          let disposeOverride;
-          let borderSheet;
-          let view = {
-            active: false,
-            borderWidth: "0.5px",
-            paths: { colors: DEFAULT_COLORS_PATH, tokens: DEFAULT_TOKENS_PATH },
-            problem: "",
-            notice: "",
-            saving: false
-          };
-          const listeners = /* @__PURE__ */ new Set();
-          const publish = (patch) => {
-            view = { ...view, ...patch };
-            for (const listener of listeners) listener();
-          };
-          const toOverrides = (modes) => {
-            const out = {};
-            for (const [token, dark] of Object.entries(modes.dark)) {
-              const light = modes.light[token] ?? dark;
-              if (typeof light === "string" && light !== "") out[token] = { light, dark };
-            }
-            return out;
-          };
-          const clearOverride = () => {
-            disposeOverride?.();
-            disposeOverride = void 0;
-          };
-          const applyPalette = (modes) => {
-            if (disposed) return;
-            clearOverride();
-            try {
-              disposeOverride = registry.overrideTokens(SOURCE, toOverrides(modes));
-            } catch (error) {
-              const message = `theme override rejected: ${error.message}`;
-              console.error(`ui-experience: ${message}`);
-              publish({ problem: message });
-            }
-          };
-          const applyBorder = (width) => {
-            if (disposed) return;
-            if (!BORDER_WIDTH.test(width)) {
-              const message = `borderWidth ${JSON.stringify(width)} is not a CSS length; borders left untouched`;
-              console.error(`ui-experience: ${message}`);
-              publish({ problem: message });
-              return;
-            }
-            if (width === paintedWidth) return;
-            paintedWidth = width;
-            borderSheet?.remove();
-            borderSheet = document.createElement("style");
-            borderSheet.textContent = `body :where(*:not([data-dsh-uix-keep-border])){border-width:${width} !important}`;
-            document.head.appendChild(borderSheet);
-          };
-          const clearBorder = () => {
-            borderSheet?.remove();
-            borderSheet = void 0;
-            paintedWidth = "";
-          };
-          const setBootAttribute = (on) => {
-            if (on) document.documentElement.setAttribute(BOOT_ATTRIBUTE, "");
-            else document.documentElement.removeAttribute(BOOT_ATTRIBUTE);
-          };
-          const teardown = () => {
-            clearOverride();
-            clearBorder();
-            setBootAttribute(false);
-          };
-          const unwrap = (raw) => {
-            const envelope = raw;
-            if (envelope.ok === false) throw new Error(envelope.error?.message ?? "remote call failed");
-            return envelope.value;
-          };
-          const adopt = (answer) => {
-            if (answer.paths.colors !== view.paths.colors || answer.paths.tokens !== view.paths.tokens || answer.borderWidth !== view.borderWidth) {
-              publish({ paths: answer.paths, borderWidth: answer.borderWidth });
-            }
-            if (!bootstrapped) {
-              bootstrapped = true;
-              setBootAttribute(answer.active);
-              publish({ active: answer.active });
-            } else if (!writing && view.active !== answer.active) {
-              publish({ active: answer.active });
-              if (answer.active) {
-                setBootAttribute(true);
-                if (answer.status === "ok" && answer.tokens !== void 0) applyPalette(answer.tokens);
-                applyBorder(answer.borderWidth);
-              } else {
-                teardown();
-              }
-            }
-            if (answer.status !== "ok") {
-              if (answer.message !== lastPaletteProblem) {
-                lastPaletteProblem = answer.message;
-                console.error(`ui-experience: palette unavailable: ${answer.message}`);
-              }
-              publish({ problem: answer.message });
-              return;
-            }
-            if (lastPaletteProblem !== "") {
-              lastPaletteProblem = "";
-              publish({ problem: "" });
-            }
-            if (answer.changed) {
-              known = answer.version;
-              if (view.active && answer.tokens !== void 0) applyPalette(answer.tokens);
-            }
-            if (view.active) applyBorder(answer.borderWidth);
-          };
-          const poll = async () => {
-            if (disposed || inflight) return;
-            if (bootstrapped && !view.active) {
-              idleTick = (idleTick + 1) % IDLE_TICKS;
-              if (idleTick !== 0) return;
-            } else {
-              idleTick = 0;
-            }
-            inflight = true;
-            let answer;
-            try {
-              answer = unwrap(await gateway.poll({ known }));
-            } catch (error) {
-              const message = error.message;
-              if (message !== lastRpcProblem) {
-                lastRpcProblem = message;
-                console.error(`ui-experience: poll RPC failed: ${message}`);
-              }
-              return;
-            } finally {
-              inflight = false;
-            }
-            if (disposed) return;
-            lastRpcProblem = "";
-            adopt(answer);
-          };
-          const setActive = async (next) => {
-            if (disposed || writing) return;
-            writing = true;
-            publish({ saving: true, problem: "", notice: "" });
-            try {
-              if (!next) {
-                await gateway.setActive({ active: false });
-                if (disposed) return;
-                publish({ active: false });
-                teardown();
-                return;
-              }
-              const answer = unwrap(await gateway.poll({}));
-              if (disposed) return;
-              if (answer.status !== "ok") {
-                publish({ problem: answer.message });
-                return;
-              }
-              const tokens = answer.tokens;
-              if (tokens === void 0) throw new Error("poll returned no tokens for an activation request");
-              await gateway.setActive({ active: true });
-              if (disposed) return;
-              known = answer.version;
-              bootstrapped = true;
-              setBootAttribute(true);
-              publish({ active: true, paths: answer.paths, notice: t("palette.saved") });
-              applyPalette(tokens);
-              applyBorder(answer.borderWidth);
-            } catch (error) {
-              const message = error.message;
-              console.error(`ui-experience: failed to save the switch state: ${message}`);
-              publish({ problem: `${t("palette.persist-failed")}: ${message}` });
-            } finally {
-              writing = false;
-              publish({ saving: false });
-            }
-          };
-          const savePaths = async (colors, tokens) => {
-            if (disposed || writing) return;
-            writing = true;
-            publish({ saving: true, problem: "", notice: "" });
-            try {
-              const saved = unwrap(await gateway.setPaths({ colorsPath: colors, tokensPath: tokens }));
-              if (disposed) return;
-              const probe = unwrap(await gateway.poll({}));
-              if (disposed) return;
-              known = probe.status === "ok" ? probe.version : void 0;
-              publish({
-                paths: saved.paths,
-                notice: probe.status === "ok" ? t("palette.saved") : "",
-                problem: probe.status === "ok" ? "" : probe.message
-              });
-              if (probe.status === "ok" && view.active && probe.tokens !== void 0) applyPalette(probe.tokens);
-            } catch (error) {
-              const message = error.message;
-              console.error(`ui-experience: failed to save the palette paths: ${message}`);
-              publish({ problem: `${t("palette.save-failed")}: ${message}` });
-            } finally {
-              writing = false;
-              publish({ saving: false });
-            }
-          };
-          function PaletteRow(props) {
-            const tr = props.t ?? t;
-            const [state, setState] = React.useState(view);
-            const [open, setOpen] = React.useState(false);
-            const [colors, setColors] = React.useState(view.paths.colors);
-            const [tokens, setTokens] = React.useState(view.paths.tokens);
-            React.useEffect(() => {
-              const listener = () => {
-                setState(view);
-              };
-              listeners.add(listener);
-              return () => {
-                listeners.delete(listener);
-              };
-            }, []);
-            React.useEffect(() => {
-              setColors(state.paths.colors);
-              setTokens(state.paths.tokens);
-            }, [state.paths]);
-            const status = state.problem !== "" ? h("div", { className: "dsh-uix-error", role: "alert" }, state.problem) : state.notice !== "" ? h("div", { className: "dsh-uix-notice" }, state.notice) : null;
-            const field = (label, value, placeholder, set) => h(
-              "label",
-              { className: "dsh-uix-field" },
-              h("span", { className: "dsh-uix-label" }, label),
-              h("input", {
-                className: "dsh-uix-input",
-                type: "text",
-                value,
-                placeholder,
-                spellCheck: false,
-                onChange: (event) => {
-                  set(event.target.value);
-                }
-              })
-            );
-            const editor = open ? h(
-              "div",
-              { className: "dsh-uix-paths" },
-              field(tr("palette.colors-path"), colors, DEFAULT_COLORS_PATH, setColors),
-              field(tr("palette.tokens-path"), tokens, DEFAULT_TOKENS_PATH, setTokens),
-              h(
-                "div",
-                { className: "dsh-uix-actions" },
-                h("button", {
-                  type: "button",
-                  className: "dsh-uix-button dsh-uix-button-primary",
-                  disabled: state.saving,
-                  onClick: () => {
-                    void savePaths(colors.trim(), tokens.trim());
-                  }
-                }, tr("palette.save")),
-                h("button", {
-                  type: "button",
-                  className: "dsh-uix-button",
-                  disabled: state.saving,
-                  onClick: () => {
-                    void savePaths(DEFAULT_COLORS_PATH, DEFAULT_TOKENS_PATH);
-                  }
-                }, tr("palette.reset"))
-              ),
-              h("div", { className: "dsh-uix-hint" }, tr("palette.paths-hint"))
-            ) : null;
-            return h(
-              "div",
-              { className: "dsh-uix-row" },
-              h(
-                "div",
-                { className: "dsh-uix-head" },
-                h(
-                  "div",
-                  { className: "dsh-uix-text" },
-                  h("div", { className: "dsh-uix-title" }, tr("palette.title")),
-                  h("div", { className: "dsh-uix-desc" }, tr("palette.description"))
-                ),
-                h("button", {
-                  type: "button",
-                  role: "switch",
-                  "aria-checked": state.active,
-                  "aria-label": tr("palette.title"),
-                  disabled: state.saving,
-                  className: "dsh-uix-switch",
-                  onClick: () => {
-                    void setActive(!state.active);
-                  }
-                }, h("span", { className: "dsh-uix-switch-thumb", "aria-hidden": true }))
-              ),
-              status,
-              h("button", {
-                type: "button",
-                className: "dsh-uix-disclosure",
-                "aria-expanded": open,
-                onClick: () => {
-                  setOpen(!open);
-                }
-              }, `${open ? "\u25BE" : "\u25B8"} ${tr("palette.paths")}`),
-              editor
-            );
-          }
-          ctx.effect(() => ctx.slots.inject("settings.general.item", () => ctx.slots.register({
-            name: "settings.general.item",
-            id: "ui-experience.palette",
-            order: 10.5,
-            locale: "ui-experience"
-          }, PaletteRow)), "ui-experience: settings row");
-          ctx.effect(() => ctx.timer.interval(() => {
-            void poll();
-          }, POLL_MS), "ui-experience: palette polling");
-          ctx.effect(() => {
-            return () => {
-              disposed = true;
-              teardown();
-            };
-          }, "ui-experience: palette override");
-          void poll();
-        }
-        return {
-          inject: ["slots", "locale", "timer", "theme", "remote"],
-          async apply(ctx) {
-            const theme = ctx.get("theme");
-            if (theme === void 0) {
-              console.error("ui-experience: ctx.theme is unavailable; the bundle cannot apply palettes");
-              return;
-            }
-            const unmount = await ctx.remote.$mount(uiExperienceRemoteContribution(zod));
-            ctx.effect(() => () => {
-              unmount().catch((error) => {
-                console.error(`ui-experience: remote unmount failed: ${error.message}`);
-              });
-            }, "ui-experience: remote namespace");
-            const gateway = ctx.get(`remote.${REMOTE_SERVICE}`);
-            if (gateway === void 0) {
-              console.error("ui-experience: the remote namespace was not installed after mounting the contribution");
-              return;
-            }
-            run(theme, ctx, gateway);
-          }
-        };
-      }
-    });
-  }
-  registerClient();
-})();
+"use strict";
+(() => {
+  // src/shared.ts
+  var REMOTE_SERVICE = "uiExperience";
+  var BOOT_ATTRIBUTE = "data-dsh-uix-matugen";
+  var MOTION_ATTRIBUTE = "data-dsh-uix-motion";
+  var DEFAULT_COLORS_PATH = "~/.local/state/quickshell/user/generated/colors.json";
+  var DEFAULT_TOKENS_PATH = "~/.local/state/quickshell/user/generated/dsh-tokens.json";
+  var MOTION_OFF = {
+    mode: "off",
+    durationScale: 1,
+    spatialSplit: true,
+    quantize: false,
+    reduced: "system"
+  };
+
+  // src/motion-plan.ts
+  var SPATIAL_PROPERTIES = /* @__PURE__ */ new Set([
+    "transform",
+    "translate",
+    "rotate",
+    "scale",
+    "offset-distance",
+    "offset-path",
+    "left",
+    "right",
+    "top",
+    "bottom",
+    "inset",
+    "inset-inline",
+    "inset-block",
+    "inset-inline-start",
+    "inset-inline-end",
+    "inset-block-start",
+    "inset-block-end",
+    "width",
+    "height",
+    "min-width",
+    "min-height",
+    "max-width",
+    "max-height",
+    "inline-size",
+    "block-size",
+    "min-inline-size",
+    "min-block-size",
+    "max-inline-size",
+    "max-block-size",
+    "flex-basis",
+    "margin",
+    "margin-top",
+    "margin-right",
+    "margin-bottom",
+    "margin-left",
+    "margin-inline",
+    "margin-block",
+    "margin-inline-start",
+    "margin-inline-end",
+    "padding",
+    "padding-top",
+    "padding-right",
+    "padding-bottom",
+    "padding-left",
+    "padding-inline",
+    "padding-block",
+    "padding-inline-start",
+    "padding-inline-end",
+    "gap",
+    "row-gap",
+    "column-gap",
+    "grid-template-columns",
+    "grid-template-rows",
+    "grid-auto-columns",
+    "grid-auto-rows",
+    "border-radius",
+    "border-top-left-radius",
+    "border-top-right-radius",
+    "border-bottom-left-radius",
+    "border-bottom-right-radius"
+  ]);
+  var CURVE_M3_SPATIAL = "cubic-bezier(0.2, 0, 0, 1)";
+  var CURVE_M3_EFFECTS = "cubic-bezier(0.2, 0, 0, 1)";
+  var CURVE_M3E_SPATIAL_FAST = "cubic-bezier(0.42, 1.67, 0.21, 0.9)";
+  var CURVE_M3E_SPATIAL = "cubic-bezier(0.38, 1.21, 0.22, 1)";
+  var CURVE_M3E_EFFECTS = "cubic-bezier(0.34, 0.8, 0.34, 1)";
+  var FAST_SPATIAL_MAX_MS = 200;
+  var MATERIAL_DURATIONS_MS = [
+    50,
+    100,
+    150,
+    200,
+    250,
+    300,
+    350,
+    400,
+    450,
+    500,
+    550,
+    600,
+    700,
+    800,
+    900,
+    1e3
+  ];
+  function splitList(value) {
+    if (value.trim() === "") return [];
+    const out = [];
+    let depth = 0;
+    let start = 0;
+    for (let index = 0; index < value.length; index += 1) {
+      const character = value[index];
+      if (character === "(") depth += 1;
+      else if (character === ")") depth = Math.max(0, depth - 1);
+      else if (character === "," && depth === 0) {
+        out.push(value.slice(start, index).trim());
+        start = index + 1;
+      }
+    }
+    out.push(value.slice(start).trim());
+    return out;
+  }
+  function entryAt(entries, index) {
+    if (entries.length === 0) return void 0;
+    return entries[index % entries.length];
+  }
+  var DURATION = /^([0-9]*\.?[0-9]+)(ms|s)$/;
+  function parseDurationMs(value) {
+    const match = DURATION.exec(value.trim());
+    if (match === null) return void 0;
+    const amount = Number(match[1]);
+    if (!Number.isFinite(amount) || amount < 0) return void 0;
+    return match[2] === "s" ? amount * 1e3 : amount;
+  }
+  function quantizeMs(ms) {
+    let best = MATERIAL_DURATIONS_MS[0] ?? 50;
+    let bestDistance = Number.POSITIVE_INFINITY;
+    for (const step of MATERIAL_DURATIONS_MS) {
+      const distance = Math.abs(step - ms);
+      if (distance < bestDistance) {
+        bestDistance = distance;
+        best = step;
+      }
+    }
+    return best;
+  }
+  var MAX_DURATION_MS = 1e4;
+  function retime(value, scale, quantize) {
+    const original = parseDurationMs(value);
+    if (original === void 0 || original === 0) return void 0;
+    const scaled = Math.round(original * scale);
+    const target = Math.min(MAX_DURATION_MS, Math.max(1, quantize ? quantizeMs(scaled) : scaled));
+    if (target === original) return void 0;
+    return `${target}ms`;
+  }
+  function isDiscrete(value) {
+    return /^(?:steps?\(|step-start$|step-end$)/.test(value.trim());
+  }
+  function classify(property) {
+    const name = property.trim().toLowerCase();
+    return SPATIAL_PROPERTIES.has(name) ? "spatial" : "effects";
+  }
+  function classifyAll(properties) {
+    for (const property of properties) {
+      if (classify(property) === "spatial") return "spatial";
+    }
+    return "effects";
+  }
+  function curveFor(mode, domain, spatialSplit, originalMs) {
+    if (mode === "m3") {
+      return domain === "spatial" ? CURVE_M3_SPATIAL : CURVE_M3_EFFECTS;
+    }
+    if (mode === "m3e" && spatialSplit && domain === "spatial") {
+      return originalMs !== void 0 && originalMs <= FAST_SPATIAL_MAX_MS ? CURVE_M3E_SPATIAL_FAST : CURVE_M3E_SPATIAL;
+    }
+    return CURVE_M3E_EFFECTS;
+  }
+
+  // src/motion.ts
+  var TRANSITIONS = {
+    selector: "transition-property",
+    duration: "transition-duration",
+    timing: "transition-timing-function"
+  };
+  var ANIMATIONS = {
+    selector: "animation-name",
+    duration: "animation-duration",
+    timing: "animation-timing-function",
+    iterations: "animation-iteration-count"
+  };
+  var DURATION_TOKENS = [
+    ["--ds-transition-duration", 200],
+    ["--ds-transition-duration-fast", 100],
+    ["--ds-transition-duration-slow", 300]
+  ];
+  function createMotion() {
+    const patches = /* @__PURE__ */ new Map();
+    const unreadable = /* @__PURE__ */ new Set();
+    const media = window.matchMedia("(prefers-reduced-motion: reduce)");
+    let settings;
+    let reducedSheet;
+    let reducedActive = false;
+    let observer;
+    let mediaListener;
+    let refreshPending = false;
+    function walk(rules, visit) {
+      for (let index = 0; index < rules.length; index += 1) {
+        const rule = rules[index];
+        if (rule === void 0) continue;
+        visit(rule);
+        if (rule.cssRules !== void 0) walk(rule.cssRules, visit);
+      }
+    }
+    function readableSheets() {
+      const out = [];
+      const collect = (sheet) => {
+        if (sheet === void 0) return;
+        try {
+          const rules = sheet.cssRules;
+          if (rules === void 0) return;
+          out.push(sheet);
+        } catch (error) {
+          const key = sheet.href ?? "(inline)";
+          if (unreadable.has(key)) return;
+          unreadable.add(key);
+          console.error(`ui-experience: motion cannot read stylesheet ${key}: ${error.message}`);
+        }
+      };
+      for (let index = 0; index < document.styleSheets.length; index += 1) {
+        collect(document.styleSheets[index]);
+      }
+      for (const sheet of document.adoptedStyleSheets ?? []) collect(sheet);
+      return out;
+    }
+    function keyframeProperties(sheets) {
+      const frames = /* @__PURE__ */ new Map();
+      for (const sheet of sheets) {
+        walk(sheet.cssRules, (rule) => {
+          if (rule.name === void 0 || rule.cssRules === void 0) return;
+          const properties = frames.get(rule.name) ?? [];
+          walk(rule.cssRules, (frame) => {
+            const declaration = frame.style;
+            if (declaration === void 0) return;
+            for (let index = 0; index < declaration.length; index += 1) {
+              const name = declaration.item(index);
+              if (name !== "" && !properties.includes(name)) properties.push(name);
+            }
+          });
+          frames.set(rule.name, properties);
+        });
+      }
+      return frames;
+    }
+    function rewriteFamily(declaration, family, frames, active) {
+      const selectors = splitList(declaration.getPropertyValue(family.selector));
+      const durations = splitList(declaration.getPropertyValue(family.duration));
+      const timings = splitList(declaration.getPropertyValue(family.timing));
+      const iterations = family.iterations === void 0 ? [] : splitList(declaration.getPropertyValue(family.iterations));
+      if (selectors.length === 0 && durations.length === 0 && timings.length === 0) return false;
+      const count = Math.max(selectors.length, durations.length, timings.length, 1);
+      const nextTimings = [];
+      const nextDurations = [];
+      let timingChanged = false;
+      let durationChanged = false;
+      for (let index = 0; index < count; index += 1) {
+        const selector = entryAt(selectors, index) ?? "all";
+        const originalTiming = entryAt(timings, index);
+        const originalDuration = entryAt(durations, index);
+        const originalMs = originalDuration === void 0 ? void 0 : parseDurationMs(originalDuration);
+        const infinite = entryAt(iterations, index) === "infinite";
+        if (selector === "none") {
+          if (originalTiming !== void 0) nextTimings.push(originalTiming);
+          if (originalDuration !== void 0) nextDurations.push(originalDuration);
+          continue;
+        }
+        const keepTiming = originalTiming !== void 0 && (isDiscrete(originalTiming) || infinite && originalTiming === "linear" || originalMs === 0);
+        const domain = infinite ? "effects" : family.selector === "transition-property" ? classify(selector) : classifyAll(frames.get(selector) ?? ["opacity"]);
+        const curve = keepTiming && originalTiming !== void 0 ? originalTiming : curveFor(active.mode, domain, active.spatialSplit, originalMs);
+        nextTimings.push(curve);
+        if (curve !== originalTiming) timingChanged = true;
+        if (originalDuration === void 0) continue;
+        const retimed = infinite ? void 0 : retime(originalDuration, active.durationScale, active.quantize);
+        nextDurations.push(retimed ?? originalDuration);
+        if (retimed !== void 0) durationChanged = true;
+      }
+      let changed = false;
+      if (timingChanged) {
+        declaration.setProperty(family.timing, nextTimings.join(", "));
+        changed = true;
+      }
+      if (durationChanged && nextDurations.length === count) {
+        declaration.setProperty(family.duration, nextDurations.join(", "));
+        changed = true;
+      }
+      return changed;
+    }
+    function scan() {
+      const active = settings;
+      if (active === void 0 || active.mode === "off") return;
+      const sheets = readableSheets();
+      const frames = keyframeProperties(sheets);
+      for (const sheet of sheets) {
+        walk(sheet.cssRules, (rule) => {
+          const declaration = rule.style;
+          if (declaration === void 0 || patches.has(rule)) return;
+          const before = declaration.cssText;
+          const touched = rewriteFamily(declaration, TRANSITIONS, frames, active) || rewriteFamily(declaration, ANIMATIONS, frames, active);
+          if (!touched) return;
+          patches.set(rule, { declaration, before, after: declaration.cssText });
+        });
+      }
+    }
+    function applyDurationTokens() {
+      const active = settings;
+      if (active === void 0 || active.durationScale === 1) return;
+      for (const [token, base] of DURATION_TOKENS) {
+        document.documentElement.style.setProperty(token, `${Math.round(base * active.durationScale)}ms`);
+      }
+    }
+    function clearDurationTokens() {
+      for (const [token] of DURATION_TOKENS) document.documentElement.style.removeProperty(token);
+    }
+    function wantsReduced() {
+      const active = settings;
+      if (active === void 0) return false;
+      if (active.reduced === "always") return true;
+      return active.reduced === "system" && media.matches;
+    }
+    function syncReduced() {
+      const want = wantsReduced();
+      if (want === reducedActive) return;
+      reducedActive = want;
+      reducedSheet?.remove();
+      reducedSheet = void 0;
+      if (!want) return;
+      const sheet = document.createElement("style");
+      sheet.textContent = "*,*::before,*::after{transition-duration:1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}";
+      document.head.appendChild(sheet);
+      reducedSheet = sheet;
+    }
+    function refresh() {
+      if (refreshPending) return;
+      refreshPending = true;
+      queueMicrotask(() => {
+        refreshPending = false;
+        const active = settings;
+        if (active === void 0 || active.mode === "off" || reducedActive) return;
+        scan();
+      });
+    }
+    function observeDocument() {
+      const instance = new MutationObserver(() => {
+        refresh();
+      });
+      instance.observe(document.head, { childList: true, subtree: true });
+      return { disconnect: () => {
+        instance.disconnect();
+      } };
+    }
+    function unwatchPreference() {
+      if (mediaListener === void 0) return;
+      media.removeEventListener?.("change", mediaListener);
+      mediaListener = void 0;
+    }
+    function watchPreference() {
+      if (mediaListener !== void 0) return;
+      mediaListener = () => {
+        syncReduced();
+      };
+      media.addEventListener?.("change", mediaListener);
+    }
+    function restore() {
+      for (const patch of patches.values()) {
+        if (patch.declaration.cssText !== patch.after) {
+          console.error("ui-experience: motion restore overwrote a declaration that changed after this layer wrote it");
+        }
+        patch.declaration.cssText = patch.before;
+      }
+      patches.clear();
+      clearDurationTokens();
+      reducedSheet?.remove();
+      reducedSheet = void 0;
+      reducedActive = false;
+      unwatchPreference();
+      document.documentElement.removeAttribute(MOTION_ATTRIBUTE);
+    }
+    return {
+      apply(next) {
+        restore();
+        settings = next;
+        if (next.mode === "off") return;
+        watchPreference();
+        syncReduced();
+        if (reducedActive) {
+          document.documentElement.setAttribute(MOTION_ATTRIBUTE, next.mode);
+          return;
+        }
+        applyDurationTokens();
+        scan();
+        observer ??= observeDocument();
+        document.documentElement.setAttribute(MOTION_ATTRIBUTE, next.mode);
+      },
+      refresh,
+      restore,
+      dispose() {
+        restore();
+        observer?.disconnect();
+        observer = void 0;
+        settings = void 0;
+      }
+    };
+  }
+
+  // src/styles.ts
+  var ROW_CSS = `
+/* Row chrome: AppearanceRow.module.css .group \u2014 16/0 padding, hairline
+   separator, column gap 8 (the section column strips the last separator). */
+.dsh-uix-row{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:0.5px solid var(--dsw-alias-border-l2)}
+.dsh-uix-head{display:flex;align-items:center;justify-content:space-between;gap:24px}
+.dsh-uix-text{display:flex;flex-direction:column;gap:4px;min-width:0}
+
+/* Title and description: FontSizeRow.module.css .title / .desc \u2014
+   14/400/22 label-primary and 12/400/18 label-tertiary. */
+.dsh-uix-title{font-size:14px;font-weight:400;line-height:22px;color:var(--dsw-alias-label-primary)}
+.dsh-uix-desc{font-size:12px;font-weight:400;line-height:18px;color:var(--dsw-alias-label-tertiary)}
+
+/* Feedback lines: ConfigField.module.css .field p \u2014 12px, no margin. The
+   success line reuses the same metrics with the success token. */
+.dsh-uix-problem{margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-state-error-primary)}
+.dsh-uix-notice{margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-state-success-primary)}
+
+/* Disclosure target: sized like the field label it introduces, with the
+   shared hover wash and focus ring instead of a colour-only affordance. */
+/* Disclosure: FontSizeRow.module.css .expander \u2014 a 24px icon button whose
+   chevron rotates 180deg while expanded, beside the label text. */
+.dsh-uix-disclosure{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:4px;padding:0;border:0;background:transparent;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:12px;line-height:1.5;cursor:pointer}
+.dsh-uix-disclosure:hover{color:var(--dsw-alias-label-secondary)}
+.dsh-uix-disclosure:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-alias-state-business-primary);outline-offset:2px;border-radius:var(--dsw-radius-xs)}
+.dsh-uix-disclosure-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--dsw-radius-xs)}
+.dsh-uix-disclosure:hover .dsh-uix-disclosure-icon{background:var(--dsw-alias-interactive-bg-hover)}
+.dsh-uix-disclosure-icon svg{transition:transform 150ms ease}
+.dsh-uix-disclosure[aria-expanded=true] .dsh-uix-disclosure-icon svg{transform:rotate(180deg)}
+
+/* Path fields: ConfigField.module.css .field, .field + .field, .head label,
+   and .field input. The input is sized by padding, not a fixed height. */
+.dsh-uix-form{display:flex;flex-direction:column}
+.dsh-uix-field{display:flex;flex-direction:column;gap:6px;padding:12px 0}
+.dsh-uix-field+.dsh-uix-field{border-top:0.5px solid var(--dsw-alias-border-l2)}
+.dsh-uix-label{font-size:13px;font-weight:500;line-height:1.5;color:var(--dsw-alias-label-primary)}
+/* Input primitive: Input.module.css .wrap / .input / placeholder \u2014 the
+   wrapper owns the 32px box and the border, the inner input is transparent.
+   The same page's font-family fields render through this primitive. */
+.dsh-uix-input-wrap{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;width:100%;height:32px;padding:0 8px;border:0.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1)}
+.dsh-uix-input-wrap:focus-within{border-color:var(--dsw-alias-state-business-primary)}
+.dsh-uix-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary)}
+.dsh-uix-input::placeholder{color:var(--dsw-alias-label-dimmed)}
+.dsh-uix-hint{margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
+
+/* Form footer and its save action: the configuration form's footer and save
+   button (13px, 5/14 padding, radius md, inverted fill). */
+.dsh-uix-footer{display:flex;align-items:center;gap:8px;padding-top:16px}
+.dsh-uix-save{appearance:none;border:1px solid transparent;border-radius:var(--dsw-radius-md);padding:5px 14px;font:inherit;font-size:13px;line-height:1.5;cursor:pointer;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}
+.dsh-uix-save:disabled{cursor:not-allowed;opacity:.4}
+
+/* Secondary action: primitives Button.module.css .outline \u2014 inset hairline
+   that keeps its width independent of the border, plus the shared wash. */
+.dsh-uix-reset{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:0.5px solid transparent;border-radius:var(--dsw-radius-md);padding:5px 14px;font:inherit;font-size:13px;line-height:1.5;cursor:pointer;background:transparent;color:var(--dsw-alias-label-primary);box-shadow:inset 0 0 0 var(--dsh-hairline-width,0.5px) var(--dsh-button-outline-color,var(--dsw-alias-border-l3))}
+.dsh-uix-reset:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}
+.dsh-uix-reset:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}
+.dsh-uix-reset:disabled{cursor:not-allowed;opacity:.4}
+.dsh-uix-save:focus-visible,.dsh-uix-reset:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-alias-state-business-primary);outline-offset:2px}
+
+/* Switch: Switch.module.css \u2014 36x20 track, 2px inset, 16px thumb, keyed off
+   aria-checked so the visual state cannot disagree with assistive technology.
+   corner-shape opts the capsule and the thumb out of the superellipse. */
+.dsh-uix-switch{box-sizing:border-box;position:relative;flex:0 0 auto;width:36px;height:20px;padding:2px;border:0;border-radius:999px;corner-shape:round;background:var(--dsw-alias-border-l3);cursor:pointer}
+.dsh-uix-switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}
+.dsh-uix-switch:disabled{cursor:default;opacity:.5}
+.dsh-uix-switch:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}
+.dsh-uix-switch-thumb{display:block;width:16px;height:16px;border-radius:50%;corner-shape:round;background:var(--dsw-alias-label-primary-foreground);transition:transform 120ms ease}
+.dsh-uix-switch[aria-checked=false] .dsh-uix-switch-thumb{background:var(--dsw-alias-switch-thumb)}
+.dsh-uix-switch[aria-checked=true] .dsh-uix-switch-thumb{transform:translate(16px)}
+
+/* A labelled control line: the caption column and the control that follows it,
+   mirroring the settings form's label/control pairing. */
+.dsh-uix-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
+.dsh-uix-choice-label{font-size:13px;font-weight:500;line-height:1.5;color:var(--dsw-alias-label-primary)}
+
+/* Segmented control: SegmentedControl.module.css .control / .indicator / .tab \u2014
+   a hover-wash track holding one sliding pill. The indicator is placed
+   arithmetically from the segment count and index carried as custom properties,
+   so nothing measures the DOM. */
+.dsh-uix-segment{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:4px;border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover)}
+.dsh-uix-segment-indicator{position:absolute;top:4px;left:4px;width:calc((100% - 8px - 2px * (var(--dsh-segment-count) - 1)) / var(--dsh-segment-count));height:calc(100% - 8px);border:0;border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);box-shadow:var(--dsw-elevation-soft);transform:translateX(calc(var(--dsh-segment-index) * (100% + 2px)));transition:transform 160ms ease;pointer-events:none}
+.dsh-uix-segment-tab{box-sizing:border-box;position:relative;z-index:1;height:28px;padding:0 16px;border:0;border-radius:var(--dsw-radius-sm);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:13px;line-height:20px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color 120ms ease}
+.dsh-uix-segment-tab[aria-selected=true]{color:var(--dsw-alias-label-primary)}
+.dsh-uix-segment-tab:hover:not(:disabled){color:var(--dsw-alias-label-primary)}
+.dsh-uix-segment-tab:disabled{cursor:default;opacity:.4}
+.dsh-uix-segment-tab:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}
+
+/* Checkbox: Checkbox.module.css \u2014 a native input so the platform draws and keys
+   it, tinted with the brand accent, with the explanation stacked underneath. */
+.dsh-uix-check{display:flex;align-items:flex-start;gap:6px;padding:10px 0;font-size:14px;line-height:20px;color:var(--dsw-alias-label-primary);cursor:pointer}
+.dsh-uix-check+.dsh-uix-check{border-top:0.5px solid var(--dsw-alias-border-l2)}
+.dsh-uix-check input{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;accent-color:var(--dsw-alias-brand-primary);cursor:inherit}
+.dsh-uix-check input:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}
+.dsh-uix-check:has(input:disabled){cursor:default;opacity:.5}
+.dsh-uix-check-text{display:flex;flex-direction:column;gap:2px;min-width:0}
+.dsh-uix-check-label{font-size:13px;font-weight:500;line-height:1.5;color:var(--dsw-alias-label-primary)}
+.dsh-uix-check-hint{font-size:12px;line-height:1.5;font-weight:400;color:var(--dsw-alias-label-tertiary)}
+`;
+
+  // src/client.ts
+  var REDUCED_QUERY = "(prefers-reduced-motion: reduce)";
+  function queryReduced() {
+    return window.matchMedia(REDUCED_QUERY).matches;
+  }
+  function watchReduced(report) {
+    const media = window.matchMedia(REDUCED_QUERY);
+    const listener = () => {
+      report(media.matches);
+    };
+    report(media.matches);
+    media.addEventListener?.("change", listener);
+    return () => {
+      media.removeEventListener?.("change", listener);
+    };
+  }
+  var SOURCE = "@dsh-plugin/dsh-ui-experience";
+  var POLL_MS = 2e3;
+  var IDLE_TICKS = 15;
+  var BORDER_WIDTH = /^(?:0|[0-9]+(?:\.[0-9]+)?(?:px|rem|em))$/;
+  function uiExperienceRemoteContribution(zod) {
+    const codec = (name, schema) => ({
+      mode: "strict",
+      typeSymbol: `${SOURCE}/shared#${name}`,
+      create: schema
+    });
+    const descriptor = (method, shape, typeName) => ({
+      id: `${SOURCE}#${REMOTE_SERVICE}/${method}`,
+      service: REMOTE_SERVICE,
+      namespace: REMOTE_SERVICE,
+      method,
+      invocation: { kind: "direct" },
+      parameters: [{
+        name: "args",
+        wire: "args",
+        source: "json",
+        codec: codec(typeName, () => zod.object(shape())),
+        strictCodec: codec(typeName, () => zod.strictObject(shape()))
+      }],
+      result: codec(`${method}Result`, () => zod.object({}))
+    });
+    return {
+      package: SOURCE,
+      descriptors: [
+        descriptor("poll", () => ({ known: zod.string().optional() }), "PollArgs"),
+        descriptor("setActive", () => ({ active: zod.boolean().optional() }), "SetActiveArgs"),
+        descriptor("setPaths", () => ({ colorsPath: zod.string().optional(), tokensPath: zod.string().optional() }), "SetPathsArgs"),
+        descriptor("setMotion", () => ({
+          mode: zod.string().optional(),
+          durationScale: zod.number().optional(),
+          spatialSplit: zod.boolean().optional(),
+          quantize: zod.boolean().optional(),
+          reduced: zod.string().optional()
+        }), "SetMotionArgs")
+      ]
+    };
+  }
+  var DICTS = {
+    zh: {
+      "palette.title": "Matugen \u914D\u8272\u8DDF\u968F",
+      "palette.description": "\u5C06\u7CFB\u7EDF matugen \u751F\u6210\u7684 Material You \u914D\u8272\u53E0\u52A0\u5728\u5F53\u524D\u4E3B\u9898\u4E0A\uFF0C\u914D\u8272\u6587\u4EF6\u91CD\u65B0\u751F\u6210\u540E\u81EA\u52A8\u8DDF\u968F",
+      "palette.persist-failed": "\u5F00\u5173\u72B6\u6001\u4FDD\u5B58\u5931\u8D25",
+      "palette.save-failed": "\u8DEF\u5F84\u4FDD\u5B58\u5931\u8D25",
+      "palette.saved": "\u5DF2\u4FDD\u5B58",
+      "palette.paths": "\u914D\u8272\u6587\u4EF6\u8DEF\u5F84",
+      "palette.colors-path": "matugen \u989C\u8272\u6587\u4EF6",
+      "palette.tokens-path": "DSH \u4EE4\u724C\u6587\u4EF6\uFF08\u5B58\u5728\u65F6\u4F18\u5148\uFF09",
+      "palette.save": "\u4FDD\u5B58",
+      "palette.reset": "\u6062\u590D\u9ED8\u8BA4",
+      "palette.paths-hint": "\u652F\u6301\u4EE5 ~ \u5F00\u5934\u7684\u8DEF\u5F84\uFF0C\u6216\u7EDD\u5BF9\u8DEF\u5F84\u3002\u989C\u8272\u6587\u4EF6\u63D0\u4F9B\u5B8C\u6574\u6620\u5C04\uFF0C\u4EE4\u724C\u6587\u4EF6\u91CC\u5217\u51FA\u7684 token \u9010\u9879\u8986\u76D6\u3002",
+      "motion.title": "M3 \u52A8\u6548",
+      "motion.description": "\u6309 Material 3 \u66F2\u7EBF\u6539\u5199\u6574\u4E2A\u754C\u9762\u7684\u8FC7\u6E21\u4E0E\u5173\u952E\u5E27\u52A8\u753B\uFF0C\u539F\u5730\u6539\u5199\u5165\u5DF2\u751F\u6548\u7684\u6837\u5F0F\u89C4\u5219",
+      "motion.mode": "\u66F2\u7EBF\u65CF",
+      "motion.mode-off": "\u5173\u95ED",
+      "motion.mode-m3": "M3",
+      "motion.mode-m3e": "M3E",
+      "motion.duration": "\u65F6\u957F\u500D\u7387",
+      "motion.options": "\u9AD8\u7EA7\u9009\u9879",
+      "motion.spatial-split": "\u4F4D\u79FB\u4E0E\u6548\u679C\u4F7F\u7528\u4E0D\u540C\u66F2\u7EBF",
+      "motion.spatial-split-hint": "M3E \u7684\u4F4D\u79FB\u66F2\u7EBF\u5E26\u6709\u7EA6 9% \u7684\u8FC7\u51B2\uFF0C\u6548\u679C\u66F2\u7EBF\u6CA1\u6709\u3002\u5173\u95ED\u540E\u5168\u90E8\u4F7F\u7528\u6548\u679C\u66F2\u7EBF\u3002",
+      "motion.quantize": "\u65F6\u957F\u5BF9\u9F50\u5230 Material \u6863\u4F4D",
+      "motion.quantize-hint": "\u628A\u6539\u5199\u540E\u7684\u65F6\u957F\u5438\u9644\u5230 50/100/150/200/250/300/350/400/450/500/550/600/700/800/900/1000ms\u3002",
+      "motion.reduced": "\u59CB\u7EC8\u51CF\u5F31\u52A8\u6548",
+      "motion.reduced-hint": "\u5F00\u542F\u540E\u5FFD\u7565\u7CFB\u7EDF\u7684\u300C\u51CF\u5F31\u52A8\u6001\u6548\u679C\u300D\u504F\u597D\uFF0C\u4E00\u5F8B\u628A\u65F6\u957F\u538B\u5230 1ms\u3002\u5173\u95ED\u65F6\u8DDF\u968F\u7CFB\u7EDF\u3002",
+      "motion.system-reduced": "\u7CFB\u7EDF\u5DF2\u8BF7\u6C42\u51CF\u5F31\u52A8\u6548\uFF0C\u672C\u9875\u52A8\u753B\u6B63\u5728\u88AB\u538B\u5236\u3002",
+      "motion.save-failed": "\u52A8\u6548\u8BBE\u7F6E\u4FDD\u5B58\u5931\u8D25",
+      "motion.inert": "\u66F2\u7EBF\u65CF\u4E3A\u300C\u5173\u95ED\u300D\uFF0C\u4EE5\u4E0B\u9009\u9879\u4E0D\u4F1A\u751F\u6548\u3002"
+    },
+    en: {
+      "palette.title": "Matugen palette sync",
+      "palette.description": "Overlay the system matugen Material You palette on the current theme; follows the file when matugen regenerates it",
+      "palette.persist-failed": "Failed to save the switch state",
+      "palette.save-failed": "Failed to save the paths",
+      "palette.saved": "Saved",
+      "palette.paths": "Palette file paths",
+      "palette.colors-path": "matugen colors file",
+      "palette.tokens-path": "DSH token file (preferred when present)",
+      "palette.save": "Save",
+      "palette.reset": "Restore defaults",
+      "palette.paths-hint": "Paths may start with ~, or be absolute. The colors file supplies the full mapping; tokens listed in the token file override it item by item.",
+      "motion.title": "M3 motion",
+      "motion.description": "Rewrite every transition and keyframe animation in the interface onto Material 3 curves, in place on the rules already in the cascade",
+      "motion.mode": "Curve family",
+      "motion.mode-off": "Off",
+      "motion.mode-m3": "M3",
+      "motion.mode-m3e": "M3E",
+      "motion.duration": "Duration scale",
+      "motion.options": "Advanced options",
+      "motion.spatial-split": "Spatial and effects take different curves",
+      "motion.spatial-split-hint": "The M3E spatial curve overshoots by about 9%, the effects curve does not. Turning this off uses the effects curve everywhere.",
+      "motion.quantize": "Snap durations to the Material ladder",
+      "motion.quantize-hint": "Pull rewritten durations onto 50/100/150/200/250/300/350/400/450/500/550/600/700/800/900/1000 ms.",
+      "motion.reduced": "Always reduce motion",
+      "motion.reduced-hint": "Ignore the system reduce-motion preference and force every duration to 1 ms. Off follows the system.",
+      "motion.system-reduced": "The system asked for reduced motion; this page is being held still.",
+      "motion.save-failed": "Failed to save the motion settings",
+      "motion.inert": "The curve family is Off, so these options have no effect."
+    }
+  };
+  function registerClient() {
+    window.__ModuleLoader__.load({
+      id: SOURCE,
+      factory(require2) {
+        const React = require2("react");
+        const zod = require2("zod");
+        const h = React.createElement;
+        function run(registry, ctx, gateway) {
+          const t = ctx.locale.bind("ui-experience");
+          ctx.effect(() => ctx.locale.register("ui-experience", DICTS), "ui-experience: dictionaries");
+          ctx.effect(() => {
+            const sheet = document.createElement("style");
+            sheet.textContent = ROW_CSS;
+            document.head.appendChild(sheet);
+            return () => {
+              sheet.remove();
+            };
+          }, "ui-experience: row styles");
+          let disposed = false;
+          let known;
+          let bootstrapped = false;
+          let writing = false;
+          let inflight = false;
+          let idleTick = 0;
+          let lastRpcProblem = "";
+          let lastPaletteProblem = "";
+          let paintedWidth = "";
+          let disposeOverride;
+          let borderSheet;
+          let view = {
+            active: false,
+            borderWidth: "0.5px",
+            paths: { colors: DEFAULT_COLORS_PATH, tokens: DEFAULT_TOKENS_PATH },
+            motion: { ...MOTION_OFF },
+            problem: "",
+            notice: "",
+            saving: false
+          };
+          const listeners = /* @__PURE__ */ new Set();
+          const motion = createMotion();
+          const publish = (patch) => {
+            view = { ...view, ...patch };
+            for (const listener of listeners) listener();
+          };
+          const toOverrides = (modes) => {
+            const out = {};
+            for (const [token, dark] of Object.entries(modes.dark)) {
+              const light = modes.light[token] ?? dark;
+              if (typeof light === "string" && light !== "") out[token] = { light, dark };
+            }
+            return out;
+          };
+          const applyMotion = (next) => {
+            if (disposed) return;
+            motion.apply(next);
+          };
+          const motionDiffers = (left, right) => left.mode !== right.mode || left.durationScale !== right.durationScale || left.spatialSplit !== right.spatialSplit || left.quantize !== right.quantize || left.reduced !== right.reduced;
+          const clearOverride = () => {
+            disposeOverride?.();
+            disposeOverride = void 0;
+          };
+          const applyPalette = (modes) => {
+            if (disposed) return;
+            clearOverride();
+            try {
+              disposeOverride = registry.overrideTokens(SOURCE, toOverrides(modes));
+            } catch (error) {
+              const message = `theme override rejected: ${error.message}`;
+              console.error(`ui-experience: ${message}`);
+              publish({ problem: message });
+            }
+          };
+          const applyBorder = (width) => {
+            if (disposed) return;
+            if (!BORDER_WIDTH.test(width)) {
+              const message = `borderWidth ${JSON.stringify(width)} is not a CSS length; borders left untouched`;
+              console.error(`ui-experience: ${message}`);
+              publish({ problem: message });
+              return;
+            }
+            if (width === paintedWidth) return;
+            paintedWidth = width;
+            borderSheet?.remove();
+            borderSheet = document.createElement("style");
+            borderSheet.textContent = `body :where(*:not([data-dsh-uix-keep-border])){border-width:${width} !important}`;
+            document.head.appendChild(borderSheet);
+          };
+          const clearBorder = () => {
+            borderSheet?.remove();
+            borderSheet = void 0;
+            paintedWidth = "";
+          };
+          const setBootAttribute = (on) => {
+            if (on) document.documentElement.setAttribute(BOOT_ATTRIBUTE, "");
+            else document.documentElement.removeAttribute(BOOT_ATTRIBUTE);
+          };
+          const teardown = () => {
+            clearOverride();
+            clearBorder();
+            setBootAttribute(false);
+          };
+          const unwrap = (raw) => {
+            const envelope = raw;
+            if (envelope.ok === false) throw new Error(envelope.error?.message ?? "remote call failed");
+            return envelope.value;
+          };
+          const adopt = (answer) => {
+            if (answer.paths.colors !== view.paths.colors || answer.paths.tokens !== view.paths.tokens || answer.borderWidth !== view.borderWidth) {
+              publish({ paths: answer.paths, borderWidth: answer.borderWidth });
+            }
+            if (motionDiffers(view.motion, answer.motion)) {
+              publish({ motion: answer.motion });
+              if (bootstrapped) applyMotion(answer.motion);
+            }
+            if (!bootstrapped) {
+              bootstrapped = true;
+              setBootAttribute(answer.active);
+              publish({ active: answer.active });
+              applyMotion(answer.motion);
+            } else if (!writing && view.active !== answer.active) {
+              publish({ active: answer.active });
+              if (answer.active) {
+                setBootAttribute(true);
+                if (answer.status === "ok" && answer.tokens !== void 0) applyPalette(answer.tokens);
+                applyBorder(answer.borderWidth);
+              } else {
+                teardown();
+              }
+            }
+            if (answer.status !== "ok") {
+              if (answer.message !== lastPaletteProblem) {
+                lastPaletteProblem = answer.message;
+                console.error(`ui-experience: palette unavailable: ${answer.message}`);
+              }
+              publish({ problem: answer.message });
+              return;
+            }
+            if (lastPaletteProblem !== "") {
+              lastPaletteProblem = "";
+              publish({ problem: "" });
+            }
+            if (answer.changed) {
+              known = answer.version;
+              if (view.active && answer.tokens !== void 0) applyPalette(answer.tokens);
+            }
+            if (view.active) applyBorder(answer.borderWidth);
+          };
+          const poll = async () => {
+            if (disposed || inflight) return;
+            if (bootstrapped && !view.active && view.motion.mode === "off") {
+              idleTick = (idleTick + 1) % IDLE_TICKS;
+              if (idleTick !== 0) return;
+            } else {
+              idleTick = 0;
+            }
+            inflight = true;
+            let answer;
+            try {
+              answer = unwrap(await gateway.poll({ known }));
+            } catch (error) {
+              const message = error.message;
+              if (message !== lastRpcProblem) {
+                lastRpcProblem = message;
+                console.error(`ui-experience: poll RPC failed: ${message}`);
+              }
+              return;
+            } finally {
+              inflight = false;
+            }
+            if (disposed) return;
+            lastRpcProblem = "";
+            adopt(answer);
+          };
+          const saveMotion = async (change) => {
+            if (disposed || writing) return;
+            writing = true;
+            publish({ saving: true, problem: "", notice: "" });
+            try {
+              const applied = unwrap(await gateway.setMotion(change));
+              if (disposed) return;
+              publish({ motion: applied, notice: t("palette.saved") });
+              applyMotion(applied);
+            } catch (error) {
+              const message = error.message;
+              console.error(`ui-experience: failed to save the motion settings: ${message}`);
+              publish({ problem: `${t("motion.save-failed")}: ${message}` });
+            } finally {
+              writing = false;
+              publish({ saving: false });
+            }
+          };
+          const setActive = async (next) => {
+            if (disposed || writing) return;
+            writing = true;
+            publish({ saving: true, problem: "", notice: "" });
+            try {
+              if (!next) {
+                await gateway.setActive({ active: false });
+                if (disposed) return;
+                publish({ active: false });
+                teardown();
+                return;
+              }
+              const answer = unwrap(await gateway.poll({}));
+              if (disposed) return;
+              if (answer.status !== "ok") {
+                publish({ problem: answer.message });
+                return;
+              }
+              const tokens = answer.tokens;
+              if (tokens === void 0) throw new Error("poll returned no tokens for an activation request");
+              await gateway.setActive({ active: true });
+              if (disposed) return;
+              known = answer.version;
+              bootstrapped = true;
+              setBootAttribute(true);
+              publish({ active: true, paths: answer.paths, notice: t("palette.saved") });
+              applyPalette(tokens);
+              applyBorder(answer.borderWidth);
+            } catch (error) {
+              const message = error.message;
+              console.error(`ui-experience: failed to save the switch state: ${message}`);
+              publish({ problem: `${t("palette.persist-failed")}: ${message}` });
+            } finally {
+              writing = false;
+              publish({ saving: false });
+            }
+          };
+          const savePaths = async (colors, tokens) => {
+            if (disposed || writing) return;
+            writing = true;
+            publish({ saving: true, problem: "", notice: "" });
+            try {
+              const saved = unwrap(await gateway.setPaths({ colorsPath: colors, tokensPath: tokens }));
+              if (disposed) return;
+              const probe = unwrap(await gateway.poll({}));
+              if (disposed) return;
+              known = probe.status === "ok" ? probe.version : void 0;
+              publish({
+                paths: saved.paths,
+                notice: probe.status === "ok" ? t("palette.saved") : "",
+                problem: probe.status === "ok" ? "" : probe.message
+              });
+              if (probe.status === "ok" && view.active && probe.tokens !== void 0) applyPalette(probe.tokens);
+            } catch (error) {
+              const message = error.message;
+              console.error(`ui-experience: failed to save the palette paths: ${message}`);
+              publish({ problem: `${t("palette.save-failed")}: ${message}` });
+            } finally {
+              writing = false;
+              publish({ saving: false });
+            }
+          };
+          const disclosure = (open, toggle, label) => h(
+            "button",
+            {
+              type: "button",
+              className: "dsh-uix-disclosure",
+              "aria-expanded": open,
+              onClick: toggle
+            },
+            h(
+              "span",
+              { className: "dsh-uix-disclosure-icon" },
+              h("svg", {
+                viewBox: "0 0 16 16",
+                width: 14,
+                height: 14,
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 1,
+                "aria-hidden": true
+              }, h("path", { d: "M4 6L7.29289 9.29289C7.68342 9.68342 8.31658 9.68342 8.70711 9.29289L12 6" }))
+            ),
+            h("span", null, label)
+          );
+          const WALK_KEYS = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"];
+          const segmented = (id, value, segments, select, label, disabled) => {
+            const selected = Math.max(0, segments.findIndex((segment) => segment.value === value));
+            const walk = (key) => {
+              if (segments.length === 0) return;
+              const current = segments[selected];
+              if (current === void 0) return;
+              let next;
+              if (key === "Home") next = 0;
+              else if (key === "End") next = segments.length - 1;
+              else {
+                const step = key === "ArrowRight" || key === "ArrowDown" ? 1 : -1;
+                next = ((selected + step) % segments.length + segments.length) % segments.length;
+              }
+              const target = segments[next];
+              if (target !== void 0 && target.value !== value) select(target.value);
+            };
+            return h(
+              "div",
+              {
+                role: "tablist",
+                "aria-label": label,
+                className: "dsh-uix-segment",
+                style: {
+                  "--dsh-segment-count": String(segments.length),
+                  "--dsh-segment-index": String(selected)
+                }
+              },
+              h("span", { "aria-hidden": true, className: "dsh-uix-segment-indicator" }),
+              ...segments.map((segment) => h("button", {
+                key: segment.value,
+                id: `${id}-${segment.value}`,
+                type: "button",
+                role: "tab",
+                "aria-selected": segment.value === value,
+                tabIndex: segment.value === value ? 0 : -1,
+                disabled,
+                className: "dsh-uix-segment-tab",
+                onClick: () => {
+                  if (segment.value !== value) select(segment.value);
+                },
+                onKeyDown: (event) => {
+                  if (!WALK_KEYS.includes(event.key)) return;
+                  event.preventDefault();
+                  walk(event.key);
+                }
+              }, segment.label))
+            );
+          };
+          const checkbox = (id, checked, set, label, hint, disabled) => h(
+            "label",
+            { className: "dsh-uix-check", htmlFor: id },
+            h("input", {
+              id,
+              type: "checkbox",
+              checked,
+              disabled,
+              onChange: (event) => {
+                set(event.target.checked);
+              }
+            }),
+            h(
+              "span",
+              { className: "dsh-uix-check-text" },
+              h("span", { className: "dsh-uix-check-label" }, label),
+              hint === void 0 ? null : h("span", { className: "dsh-uix-check-hint" }, hint)
+            )
+          );
+          function PaletteRow(props) {
+            const tr = props.t ?? t;
+            const [state, setState] = React.useState(view);
+            const [open, setOpen] = React.useState(false);
+            const [colors, setColors] = React.useState(view.paths.colors);
+            const [tokens, setTokens] = React.useState(view.paths.tokens);
+            React.useEffect(() => {
+              const listener = () => {
+                setState(view);
+              };
+              listeners.add(listener);
+              return () => {
+                listeners.delete(listener);
+              };
+            }, []);
+            React.useEffect(() => {
+              setColors(state.paths.colors);
+              setTokens(state.paths.tokens);
+            }, [state.paths]);
+            const status = state.problem !== "" ? h("p", { className: "dsh-uix-problem", role: "alert" }, state.problem) : state.notice !== "" ? h("p", { className: "dsh-uix-notice" }, state.notice) : null;
+            const field = (label, value, placeholder, set, hint) => h(
+              "label",
+              { className: "dsh-uix-field" },
+              h("span", { className: "dsh-uix-label" }, label),
+              h(
+                "span",
+                { className: "dsh-uix-input-wrap" },
+                h("input", {
+                  className: "dsh-uix-input",
+                  type: "text",
+                  value,
+                  placeholder,
+                  spellCheck: false,
+                  autoComplete: "off",
+                  onChange: (event) => {
+                    set(event.target.value);
+                  }
+                })
+              ),
+              hint ?? null
+            );
+            const editor = open ? h(
+              "div",
+              { className: "dsh-uix-form" },
+              field(tr("palette.colors-path"), colors, DEFAULT_COLORS_PATH, setColors),
+              field(
+                tr("palette.tokens-path"),
+                tokens,
+                DEFAULT_TOKENS_PATH,
+                setTokens,
+                h("p", { className: "dsh-uix-hint" }, tr("palette.paths-hint"))
+              ),
+              h(
+                "div",
+                { className: "dsh-uix-footer" },
+                h("button", {
+                  type: "button",
+                  className: "dsh-uix-save",
+                  disabled: state.saving,
+                  onClick: () => {
+                    void savePaths(colors.trim(), tokens.trim());
+                  }
+                }, tr("palette.save")),
+                h("button", {
+                  type: "button",
+                  className: "dsh-uix-reset",
+                  disabled: state.saving,
+                  onClick: () => {
+                    void savePaths(DEFAULT_COLORS_PATH, DEFAULT_TOKENS_PATH);
+                  }
+                }, tr("palette.reset"))
+              )
+            ) : null;
+            return h(
+              "div",
+              { className: "dsh-uix-row" },
+              h(
+                "div",
+                { className: "dsh-uix-head" },
+                h(
+                  "div",
+                  { className: "dsh-uix-text" },
+                  h("div", { className: "dsh-uix-title" }, tr("palette.title")),
+                  h("div", { className: "dsh-uix-desc" }, tr("palette.description"))
+                ),
+                h("button", {
+                  type: "button",
+                  role: "switch",
+                  "aria-checked": state.active,
+                  "aria-label": tr("palette.title"),
+                  disabled: state.saving,
+                  className: "dsh-uix-switch",
+                  onClick: () => {
+                    void setActive(!state.active);
+                  }
+                }, h("span", { className: "dsh-uix-switch-thumb", "aria-hidden": true }))
+              ),
+              status,
+              disclosure(open, () => {
+                setOpen(!open);
+              }, tr("palette.paths")),
+              editor
+            );
+          }
+          function MotionRow(props) {
+            const tr = props.t ?? t;
+            const [state, setState] = React.useState(view);
+            const [open, setOpen] = React.useState(false);
+            const [systemReduced, setSystemReduced] = React.useState(queryReduced());
+            React.useEffect(() => {
+              const listener = () => {
+                setState(view);
+              };
+              listeners.add(listener);
+              return () => {
+                listeners.delete(listener);
+              };
+            }, []);
+            React.useEffect(() => watchReduced(setSystemReduced), []);
+            const current = state.motion;
+            const locked = state.saving;
+            const status = state.problem !== "" ? h("p", { className: "dsh-uix-problem", role: "alert" }, state.problem) : state.notice !== "" ? h("p", { className: "dsh-uix-notice" }, state.notice) : null;
+            const modes = [
+              { value: "off", label: tr("motion.mode-off") },
+              { value: "m3", label: tr("motion.mode-m3") },
+              { value: "m3e", label: tr("motion.mode-m3e") }
+            ];
+            const scales = [
+              { value: "1", label: "1\xD7" },
+              { value: "1.25", label: "1.25\xD7" },
+              { value: "1.5", label: "1.5\xD7" },
+              { value: "2", label: "2\xD7" }
+            ];
+            const policy = open ? h(
+              "div",
+              { className: "dsh-uix-form" },
+              checkbox(
+                "dsh-uix-motion-split",
+                current.spatialSplit,
+                (next) => {
+                  void saveMotion({ spatialSplit: next });
+                },
+                tr("motion.spatial-split"),
+                tr("motion.spatial-split-hint"),
+                locked
+              ),
+              checkbox(
+                "dsh-uix-motion-quantize",
+                current.quantize,
+                (next) => {
+                  void saveMotion({ quantize: next });
+                },
+                tr("motion.quantize"),
+                tr("motion.quantize-hint"),
+                locked
+              ),
+              checkbox(
+                "dsh-uix-motion-reduced",
+                current.reduced === "always",
+                (next) => {
+                  void saveMotion({ reduced: next ? "always" : "system" });
+                },
+                tr("motion.reduced"),
+                tr("motion.reduced-hint"),
+                locked
+              )
+            ) : null;
+            return h(
+              "div",
+              { className: "dsh-uix-row" },
+              h(
+                "div",
+                { className: "dsh-uix-head" },
+                h(
+                  "div",
+                  { className: "dsh-uix-text" },
+                  h("div", { className: "dsh-uix-title" }, tr("motion.title")),
+                  h("div", { className: "dsh-uix-desc" }, tr("motion.description"))
+                )
+              ),
+              status,
+              h(
+                "div",
+                { className: "dsh-uix-choice" },
+                h("span", { className: "dsh-uix-choice-label" }, tr("motion.mode")),
+                segmented(
+                  "dsh-uix-motion-mode",
+                  current.mode,
+                  modes,
+                  (next) => {
+                    void saveMotion({ mode: next });
+                  },
+                  tr("motion.mode"),
+                  locked
+                )
+              ),
+              current.mode === "off" ? null : h(
+                "div",
+                { className: "dsh-uix-choice" },
+                h("span", { className: "dsh-uix-choice-label" }, tr("motion.duration")),
+                segmented(
+                  "dsh-uix-motion-scale",
+                  String(current.durationScale),
+                  scales,
+                  (next) => {
+                    void saveMotion({ durationScale: Number(next) });
+                  },
+                  tr("motion.duration"),
+                  locked
+                )
+              ),
+              current.mode !== "off" && systemReduced && current.reduced === "system" ? h("p", { className: "dsh-uix-hint" }, tr("motion.system-reduced")) : null,
+              current.mode === "off" ? h("p", { className: "dsh-uix-hint" }, tr("motion.inert")) : null,
+              disclosure(open, () => {
+                setOpen(!open);
+              }, tr("motion.options")),
+              policy
+            );
+          }
+          ctx.effect(() => ctx.slots.inject("settings.general.item", () => ctx.slots.register({
+            name: "settings.general.item",
+            id: "ui-experience.palette",
+            order: 10.5,
+            locale: "ui-experience"
+          }, PaletteRow)), "ui-experience: settings row");
+          ctx.effect(() => ctx.slots.inject("settings.general.item", () => ctx.slots.register({
+            name: "settings.general.item",
+            id: "ui-experience.motion",
+            order: 10.6,
+            locale: "ui-experience"
+          }, MotionRow)), "ui-experience: motion row");
+          ctx.effect(() => ctx.timer.interval(() => {
+            void poll();
+          }, POLL_MS), "ui-experience: palette polling");
+          ctx.effect(() => {
+            return () => {
+              disposed = true;
+              teardown();
+              motion.dispose();
+            };
+          }, "ui-experience: page-level layers");
+          void poll();
+        }
+        return {
+          inject: ["slots", "locale", "timer", "theme", "remote"],
+          async apply(ctx) {
+            const theme = ctx.get("theme");
+            if (theme === void 0) {
+              console.error("ui-experience: ctx.theme is unavailable; the bundle cannot apply palettes");
+              return;
+            }
+            const unmount = await ctx.remote.$mount(uiExperienceRemoteContribution(zod));
+            ctx.effect(() => () => {
+              unmount().catch((error) => {
+                console.error(`ui-experience: remote unmount failed: ${error.message}`);
+              });
+            }, "ui-experience: remote namespace");
+            const gateway = ctx.get(`remote.${REMOTE_SERVICE}`);
+            if (gateway === void 0) {
+              console.error("ui-experience: the remote namespace was not installed after mounting the contribution");
+              return;
+            }
+            run(theme, ctx, gateway);
+          }
+        };
+      }
+    });
+  }
+  registerClient();
+})();