@lynn123411/dsh-maple-theme 0.0.0-stage → 0.1.0

package/lib/client.js

@@ -0,0 +1,560 @@
+window.__ModuleLoader__.load({ id: "@lynn123411/dsh-maple-theme", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BUNDLE_CONFIG_SLOT: () => BUNDLE_CONFIG_SLOT,
+  BUNDLE_NAME: () => BUNDLE_NAME,
+  CODE_ATTRIBUTE: () => CODE_ATTRIBUTE,
+  DEFAULT_SETTINGS: () => DEFAULT_SETTINGS,
+  HEADING_ATTRIBUTE: () => HEADING_ATTRIBUTE,
+  INDICATOR_ATTRIBUTE: () => INDICATOR_ATTRIBUTE,
+  MapleThemeCard: () => MapleThemeCard,
+  NS: () => NS,
+  ROOT_ATTRIBUTE: () => ROOT_ATTRIBUTE,
+  ROOT_VARIABLES: () => ROOT_VARIABLES,
+  SETTINGS_NAMESPACE: () => SETTINGS_NAMESPACE,
+  apply: () => apply,
+  applyProjection: () => applyProjection,
+  bindProjection: () => bindProjection,
+  clampNumber: () => clampNumber,
+  clearProjection: () => clearProjection,
+  inject: () => inject,
+  name: () => name,
+  normalizeSettings: () => normalizeSettings,
+  projectSettings: () => projectSettings,
+  readSettings: () => readSettings
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/settings.ts
+var ROOT_ATTRIBUTE = "data-maple-theme";
+var HEADING_ATTRIBUTE = "data-maple-heading";
+var INDICATOR_ATTRIBUTE = "data-maple-indicator";
+var CODE_ATTRIBUTE = "data-maple-code";
+var SHELL_ATTRIBUTE = "data-maple-shell";
+var ROOT_VARIABLES = [
+  "--maple-hue-light",
+  "--maple-hue-dark",
+  "--maple-line-height",
+  "--maple-p-gap"
+];
+var DEFAULT_SETTINGS = Object.freeze({
+  hueLight: 35,
+  hueDark: 207,
+  lineHeight: 1.75,
+  paragraphGap: 10,
+  headingColor: "colorful",
+  headingIndicator: true,
+  codePalette: true,
+  shellSkin: true
+});
+function clampNumber(value, min, max, fallback) {
+  if (typeof value !== "number" && typeof value !== "string") return fallback;
+  if (typeof value === "string" && value.trim() === "") return fallback;
+  const parsed = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(parsed)) return fallback;
+  return Math.min(max, Math.max(min, parsed));
+}
+function normalizeSettings(raw) {
+  const source = raw ?? {};
+  const heading = source.headingColor;
+  return {
+    hueLight: clampNumber(source.hueLight, 0, 360, DEFAULT_SETTINGS.hueLight),
+    hueDark: clampNumber(source.hueDark, 0, 360, DEFAULT_SETTINGS.hueDark),
+    lineHeight: clampNumber(source.lineHeight, 1.4, 2, DEFAULT_SETTINGS.lineHeight),
+    paragraphGap: clampNumber(source.paragraphGap, 4, 24, DEFAULT_SETTINGS.paragraphGap),
+    headingColor: heading === "colorful" || heading === "accent" || heading === "text" ? heading : DEFAULT_SETTINGS.headingColor,
+    headingIndicator: source.headingIndicator ?? DEFAULT_SETTINGS.headingIndicator,
+    codePalette: source.codePalette ?? DEFAULT_SETTINGS.codePalette,
+    shellSkin: source.shellSkin ?? DEFAULT_SETTINGS.shellSkin
+  };
+}
+function projectSettings(settings, enabled = true) {
+  if (!enabled) {
+    const variables = {};
+    for (const name2 of ROOT_VARIABLES) variables[name2] = null;
+    return {
+      attributes: {
+        [ROOT_ATTRIBUTE]: null,
+        [HEADING_ATTRIBUTE]: null,
+        [INDICATOR_ATTRIBUTE]: null,
+        [CODE_ATTRIBUTE]: null,
+        [SHELL_ATTRIBUTE]: null
+      },
+      variables
+    };
+  }
+  return {
+    attributes: {
+      [ROOT_ATTRIBUTE]: "on",
+      [HEADING_ATTRIBUTE]: settings.headingColor,
+      [INDICATOR_ATTRIBUTE]: settings.headingIndicator ? "on" : null,
+      [CODE_ATTRIBUTE]: settings.codePalette ? "on" : null,
+      [SHELL_ATTRIBUTE]: settings.shellSkin ? "on" : null
+    },
+    variables: {
+      "--maple-hue-light": String(settings.hueLight),
+      "--maple-hue-dark": String(settings.hueDark),
+      "--maple-line-height": String(settings.lineHeight),
+      "--maple-p-gap": `${settings.paragraphGap}px`
+    }
+  };
+}
+function applyProjection(root, projection) {
+  for (const [attribute, value] of Object.entries(projection.attributes)) {
+    if (value === null) root.removeAttribute(attribute);
+    else root.setAttribute(attribute, value);
+  }
+  for (const [property, value] of Object.entries(projection.variables)) {
+    if (value === null) root.style.removeProperty(property);
+    else root.style.setProperty(property, value);
+  }
+}
+function clearProjection(root) {
+  applyProjection(root, projectSettings(normalizeSettings(void 0), false));
+}
+
+// src/client/binding.ts
+var SETTINGS_NAMESPACE = "dsh-maple-theme";
+var BUNDLE_CONFIG_SLOT = "plugins.bundle.config";
+var BUNDLE_NAME = "@lynn123411/dsh-maple-theme";
+function readSettings(form) {
+  const snapshot = form.getSnapshot();
+  if (snapshot.status === "unavailable") return void 0;
+  return normalizeSettings(snapshot.value);
+}
+function bindProjection(root, form) {
+  const sync = () => {
+    const settings = readSettings(form);
+    applyProjection(root, projectSettings(settings ?? normalizeSettings(void 0)));
+  };
+  sync();
+  const off = form.subscribe(sync);
+  return () => {
+    off();
+    clearProjection(root);
+  };
+}
+
+// src/client/card-css.ts
+var CARD_CSS = `
+.dsh-maple-card{display:flex;flex-direction:column;gap:20px;padding:16px 0}
+.dsh-maple-group{display:flex;flex-direction:column;gap:4px}
+.dsh-maple-group-title{font-size:12px;line-height:18px;font-weight:600;color:var(--dsw-alias-label-tertiary);letter-spacing:.02em}
+.dsh-maple-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:0.5px solid var(--dsw-alias-border-l1)}
+.dsh-maple-row:last-child{border-bottom:0}
+.dsh-maple-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}
+.dsh-maple-row-title{font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary)}
+.dsh-maple-row-hint{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
+.dsh-maple-row-field{flex:none;display:flex;align-items:center;gap:8px}
+.dsh-maple-number{width:88px}
+.dsh-maple-unit{font-size:12px;color:var(--dsw-alias-label-tertiary);min-width:18px}
+.dsh-maple-note{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);padding-top:12px}
+.dsh-maple-empty{font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
+`;
+
+// src/client/card.tsx
+var import_react = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime = require("react/jsx-runtime");
+var HEADING_OPTIONS = [
+  { value: "colorful", key: "card.headingColorColorful" },
+  { value: "accent", key: "card.headingColorAccent" },
+  { value: "text", key: "card.headingColorText" }
+];
+function Row({ title, hint, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-maple-row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-maple-row-info", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-row-title", children: title }),
+      hint !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-row-hint", children: hint })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-row-field", children })
+  ] });
+}
+function NumberField({ value, min, max, step, unit, label, onCommit }) {
+  const [text, setText] = (0, import_react.useState)(String(value));
+  (0, import_react.useEffect)(() => {
+    setText(String(value));
+  }, [value]);
+  const commit = () => {
+    const parsed = Number(text);
+    if (!Number.isFinite(parsed)) {
+      setText(String(value));
+      return;
+    }
+    const clamped = Math.min(max, Math.max(min, Math.round(parsed / step) * step));
+    setText(String(clamped));
+    if (clamped !== value) onCommit(clamped);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Input,
+      {
+        className: "dsh-maple-number",
+        type: "number",
+        inputMode: "decimal",
+        min,
+        max,
+        step,
+        value: text,
+        "aria-label": label,
+        onChange: (event) => {
+          setText(event.target.value);
+        },
+        onBlur: commit,
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            event.currentTarget.blur();
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-maple-unit", children: unit })
+  ] });
+}
+function MapleThemeCard(props) {
+  const { form } = props;
+  const t = (key) => props.t(key);
+  const [settings, setSettings] = (0, import_react.useState)(() => readSettings(form));
+  const [available, setAvailable] = (0, import_react.useState)(() => form.getSnapshot().status !== "unavailable");
+  (0, import_react.useEffect)(() => {
+    const sync = () => {
+      setSettings(readSettings(form));
+      setAvailable(form.getSnapshot().status !== "unavailable");
+    };
+    sync();
+    return form.subscribe(sync);
+  }, [form]);
+  if (!available) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-card", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-empty", children: t("card.unavailable") }) });
+  const current = settings ?? DEFAULT_SETTINGS;
+  const write = (field, value) => {
+    void form.set(field, value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-maple-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-maple-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-group-title", children: t("card.colors") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { title: t("card.hueLight"), hint: t("card.hueLightHint"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        NumberField,
+        {
+          value: current.hueLight,
+          min: 0,
+          max: 360,
+          step: 1,
+          unit: "\xB0",
+          label: t("card.hueLight"),
+          onCommit: (next) => {
+            write("hueLight", next);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { title: t("card.hueDark"), hint: t("card.hueDarkHint"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        NumberField,
+        {
+          value: current.hueDark,
+          min: 0,
+          max: 360,
+          step: 1,
+          unit: "\xB0",
+          label: t("card.hueDark"),
+          onCommit: (next) => {
+            write("hueDark", next);
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-maple-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-group-title", children: t("card.typography") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { title: t("card.lineHeight"), hint: t("card.lineHeightHint"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        NumberField,
+        {
+          value: current.lineHeight,
+          min: 1.4,
+          max: 2,
+          step: 0.05,
+          unit: "\xD7",
+          label: t("card.lineHeight"),
+          onCommit: (next) => {
+            write("lineHeight", next);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { title: t("card.paragraphGap"), hint: t("card.paragraphGapHint"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        NumberField,
+        {
+          value: current.paragraphGap,
+          min: 4,
+          max: 24,
+          step: 1,
+          unit: "px",
+          label: t("card.paragraphGap"),
+          onCommit: (next) => {
+            write("paragraphGap", next);
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-maple-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-group-title", children: t("card.headings") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { title: t("card.headingColor"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dsh_client_ui_primitives.SegmentedControl,
+        {
+          id: "dsh-maple-heading",
+          value: current.headingColor,
+          label: t("card.headingColor"),
+          options: HEADING_OPTIONS.map((option) => ({ value: option.value, label: t(option.key) })),
+          onChange: (next) => {
+            write("headingColor", next);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { title: t("card.headingIndicator"), hint: t("card.headingIndicatorHint"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dsh_client_ui_primitives.Switch,
+        {
+          checked: current.headingIndicator,
+          label: t("card.headingIndicator"),
+          onChange: (next) => {
+            write("headingIndicator", next);
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-maple-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-group-title", children: t("card.code") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { title: t("card.codePalette"), hint: t("card.codePaletteHint"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dsh_client_ui_primitives.Switch,
+        {
+          checked: current.codePalette,
+          label: t("card.codePalette"),
+          onChange: (next) => {
+            write("codePalette", next);
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-maple-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-group-title", children: t("card.shell") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, { title: t("card.shellSkin"), hint: t("card.shellSkinHint"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dsh_client_ui_primitives.Switch,
+        {
+          checked: current.shellSkin,
+          label: t("card.shellSkin"),
+          onChange: (next) => {
+            write("shellSkin", next);
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-maple-note", children: t("card.scope") })
+  ] });
+}
+
+// src/client/locales.ts
+var NS = "mapletheme";
+var en = {
+  "card.colors": "Colors",
+  "card.hueLight": "Light hue",
+  "card.hueLightHint": "Base hue the whole light palette is derived from. Maple ships 35 (warm white).",
+  "card.hueDark": "Dark hue",
+  "card.hueDarkHint": "Base hue the whole dark palette is derived from. Maple ships 207 (cool grey).",
+  "card.typography": "Typing",
+  "card.lineHeight": "Line height",
+  "card.lineHeightHint": "Line height for conversation body text. Tighter than Maple\u2019s 1.8 because chat lines run narrower.",
+  "card.paragraphGap": "Paragraph gap",
+  "card.paragraphGapHint": "Space between two paragraphs in an answer, in pixels. Looser than Maple\u2019s 8.",
+  "card.headings": "Headings",
+  "card.headingColor": "Heading color",
+  "card.headingColorColorful": "Six colors",
+  "card.headingColorAccent": "Accent",
+  "card.headingColorText": "Body text",
+  "card.headingIndicator": "Level marker",
+  "card.headingIndicatorHint": "Show H1\u2013H6 to the left of a heading while the pointer rests on it.",
+  "card.code": "Code",
+  "card.codePalette": "Maple syntax colors",
+  "card.codePaletteHint": "Recolor fenced code blocks with the Maple syntax palette.",
+  "card.shell": "Surroundings",
+  "card.shellSkin": "Sidebar and tabs",
+  "card.shellSkinHint": "Round the sidebar rows and the active tab, drop the seam under the session header, and give the input card Maple paper.",
+  "card.scope": "The palette is global; headings, quotes, tables, lists and rules only change inside conversation answers.",
+  "card.unavailable": "The Host does not serve this configuration right now."
+};
+var zh = {
+  "card.colors": "\u914D\u8272",
+  "card.hueLight": "\u6D45\u8272\u57FA\u7840\u8272\u76F8",
+  "card.hueLightHint": "\u6D45\u8272\u6574\u5957\u989C\u8272\u7531\u8FD9\u4E2A\u8272\u76F8\u63A8\u5BFC\u3002Maple \u51FA\u5382\u503C\u662F 35\uFF08\u6696\u767D\uFF09\u3002",
+  "card.hueDark": "\u6DF1\u8272\u57FA\u7840\u8272\u76F8",
+  "card.hueDarkHint": "\u6DF1\u8272\u6574\u5957\u989C\u8272\u7531\u8FD9\u4E2A\u8272\u76F8\u63A8\u5BFC\u3002Maple \u51FA\u5382\u503C\u662F 207\uFF08\u51B7\u7070\uFF09\u3002",
+  "card.typography": "\u6253\u5B57\u4F53\u9A8C",
+  "card.lineHeight": "\u884C\u9AD8",
+  "card.lineHeightHint": "\u5BF9\u8BDD\u6B63\u6587\u7684\u884C\u9AD8\u500D\u6570\u3002\u6BD4 Maple \u7684 1.8 \u7D27\u4E00\u6863\uFF0C\u5BF9\u8BDD\u7684\u884C\u5BBD\u6BD4\u7B14\u8BB0\u7A84\u3002",
+  "card.paragraphGap": "\u6BB5\u843D\u95F4\u8DDD",
+  "card.paragraphGapHint": "\u4E00\u4E2A\u56DE\u7B54\u91CC\u4E24\u6BB5\u4E4B\u95F4\u7A7A\u591A\u5C11\u50CF\u7D20\u3002\u6BD4 Maple \u7684 8 \u677E\u4E00\u6863\u3002",
+  "card.headings": "\u6807\u9898",
+  "card.headingColor": "\u6807\u9898\u989C\u8272",
+  "card.headingColorColorful": "\u516D\u7EA7\u6362\u8272",
+  "card.headingColorAccent": "\u5F3A\u8C03\u8272",
+  "card.headingColorText": "\u6B63\u6587\u8272",
+  "card.headingIndicator": "\u7B49\u7EA7\u6807\u8BB0",
+  "card.headingIndicatorHint": "\u6307\u9488\u505C\u5728\u6807\u9898\u4E0A\u65F6\uFF0C\u5728\u5DE6\u8FB9\u663E\u793A H1\u2013H6\u3002",
+  "card.code": "\u4EE3\u7801",
+  "card.codePalette": "Maple \u8BED\u6CD5\u914D\u8272",
+  "card.codePaletteHint": "\u7528 Maple \u7684\u8C03\u8272\u677F\u7ED9\u56F4\u680F\u4EE3\u7801\u5757\u6362\u8BED\u6CD5\u8272\u3002",
+  "card.shell": "\u5468\u8FB9",
+  "card.shellSkin": "\u4FA7\u680F\u4E0E\u6807\u7B7E\u6761",
+  "card.shellSkinHint": "\u4FA7\u680F\u884C\u4E0E\u6D3B\u52A8\u6807\u7B7E\u6539\u6210\u5706\u89D2\uFF0C\u53BB\u6389\u4F1A\u8BDD\u5934\u90E8\u4E0B\u9762\u90A3\u6761\u63A5\u7F1D\uFF0C\u8F93\u5165\u5361\u6362\u6210 Maple \u7684\u7EB8\u8272\u3002",
+  "card.scope": "\u914D\u8272\u662F\u5168\u5C40\u7684\uFF1B\u6807\u9898\u3001\u5F15\u7528\u3001\u8868\u683C\u3001\u5217\u8868\u4E0E\u5206\u9694\u7EBF\u53EA\u5728\u5BF9\u8BDD\u6B63\u6587\u91CC\u6362\u6837\u5B50\u3002",
+  "card.unavailable": "\u5BBF\u4E3B\u5F53\u524D\u6CA1\u6709\u63D0\u4F9B\u8FD9\u4EFD\u914D\u7F6E\u3002"
+};
+
+// inline-css:/Users/tny/Desktop/work/my-dsh/plugins/dsh-maple-theme/src/client/styles/tokens.css
+var tokens_default = "/* Maple \u88C5\u9970\u5C42\uFF1A\u6807\u9898\u914D\u8272\u3001\u4EE3\u7801\u8BED\u6CD5\u8272\u3001\u6B63\u6587\u6392\u7248\u3002\n *\n * \u914D\u8272\u4EE4\u724C\u672C\u8EAB\u4E0D\u5728\u8FD9\u91CC\u2014\u2014\u5B83\u4EEC\u8D70\u5BBF\u4E3B\u7684\u4E3B\u9898\u901A\u9053\uFF08src/client/tokens.ts +\n * ctx.theme.overrideTokens\uFF09\uFF0C\u7531\u5BBF\u4E3B\u5199\u5230 body \u7684\u884C\u5185\u6837\u5F0F\u4E0A\u3002\u8FD9\u91CC\u53EA\u5269\u4E09\u7C7B\uFF1A\n * \u6309\u5F00\u5173\u5207\u6362\u7684\u6807\u9898\u914D\u8272\u3001shiki \u8BED\u6CD5\u8272\u3001\u4EE5\u53CA\u6B63\u6587\u6392\u7248\u7684\u590D\u5408\u4EE4\u724C\u3002\n *\n * \u6BCF\u4E00\u6761\u90FD\u6302\u5728 `html[data-maple-theme='on']` \u4E0E\u5B83\u81EA\u5DF1\u7684\u5F00\u5173\u5C5E\u6027\u4E0B\u9762\uFF1A\n * \u5173\u6389\u65F6\u6574\u6BB5\u4E0D\u5339\u914D\uFF0C\u4E0D\u5FC5\u8DDF\u5BBF\u4E3B\u4E89\u4F18\u5148\u7EA7\u3002\n */\n\n/* \u6807\u9898\u516D\u8272\uFF1AMaple \u9ED8\u8BA4\u7684 colorful\uFF0C\u9010\u7EA7\u6362\u8272\u3002\u6D45\u8272\u90A3\u4E00\u5217\u6309 4.5:1 \u8C03\u8FC7\u660E\u5EA6\uFF0C\n * \u6DF1\u8272\u7528\u5B83\u81EA\u5DF1\u90A3\u5957\u63D0\u4EAE\u8272\u3002 */\nhtml[data-maple-theme='on'][data-maple-heading='colorful'] {\n  --maple-h1: hsl(0 45% 52.5%);\n  --maple-h2: hsl(32 70% 37%);\n  --maple-h3: hsl(95 75% 29%);\n  --maple-h4: hsl(193 94% 31.5%);\n  --maple-h5: hsl(260 20% 48%);\n  --maple-h6: hsl(156 75% 28%);\n}\n\nhtml[data-maple-theme='on'][data-maple-heading='colorful'] body[data-ds-dark-theme] {\n  --maple-h1: hsl(0 44% 68%);\n  --maple-h2: hsl(20 40% 68%);\n  --maple-h3: hsl(130 32% 68%);\n  --maple-h4: hsl(210 80% 72%);\n  --maple-h5: hsl(247 65% 82%);\n  --maple-h6: hsl(178 40% 64%);\n}\n\n/* \u5F3A\u8C03\u8272\u4E00\u6863\uFF1A\u516D\u7EA7\u6807\u9898\u7EDF\u4E00\u7528\u4E3B\u9898\u7684\u5F3A\u8C03\u8272\uFF0C\u4E0D\u5206\u7EA7\u6362\u8272\u3002\n * \u8FD9\u662F Maple \u7684\u300C\u6807\u9898\u989C\u8272 = \u5F3A\u8C03\u8272\u300D\u5206\u652F\uFF0C\u4E0E\u672C\u4E3B\u9898\u65E2\u6709\u7684\u5F3A\u8C03\u8272\u53D6\u540C\u4E00\u4E2A\u503C\u3002 */\nhtml[data-maple-theme='on'][data-maple-heading='accent'] {\n  --maple-heading-color: hsl(35 26% 38%);\n}\n\n/* \u6B63\u6587\u8272\u4E00\u6863\uFF1A\u6807\u9898\u53EA\u9760\u5B57\u53F7\u4E0E\u5B57\u91CD\u533A\u5206\uFF0C\u989C\u8272\u8DDF\u6B63\u6587\u4E00\u81F4\u3002 */\nhtml[data-maple-theme='on'][data-maple-heading='text'] {\n  --maple-heading-color: hsl(var(--maple-hue-light, 35) 10% 18%);\n}\n\nhtml[data-maple-theme='on'][data-maple-heading='accent'] body[data-ds-dark-theme] {\n  --maple-heading-color: hsl(207 26% 72%);\n}\n\nhtml[data-maple-theme='on'][data-maple-heading='text'] body[data-ds-dark-theme] {\n  --maple-heading-color: hsl(var(--maple-hue-dark, 207) 24% 88%);\n}\n\n/* \u4EE3\u7801\u8BED\u6CD5\u8272\uFF1AMaple \u7684 prism \u8C03\u8272\u677F\u843D\u5230\u5BBF\u4E3B\u7684 shiki \u53D8\u91CF\u4E0A\u3002\n * \u5BBF\u4E3B CodeBlock \u53EA\u8BA4 --shiki-token-*\uFF0C\u6362\u8FD9\u4E00\u7EC4\u5C31\u6574\u4F53\u6362\u914D\u8272\u3002 */\nhtml[data-maple-theme='on'][data-maple-code='on'] {\n  --shiki-token-keyword: hsl(260 20% 48%);\n  --shiki-token-string: hsl(95 75% 29%);\n  --shiki-token-string-expression: hsl(95 75% 29%);\n  --shiki-token-function: hsl(193 94% 31.5%);\n  --shiki-token-constant: hsl(156 75% 28%);\n  --shiki-token-parameter: hsl(32 70% 37%);\n  --shiki-token-comment: hsl(35 6% 58%);\n  --shiki-token-punctuation: hsl(35 7% 46%);\n  --shiki-token-link: hsl(162 76% 29%);\n}\n\nhtml[data-maple-theme='on'][data-maple-code='on'] body[data-ds-dark-theme] {\n  --shiki-token-keyword: hsl(247 65% 82%);\n  --shiki-token-string: hsl(130 32% 68%);\n  --shiki-token-string-expression: hsl(130 32% 68%);\n  --shiki-token-function: hsl(210 80% 72%);\n  --shiki-token-constant: hsl(178 40% 64%);\n  --shiki-token-parameter: hsl(20 40% 68%);\n  --shiki-token-comment: hsl(207 10% 46%);\n  --shiki-token-punctuation: hsl(207 12% 58%);\n  --shiki-token-link: hsl(178 30% 62%);\n}\n\n/* \u6B63\u6587\u6392\u7248\uFF1AMarkdownText \u7528 `font: var(--dsw-font-markdown-*)` \u4E00\u6B21\u53D6\u5B57\u53F7\u3001\u884C\u9AD8\u4E0E\u5B57\u65CF\uFF0C\n * \u6240\u4EE5\u6539\u8FD9\u51E0\u6761\u5C31\u591F\uFF0C\u4E0D\u5FC5\u78B0 CSS Modules \u7684\u54C8\u5E0C\u7C7B\u540D\u3002\n *\n * \u884C\u9AD8\u4ECE\u5BBF\u4E3B\u7684\u5B57\u53F7\u8F74\u63A8\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\uFF1A\u5BBF\u4E3B\u628A\u6B63\u6587\u884C\u9AD8\u5199\u6210\u300C24px + \u5B57\u53F7\u589E\u91CF\u300D\uFF0C\n * \u8FD9\u91CC\u6539\u6210\u300C\u5B57\u53F7 \xD7 \u914D\u7F6E\u7684\u884C\u9AD8\u500D\u6570\u300D\u2014\u2014\u4E24\u4E2A\u8F74\u540C\u65F6\u751F\u6548\uFF0C\u7528\u6237\u8C03\u5927\u5B57\u53F7\u65F6\u884C\u9AD8\u8DDF\u7740\u957F\u3002\n *\n * h5 / h6 \u5BBF\u4E3B\u5F52\u5E76\u8FDB base-strong\uFF0C\u6CA1\u6709\u72EC\u7ACB\u4EE4\u724C\uFF0C\u7531 markdown.css \u7528\u5143\u7D20\u9009\u62E9\u5668\u8865\u3002 */\nhtml[data-maple-theme='on'] body {\n  --dsw-font-markdown-base:\n    var(--dsh-content-font-size, 14px) / calc(var(--dsh-content-font-size, 14px) * var(--maple-line-height, 1.75))\n    var(--dsw-font-family);\n  --dsw-font-markdown-base-font-size: var(--dsh-content-font-size, 14px);\n  --dsw-font-markdown-base-line-height: calc(var(--dsh-content-font-size, 14px) * var(--maple-line-height, 1.75));\n\n  --dsw-font-markdown-base-strong:\n    600 var(--dsh-content-font-size, 14px) / calc(var(--dsh-content-font-size, 14px) * var(--maple-line-height, 1.75))\n    var(--dsw-font-family);\n  --dsw-font-markdown-base-strong-font-size: var(--dsh-content-font-size, 14px);\n  --dsw-font-markdown-base-strong-line-height: calc(var(--dsh-content-font-size, 14px) * var(--maple-line-height, 1.75));\n\n  --dsw-font-markdown-h1:\n    700 calc(var(--dsh-content-font-size, 14px) * 1.6) / 1.3 var(--dsw-font-family);\n  --dsw-font-markdown-h1-font-size: calc(var(--dsh-content-font-size, 14px) * 1.6);\n  --dsw-font-markdown-h1-font-weight: 700;\n  --dsw-font-markdown-h1-line-height: 1.3;\n\n  --dsw-font-markdown-h2:\n    700 calc(var(--dsh-content-font-size, 14px) * 1.5) / 1.3 var(--dsw-font-family);\n  --dsw-font-markdown-h2-font-size: calc(var(--dsh-content-font-size, 14px) * 1.5);\n  --dsw-font-markdown-h2-font-weight: 700;\n  --dsw-font-markdown-h2-line-height: 1.3;\n\n  --dsw-font-markdown-h3:\n    600 calc(var(--dsh-content-font-size, 14px) * 1.35) / 1.35 var(--dsw-font-family);\n  --dsw-font-markdown-h3-font-size: calc(var(--dsh-content-font-size, 14px) * 1.35);\n  --dsw-font-markdown-h3-font-weight: 600;\n  --dsw-font-markdown-h3-line-height: 1.35;\n\n  --dsw-font-markdown-h4:\n    600 calc(var(--dsh-content-font-size, 14px) * 1.15) / 1.4 var(--dsw-font-family);\n  --dsw-font-markdown-h4-font-size: calc(var(--dsh-content-font-size, 14px) * 1.15);\n  --dsw-font-markdown-h4-font-weight: 600;\n  --dsw-font-markdown-h4-line-height: 1.4;\n}\n";
+
+// src/client/tokens.ts
+var THEME_SOURCE = "@lynn123411/dsh-maple-theme";
+var MAPLE_TOKENS = {
+  "--dsw-alias-bg-base": { light: "hsl(var(--maple-hue-light, 35) 12% 97%)", dark: "hsl(var(--maple-hue-dark, 207) 6% 11%)" },
+  "--dsw-alias-bg-layer-1": { light: "hsl(var(--maple-hue-light, 35) 10% 95%)", dark: "hsl(var(--maple-hue-dark, 207) 10% 13%)" },
+  "--dsw-alias-bg-layer-2": { light: "hsl(calc(var(--maple-hue-light, 35) - 18) 8% 93%)", dark: "hsl(calc(var(--maple-hue-dark, 207) - 8) 6% 12%)" },
+  "--dsw-alias-bg-overlay": { light: "hsl(var(--maple-hue-light, 35) 10% 94%)", dark: "hsl(var(--maple-hue-dark, 207) 8% 14%)" },
+  "--dsw-alias-bg-module-platform": { light: "hsl(var(--maple-hue-light, 35) 13.2% 90.6%)", dark: "hsl(var(--maple-hue-dark, 207) 12% 12.4%)" },
+  "--dsw-alias-label-primary": { light: "hsl(var(--maple-hue-light, 35) 10% 18%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88%)" },
+  "--dsw-alias-label-secondary": { light: "hsl(var(--maple-hue-light, 35) 8% 35%)", dark: "hsl(var(--maple-hue-dark, 207) 16% 72%)" },
+  "--dsw-alias-label-tertiary": { light: "hsl(var(--maple-hue-light, 35) 7% 42%)", dark: "hsl(var(--maple-hue-dark, 207) 12% 58%)" },
+  "--dsw-alias-label-caption": { light: "hsl(var(--maple-hue-light, 35) 6% 50%)", dark: "hsl(var(--maple-hue-dark, 207) 10% 46%)" },
+  "--dsw-alias-label-dimmed": { light: "hsl(var(--maple-hue-light, 35) 8% 82%)", dark: "hsl(var(--maple-hue-dark, 207) 8% 26%)" },
+  "--dsw-alias-label-primary-dimmed": { light: "hsl(var(--maple-hue-light, 35) 9% 27%)", dark: "hsl(var(--maple-hue-dark, 207) 18% 80%)" },
+  "--dsw-alias-label-primary-bluish": { light: "hsl(var(--maple-hue-light, 35) 26% 38%)", dark: "hsl(var(--maple-hue-dark, 207) 26% 72%)" },
+  "--dsw-alias-label-primary-foreground": { light: "hsl(var(--maple-hue-light, 35) 40% 96%)", dark: "hsl(var(--maple-hue-dark, 207) 10% 9%)" },
+  "--dsw-alias-label-primary-inverted": { light: "hsl(var(--maple-hue-light, 35) 40% 96%)", dark: "hsl(var(--maple-hue-dark, 207) 10% 13%)" },
+  "--dsw-alias-label-shimmer": { light: "hsl(var(--maple-hue-light, 35) 10% 18% / 30%)", dark: "hsl(0 0% 100% / 45%)" },
+  "--dsw-alias-link": { light: "hsl(162 76% 29%)", dark: "hsl(178 30% 62%)" },
+  "--dsw-alias-brand-primary": { light: "hsl(var(--maple-hue-light, 35) 26% 38%)", dark: "hsl(var(--maple-hue-dark, 207) 26% 72%)" },
+  "--dsw-alias-brand-text": { light: "hsl(var(--maple-hue-light, 35) 10% 18%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88%)" },
+  "--dsw-alias-state-business-primary": { light: "hsl(var(--maple-hue-light, 35) 26% 38%)", dark: "hsl(var(--maple-hue-dark, 207) 26% 72%)" },
+  "--dsw-alias-state-business-tertiary": { light: "hsl(var(--maple-hue-light, 35) 40% 88%)", dark: "hsl(var(--maple-hue-dark, 207) 18% 22%)" },
+  "--dsw-alias-state-error-primary": { light: "hsl(0 45% 48%)", dark: "hsl(0 44% 68%)" },
+  "--dsw-alias-state-warn-primary": { light: "hsl(32 70% 37%)", dark: "hsl(20 40% 68%)" },
+  "--dsw-alias-state-success-primary": { light: "hsl(95 75% 29%)", dark: "hsl(130 32% 68%)" },
+  "--dsw-alias-border-l1": { light: "hsl(var(--maple-hue-light, 35) 26% 38% / 10%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88% / 7%)" },
+  "--dsw-alias-border-l2": { light: "hsl(var(--maple-hue-light, 35) 26% 38% / 16%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88% / 13%)" },
+  "--dsw-alias-border-l3": { light: "hsl(var(--maple-hue-light, 35) 26% 38% / 20%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88% / 17%)" },
+  "--dsw-alias-border-l4": { light: "hsl(var(--maple-hue-light, 35) 26% 38% / 26%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88% / 22%)" },
+  "--dsw-alias-separator-primary": { light: "hsl(var(--maple-hue-light, 35) 26% 38% / 16%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88% / 13%)" },
+  "--dsw-alias-interactive-bg-hover": { light: "hsl(var(--maple-hue-light, 35) 26% 38% / 7%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88% / 8%)" },
+  "--dsw-alias-interactive-bg-active": { light: "hsl(var(--maple-hue-light, 35) 26% 38% / 12%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88% / 14%)" },
+  "--dsw-alias-interactive-bg-hover-solid": { light: "hsl(var(--maple-hue-light, 35) 12% 93%)", dark: "hsl(var(--maple-hue-dark, 207) 14% 16%)" },
+  "--dsw-alias-button-info-fill": { light: "hsl(162 62% 30%)", dark: "hsl(178 34% 34%)" },
+  "--dsw-alias-button-info-hover": { light: "hsl(162 62% 24%)", dark: "hsl(178 34% 42%)" },
+  "--dsw-alias-brand-primary-new-colorprimary-new-color": { light: "hsl(var(--maple-hue-light, 35) 30% 42%)", dark: "hsl(var(--maple-hue-dark, 207) 30% 66%)" },
+  "--dsw-alias-button-primary-fill": { light: "hsl(var(--maple-hue-light, 35) 30% 42%)", dark: "hsl(var(--maple-hue-dark, 207) 30% 66%)" },
+  "--dsw-alias-button-primary-hover": { light: "hsl(var(--maple-hue-light, 35) 32% 34%)", dark: "hsl(var(--maple-hue-dark, 207) 32% 76%)" },
+  "--dsw-alias-button-floating-fill": { light: "hsl(var(--maple-hue-light, 35) 14% 98.5%)", dark: "hsl(var(--maple-hue-dark, 207) 8% 15%)" },
+  "--dsw-alias-button-floating-hover": { light: "hsl(var(--maple-hue-light, 35) 10% 95%)", dark: "hsl(var(--maple-hue-dark, 207) 14% 19%)" },
+  "--dsw-alias-markdown-code-block": { light: "hsl(var(--maple-hue-light, 35) 10% 95%)", dark: "hsl(var(--maple-hue-dark, 207) 10% 13%)" },
+  "--dsw-alias-markdown-code-block-banner": { light: "hsl(var(--maple-hue-light, 35) 13.2% 90.6%)", dark: "hsl(var(--maple-hue-dark, 207) 8% 15%)" },
+  "--dsw-alias-markdown-inline-code": { light: "hsl(var(--maple-hue-light, 35) 14% 94%)", dark: "hsl(var(--maple-hue-dark, 207) 8% 15%)" },
+  "--dsw-alias-markdown-tag": { light: "hsl(var(--maple-hue-light, 35) 40% 88%)", dark: "hsl(var(--maple-hue-dark, 207) 14% 20%)" },
+  "--dsw-alias-markdown-citation": { light: "hsl(var(--maple-hue-light, 35) 10% 94%)", dark: "hsl(var(--maple-hue-dark, 207) 8% 14%)" },
+  "--dsw-alias-scrollbar-bg-l1": { light: "hsl(var(--maple-hue-light, 35) 14% 84%)", dark: "hsl(var(--maple-hue-dark, 207) 10% 25%)" },
+  "--dsw-alias-scrollbar-bg-l2": { light: "hsl(var(--maple-hue-light, 35) 20% 78%)", dark: "hsl(var(--maple-hue-dark, 207) 12% 32%)" },
+  "--dsw-alias-scrollbar-hover-l2": { light: "hsl(var(--maple-hue-light, 35) 18% 71%)", dark: "hsl(var(--maple-hue-dark, 207) 10% 39%)" },
+  "--dsw-alias-menu-icon": { light: "hsl(var(--maple-hue-light, 35) 8% 35%)", dark: "hsl(var(--maple-hue-dark, 207) 18% 80%)" },
+  "--dsw-specific-sidebar-fill": { light: "hsl(calc(var(--maple-hue-light, 35) - 18) 8% 93%)", dark: "hsl(calc(var(--maple-hue-dark, 207) - 8) 6% 12%)" },
+  "--dsw-specific-sidebar-nav-item-active": { light: "hsl(var(--maple-hue-light, 35) 26% 88%)", dark: "hsl(var(--maple-hue-dark, 207) 14% 19%)" },
+  "--dsw-specific-sidebar-nav-item-hover": { light: "hsl(var(--maple-hue-light, 35) 26% 38% / 8%)", dark: "hsl(var(--maple-hue-dark, 207) 24% 88% / 8%)" },
+  "--dsw-specific-sidebar-nav-item-active-accent": { light: "hsl(var(--maple-hue-light, 35) 40% 84%)", dark: "hsl(var(--maple-hue-dark, 207) 18% 24%)" },
+  "--dsw-specific-tip": { light: "hsl(var(--maple-hue-light, 35) 18% 90%)", dark: "hsl(var(--maple-hue-dark, 207) 12% 18%)" },
+  "--dsw-specific-bubble": { light: "hsl(var(--maple-hue-light, 35) 24% 93%)", dark: "hsl(var(--maple-hue-dark, 207) 14% 19%)" },
+  "--dsw-specific-bubble-highlight": { light: "hsl(var(--maple-hue-light, 35) 30% 87%)", dark: "hsl(var(--maple-hue-dark, 207) 16% 24%)" },
+  "--dsw-specific-input-major": { light: "hsl(var(--maple-hue-light, 35) 14% 98.5%)", dark: "hsl(var(--maple-hue-dark, 207) 8% 15%)" },
+  "--dsw-specific-selector": { light: "hsl(var(--maple-hue-light, 35) 14% 94%)", dark: "hsl(var(--maple-hue-dark, 207) 14% 19%)" }
+};
+
+// inline-css:/Users/tny/Desktop/work/my-dsh/plugins/dsh-maple-theme/src/client/styles/markdown.css
+var markdown_default = "/* Maple \u6B63\u6587\u5C42\uFF1A\u5BF9\u8BDD\u6D41\u91CC\u7684 markdown \u6392\u7248\u4E0E\u88C5\u9970\u3002\n *\n * \u4F5C\u7528\u8303\u56F4\u53EA\u6709\u4E00\u5904\uFF1A\u52A9\u624B\u56DE\u7B54\u7684\u6B63\u6587\uFF08`[data-chat-flow-kind='assistant-step']`\uFF09\u3002\n * \u63A8\u7406\u5757\u7528\u7684\u662F\u540C\u4E00\u4E2A kind\uFF0C\u4F46\u5B83\u81EA\u5DF1\u5E26 `data-chat-group-part='reasoning'`\uFF0C\u88AB\u6392\u9664\u5728\u5916\u2014\u2014\n * \u63A8\u7406\u884C\u8981\u4FDD\u6301\u5BBF\u4E3B\u7684\u5C0F\u5B57\u53F7\u4E0E\u7D27\u51D1\u884C\u8DDD\uFF0C\u8DDF\u7740\u6B63\u6587\u4E00\u8D77\u653E\u5927\u5C31\u7CCA\u6210\u4E00\u7247\u3002\n * \u5DE5\u5177\u884C\u4E5F\u6392\u9664\uFF1A\u5B83\u7684 flow kind \u662F `tool-call`\uFF0C\u5BBF\u4E3B\u672C\u6765\u5C31\u4E0D\u5728\u91CC\u9762\u653E markdown \u5143\u7D20\u3002\n *\n * \u9009\u62E9\u5668\u4E00\u5F8B\u300C\u5BBF\u4E3B\u7684\u6570\u636E\u5C5E\u6027 + \u5143\u7D20\u540D\u300D\u4E24\u5C42\uFF1A\u5BBF\u4E3B\u6B63\u6587\u7684\u7C7B\u540D\u662F CSS Modules \u7684\u54C8\u5E0C\u4E32\uFF0C\n * \u6362\u4E00\u6B21\u6784\u5EFA\u5C31\u53D8\uFF0C\u4E0D\u80FD\u5F53\u951A\u70B9\u3002\u5178\u578B\u4E00\u6761\u662F\n * `html[data-maple-theme][data-maple-heading][data-chat-flow-kind]:not([data-chat-group-part]) body :where(h2)`\uFF0C\n * \u5C5E\u6027\u4E09\u4E2A\uFF08`html` \u4E0E `body` \u4E24\u4E2A\u5143\u7D20\u4E0D\u8BA1\u5728\u5185\uFF09\u538B\u8FC7\u5BBF\u4E3B module \u6837\u5F0F\u8868\u91CC\u7684\n * `.markdown h2` \u90A3\u4E00\u4E2A\u7C7B\uFF0C\u6240\u4EE5\u4E0D\u9700\u8981 !important\u3002\n */\n\nhtml[data-maple-theme='on'] {\n  --maple-p-gap: 10px;\n  --maple-underline-offset: 2px;\n  --maple-inline-code: hsl(0 45% 48%);\n  --maple-quote-bar: hsl(var(--maple-hue-light, 35) 26% 38% / 45%);\n  --maple-quote-fill: hsl(var(--maple-hue-light, 35) 20% 95%);\n  --maple-table-head: hsl(var(--maple-hue-light, 35) 30% 91%);\n}\n\nhtml[data-maple-theme='on'] body[data-ds-dark-theme] {\n  --maple-inline-code: hsl(0 44% 68%);\n  --maple-quote-bar: hsl(var(--maple-hue-dark, 207) 30% 72% / 40%);\n  --maple-quote-fill: hsl(var(--maple-hue-dark, 207) 10% 14%);\n  --maple-table-head: hsl(var(--maple-hue-dark, 207) 12% 17%);\n}\n\n/* \u6BB5\u8DDD\uFF1A\u5BBF\u4E3B\u7684\u6B63\u6587\u5BB9\u5668\u662F\u7EB5\u5411 flex\uFF0C\u5757\u4E0E\u5757\u4E4B\u95F4\u7684\u7A7A\u9699\u7531\u5BB9\u5668\u7684 `gap: 16px` \u7ED9\uFF0C\n * \u6BB5\u843D\u81EA\u5DF1\u7684 margin \u88AB\u5F52\u96F6\u3002\u6240\u4EE5\u8981\u6539\u7684\u662F\u5BB9\u5668\u90A3\u4E00\u4E2A gap\uFF0C\u4E0D\u662F p \u7684 margin\u3002\n * \u5BB9\u5668\u662F\u5305\u4F4F markdown \u6839\u8282\u70B9\u7684\u90A3\u4E2A div\uFF0C\u7528 :has() \u4ECE\u6839\u8282\u70B9\u5F80\u4E0A\u8BA4\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) {\n  --maple-gap: var(--maple-p-gap, 10px);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :has(> [class*='markdown']) {\n  gap: var(--maple-p-gap, 10px);\n}\n\n/* \u5217\u8868\u9879\u91CC\u7684\u6BB5\u843D\u4ECD\u6309\u5757\u7EA7 margin \u8D70\uFF1A\u5BBF\u4E3B\u7684\u5217\u8868\u6CA1\u6709 gap\uFF0C\u6BB5\u843D\u95F4\u8DDD\u5F52\u96F6\u4F1A\u6324\u6210\u4E00\u5768\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(li > p) {\n  margin: 4px 0;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(strong) {\n  font-weight: 600;\n}\n\n/* \u884C\u5185\u4EE3\u7801\uFF1AMaple \u7528\u6696\u7EA2\u4E00\u8272\u533A\u5206\uFF0C\u4E0D\u518D\u662F\u300C\u52A0\u4E86\u5E95\u7684\u6B63\u6587\u300D\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :not(pre) > code {\n  color: var(--maple-inline-code);\n  background-color: color-mix(in srgb, var(--maple-inline-code) 8%, transparent);\n  border-color: color-mix(in srgb, var(--maple-inline-code) 18%, transparent);\n}\n\n/* \u94FE\u63A5\u4E0B\u5212\u7EBF\u7684\u62AC\u5347\u91CF\uFF1AMaple \u7684 --setting-underline-offset \u9ED8\u8BA4 2px\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(a) {\n  text-underline-offset: var(--maple-underline-offset);\n}\n\n/* \u6807\u9898\uFF1A\u5B57\u53F7\u4E0E\u5B57\u91CD\u6765\u81EA tokens.css \u7684\u590D\u5408\u4EE4\u724C\uFF0C\u8FD9\u91CC\u53EA\u8865\u989C\u8272\u3001\u95F4\u8DDD\u4E0E h5/h6\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1, h2, h3, h4, h5, h6) {\n  position: relative;\n  margin: 28px 0 12px;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5) {\n  font-size: calc(var(--dsh-content-font-size, 14px) * 1.05);\n  font-weight: 600;\n  line-height: 1.5;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6) {\n  font-size: var(--dsh-content-font-size, 14px);\n  font-weight: 600;\n  line-height: 1.6;\n}\n\nhtml[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1) { color: var(--maple-h1); }\nhtml[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h2) { color: var(--maple-h2); }\nhtml[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h3) { color: var(--maple-h3); }\nhtml[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h4) { color: var(--maple-h4); }\nhtml[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5) { color: var(--maple-h5); }\nhtml[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6) { color: var(--maple-h6); }\n\n/* \u53E6\u4E24\u79CD\u6807\u9898\u914D\u8272\uFF1A\u516D\u7EA7\u7EDF\u4E00\u53D6\u4E00\u4E2A\u8272\uFF0C\u4E0D\u518D\u9010\u7EA7\u6362\u3002\n * \u4EE4\u724C\u5C42\u7ED9\u4E86 --maple-heading-color\uFF0C\u8FD9\u91CC\u6309\u5143\u7D20\u9010\u7EA7\u6302\u4E0A\u2014\u2014\u5BBF\u4E3B\u7528\u7684\u662F\u5143\u7D20\u9009\u62E9\u5668\uFF0C\n * \u4E00\u6B21 :where(h1, h2, \u2026) \u7684\u4F18\u5148\u7EA7\u4E0E\u5B83\u76F8\u540C\uFF0C\u5206\u4E0D\u5F00\u3002 */\nhtml[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1),\nhtml[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h2),\nhtml[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h3),\nhtml[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h4),\nhtml[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5),\nhtml[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6) { color: var(--maple-heading-color); }\n\nhtml[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1),\nhtml[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h2),\nhtml[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h3),\nhtml[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h4),\nhtml[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5),\nhtml[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6) { color: var(--maple-heading-color); }\n\n/* \u6807\u9898\u7B49\u7EA7\u6807\u8BB0\uFF1AMaple \u7684 heading-indicator-auto\u2014\u2014\u5E73\u65F6\u770B\u4E0D\u89C1\uFF0C\u60AC\u505C\u65F6\u5728\u5DE6\u4FA7\u6DE1\u5165 H1\u2026H6\u3002 */\nhtml[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1, h2, h3, h4, h5, h6)::before {\n  position: absolute;\n  inset-inline-start: -1.9rem;\n  top: 0.15em;\n  font-size: calc(var(--dsh-content-font-size, 14px) * 0.7);\n  font-weight: 500;\n  line-height: 1;\n  color: var(--dsw-alias-label-caption);\n  opacity: 0;\n  transition: opacity var(--ds-transition-duration-fast) var(--ds-ease-in-out);\n  pointer-events: none;\n}\n\nhtml[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1, h2, h3, h4, h5, h6):hover::before {\n  opacity: 1;\n}\n\nhtml[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1)::before { content: 'H1'; }\nhtml[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h2)::before { content: 'H2'; }\nhtml[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h3)::before { content: 'H3'; }\nhtml[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h4)::before { content: 'H4'; }\nhtml[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5)::before { content: 'H5'; }\nhtml[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6)::before { content: 'H6'; }\n\n/* \u5F15\u7528\uFF1AMaple \u662F\u6D45\u5E95 + \u5DE6\u4FA7\u4E00\u6761\u8272\u5E26\uFF0C\u4E0D\u662F\u5BBF\u4E3B\u7684\u5355\u8FB9\u7AD6\u7EBF\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(blockquote) {\n  position: relative;\n  margin: 14px 0;\n  padding: 8px 14px 8px 18px;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: var(--maple-quote-fill);\n  color: var(--dsw-alias-label-secondary);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(blockquote)::before {\n  content: '';\n  position: absolute;\n  inset-block: 8px;\n  inset-inline-start: 7px;\n  width: 3px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--maple-quote-bar);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(blockquote blockquote) {\n  margin-inline-end: 0;\n  background: color-mix(in srgb, var(--maple-quote-fill) 70%, var(--dsw-alias-bg-base));\n}\n\n/* \u5217\u8868\uFF1AMaple \u7684\u6807\u8BB0\u7528\u7B49\u5BBD\u5B57\u4F53\uFF0C\u5E76\u6309\u5C42\u7EA7\u6362\u5F62\u72B6\uFF08\u5B9E\u5FC3\u5706 \u2192 \u7A7A\u5FC3\u5706 \u2192 \u65B9\u5757\uFF09\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(ul, ol) {\n  margin: var(--maple-p-gap) 0;\n  padding-inline-start: 1.35em;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(li)::marker {\n  font-family: var(--ds-font-family-code);\n  color: var(--dsw-alias-state-business-primary);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(ul) > :where(li)::marker {\n  font-size: 0.85em;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(ul ul, ul ul ul ul, ul ul ul ul ul ul) {\n  list-style-type: circle;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(ul ul ul, ul ul ul ul ul) {\n  list-style-type: square;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(li) {\n  margin: 3px 0;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(input[type='checkbox']) {\n  accent-color: var(--dsw-alias-state-business-primary);\n  margin-inline-end: 8px;\n}\n\n/* \u8868\u683C\uFF1AMaple \u7684\u8868\u5934\u586B\u4E00\u5C42\u6D45\u5E95\u3001\u5916\u8FB9\u5706\u89D2\u3001\u6A2A\u7EBF\u53EA\u5728\u884C\u4E4B\u95F4\u3002\n * \u5BBF\u4E3B\u7528 border-collapse: collapse\uFF0C\u5706\u89D2\u4F1A\u88AB\u88C1\u6389\uFF0C\u6240\u4EE5\u6539\u6210 separate + \u96F6\u95F4\u8DDD\uFF0C\n * \u53EA\u7ED9\u56DB\u89D2\u7684\u5355\u5143\u683C\u4E0A\u5706\u89D2\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(table) {\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: calc(var(--dsh-content-font-size, 14px) - 1px);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(th) {\n  background: var(--maple-table-head);\n  font-weight: 600;\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(thead > tr > th:first-child) {\n  border-start-start-radius: var(--dsw-radius-sm);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(thead > tr > th:last-child) {\n  border-start-end-radius: var(--dsw-radius-sm);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(tbody > tr:last-child > td:first-child) {\n  border-end-start-radius: var(--dsw-radius-sm);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(tbody > tr:last-child > td:last-child) {\n  border-end-end-radius: var(--dsw-radius-sm);\n}\n\n/* \u5206\u9694\u7EBF\uFF1AMaple \u662F\u4E00\u6761\u4E24\u7AEF\u6DE1\u51FA\u7684\u6E10\u53D8\uFF0C\u4E0D\u662F\u4E00\u6839\u7B49\u5BBD\u5B9E\u7EBF\uFF0C\u4E0A\u4E0B\u7559\u767D\u4E5F\u66F4\u5927\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(hr) {\n  height: 1px;\n  margin: 28px 0;\n  border: 0;\n  background: linear-gradient(\n    to right,\n    transparent 0%,\n    var(--dsw-alias-border-l3) 22%,\n    var(--dsw-alias-border-l4) 50%,\n    var(--dsw-alias-border-l3) 78%,\n    transparent 100%\n  );\n}\n\n/* \u4EE3\u7801\u5757\uFF1AMaple \u7ED9\u5B83\u4E00\u5708\u53D1\u4E1D\u8FB9\u6846\u3001\u6BD4\u5BBF\u4E3B\u5C0F\u4E00\u6863\u7684\u5706\u89D2\uFF0C\u6807\u9898\u6761\u7528\u6BD4\u6B63\u6587\u6DF1\u4E00\u6863\u7684\u5E95\u3002\n * \u5BBF\u4E3B\u628A\u5706\u89D2\u6536\u5728\u4E00\u4E2A\u5C40\u90E8\u53D8\u91CF\u91CC\uFF08--dsl-code-block-border-radius\uFF0C\u9ED8\u8BA4 radius-lg\uFF09\uFF0C\n * \u6240\u4EE5\u6362\u5706\u89D2\u53EA\u8981\u6362\u90A3\u4E2A\u53D8\u91CF\uFF0C\u4E0D\u5FC5\u53BB\u5199\u5404\u89D2\u7684 border-radius\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(.md-code-block) {\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  --dsl-code-block-border-radius: var(--dsw-radius-md);\n}\n\n/* \u6807\u9898\u6761\uFF1AMaple \u7684 code-language \u7528\u7B49\u5BBD\u5B57\u4F53\u3001\u884C\u5185\u4EE3\u7801\u90A3\u4E2A\u6696\u8272\uFF0C\u5B57\u53F7\u5C0F\u4E00\u53F7\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where([data-code-block-banner]) {\n  border-bottom: 0.5px solid var(--dsw-alias-border-l1);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where([data-code-block-banner]) :where(div:first-child) {\n  font-family: var(--ds-font-family-code);\n  letter-spacing: 0.02em;\n  color: var(--maple-inline-code);\n}\n\n/* \u884C\u53F7\u680F\uFF1AMaple \u7684\u884C\u53F7\u6BD4\u5BBF\u4E3B\u7684\u518D\u6DE1\u4E00\u6863\uFF0C\u8BA9\u4EE3\u7801\u672C\u8EAB\u66F4\u7A81\u51FA\u3002\n * \u5BBF\u4E3B\u628A\u884C\u53F7\u753B\u5728 `.line::before` \u4E0A\u5E76\u76F4\u63A5\u53D6 --dsw-alias-label-tertiary\uFF0C\u6240\u4EE5\u5728\u884C\u53F7\u5BB9\u5668\u91CC\n * \u628A\u90A3\u4E2A\u53D8\u91CF\u6362\u6210 caption \u4E00\u6863\uFF1B`--dsl-*` \u662F\u7EC4\u4EF6\u81EA\u5DF1\u7684\u5C40\u90E8\u53D8\u91CF\uFF0C\u4E0D\u5728\u8FD9\u91CC\u6539\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where([data-line-numbers]) {\n  --dsw-alias-label-tertiary: var(--dsw-alias-label-caption);\n}\n\n/* \u9009\u4E2D\u6587\u5B57\uFF1AMaple \u7528\u5F3A\u8C03\u8272\u7684\u4F4E\u900F\u660E\u5EA6\uFF0C\u4E0D\u662F\u6D4F\u89C8\u5668\u7684\u9ED8\u8BA4\u84DD\u3002 */\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step'] ::selection {\n  background: hsl(35 60% 62% / 28%);\n}\n\nhtml[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1, h2, h3, h4, h5, h6):first-child {\n  margin-top: 0;\n}\n";
+
+// inline-css:/Users/tny/Desktop/work/my-dsh/plugins/dsh-maple-theme/src/client/styles/shell.css
+var shell_default = "/* Maple \u5916\u58F3\u5C42\uFF1A\u4FA7\u680F\u3001\u4F1A\u8BDD\u5934\u90E8\u3001\u8F93\u5165\u533A\u4E0E\u6807\u7B7E\u6761\u7684\u89C2\u611F\u3002\n *\n * \u951A\u70B9\u53EA\u6709\u4E00\u6837\u662F\u7A33\u7684\uFF1A`data-slot`\u3002\u5BBF\u4E3B\u7684\u5916\u58F3\u7C7B\u540D\u5168\u662F CSS Modules \u7684\u54C8\u5E0C\u4E32\n * \uFF08`pI_x6G_sidebarCol`\u3001`wSkVaW_tabActive`\uFF09\uFF0C\u6362\u4E00\u6B21\u6784\u5EFA\u5C31\u53D8\uFF1B\u800C `data-slot` \u662F\u5EA7\u4F4D\u6CE8\u518C\u65F6\n * \u5199\u6B7B\u7684\u540D\u5B57\uFF0C\u5C5E\u4E8E\u8DE8\u5305\u5951\u7EA6\u2014\u2014\u63D2\u4EF6\u7684\u5EA7\u4F4D\u5C31\u662F\u9760\u5B83\u8BA4\u7684\u3002\u9700\u8981\u9009\u4E2D\u300C\u88C5\u5EA7\u4F4D\u7684\u90A3\u4E2A\u58F3\u300D\u65F6\u7528\n * `:has(> [data-slot='\u2026'])`\uFF1A\u58F3\u6CA1\u6709\u540D\u5B57\uFF0C\u4F46\u5B83\u7684\u5B69\u5B50\u6709\u3002\u884C\u4E0E\u6807\u7B7E\u53E6\u6709\u5177\u4F53\u5C5E\u6027\uFF1A\n * `[data-row-key^='session:']`\u3001`[data-conversation-tabs] [aria-selected]`\u3002\n *\n * \u8FD9\u4E00\u5C42\u53EA\u6539**\u89C2\u611F**\uFF1A\u5E95\u8272\u3001\u5206\u9694\u7EBF\u3001\u5706\u89D2\u3001\u7559\u767D\u3002\u552F\u72EC\u4E2D\u592E\u5217\u90A3\u4E00\u5708\u5185\u8FB9\u8DDD\u7B97\u662F\u5C3A\u5BF8\u2014\u2014\n * \u5B83\u662F Maple \u5361\u7247\u5F0F\u5E03\u5C40\u7684\u5916\u6CBF\uFF0C\u503C\u56FA\u5B9A\u5728 6px\uFF0C\u4E0D\u53C2\u4E0E\u5BBF\u4E3B\u7684\u4EFB\u4F55\u8BA1\u7B97\u3002\n * \u4E0D\u52A8 grid \u8F68\u9053\u3001\u4E0D\u52A8\u6EDA\u52A8\u5F52\u5C5E\uFF0C\u6240\u4EE5\u6298\u53E0\u3001\u62D6\u5BBD\u3001\u54CD\u5E94\u5F0F\u90FD\u7167\u65E7\u3002\n *\n * \u6574\u5C42\u53D7 `data-maple-shell` \u5F00\u5173\u63A7\u5236\uFF0C\u914D\u7F6E\u9875\u4E0A\u53EF\u4EE5\u6574\u4E2A\u5173\u6389\u56DE\u5230\u5BBF\u4E3B\u539F\u6837\u3002\n */\n\n/* \u4E2D\u592E\u5217\uFF1AMaple \u7684 app-layout-card \u628A\u7F16\u8F91\u533A\u5F53\u6210\u4E00\u5F20\u6D6E\u5728\u4FA7\u680F\u5E95\u8272\u4E0A\u7684\u5361\u7247\uFF0C\n * \u56DB\u5468\u7559\u4E00\u6761\u7A84\u7F1D\uFF08\u5B83\u7684 --app-layout-spacing \u9ED8\u8BA4\u5728 6~8px\uFF09\u3002\u8FD9\u91CC\u7167\u540C\u6837\u601D\u8DEF\uFF0C\n * \u4F46\u53EA\u7ED9\u5185\u8FB9\u8DDD\uFF0C\u4E0D\u52A8 grid \u8F68\u9053\u2014\u2014\u8F68\u9053\u7531\u5BBF\u4E3B\u6309\u62D6\u5BBD\u5B9E\u65F6\u5199\u884C\u5185\u6837\u5F0F\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body :has(> [data-slot='main']) {\n  padding: 6px 6px 0;\n  box-sizing: border-box;\n}\n\n/* \u4FA7\u680F\u4E0E\u4E2D\u592E\u5361\u7247\u4E4B\u95F4\uFF1A\u5BBF\u4E3B\u7684 0.5px \u51B7\u7070\u5206\u9694\u7EBF\uFF0CMaple \u7528\u7559\u767D\u5206\u5C42\uFF0C\u4E0D\u8981\u8FD9\u6761\u7EBF\u3002\n * \u4E24\u4FA7\u90FD\u8981\u64A4\u2014\u2014\u975E darwin \u753B\u5728\u4FA7\u680F\u7684\u53F3\u8FB9\u6846\u4E0A\uFF0Cdarwin \u753B\u5728\u4E2D\u592E\u5217\u7684\u5DE6\u8FB9\u6846\u4E0A\u3002\n * \u4FA7\u680F\u5E95\u8272\u5DF2\u7531 tokens.css \u7684 --dsw-specific-sidebar-fill \u7ED9\u51FA\uFF08Maple \u7684\u6696\u7070\uFF09\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body :has(> [data-slot='sidebar']) {\n  border-right: 0;\n}\n\nhtml[data-maple-theme='on'][data-maple-shell='on'] body :has(> [data-slot='main']) {\n  border-left: 0;\n}\n\n/* \u4F1A\u8BDD\u5934\u90E8\uFF1AMaple \u7684\u6807\u9898\u533A\u6CA1\u6709\u90A3\u6761\u8D2F\u7A7F\u7684\u5206\u9694\u7EBF\u3002\n * \u5EA7\u4F4D\u951A\u70B9\u81EA\u5DF1\u662F display: contents\uFF0C\u8FB9\u6846\u753B\u5728\u5B83\u5305\u7740\u7684\u771F <header> \u4E0A\uFF0C\n * \u6240\u4EE5\u8FD9\u91CC\u5F80\u4E0B\u4E00\u5C42\u627E\uFF1B\u6539\u6210 transparent \u800C\u4E0D\u662F none\uFF0C\u907F\u514D\u9AD8\u5EA6\u8DF3 0.5px\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body [data-slot='conversation.header'] header {\n  border-bottom-color: transparent;\n}\n\n/* \u6807\u7B7E\u6761\uFF1AMaple \u7684 tab-float \u628A\u6D3B\u52A8\u6807\u7B7E\u505A\u6210\u4E00\u679A\u6D6E\u8D77\u7684\u5706\u89D2\u5757\uFF0C\u5E95\u4E0B\u4E0D\u5E26\u6307\u793A\u6761\u3002\n * \u5BBF\u4E3B\u7684\u6D3B\u52A8\u6307\u793A\u662F `::after` \u7684\u4E00\u6761 2px \u7EBF\uFF0C\u8FD9\u91CC\u64A4\u6389\u5B83\u3001\u6539\u7528\u540C\u5BBD\u7684\u5706\u89D2\u5E95\u3002\n * \u5706\u89D2\u4E0E corner-shape \u5FC5\u987B\u5199\u5728\u540C\u4E00\u7EC4\u58F0\u660E\u91CC\uFF0C\u5426\u5219\u5BBF\u4E3B\u7684 superellipse \u4F1A\u628A\n * \u8FD9\u4E2A\u76F4\u89D2\u5706\u89D2\u63C9\u6210\u65B9\u5706\u5F62\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body [data-conversation-tabs] [aria-selected='true'] {\n  border-radius: var(--dsw-radius-sm);\n  corner-shape: round;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n\nhtml[data-maple-theme='on'][data-maple-shell='on'] body [data-conversation-tabs] [aria-selected='true']::after {\n  opacity: 0;\n}\n\n/* \u8F93\u5165\u533A\uFF1AMaple \u7684\u8F93\u5165\u5361\u662F\u300C\u6BD4\u6B63\u6587\u6D45\u4E00\u6863\u7684\u7EB8\u300D\uFF0C\u5706\u89D2\u53D6\u9762\u677F\u7EA7\u3002\n * \u5BBF\u4E3B\u7684 composer \u5DF2\u7ECF\u662F border: 0 + elevation-soft\uFF08\u6295\u5F71\u5C42\u53EA\u6362\u586B\u5145\u4E0E\u5706\u89D2\uFF0C\u4E0D\u78B0\u9634\u5F71\uFF09\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body [data-composer-card] {\n  background: var(--dsw-specific-input-major);\n  border-radius: var(--dsw-radius-panel);\n}\n\n/* \u4FA7\u680F\u7684\u5BFC\u822A\u884C\u4E0E\u5DE5\u4F5C\u533A\u884C\uFF1AMaple \u7684\u5217\u8868\u9879\u5E26\u5706\u89D2\uFF0C\u60AC\u505C\u4E0E\u9009\u4E2D\u90FD\u662F\u5706\u89D2\u5757\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body [data-row-key^='session:'],\nhtml[data-maple-theme='on'][data-maple-shell='on'] body [data-row-key^='workspace:'] {\n  border-radius: var(--dsw-radius-sm);\n}\n\n/* \u4FA7\u680F\u5E95\u90E8\u5DE5\u5177\u680F\uFF1A\u5BBF\u4E3B\u7684\u51B7\u7070\u6D6E\u5C42\uFF0C\u6362\u6210 Maple \u7684\u7EB8\u8272\u3002\n * \u5EA7\u4F4D\u951A\u70B9\u662F display: contents\uFF0C\u6D82\u5728\u5B83\u4E0D\u4F1A\u89C1\u6548\uFF0C\u5F97\u6D82\u88C5\u5B83\u7684\u90A3\u4E2A\u58F3\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body :has(> [data-slot='shell.bottom']) {\n  background: var(--dsw-specific-tip);\n}\n\n/* \u4F1A\u8BDD\u5934\u90E8\u7684\u56FE\u6807\u6309\u94AE\uFF1AMaple \u7684\u56FE\u6807\u6309\u94AE\u662F\u7D27\u51D1\u63A7\u4EF6\u7EA7\u5706\u89D2\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body [data-slot='conversation.session.header.actions'] button {\n  border-radius: var(--dsw-radius-sm);\n}\n\n/* \u6EDA\u52A8\u6761\uFF1AMaple \u7684\u6ED1\u5757\u5BBD 12px\u3001\u5706\u5934\uFF0C\u989C\u8272\u53D6\u5B83\u7684\u6696\u7070\uFF08tokens.css \u5DF2\u6362\uFF09\u3002 */\nhtml[data-maple-theme='on'][data-maple-shell='on'] body {\n  --dsh-scrollbar-width: 12px;\n}\n";
+
+// src/client/index.ts
+var name = "@lynn123411/dsh-maple-theme";
+var inject = ["configForms", "slots", "locale", "theme"];
+var SHEETS = [
+  ["tokens.css", tokens_default],
+  ["markdown.css", markdown_default],
+  ["shell.css", shell_default],
+  ["card.css", CARD_CSS]
+];
+function injectStyles() {
+  if (typeof document === "undefined") return;
+  for (const [file, css] of SHEETS) {
+    const key = `${name}/${file}`;
+    const existing = document.head.querySelector(`style[data-plugin-css="${key}"]`);
+    const tag = existing ?? document.createElement("style");
+    tag.dataset.plugin = name;
+    tag.dataset.pluginCss = key;
+    tag.textContent = css;
+    if (existing === null) document.head.appendChild(tag);
+  }
+}
+function removeStyles() {
+  if (typeof document === "undefined") return;
+  for (const tag of document.head.querySelectorAll(`style[data-plugin="${name}"]`)) tag.remove();
+}
+function apply(ctx) {
+  const services = ctx;
+  ctx.effect(() => {
+    injectStyles();
+    return () => {
+      removeStyles();
+    };
+  }, "dsh-maple-theme: stylesheets");
+  ctx.effect(
+    () => services.theme.overrideTokens(THEME_SOURCE, MAPLE_TOKENS),
+    "dsh-maple-theme: palette"
+  );
+  ctx.effect(
+    () => services.locale.register(NS, { zh, en }),
+    "dsh-maple-theme: dictionaries"
+  );
+  ctx.effect(() => {
+    if (typeof document === "undefined") return () => {
+    };
+    return bindProjection(document.documentElement, services.configForms.get(SETTINGS_NAMESPACE));
+  }, "dsh-maple-theme: projection");
+  ctx.effect(
+    () => services.configForms.whileServed([SETTINGS_NAMESPACE], () => services.slots.inject(
+      BUNDLE_CONFIG_SLOT,
+      () => slotsRegister(services, () => ({
+        name: BUNDLE_CONFIG_SLOT,
+        key: BUNDLE_NAME,
+        locale: NS,
+        inject: () => ({ form: services.configForms.get(SETTINGS_NAMESPACE) })
+      }))
+    )),
+    "dsh-maple-theme: plugins page config"
+  );
+}
+function slotsRegister(services, options) {
+  return services.slots.register(options(), MapleThemeCard);
+}
+return module.exports; } });
+//# sourceMappingURL=client.js.map