@iasiv5/dsh-skins 1.5.12 → 1.5.14

package/lib/client.js

@@ -1264,19 +1264,14 @@ ${darkSelector}{${dark.join(";")}}`;
           setDeletingId(null);
         }
       };
-      const previewRefsFor = (assetId) => (configClient.dirtyFields?.() ?? []).filter((entry) => entry.value === assetId).map((entry) => `${labelFor(entry.skinId)} · ${entry.key} · ${tr("personalization.library.previewRef")}`);
+      const referenceLabelsFor = (assetId) => configClient.referencesFor(assetId).map((entry) => entry.layer === "preview" ? `${labelFor(entry.skinId)} · ${entry.key} · ${tr("personalization.library.previewRef")}` : `${labelFor(entry.skinId)} · ${entry.key}`);
       const removeAsset = (asset) => {
         if (deletingId !== null || clearing) return;
-        const references = state.references[asset.id] ?? [];
-        const previewRefs = previewRefsFor(asset.id);
-        if (references.length === 0 && previewRefs.length === 0) return deleteAsset(asset);
-        const names = [
-          ...references.map((entry) => `${labelFor(entry.skinId)} · ${entry.key}`),
-          ...previewRefs
-        ].join("\n");
+        const references = referenceLabelsFor(asset.id);
+        if (references.length === 0) return deleteAsset(asset);
         requestConfirm(
           `${tr("personalization.library.deleteConfirm")}
-${names}`,
+${references.join("\n")}`,
           () => deleteAsset(asset)
         );
       };
@@ -1284,10 +1279,7 @@ ${names}`,
         if (clearing || deletingId !== null || library.length === 0) return;
         const names = /* @__PURE__ */ new Map();
         for (const asset of library) {
-          for (const entry of state.references[asset.id] ?? []) {
-            names.set(`${labelFor(entry.skinId)} · ${entry.key}`, true);
-          }
-          for (const label of previewRefsFor(asset.id)) {
+          for (const label of referenceLabelsFor(asset.id)) {
             names.set(label, true);
           }
         }
@@ -1483,8 +1475,7 @@ ${names}`,
         if (confirmationRef.current !== confirmation) return;
         confirmationRef.current = null;
         setConfirmation(null);
-        const current = configClient.getState();
-        if (current.status === "synced" && current.mode !== "recovery") {
+        if (configClient.canWrite()) {
           void confirmation.accept();
         }
       };
@@ -1496,7 +1487,7 @@ ${names}`,
         headerRef.current?.focus?.(wideLayout ? { preventScroll: true } : void 0);
       }, []);
       if (schema === null) return null;
-      const writesBlocked = state.status !== "synced" || state.mode === "recovery";
+      const writesBlocked = !configClient.canWrite();
       const overrides = configClient.effectiveOverrides(skinId);
       const { values } = mergeValues(skinId, overrides, void 0, profile);
       const hasAnyOverride = Object.keys(overrides).length > 0;
@@ -1547,7 +1538,7 @@ ${names}`,
           jsx("button", {
             type: "button",
             className: "dsh-skins-pz-btn",
-            onClick: () => configClient.retry(),
+            onClick: () => configClient.refetch(),
             children: tr("personalization.status.retry")
           })
         ] }));
@@ -1557,22 +1548,26 @@ ${names}`,
           jsx("span", { children: tr("personalization.status.unsupported") })
         ] }));
       }
-      if (state.lastFlushCode === "REVISION_CONFLICT") {
+      const notices = state.notices;
+      const conflictNotice = notices.find((notice) => notice.kind === "conflict");
+      const errorNotice = notices.find((notice) => notice.kind === "error");
+      if (conflictNotice !== void 0) {
         statusCluster.push(jsx("div", { key: "save-conflict", className: "dsh-skins-pz-status dsh-skins-pz-warn", children: [
           jsx("span", { children: tr("personalization.saveConflict") })
         ] }));
-      } else if (state.lastFlushError) {
+      } else if (errorNotice !== void 0) {
         statusCluster.push(jsx("div", { key: "save-error", className: "dsh-skins-pz-status dsh-skins-pz-warn", children: [
           jsx("span", { children: tr("personalization.saveFailed") }),
-          jsx("div", { className: "dsh-skins-pz-muted", children: state.lastFlushError })
+          jsx("div", { className: "dsh-skins-pz-muted", children: errorNotice.message })
         ] }));
       }
-      if (Array.isArray(state.revertedFields) && state.revertedFields.length > 0) {
+      const revertedNotice = notices.find((notice) => notice.kind === "reverted");
+      if (revertedNotice !== void 0 && revertedNotice.fields.length > 0) {
         statusCluster.push(jsx("div", { key: "reverted", className: "dsh-skins-pz-status", children: [
           jsx("div", { children: tr("personalization.fieldReverted") }),
           jsx("div", {
             className: "dsh-skins-pz-muted",
-            children: state.revertedFields.map((entry) => `${labelFor(entry.skinId)} · ${entry.key}`).join("、")
+            children: revertedNotice.fields.map((entry) => `${labelFor(entry.skinId)} · ${entry.key}`).join("、")
           })
         ] }));
       }
@@ -2213,13 +2208,20 @@ ${names}`,
     let fetchGeneration = 0;
     let disposed = false;
     let writeChain = Promise.resolve();
-    let lastFlushCode = null;
-    let lastFlushError = null;
-    let revertedFields = [];
+    let notices = [];
     let channel = null;
     function setFlushFailure(code, message) {
-      lastFlushCode = code;
-      lastFlushError = message;
+      notices = notices.filter((notice) => notice.kind === "reverted");
+      if (code === "REVISION_CONFLICT") notices.push({ kind: "conflict" });
+      else if (message) notices.push({ kind: "error", message });
+    }
+    function noteReverted(entry) {
+      const current = notices.find((notice) => notice.kind === "reverted");
+      if (current !== void 0 && current.fields.some((field) => field.skinId === entry.skinId && field.key === entry.key)) return;
+      notices = [
+        ...notices.filter((notice) => notice.kind !== "reverted"),
+        { kind: "reverted", fields: [...current?.fields ?? [], entry] }
+      ];
     }
     function emit() {
       for (const listener of [...listeners]) {
@@ -2239,9 +2241,7 @@ ${names}`,
         references: snapshot.references ?? {},
         recovery: snapshot.recovery,
         quota: snapshot.quota,
-        lastFlushCode,
-        lastFlushError,
-        revertedFields: revertedFields.map((entry) => ({ ...entry })),
+        notices: structuredClone(notices),
         dirtyCount: previews.size
       };
     }
@@ -2305,8 +2305,10 @@ ${names}`,
     }
     const FLUSH_DEBOUNCE_MS = 400;
     let flushTimer = null;
-    function gateWrites() {
-      if (status === "synced") return null;
+    function writeGate() {
+      if (status === "synced") {
+        return snapshot.mode === "recovery" ? "recovery" : null;
+      }
       if (status === "loading") return "loading";
       if (status === "unsupported-readonly") return "unsupported";
       return "offline";
@@ -2333,7 +2335,7 @@ ${names}`,
       writeChain = writeChain.then(async () => {
         try {
           if (disposed) return { flushed: 0, blocked: "disposed" };
-          const blocked = gateWrites();
+          const blocked = writeGate();
           if (blocked !== null) return { flushed: 0, blocked };
           const attemptedRevision = snapshot.revision;
           for (let attempt = 0; attempt < 2; attempt += 1) {
@@ -2410,10 +2412,7 @@ ${names}`,
                     if (previews.has(composite)) {
                       previews.delete(composite);
                       excised = true;
-                      const alreadyNoted = revertedFields.some(
-                        (entry) => entry.skinId === issue.skinId && entry.key === issue.key
-                      );
-                      if (!alreadyNoted) revertedFields.push({ skinId: issue.skinId, key: issue.key });
+                      noteReverted({ skinId: issue.skinId, key: issue.key });
                     }
                   }
                 }
@@ -2430,7 +2429,7 @@ ${names}`,
               if (previews.get(composite) === value) previews.delete(composite);
             }
             setFlushFailure(null, null);
-            revertedFields = [];
+            notices = [];
             await refetch();
             announce();
             return { flushed: count };
@@ -2488,10 +2487,6 @@ ${names}`,
       }
       return merged;
     }
-    function retry() {
-      if (status !== "offline-failed" && status !== "synced") return refetch();
-      return refetch();
-    }
     async function assetFingerprint(bytes) {
       if (typeof crypto?.subtle?.digest !== "function") return null;
       const digest = await crypto.subtle.digest("SHA-256", bytes);
@@ -2525,7 +2520,7 @@ ${names}`,
       return { error: `HTTP ${response.status}` };
     }
     async function uploadImage(file, displayName) {
-      const blocked = gateWrites();
+      const blocked = writeGate();
       if (blocked !== null) return { error: blocked };
       const bytes = file instanceof Uint8Array ? file : new Uint8Array(await file.arrayBuffer());
       let networkError;
@@ -2574,7 +2569,7 @@ ${names}`,
     function runGalleryOp(operations, goalAchieved) {
       writeChain = writeChain.then(async () => {
         if (disposed) return { error: "disposed" };
-        const blocked = gateWrites();
+        const blocked = writeGate();
         if (blocked !== null) return { error: blocked };
         for (let attempt = 0; attempt < 2; attempt += 1) {
           let response;
@@ -2623,7 +2618,7 @@ ${names}`,
       return writeChain;
     }
     async function deleteImage(id) {
-      const blocked = gateWrites();
+      const blocked = writeGate();
       if (blocked !== null) return { error: blocked };
       return runGalleryOp(
         [{ op: "deleteAsset", assetId: id }],
@@ -2633,7 +2628,7 @@ ${names}`,
     function clearLibrary() {
       return runGalleryOp([{ op: "clearLibrary" }], () => snapshot.library.length === 0);
     }
-    function dirtyFields() {
+    function valuedPreviews() {
       const fields = [];
       for (const [composite, value] of previews) {
         if (value === null) continue;
@@ -2642,6 +2637,11 @@ ${names}`,
       }
       return fields;
     }
+    function referencesFor(assetId) {
+      const persisted = (snapshot.references?.[assetId] ?? []).map((entry) => ({ skinId: entry.skinId, key: entry.key, layer: "persisted" }));
+      const preview2 = valuedPreviews().filter((entry) => entry.value === assetId).map((entry) => ({ skinId: entry.skinId, key: entry.key, layer: "preview" }));
+      return [...persisted, ...preview2];
+    }
     async function confirmRecovery() {
       const response = await request("/recovery", { method: "POST" });
       if (!response.ok) {
@@ -2658,7 +2658,6 @@ ${names}`,
     const api = {
       boot: refetch,
       refetch,
-      retry,
       flushNow,
       preview,
       previewReset,
@@ -2666,11 +2665,11 @@ ${names}`,
       uploadImage,
       deleteImage,
       clearLibrary,
-      dirtyFields,
+      referencesFor,
       confirmRecovery,
       assetUrl,
       getState: publicState,
-      writeBlocked: gateWrites,
+      canWrite: () => writeGate() === null,
       onStateChange(listener) {
         listeners.add(listener);
         return () => listeners.delete(listener);
@@ -2873,6 +2872,41 @@ ${names}`,
     };
   }
 
+  // src/client/skins/decoration.js
+  var BUBBLE_HOOKS = {
+    chat: { exact: "Sixlwa_bubble", container: "userStack" },
+    goal: { exact: "oRe1gG_bubble", container: "_stack" },
+    bubbleLocal: "_bubble"
+  };
+  var unionSelector = (hook) => `:is([class*="${hook.exact}"], [class*="${hook.container}"] > [class*="${BUBBLE_HOOKS.bubbleLocal}"])`;
+  function decorationCss(scope, palette) {
+    const chat = unionSelector(BUBBLE_HOOKS.chat);
+    const goal = unionSelector(BUBBLE_HOOKS.goal);
+    return [
+      `${scope} ${chat}{border:1px solid rgba(${palette.light}, 0.38);box-shadow:0 1px 4px rgba(${palette.light}, 0.10)}`,
+      `${scope}[data-ds-dark-theme] ${chat}{border-color:rgba(${palette.dark}, 0.38);box-shadow:0 1px 6px rgba(${palette.dark}, 0.10)}`,
+      `${scope} ${goal}{border:1px solid rgba(${palette.light}, 0.38);box-shadow:0 1px 4px rgba(${palette.light}, 0.10)}`,
+      `${scope}[data-ds-dark-theme] ${goal}{border-color:rgba(${palette.dark}, 0.38);box-shadow:0 1px 6px rgba(${palette.dark}, 0.10)}`
+    ].join("\n");
+  }
+  function rootClear(scope) {
+    return `${scope} [id="root"]{background:0 0}`;
+  }
+  function badgeCss(scope, className, colors, metrics) {
+    return [
+      `${scope} ${className}{display:inline-flex;align-items:center;background:${colors.light.bg};border-radius:4px;padding:0 5px;font-size:10px;line-height:${metrics.lineHeight};font-weight:${metrics.fontWeight};letter-spacing:.08em;color:${colors.light.fg}}`,
+      `${scope}[data-ds-dark-theme] ${className}{background:${colors.dark.bg};color:${colors.dark.fg}}`
+    ].join("\n");
+  }
+  function streamingCss(scope, palette) {
+    const KEYFRAMES = "dsh-skins-stream-pulse";
+    return [
+      `${scope} [data-streaming]{border-radius:4px;box-shadow:inset 3px 0 0 var(--dsw-alias-brand-primary)}`,
+      `@keyframes ${KEYFRAMES}{from{box-shadow:inset 3px 0 0 var(--dsw-alias-brand-primary)}to{box-shadow:inset 3px 0 0 rgba(${palette.decay}, 0.20)}}`,
+      `@media (prefers-reduced-motion: no-preference){${scope} [data-streaming]{animation:${KEYFRAMES} 1.6s ease-in-out infinite alternate}}`
+    ].join("\n");
+  }
+
   // src/client/skins/meirenzhi/index.js
   var SCOPE = "body[data-dsh-meirenzhi-skin]";
   var TINTS = {
@@ -2881,21 +2915,23 @@ ${names}`,
   };
   var MARK_URL = "data:image/webp;base64,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";
   var CSS2 = [
-    // 反色徽章（official HARNESS 反色语言，tgcf badge 同构）：亮=玄夜底雾白字，
-    // 暗=雾白底玄夜字。#12121A/#FAF9F6 与面板底色族同源。
-    `${SCOPE} .dsh-mrz-badge{display:inline-flex;align-items:center;background:#12121A;border-radius:4px;padding:0 5px;font-size:10px;line-height:16px;font-weight:600;letter-spacing:.08em;color:#FAF9F6}`,
-    `body[data-dsh-meirenzhi-skin][data-ds-dark-theme] .dsh-mrz-badge{background:#FAF9F6;color:#12121A}`,
-    // 用户气泡描边 + 轻投影（openbmc 同款泡泡边框：框出用户输入区）。挂接用
-    // :is() 并集（精确哈希 ∪ 结构化，见 docs/adr/0006）：哈希漂移与 DOM 结构
-    // 变化两种单点故障各有一支兜底，钩子前提由 verify-upstream-hooks 守卫在
-    // check 时钉住。失效仅影响描边装饰，token 填充不受影响。
-    `${SCOPE} :is([class*="Sixlwa_bubble"], [class*="userStack"] > [class*="_bubble"]){border:1px solid rgba(184, 67, 63, 0.38);box-shadow:0 1px 4px rgba(184, 67, 63, 0.10)}`,
-    `body[data-dsh-meirenzhi-skin][data-ds-dark-theme] :is([class*="Sixlwa_bubble"], [class*="userStack"] > [class*="_bubble"]){border-color:rgba(229, 138, 128, 0.38);box-shadow:0 1px 6px rgba(229, 138, 128, 0.10)}`,
-    // 目标面板气泡（goal stack > bubble，与用户气泡同族描边）。ADR-0006 v1.0.4
-    // amendment：主人目测 goal 无描边观感不佳，裁决扩入；同款并集策略，守卫
-    // 清单已登记 goal 精确哈希与 _stack 结构前提。
-    `${SCOPE} :is([class*="oRe1gG_bubble"], [class*="_stack"] > [class*="_bubble"]){border:1px solid rgba(184, 67, 63, 0.38);box-shadow:0 1px 4px rgba(184, 67, 63, 0.10)}`,
-    `body[data-dsh-meirenzhi-skin][data-ds-dark-theme] :is([class*="oRe1gG_bubble"], [class*="_stack"] > [class*="_bubble"]){border-color:rgba(229, 138, 128, 0.38);box-shadow:0 1px 6px rgba(229, 138, 128, 0.10)}`,
+    // 反色徽章（official HARNESS 反色语言，tgcf badge 同构）：规则唯一来源在
+    // ../decoration.js（ADR-0016）；#12121A/#FAF9F6 与面板底色族同源。
+    badgeCss(
+      SCOPE,
+      ".dsh-mrz-badge",
+      { light: { bg: "#12121A", fg: "#FAF9F6" }, dark: { bg: "#FAF9F6", fg: "#12121A" } },
+      { lineHeight: "16px", fontWeight: 600 }
+    ),
+    // 用户+目标气泡描边（ADR-0006 并集挂接谱系，goal v1.0.4 扩入）：规则唯一
+    // 来源在 ../decoration.js（ADR-0016），本皮肤只持描边色。
+    decorationCss(SCOPE, { light: "184, 67, 63", dark: "229, 138, 128" }),
+    // 防御性根容器清底（ADR-0016 Q12）：上游 #root 现无背景，今日 no-op。
+    rootClear(SCOPE),
+    // 流式呼吸光条（ADR-0016 视觉窗口，本皮新增）：品牌令牌骨架 + 鎏金衰减
+    // rgba(217, 180, 92, 0.20)（Q10 主人裁定例外，与萤火虫同源色）——规则
+    // 唯一来源在 ../decoration.js streamingCss。
+    streamingCss(SCOPE, { decay: "217, 180, 92" }),
     // Ambient motion: a slow glow-breath riding the runtime's wallpaper ::before
     // layer + two drifting fireflies on the #root pseudo budget (same shape and
     // cost as the tgcf butterflies); prefers-reduced-motion kills all of it.
@@ -3139,159 +3175,55 @@ ${names}`,
     };
     const SPEC = { anchor: 55, riding: RIDING };
     const CSS3 = `
-  /* ---------- ③ 配色 · 亮色 ---------- */
+  /* ---------- ③ 配色：常量族已迁声明表 constantTokens（ADR-0016 C1），
+     此处只留随动族 ridingDecl 插值行（ADR-0004 锚点字节不变式的载体） ---------- */
   body[data-dsh-openbmc-skin] {
-    /* 品牌主色（按钮/高亮/选中/链接） */
-    --dsw-alias-brand-primary: #0083b0;
-    --dsw-alias-brand-primary-invert: #ffffff;
-    --dsw-alias-brand-text: #007197;
-
-    /* 表面/背景（低不透明度 → 背景画透光；overlay 浮层保持较实） */
     ${ridingDecl(SPEC, "--dsw-alias-bg-base", "light")}
-    --dsw-alias-bg-overlay: rgba(250, 252, 253, 0.82);
     ${ridingDecl(SPEC, "--dsw-alias-bg-module-platform", "light")}
     ${ridingDecl(SPEC, "--dsw-alias-bg-layer-1", "light")}
     ${ridingDecl(SPEC, "--dsw-alias-bg-layer-2", "light")}
     ${ridingDecl(SPEC, "--dsw-alias-bg-layer-3", "light")}
-
-    /* 侧栏列 + 顶栏标题行（冰白透纱，与背景画同调） */
     ${ridingDecl(SPEC, "--dsw-specific-sidebar-fill", "light")}
-    --dsw-specific-sidebar-nav-item-hover: rgba(231, 241, 248, 0.90);
-    --dsw-specific-sidebar-nav-item-active: rgba(220, 235, 245, 0.90);
-    --dsw-specific-sidebar-nav-item-active-accent: #9cc8e0;
-
-    /* 输入/菜单/选择器/提示 同系冰蓝。（菜单面三件套经 frost-family.js 家族段统一接管） */
     ${ridingDecl(SPEC, "--dsw-specific-input-major", "light")}
     ${ridingDecl(SPEC, "--dsw-specific-login-input", "light")}
-    --dsw-specific-selector: rgba(227, 239, 247, 0.85);
-    --dsw-specific-tip: rgba(240, 246, 250, 0.90);
-
-    /* 文字层级 */
-    --dsw-alias-label-primary: #16262e;
-    --dsw-alias-label-secondary: #3f5a66;
-    --dsw-alias-label-dimmed: #6b838e;
-
-    /* 交互态（品牌蓝） */
-    --dsw-alias-interactive-bg-hover: rgba(0, 138, 191, 0.08);
-    --dsw-alias-interactive-bg-active: rgba(0, 138, 191, 0.14);
-    --dsw-alias-interactive-bg-hover-accent: rgba(140, 206, 63, 0.14); /* 绿点缀 */
   }
 
-  /* ---------- ③ 配色 · 暗色（跟随系统明暗） ---------- */
   body[data-dsh-openbmc-skin][data-ds-dark-theme] {
-    --dsw-alias-brand-primary: #3ec1e8;
-    --dsw-alias-brand-primary-invert: #06222e;
-    --dsw-alias-brand-text: #5ec8e8;
-
     ${ridingDecl(SPEC, "--dsw-alias-bg-base", "dark")}
-    --dsw-alias-bg-overlay: rgba(10, 22, 32, 0.88);
     ${ridingDecl(SPEC, "--dsw-alias-bg-module-platform", "dark")}
     ${ridingDecl(SPEC, "--dsw-alias-bg-layer-1", "dark")}
     ${ridingDecl(SPEC, "--dsw-alias-bg-layer-2", "dark")}
     ${ridingDecl(SPEC, "--dsw-alias-bg-layer-3", "dark")}
-
-    /* 侧栏列 + 顶栏标题行：深冰蓝海军（与画面同色相，拒绝纯黑） */
     ${ridingDecl(SPEC, "--dsw-specific-sidebar-fill", "dark")}
-    --dsw-specific-sidebar-nav-item-hover: rgba(18, 41, 58, 0.90);
-    --dsw-specific-sidebar-nav-item-active: rgba(20, 47, 68, 0.90);
-    --dsw-specific-sidebar-nav-item-active-accent: #29526f;
-
-    /* 输入/菜单/选择器/提示 同系深冰蓝（菜单面三件套经 frost-family.js 家族段统一接管） */
     ${ridingDecl(SPEC, "--dsw-specific-input-major", "dark")}
     ${ridingDecl(SPEC, "--dsw-specific-login-input", "dark")}
-    --dsw-specific-selector: rgba(16, 40, 64, 0.85);
-    --dsw-specific-tip: rgba(12, 30, 44, 0.92);
-
-    /* 用户气泡：深冰蓝（替换此前的中性暗块） */
-    --dsw-specific-bubble: rgba(20, 41, 60, 0.90);
-    --dsw-specific-bubble-highlight: rgba(29, 61, 85, 0.90);
-
-    --dsw-alias-label-primary: #dde9ee;
-    --dsw-alias-label-secondary: #9fb4bd;
-    --dsw-alias-label-dimmed: #69818c;
-
-    --dsw-alias-interactive-bg-hover: rgba(62, 193, 232, 0.10);
-    --dsw-alias-interactive-bg-active: rgba(62, 193, 232, 0.16);
-    --dsw-alias-interactive-bg-hover-accent: rgba(165, 212, 64, 0.16);
-  }
-
-  /* ---------- ④ 字体：系统 UI + 等宽代码 ---------- */
-  body[data-dsh-openbmc-skin] {
-    --dsw-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
-  "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
-    --ds-font-family-code: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code",
-  Menlo, Consolas, monospace;
   }
 
-  /* ---------- ④b 品牌徽章：官方 ▐HARNESS▌ 同构反色片（HTML/CSS 绘制） ----------
-   * 壳里不存在 --dsw-alias-label-primary-inverted 令牌（那是官方 BrandWordmark
-   * 的内部实现细节），内联 var() 取不到值会让字色整体失效——改为皮肤自带
-   * 规则 + 明暗两套显式颜色（与 tgcf 的 NO TABOOS 徽章同一模式）。
-   * 圆角 4px：官方 SVG rect 虽是 rx=2，但实测对比需在 14px 高度上取 4px
-   * 才有官方观感的弧度（tgcf 徽章同值）。 */
-  body[data-dsh-openbmc-skin] .dsh-openbmc-badge {
-    display: inline-flex; align-items: center;
-    background: #14202B; color: #F7FAFC;
-    border-radius: 4px; padding: 0 5px;
-    font-size: 10px; line-height: 14px; font-weight: 650; letter-spacing: .08em;
-  }
-  body[data-dsh-openbmc-skin][data-ds-dark-theme] .dsh-openbmc-badge {
-    background: #F7FAFC; color: #14202B;
-  }
+  /* ---------- ④b 品牌徽章：官方 ▐HARNESS▌ 同构反色片 ----------
+   * 规则唯一来源在 ../decoration.js badgeCss（ADR-0016；裁决史见其头注），
+   * 本皮自持色值与 metrics（14px/650，Q7 参数化保留现值）。 */
+  ${badgeCss(
+      "body[data-dsh-openbmc-skin]",
+      ".dsh-openbmc-badge",
+      { light: { bg: "#14202B", fg: "#F7FAFC" }, dark: { bg: "#F7FAFC", fg: "#14202B" } },
+      { lineHeight: "14px", fontWeight: 650 }
+    )}
 
-  /* ---------- ⑥ 会话气泡装饰：品牌描边 + 流式呼吸光条 ---------- */
-  /* 用户气泡填充换品牌蓝 tint（token 层，随版本稳定） */
-  body[data-dsh-openbmc-skin] {
-    --dsw-specific-bubble: rgba(0, 138, 191, 0.10);
-    --dsw-specific-bubble-highlight: rgba(0, 138, 191, 0.18);
-  }
-  body[data-dsh-openbmc-skin][data-ds-dark-theme] {
-    /* 暗色气泡填充由 ③ 暗色块的深冰蓝接管（rgba(20,41,60,.90)），此处不再重定义 */
-  }
-  /* 用户气泡描边 + 轻投影（框出用户输入区）。挂接用 :is() 并集（精确哈希 ∪
-   * 结构化，见 docs/adr/0006）：哈希漂移与 DOM 结构变化两种单点故障各有一支
-   * 兜底，钩子前提由 verify-upstream-hooks 守卫在 check 时钉住。失效仅影响
-   * 描边装饰，token 填充仍然生效；结构分支不命中 goal 面板气泡（其容器
-   * _stack 不含 userStack 子串，ADR-0006 实测），goal 维持不描边。 */
-  body[data-dsh-openbmc-skin] :is([class*="Sixlwa_bubble"], [class*="userStack"] > [class*="_bubble"]) {
-    border: 1px solid rgba(0, 131, 176, 0.38);
-    box-shadow: 0 1px 4px rgba(0, 131, 176, 0.10);
-  }
-  body[data-dsh-openbmc-skin][data-ds-dark-theme] :is([class*="Sixlwa_bubble"], [class*="userStack"] > [class*="_bubble"]) {
-    border-color: rgba(62, 193, 232, 0.38);
-    box-shadow: 0 1px 6px rgba(62, 193, 232, 0.10);
-  }
-  /* 目标面板气泡（goal stack > bubble，与用户气泡同族描边）。ADR-0006
-   * v1.0.4 amendment：主人目测 goal 无描边观感不佳，裁决扩入；同款并集
-   * 策略，守卫清单已登记 goal 精确哈希与 _stack 结构前提。 */
-  body[data-dsh-openbmc-skin] :is([class*="oRe1gG_bubble"], [class*="_stack"] > [class*="_bubble"]) {
-    border: 1px solid rgba(0, 131, 176, 0.38);
-    box-shadow: 0 1px 4px rgba(0, 131, 176, 0.10);
-  }
-  body[data-dsh-openbmc-skin][data-ds-dark-theme] :is([class*="oRe1gG_bubble"], [class*="_stack"] > [class*="_bubble"]) {
-    border-color: rgba(62, 193, 232, 0.38);
-    box-shadow: 0 1px 6px rgba(62, 193, 232, 0.10);
-  }
-  /* 助手消息流式输出中：左侧品牌色呼吸光条（box-shadow 不产生布局位移） */
-  body[data-dsh-openbmc-skin] [data-streaming] {
-    border-radius: 4px;
-    box-shadow: inset 3px 0 0 0 var(--dsw-alias-brand-primary);
-  }
-  @keyframes obmc-stream-pulse {
-    from { box-shadow: inset 3px 0 0 0 var(--dsw-alias-brand-primary); }
-    to { box-shadow: inset 3px 0 0 0 rgba(62, 193, 232, 0.20); }
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    body[data-dsh-openbmc-skin] [data-streaming] {
-  animation: obmc-stream-pulse 1.6s ease-in-out infinite alternate;
-    }
-  }
-  /* ---------- ⑦ 根容器清底 + 滚动条同系（防御 + 细节，鲸吟同款） ---------- */
-  body[data-dsh-openbmc-skin] [id="root"] { background: 0 0; }
-  body[data-dsh-openbmc-skin] {
-    --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
-    --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);
-  }
+  /* ---------- ⑥ 会话气泡装饰：品牌描边 + 流式呼吸光条 ----------
+   * 用户气泡填充（明色品牌蓝 tint / 暗色深冰蓝）已随常量族迁声明表
+   * （ADR-0016 C1：--dsw-specific-bubble(-highlight)）。 */
+  /* 用户+目标气泡描边（ADR-0006 并集挂接谱系，goal v1.0.4 扩入；结构分支
+   * 不命中 goal 面板气泡、goal 经自己的 _stack 并集描边——全谱系说明见
+   * ../decoration.js 头注）：规则唯一来源在 decoration.js（ADR-0016），
+   * 本皮肤只持描边色。 */
+  ${decorationCss("body[data-dsh-openbmc-skin]", { light: "0, 131, 176", dark: "62, 193, 232" })}
+  /* 助手消息流式输出中：左侧品牌色呼吸光条——规则唯一来源在
+   * ../decoration.js streamingCss（ADR-0016 视觉窗口；keyframes 家族化改名
+   * obmc-stream-pulse → dsh-skins-stream-pulse，像素不变）。 */
+  ${streamingCss("body[data-dsh-openbmc-skin]", { decay: "62, 193, 232" })}
+  /* ---------- ⑦ 根容器清底（防御，鲸吟同款家族化 ADR-0016；滚动条同系
+   * token 已随常量族迁声明表） ---------- */
+  ${rootClear("body[data-dsh-openbmc-skin]")}
   /* 注意：不要用类名选择器定位侧栏元素 —— 插件样式经 CSS modules 哈希，
    * 类名不可预测；一律通过 token 或 data-* 属性作用。 */
 
@@ -3310,7 +3242,40 @@ ${names}`,
       favicon: { href: FAVICON_DATA_URL, mime: FAVICON_MIME },
       anchor: 55,
       riding: RIDING,
-      constantTokens: null,
+      // 常量族（ADR-0016 C1：原 CSS 模板手写行逐字迁入，明暗同键；等式钉在
+      // tests/translucency-contract.test.mjs「openbmc C1」）。品牌色取自 logo
+      // 渐变（蓝 #00b0da→#008abf、绿 #a5d440→#8cce3f）：亮用深一档蓝保证白底
+      // 对比度，暗提亮为青；交互 hover-accent 为绿点缀；暗气泡=深冰蓝海军
+      // （与画面同色相，拒绝纯黑）；滚动条同系引用壳令牌。
+      constantTokens: {
+        "--dsw-alias-brand-primary": { light: "#0083b0", dark: "#3ec1e8" },
+        "--dsw-alias-brand-primary-invert": { light: "#ffffff", dark: "#06222e" },
+        "--dsw-alias-brand-text": { light: "#007197", dark: "#5ec8e8" },
+        "--dsw-alias-bg-overlay": { light: "rgba(250, 252, 253, 0.82)", dark: "rgba(10, 22, 32, 0.88)" },
+        "--dsw-specific-sidebar-nav-item-hover": { light: "rgba(231, 241, 248, 0.90)", dark: "rgba(18, 41, 58, 0.90)" },
+        "--dsw-specific-sidebar-nav-item-active": { light: "rgba(220, 235, 245, 0.90)", dark: "rgba(20, 47, 68, 0.90)" },
+        "--dsw-specific-sidebar-nav-item-active-accent": { light: "#9cc8e0", dark: "#29526f" },
+        "--dsw-specific-selector": { light: "rgba(227, 239, 247, 0.85)", dark: "rgba(16, 40, 64, 0.85)" },
+        "--dsw-specific-tip": { light: "rgba(240, 246, 250, 0.90)", dark: "rgba(12, 30, 44, 0.92)" },
+        "--dsw-alias-label-primary": { light: "#16262e", dark: "#dde9ee" },
+        "--dsw-alias-label-secondary": { light: "#3f5a66", dark: "#9fb4bd" },
+        "--dsw-alias-label-dimmed": { light: "#6b838e", dark: "#69818c" },
+        "--dsw-alias-interactive-bg-hover": { light: "rgba(0, 138, 191, 0.08)", dark: "rgba(62, 193, 232, 0.10)" },
+        "--dsw-alias-interactive-bg-active": { light: "rgba(0, 138, 191, 0.14)", dark: "rgba(62, 193, 232, 0.16)" },
+        "--dsw-alias-interactive-bg-hover-accent": { light: "rgba(140, 206, 63, 0.14)", dark: "rgba(165, 212, 64, 0.16)" },
+        "--dsw-specific-bubble": { light: "rgba(0, 138, 191, 0.10)", dark: "rgba(20, 41, 60, 0.90)" },
+        "--dsw-specific-bubble-highlight": { light: "rgba(0, 138, 191, 0.18)", dark: "rgba(29, 61, 85, 0.90)" },
+        "--dsw-font-family": {
+          light: '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif',
+          dark: '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif'
+        },
+        "--ds-font-family-code": {
+          light: '"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace',
+          dark: '"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace'
+        },
+        "--dsh-scrollbar-thumb": { light: "var(--dsw-alias-scrollbar-bg-l2)", dark: "var(--dsw-alias-scrollbar-bg-l2)" },
+        "--dsh-scrollbar-thumb-hover": { light: "var(--dsw-alias-scrollbar-hover-l2)", dark: "var(--dsw-alias-scrollbar-hover-l2)" }
+      },
       scrim: {
         kind: "baked-gradient",
         stops: {
@@ -3397,85 +3362,34 @@ ${names}`,
     };
     const SPEC = { anchor: 55, riding: RIDING };
     const css = `
+/* 配色常量族已迁声明表 constantTokens（ADR-0016 C1）；此处只留随动族
+ * ridingDecl 插值行（ADR-0004 锚点字节不变式的载体）。 */
 body[data-dsh-uefi-harness] {
-  --dsw-alias-brand-primary: #6553d8;
-  --dsw-alias-brand-primary-invert: #ffffff;
-  --dsw-alias-brand-text: #5846c2;
   ${ridingDecl(SPEC, "--dsw-alias-bg-base", "light")}
-  --dsw-alias-bg-overlay: rgba(252, 251, 255, 0.82);
   ${ridingDecl(SPEC, "--dsw-alias-bg-module-platform", "light")}
   ${ridingDecl(SPEC, "--dsw-alias-bg-layer-1", "light")}
   ${ridingDecl(SPEC, "--dsw-alias-bg-layer-2", "light")}
   ${ridingDecl(SPEC, "--dsw-alias-bg-layer-3", "light")}
   ${ridingDecl(SPEC, "--dsw-specific-sidebar-fill", "light")}
-  --dsw-specific-sidebar-nav-item-hover: rgba(101, 83, 216, 0.09);
-  --dsw-specific-sidebar-nav-item-active: rgba(101, 83, 216, 0.15);
-  --dsw-specific-sidebar-nav-item-active-accent: #8b7cff;
   ${ridingDecl(SPEC, "--dsw-specific-input-major", "light")}
-  --dsw-specific-selector: rgba(232, 228, 255, 0.78);
-  --dsw-specific-tip: rgba(244, 242, 255, 0.88);
-  --dsw-alias-label-primary: #211c36;
-  --dsw-alias-label-secondary: #554d74;
-  --dsw-alias-label-dimmed: #81799e;
-  --dsw-alias-interactive-bg-hover: rgba(101, 83, 216, 0.09);
-  --dsw-alias-interactive-bg-active: rgba(101, 83, 216, 0.15);
-  --dsw-specific-bubble: rgba(101, 83, 216, 0.11);
-  --dsw-specific-bubble-highlight: rgba(101, 83, 216, 0.18);
-  --dsw-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
 }
 body[data-dsh-uefi-harness][data-ds-dark-theme] {
-  --dsw-alias-brand-primary: #a99cff;
-  --dsw-alias-brand-primary-invert: #1b143a;
-  --dsw-alias-brand-text: #b7acff;
   ${ridingDecl(SPEC, "--dsw-alias-bg-base", "dark")}
-  --dsw-alias-bg-overlay: rgba(27, 21, 54, 0.88);
   ${ridingDecl(SPEC, "--dsw-alias-bg-module-platform", "dark")}
   ${ridingDecl(SPEC, "--dsw-alias-bg-layer-1", "dark")}
   ${ridingDecl(SPEC, "--dsw-alias-bg-layer-2", "dark")}
   ${ridingDecl(SPEC, "--dsw-alias-bg-layer-3", "dark")}
   ${ridingDecl(SPEC, "--dsw-specific-sidebar-fill", "dark")}
-  --dsw-specific-sidebar-nav-item-hover: rgba(169, 156, 255, 0.10);
-  --dsw-specific-sidebar-nav-item-active: rgba(169, 156, 255, 0.17);
-  --dsw-specific-sidebar-nav-item-active-accent: #6657a8;
   ${ridingDecl(SPEC, "--dsw-specific-input-major", "dark")}
-  --dsw-specific-selector: rgba(51, 40, 96, 0.78);
-  --dsw-specific-tip: rgba(34, 27, 65, 0.90);
-  --dsw-alias-label-primary: #f0edff;
-  --dsw-alias-label-secondary: #b9b1d6;
-  --dsw-alias-label-dimmed: #827a9f;
-  --dsw-alias-interactive-bg-hover: rgba(169, 156, 255, 0.11);
-  --dsw-alias-interactive-bg-active: rgba(169, 156, 255, 0.18);
-  --dsw-specific-bubble: rgba(60, 48, 108, 0.90);
-  --dsw-specific-bubble-highlight: rgba(78, 63, 138, 0.92);
-}
-body[data-dsh-uefi-harness] [id="root"] { background: transparent; }
-body[data-dsh-uefi-harness] [data-streaming] {
-  border-radius: 4px;
-  box-shadow: inset 3px 0 0 var(--dsw-alias-brand-primary);
-}
-/* 用户气泡描边 + 轻投影（openbmc 同款泡泡边框：框出用户输入区）。挂接用
- * :is() 并集（精确哈希 ∪ 结构化，见 docs/adr/0006）：哈希漂移与 DOM 结构
- * 变化两种单点故障各有一支兜底，钩子前提由 verify-upstream-hooks 守卫在
- * check 时钉住。失效仅影响描边装饰，token 填充仍然生效。 */
-body[data-dsh-uefi-harness] :is([class*="Sixlwa_bubble"], [class*="userStack"] > [class*="_bubble"]) {
-  border: 1px solid rgba(101, 83, 216, 0.38);
-  box-shadow: 0 1px 4px rgba(101, 83, 216, 0.10);
-}
-body[data-dsh-uefi-harness][data-ds-dark-theme] :is([class*="Sixlwa_bubble"], [class*="userStack"] > [class*="_bubble"]) {
-  border-color: rgba(169, 156, 255, 0.38);
-  box-shadow: 0 1px 6px rgba(169, 156, 255, 0.10);
-}
-/* 目标面板气泡（goal stack > bubble，与用户气泡同族描边）。ADR-0006
- * v1.0.4 amendment：主人目测 goal 无描边观感不佳，裁决扩入；同款并集
- * 策略，守卫清单已登记 goal 精确哈希与 _stack 结构前提。 */
-body[data-dsh-uefi-harness] :is([class*="oRe1gG_bubble"], [class*="_stack"] > [class*="_bubble"]) {
-  border: 1px solid rgba(101, 83, 216, 0.38);
-  box-shadow: 0 1px 4px rgba(101, 83, 216, 0.10);
-}
-body[data-dsh-uefi-harness][data-ds-dark-theme] :is([class*="oRe1gG_bubble"], [class*="_stack"] > [class*="_bubble"]) {
-  border-color: rgba(169, 156, 255, 0.38);
-  box-shadow: 0 1px 6px rgba(169, 156, 255, 0.10);
 }
+${rootClear("body[data-dsh-uefi-harness]")}
+/* 流式呼吸光条（ADR-0016 视觉窗口：静态版升级呼吸，衰减色 = 暗色品牌主色
+ * @0.20，Q16）：规则唯一来源在 ../decoration.js streamingCss。 */
+${streamingCss("body[data-dsh-uefi-harness]", { decay: "169, 156, 255" })}
+/* 用户+目标气泡描边（ADR-0006 并集挂接谱系，goal v1.0.4 扩入——全谱系说明
+ * 见 ../decoration.js 头注）：规则唯一来源在 decoration.js（ADR-0016），
+ * 本皮肤只持描边色。 */
+${decorationCss("body[data-dsh-uefi-harness]", { light: "101, 83, 216", dark: "169, 156, 255" })}
 
   ${frostFamilyCss("body[data-dsh-uefi-harness]", TINTS2)}
 
@@ -3490,7 +3404,30 @@ body[data-dsh-uefi-harness][data-ds-dark-theme] :is([class*="oRe1gG_bubble"], [c
       favicon: { href: favicon, mime: "image/svg+xml" },
       anchor: 55,
       riding: RIDING,
-      constantTokens: null,
+      // 常量族（ADR-0016 C1：原 css 模板手写行逐字迁入；等式钉在
+      // tests/translucency-contract.test.mjs「uefi C1」）。
+      constantTokens: {
+        "--dsw-alias-brand-primary": { light: "#6553d8", dark: "#a99cff" },
+        "--dsw-alias-brand-primary-invert": { light: "#ffffff", dark: "#1b143a" },
+        "--dsw-alias-brand-text": { light: "#5846c2", dark: "#b7acff" },
+        "--dsw-alias-bg-overlay": { light: "rgba(252, 251, 255, 0.82)", dark: "rgba(27, 21, 54, 0.88)" },
+        "--dsw-specific-sidebar-nav-item-hover": { light: "rgba(101, 83, 216, 0.09)", dark: "rgba(169, 156, 255, 0.10)" },
+        "--dsw-specific-sidebar-nav-item-active": { light: "rgba(101, 83, 216, 0.15)", dark: "rgba(169, 156, 255, 0.17)" },
+        "--dsw-specific-sidebar-nav-item-active-accent": { light: "#8b7cff", dark: "#6657a8" },
+        "--dsw-specific-selector": { light: "rgba(232, 228, 255, 0.78)", dark: "rgba(51, 40, 96, 0.78)" },
+        "--dsw-specific-tip": { light: "rgba(244, 242, 255, 0.88)", dark: "rgba(34, 27, 65, 0.90)" },
+        "--dsw-alias-label-primary": { light: "#211c36", dark: "#f0edff" },
+        "--dsw-alias-label-secondary": { light: "#554d74", dark: "#b9b1d6" },
+        "--dsw-alias-label-dimmed": { light: "#81799e", dark: "#827a9f" },
+        "--dsw-alias-interactive-bg-hover": { light: "rgba(101, 83, 216, 0.09)", dark: "rgba(169, 156, 255, 0.11)" },
+        "--dsw-alias-interactive-bg-active": { light: "rgba(101, 83, 216, 0.15)", dark: "rgba(169, 156, 255, 0.18)" },
+        "--dsw-specific-bubble": { light: "rgba(101, 83, 216, 0.11)", dark: "rgba(60, 48, 108, 0.90)" },
+        "--dsw-specific-bubble-highlight": { light: "rgba(101, 83, 216, 0.18)", dark: "rgba(78, 63, 138, 0.92)" },
+        "--dsw-font-family": {
+          light: '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif',
+          dark: '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif'
+        }
+      },
       scrim: {
         kind: "baked-gradient",
         stops: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iasiv5/dsh-skins",
   "description": "DSH Web 皮肤插件：多套品牌皮肤侧栏热切换。",
-  "version": "1.5.12",
+  "version": "1.5.14",
   "homepage": "https://github.com/iasiv5/dsh-skins#readme",
   "repository": {
     "type": "git",
@@ -66,6 +66,8 @@
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.4",
     "esbuild": "^0.28.2",
+    "eslint": "^10.13.0",
+    "globals": "^17.13.0",
     "playwright-core": "1.62.1",
     "semver": "^7.8.5"
   },
@@ -77,6 +79,7 @@
     "verify:readme": "node scripts/verify-readme-pairing.mjs",
     "verify:bundle": "node scripts/verify-bundle-guard.mjs",
     "verify:hooks": "node scripts/verify-upstream-hooks.mjs",
-    "check": "pnpm run check:lockfile && pnpm run build && node --check lib/client.js && node --check lib/index.js && pnpm run test && pnpm run verify:readme && pnpm run verify:bundle && pnpm run verify:hooks"
+    "check": "pnpm run check:lockfile && pnpm run build && node --check lib/client.js && node --check lib/index.js && pnpm run lint && pnpm run test && pnpm run verify:readme && pnpm run verify:bundle && pnpm run verify:hooks && git diff --exit-code -- lib/index.js lib/client.js",
+    "lint": "eslint ."
   }
 }