npm - @orbit-work/ui - Versions diffs - 0.1.2-preview.0 → 0.1.2 - Mend

@orbit-work/ui 0.1.2-preview.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (795) hide show

package/dist/about-window.js CHANGED Viewed

@@ -1 +1,271 @@
-export{a as renderAboutWindowHtml}from'./chunk-VG7FQQ7K.js';
+// src/lib/about-window.ts
+function renderAboutWindowHtml({
+  version,
+  notes,
+  logoSvg,
+  logoDataUrl,
+  theme,
+  productName = "Orbitwork"
+}) {
+  const versionText = escapeHtml(version.trim() || "\u672A\u77E5");
+  const notesText = escapeHtml(notes.trim() || "\u6682\u65E0\u7248\u672C\u8BF4\u660E");
+  const brandText = escapeHtml(productName.trim() || "Orbitwork");
+  const logoMarkup = logoDataUrl ? `<img src="${escapeHtml(logoDataUrl)}" alt="" aria-hidden="true" />` : logoSvg;
+  const light = resolvePalette(theme?.light, {
+    bg: "#F7F6F1",
+    surface: "#FDFDFC",
+    border: "#DCDCD7",
+    text: "#333B50",
+    text2: "#646B7A"
+  });
+  const dark = resolvePalette(theme?.dark, {
+    bg: "#16171B",
+    surface: "#1E2025",
+    border: "#2A2C33",
+    text: "#ECEBE5",
+    text2: "#82878F"
+  });
+  const brandPaletteCss = theme?.light || theme?.dark ? `
+  :root {
+    --about-bg: ${light.bg};
+    --about-surface: ${light.surface};
+    --about-border: ${light.border};
+    --about-text: ${light.text};
+    --about-text-2: ${light.text2};
+  }
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) {
+      --about-bg: ${dark.bg};
+      --about-surface: ${dark.surface};
+      --about-border: ${dark.border};
+      --about-text: ${dark.text};
+      --about-text-2: ${dark.text2};
+    }
+  }
+  :root[data-theme="dark"] {
+    --about-bg: ${dark.bg};
+    --about-surface: ${dark.surface};
+    --about-border: ${dark.border};
+    --about-text: ${dark.text};
+    --about-text-2: ${dark.text2};
+  }` : "";
+  return `<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8" />
+<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src data:;" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>\u5173\u4E8E ${brandText}</title>
+<style>
+  /*
+   * \u8FD9\u662F\u4E00\u4EFD\u72EC\u7ACB document\uFF08Electron \u81EA\u7ED8\u7A97\uFF0Cdata: URL \u8F7D\u5165\uFF09\uFF0C--ow-* \u4E3B token \u8868\u4E0D\u5728\u573A\uFF0C
+   * \u4E5F\u6CA1\u6709\u4EFB\u4F55\u5B57\u4F53\u6587\u4EF6\u53EF\u52A0\u8F7D\uFF08CSP \u65E0 font-src\uFF09\u3002\u6240\u4EE5\u914D\u8272\u4E00\u5F8B\u300C\u6284 DS 2.0 \u7EC8\u503C\u300D\u800C\u975E\u5F15\u7528\u53D8\u91CF\uFF0C
+   * \u6BCF\u7EC4\u503C\u65C1\u6CE8\u660E\u51FA\u5904\uFF1B\u5B57\u4F53\u53EA\u5199\u65CF\u540D\u6808\u5E76\u7ED9\u5230\u7CFB\u7EDF\u7EA7\u56DE\u9000\u3002
+   * \u9ED8\u8BA4\u503C\u51FA\u5904\uFF1Apackages/ui/src/tokens/light.ts \xB7 dark.ts \xB7 base.ts \xB7 metrics.ts\uFF1B
+   * \u767D\u6807\u5BBF\u4E3B\u53EF\u901A\u8FC7\u5DF2\u7ECF\u5BA1\u8BA1\u7684\u660E\u6697 palette \u8986\u76D6\u5BF9\u5E94\u8BED\u4E49\u8272\u3002
+   */
+  :root {
+    /* ---- \u6D45\u6863\uFF1A\u6284\u81EA tokens light \u7EC8\u503C ---- */
+    --about-bg: #F7F6F1;               /* light --ow-bg = gray-00 */
+    --about-surface: #FDFDFC;          /* light --ow-surface */
+    --about-border: #DCDCD7;           /* light --ow-border = gray-10 */
+    --about-text: #333B50;             /* light --ow-text = gray-70 */
+    --about-text-2: #646B7A;           /* light --ow-text-2 = gray-50\uFF08--ow-eyebrow \u540C\u503C\uFF09 */
+    --about-scrollbar: #C2C3C1;        /* light --ow-scrollbar = gray-20 */
+    --about-scrollbar-hover: #A2A5A9;  /* light --ow-scrollbar-hover = gray-30 */
+    --about-selection-bg: #0F1B3D;     /* light --ow-selection-bg = navy */
+    --about-selection-fg: #F7F6F1;     /* light --ow-selection-text = white */
+    /* ---- \u5F62\u72B6\u4E0E\u5EA6\u91CF\uFF1A\u6284\u81EA base.ts / metrics.ts\uFF08\u5F62\u72B6\u8868 \xA77\uFF09 ---- */
+    --about-space-2: 8px;              /* --ow-space-2 */
+    --about-space-4: 16px;             /* --ow-space-4 */
+    --about-space-5: 20px;             /* --ow-space-5 */
+    --about-space-6: 24px;             /* --ow-space-6 */
+    --about-space-8: 32px;             /* --ow-space-8 */
+    --about-radius-lg: 12px;           /* --ow-radius-lg\uFF08\u5361\u7247\u6863\uFF09 */
+    --about-radius-pill: 999px;        /* --ow-radius-pill */
+    --about-border-w: 1px;             /* --ow-border-width-default\uFF08\u8D34\u5730 1px \u8FB9\u6846\uFF09 */
+    --about-fs-body: 14px;             /* --ow-fs-body */
+    --about-fs-ui: 13px;               /* --ow-fs-ui */
+    --about-fs-eyebrow-cjk: 12px;      /* --ow-fs-eyebrow-cjk */
+    --about-ls-eyebrow-cjk: 0.08em;    /* --ow-ls-eyebrow-cjk */
+    --about-lh-ui: 1.5;                /* --ow-lh-ui */
+    --about-lh-body: 1.75;             /* --ow-lh-body */
+    --about-fw-medium: 500;            /* --ow-font-weight-medium */
+    --about-fw-semibold: 600;          /* --ow-font-weight-semibold */
+    --about-dur-2: 200ms;              /* --ow-dur-2\uFF08\u4E3B\u9898\u5207\u6362\u8FC7\u6E21\uFF0C\xA79\uFF09 */
+    --about-ease: cubic-bezier(0.22, 1, 0.36, 1); /* --ow-ease-beacon\uFF08\u552F\u4E00\u7F13\u52A8\uFF09 */
+    /* ---- \u5B57\u65CF\u6808\uFF1A\u6284\u81EA base.ts \u7684\u65CF\u540D\uFF0C\u5C3E\u90E8\u8865\u72EC\u7ACB document \u53EF\u7528\u7684\u7CFB\u7EDF\u56DE\u9000\uFF1Bemoji \u65CF\u7F6E\u6808\u5C3E\uFF08\xA78\uFF09 ---- */
+    --about-font-sans: "HarmonyOS Sans SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont,
+      "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Noto Color Emoji";
+    --about-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas,
+      "HarmonyOS Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", monospace,
+      "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
+    color-scheme: light dark;
+  }
+  /* ---- \u6697\u6863\uFF1A\u6284\u81EA tokens dark \u7EC8\u503C\u3002\u5C5E\u6027\u4F18\u5148\uFF08\u5BBF\u4E3B\u53EF\u9489 data-theme\uFF09\uFF0C\u65E0\u5C5E\u6027\u65F6\u968F\u7CFB\u7EDF ---- */
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) {
+      --about-bg: #16171B;               /* dark --ow-bg = graphite */
+      --about-surface: #1E2025;          /* dark --ow-surface = graphite-raised */
+      --about-border: #2A2C33;           /* dark --ow-border = graphite-border */
+      --about-text: #ECEBE5;             /* dark --ow-text = gray-05 */
+      --about-text-2: #82878F;           /* dark --ow-text-2 = gray-40 */
+      --about-scrollbar: #3A3D46;        /* dark --ow-scrollbar */
+      --about-scrollbar-hover: #4A5164;  /* dark --ow-scrollbar-hover */
+      --about-selection-bg: #F7F6F1;     /* dark --ow-selection-bg */
+      --about-selection-fg: #0F1B3D;     /* dark --ow-selection-text = navy */
+    }
+  }
+  :root[data-theme="dark"] {
+    /* \u4E0E\u4E0A\u65B9\u5A92\u4F53\u67E5\u8BE2\u5757\u9010\u503C\u4E00\u81F4 */
+    --about-bg: #16171B;
+    --about-surface: #1E2025;
+    --about-border: #2A2C33;
+    --about-text: #ECEBE5;
+    --about-text-2: #82878F;
+    --about-scrollbar: #3A3D46;
+    --about-scrollbar-hover: #4A5164;
+    --about-selection-bg: #F7F6F1;
+    --about-selection-fg: #0F1B3D;
+  }
+  ${brandPaletteCss}
+  * { box-sizing: border-box; }
+  html {
+    width: 100%;
+    height: 100%;
+    background: var(--about-bg);
+  }
+  body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+    color: var(--about-text);
+    background: var(--about-bg);
+    font-family: var(--about-font-sans);
+    -webkit-font-smoothing: antialiased;
+    -webkit-user-select: none;
+    user-select: none;
+    transition: background-color var(--about-dur-2) var(--about-ease),
+      color var(--about-dur-2) var(--about-ease);
+  }
+  ::selection {
+    background: var(--about-selection-bg);
+    color: var(--about-selection-fg);
+  }
+  /* \u62D6\u62FD\u6761 28px\uFF1D\u4E0E trafficLightPosition y:14 \u5BF9\u79F0\u7684\u529F\u80FD\u51E0\u4F55\uFF0C\u975E\u95F4\u8DDD\u9636\uFF0C\u4FDD\u6301\u4E0D\u52A8 */
+  [data-slot="about-window"] [data-ow-part="drag-region"] { height: 28px; -webkit-app-region: drag; }
+  [data-slot="about-window"] [data-ow-part="content"] {
+    height: calc(100% - 28px);
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: var(--about-space-2) var(--about-space-8) var(--about-space-6);
+  }
+  /* \u5B57\u6807\u8D34\u5730\uFF1A\xA75\u300C\u5F71\u5B50\u53EA\u5C5E\u79BB\u5730\u4E4B\u7269\u300D\u2014\u2014\u539F\u6765\u7684\u88C5\u9970\u6295\u5F71\uFF08filter \u8F89\u5149\uFF092.0 \u4E00\u5F8B\u6E05\u9664 */
+  [data-slot="about-window"] [data-ow-part="logo"] {
+    width: 84px;
+    height: 84px;
+    flex: 0 0 auto;
+    display: grid;
+    place-items: center;
+  }
+  [data-slot="about-window"] [data-ow-part="logo"] svg,
+  [data-slot="about-window"] [data-ow-part="logo"] img {
+    width: 84px;
+    height: 84px;
+    display: block;
+    object-fit: contain;
+  }
+  [data-slot="about-window"] [data-ow-part="version"] {
+    margin-top: var(--about-space-4);
+    color: var(--about-text);
+    /* \u7248\u672C\u53F7\uFF1D\u8BFB\u6570\uFF0C\xA77 \u4E00\u5F8B mono\uFF0Btabular-nums */
+    font-family: var(--about-font-mono);
+    font-size: var(--about-fs-body);
+    font-weight: var(--about-fw-semibold);
+    line-height: var(--about-lh-ui);
+    font-variant-numeric: tabular-nums;
+    -webkit-user-select: text;
+    user-select: text;
+  }
+  [data-slot="about-window"] [data-ow-part="notes"] {
+    width: 100%;
+    min-height: 0;
+    flex: 1 1 auto;
+    margin-top: var(--about-space-5);
+    overflow-y: auto;
+    /* \u8D34\u5730\u4E4B\u7269\uFF1A0 \u5F71\uFF0B1px \u8FB9\u6846\uFF08\xA75\uFF09 */
+    border: var(--about-border-w) solid var(--about-border);
+    border-radius: var(--about-radius-lg);
+    padding: var(--about-space-4);
+    background: var(--about-surface);
+    -webkit-user-select: text;
+    user-select: text;
+    transition: background-color var(--about-dur-2) var(--about-ease),
+      border-color var(--about-dur-2) var(--about-ease);
+  }
+  /* \u300C\u7248\u672C\u8BF4\u660E\u300D\uFF1D\u4E2D\u6587\u7709\u6807\uFF1A500 / 12px / +0.08em / --ow-eyebrow\uFF08\xA78\uFF09 */
+  [data-slot="about-window"] [data-ow-part="notes-title"] {
+    margin: 0;
+    color: var(--about-text-2);
+    font-size: var(--about-fs-eyebrow-cjk);
+    font-weight: var(--about-fw-medium);
+    letter-spacing: var(--about-ls-eyebrow-cjk);
+    line-height: var(--about-lh-ui);
+  }
+  [data-slot="about-window"] [data-ow-part="notes-body"] {
+    margin: var(--about-space-2) 0 0;
+    color: var(--about-text);
+    font-size: var(--about-fs-ui);
+    line-height: var(--about-lh-body);
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+  ::-webkit-scrollbar { width: var(--about-space-2); }
+  ::-webkit-scrollbar-thumb {
+    border-radius: var(--about-radius-pill);
+    background: var(--about-scrollbar);
+  }
+  ::-webkit-scrollbar-thumb:hover { background: var(--about-scrollbar-hover); }
+  @media (prefers-reduced-motion: reduce) {
+    body, [data-slot="about-window"] [data-ow-part="notes"] { transition: none; }
+  }
+</style>
+</head>
+<body data-slot="about-window">
+  <div data-ow-part="drag-region" aria-hidden="true"></div>
+  <main data-ow-part="content">
+    <div data-ow-part="logo" aria-label="${brandText} Logo" role="img">${logoMarkup}</div>
+    <div data-ow-part="version">\u7248\u672C ${versionText}</div>
+    <section data-ow-part="notes" aria-labelledby="about-notes-title">
+      <h1 data-ow-part="notes-title" id="about-notes-title">\u7248\u672C\u8BF4\u660E</h1>
+      <p data-ow-part="notes-body">${notesText}</p>
+    </section>
+  </main>
+</body>
+</html>`;
+}
+function escapeHtml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+function resolvePalette(source, fallback) {
+  const color = (value, defaultValue) => value && /^#[0-9a-f]{6}$/i.test(value) ? value : defaultValue;
+  return {
+    bg: color(source?.bg, fallback.bg),
+    surface: color(source?.surface, fallback.surface),
+    border: color(source?.border, fallback.border),
+    text: color(source?.text, fallback.text),
+    text2: color(source?.text2, fallback.text2)
+  };
+}
+export {
+  renderAboutWindowHtml
+};
+//# sourceMappingURL=about-window.js.map

package/dist/about-window.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/lib/about-window.ts"],"sourcesContent":["export type AboutWindowPalette = {\n bg?: string\n surface?: string\n border?: string\n text?: string\n text2?: string\n}\n\nexport interface AboutWindowContent {\n version: string\n notes: string\n logoSvg: string\n /** Audited build-time image for branded native hosts. Takes precedence over logoSvg. */\n logoDataUrl?: string\n theme?: { light?: AboutWindowPalette; dark?: AboutWindowPalette }\n /**\n * 品牌名：驱动文档标题与 logo 无障碍标签。缺省 \"Orbitwork\" 是 DS2 默认\n * 品牌值（非旧格式兼容）——白标宿主经桌面端 brand.json 注入。\n */\n productName?: string\n}\n\n/**\n * Renders the shared, self-contained content for Orbitwork's native About window.\n * Electron owns the window lifecycle; ow-ui owns its visual structure and CSS.\n */\nexport function renderAboutWindowHtml({\n version,\n notes,\n logoSvg,\n logoDataUrl,\n theme,\n productName = \"Orbitwork\",\n}: AboutWindowContent): string {\n const versionText = escapeHtml(version.trim() || \"未知\")\n const notesText = escapeHtml(notes.trim() || \"暂无版本说明\")\n const brandText = escapeHtml(productName.trim() || \"Orbitwork\")\n const logoMarkup = logoDataUrl ? `<img src=\"${escapeHtml(logoDataUrl)}\" alt=\"\" aria-hidden=\"true\" />` : logoSvg\n const light = resolvePalette(theme?.light, {\n bg: \"#F7F6F1\",\n surface: \"#FDFDFC\",\n border: \"#DCDCD7\",\n text: \"#333B50\",\n text2: \"#646B7A\",\n })\n const dark = resolvePalette(theme?.dark, {\n bg: \"#16171B\",\n surface: \"#1E2025\",\n border: \"#2A2C33\",\n text: \"#ECEBE5\",\n text2: \"#82878F\",\n })\n const brandPaletteCss =\n theme?.light || theme?.dark\n ? `\n :root {\n --about-bg: ${light.bg};\n --about-surface: ${light.surface};\n --about-border: ${light.border};\n --about-text: ${light.text};\n --about-text-2: ${light.text2};\n }\n @media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --about-bg: ${dark.bg};\n --about-surface: ${dark.surface};\n --about-border: ${dark.border};\n --about-text: ${dark.text};\n --about-text-2: ${dark.text2};\n }\n }\n :root[data-theme=\"dark\"] {\n --about-bg: ${dark.bg};\n --about-surface: ${dark.surface};\n --about-border: ${dark.border};\n --about-text: ${dark.text};\n --about-text-2: ${dark.text2};\n }`\n : \"\"\n\n return `<!doctype html>\n<html lang=\"zh-CN\">\n<head>\n<meta charset=\"utf-8\" />\n<meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'none'; style-src 'unsafe-inline'; img-src data:;\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>关于 ${brandText}</title>\n<style>\n /*\n * 这是一份独立 document（Electron 自绘窗，data: URL 载入），--ow-* 主 token 表不在场，\n * 也没有任何字体文件可加载（CSP 无 font-src）。所以配色一律「抄 DS 2.0 终值」而非引用变量，\n * 每组值旁注明出处；字体只写族名栈并给到系统级回退。\n * 默认值出处：packages/ui/src/tokens/light.ts · dark.ts · base.ts · metrics.ts；\n * 白标宿主可通过已经审计的明暗 palette 覆盖对应语义色。\n */\n :root {\n /* ---- 浅档：抄自 tokens light 终值 ---- */\n --about-bg: #F7F6F1; /* light --ow-bg = gray-00 */\n --about-surface: #FDFDFC; /* light --ow-surface */\n --about-border: #DCDCD7; /* light --ow-border = gray-10 */\n --about-text: #333B50; /* light --ow-text = gray-70 */\n --about-text-2: #646B7A; /* light --ow-text-2 = gray-50（--ow-eyebrow 同值） */\n --about-scrollbar: #C2C3C1; /* light --ow-scrollbar = gray-20 */\n --about-scrollbar-hover: #A2A5A9; /* light --ow-scrollbar-hover = gray-30 */\n --about-selection-bg: #0F1B3D; /* light --ow-selection-bg = navy */\n --about-selection-fg: #F7F6F1; /* light --ow-selection-text = white */\n\n /* ---- 形状与度量：抄自 base.ts / metrics.ts（形状表 §7） ---- */\n --about-space-2: 8px; /* --ow-space-2 */\n --about-space-4: 16px; /* --ow-space-4 */\n --about-space-5: 20px; /* --ow-space-5 */\n --about-space-6: 24px; /* --ow-space-6 */\n --about-space-8: 32px; /* --ow-space-8 */\n --about-radius-lg: 12px; /* --ow-radius-lg（卡片档） */\n --about-radius-pill: 999px; /* --ow-radius-pill */\n --about-border-w: 1px; /* --ow-border-width-default（贴地 1px 边框） */\n --about-fs-body: 14px; /* --ow-fs-body */\n --about-fs-ui: 13px; /* --ow-fs-ui */\n --about-fs-eyebrow-cjk: 12px; /* --ow-fs-eyebrow-cjk */\n --about-ls-eyebrow-cjk: 0.08em; /* --ow-ls-eyebrow-cjk */\n --about-lh-ui: 1.5; /* --ow-lh-ui */\n --about-lh-body: 1.75; /* --ow-lh-body */\n --about-fw-medium: 500; /* --ow-font-weight-medium */\n --about-fw-semibold: 600; /* --ow-font-weight-semibold */\n --about-dur-2: 200ms; /* --ow-dur-2（主题切换过渡，§9） */\n --about-ease: cubic-bezier(0.22, 1, 0.36, 1); /* --ow-ease-beacon（唯一缓动） */\n\n /* ---- 字族栈：抄自 base.ts 的族名，尾部补独立 document 可用的系统回退；emoji 族置栈尾（§8） ---- */\n --about-font-sans: \"HarmonyOS Sans SC\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont,\n \"Segoe UI\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Noto Color Emoji\";\n --about-font-mono: \"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas,\n \"HarmonyOS Sans SC\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", monospace,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\";\n\n color-scheme: light dark;\n }\n /* ---- 暗档：抄自 tokens dark 终值。属性优先（宿主可钉 data-theme），无属性时随系统 ---- */\n @media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --about-bg: #16171B; /* dark --ow-bg = graphite */\n --about-surface: #1E2025; /* dark --ow-surface = graphite-raised */\n --about-border: #2A2C33; /* dark --ow-border = graphite-border */\n --about-text: #ECEBE5; /* dark --ow-text = gray-05 */\n --about-text-2: #82878F; /* dark --ow-text-2 = gray-40 */\n --about-scrollbar: #3A3D46; /* dark --ow-scrollbar */\n --about-scrollbar-hover: #4A5164; /* dark --ow-scrollbar-hover */\n --about-selection-bg: #F7F6F1; /* dark --ow-selection-bg */\n --about-selection-fg: #0F1B3D; /* dark --ow-selection-text = navy */\n }\n }\n :root[data-theme=\"dark\"] {\n /* 与上方媒体查询块逐值一致 */\n --about-bg: #16171B;\n --about-surface: #1E2025;\n --about-border: #2A2C33;\n --about-text: #ECEBE5;\n --about-text-2: #82878F;\n --about-scrollbar: #3A3D46;\n --about-scrollbar-hover: #4A5164;\n --about-selection-bg: #F7F6F1;\n --about-selection-fg: #0F1B3D;\n }\n\n ${brandPaletteCss}\n * { box-sizing: border-box; }\n html {\n width: 100%;\n height: 100%;\n background: var(--about-bg);\n }\n body {\n width: 100%;\n height: 100%;\n margin: 0;\n overflow: hidden;\n color: var(--about-text);\n background: var(--about-bg);\n font-family: var(--about-font-sans);\n -webkit-font-smoothing: antialiased;\n -webkit-user-select: none;\n user-select: none;\n transition: background-color var(--about-dur-2) var(--about-ease),\n color var(--about-dur-2) var(--about-ease);\n }\n ::selection {\n background: var(--about-selection-bg);\n color: var(--about-selection-fg);\n }\n /* 拖拽条 28px＝与 trafficLightPosition y:14 对称的功能几何，非间距阶，保持不动 */\n [data-slot=\"about-window\"] [data-ow-part=\"drag-region\"] { height: 28px; -webkit-app-region: drag; }\n [data-slot=\"about-window\"] [data-ow-part=\"content\"] {\n height: calc(100% - 28px);\n min-height: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--about-space-2) var(--about-space-8) var(--about-space-6);\n }\n /* 字标贴地：§5「影子只属离地之物」——原来的装饰投影（filter 辉光）2.0 一律清除 */\n [data-slot=\"about-window\"] [data-ow-part=\"logo\"] {\n width: 84px;\n height: 84px;\n flex: 0 0 auto;\n display: grid;\n place-items: center;\n }\n [data-slot=\"about-window\"] [data-ow-part=\"logo\"] svg,\n [data-slot=\"about-window\"] [data-ow-part=\"logo\"] img {\n width: 84px;\n height: 84px;\n display: block;\n object-fit: contain;\n }\n [data-slot=\"about-window\"] [data-ow-part=\"version\"] {\n margin-top: var(--about-space-4);\n color: var(--about-text);\n /* 版本号＝读数，§7 一律 mono＋tabular-nums */\n font-family: var(--about-font-mono);\n font-size: var(--about-fs-body);\n font-weight: var(--about-fw-semibold);\n line-height: var(--about-lh-ui);\n font-variant-numeric: tabular-nums;\n -webkit-user-select: text;\n user-select: text;\n }\n [data-slot=\"about-window\"] [data-ow-part=\"notes\"] {\n width: 100%;\n min-height: 0;\n flex: 1 1 auto;\n margin-top: var(--about-space-5);\n overflow-y: auto;\n /* 贴地之物：0 影＋1px 边框（§5） */\n border: var(--about-border-w) solid var(--about-border);\n border-radius: var(--about-radius-lg);\n padding: var(--about-space-4);\n background: var(--about-surface);\n -webkit-user-select: text;\n user-select: text;\n transition: background-color var(--about-dur-2) var(--about-ease),\n border-color var(--about-dur-2) var(--about-ease);\n }\n /* 「版本说明」＝中文眉标：500 / 12px / +0.08em / --ow-eyebrow（§8） */\n [data-slot=\"about-window\"] [data-ow-part=\"notes-title\"] {\n margin: 0;\n color: var(--about-text-2);\n font-size: var(--about-fs-eyebrow-cjk);\n font-weight: var(--about-fw-medium);\n letter-spacing: var(--about-ls-eyebrow-cjk);\n line-height: var(--about-lh-ui);\n }\n [data-slot=\"about-window\"] [data-ow-part=\"notes-body\"] {\n margin: var(--about-space-2) 0 0;\n color: var(--about-text);\n font-size: var(--about-fs-ui);\n line-height: var(--about-lh-body);\n white-space: pre-wrap;\n overflow-wrap: anywhere;\n }\n ::-webkit-scrollbar { width: var(--about-space-2); }\n ::-webkit-scrollbar-thumb {\n border-radius: var(--about-radius-pill);\n background: var(--about-scrollbar);\n }\n ::-webkit-scrollbar-thumb:hover { background: var(--about-scrollbar-hover); }\n @media (prefers-reduced-motion: reduce) {\n body, [data-slot=\"about-window\"] [data-ow-part=\"notes\"] { transition: none; }\n }\n</style>\n</head>\n<body data-slot=\"about-window\">\n <div data-ow-part=\"drag-region\" aria-hidden=\"true\"></div>\n <main data-ow-part=\"content\">\n <div data-ow-part=\"logo\" aria-label=\"${brandText} Logo\" role=\"img\">${logoMarkup}</div>\n <div data-ow-part=\"version\">版本 ${versionText}</div>\n <section data-ow-part=\"notes\" aria-labelledby=\"about-notes-title\">\n <h1 data-ow-part=\"notes-title\" id=\"about-notes-title\">版本说明</h1>\n <p data-ow-part=\"notes-body\">${notesText}</p>\n </section>\n </main>\n</body>\n</html>`\n}\n\nfunction escapeHtml(value: string): string {\n return value\n .replaceAll(\"&\", \"&\")\n .replaceAll(\"<\", \"<\")\n .replaceAll(\">\", \">\")\n .replaceAll('\"', \""\")\n .replaceAll(\"'\", \"'\")\n}\n\nfunction resolvePalette(source: AboutWindowPalette | undefined, fallback: Required<AboutWindowPalette>) {\n const color = (value: string | undefined, defaultValue: string) =>\n value && /^#[0-9a-f]{6}$/i.test(value) ? value : defaultValue\n return {\n bg: color(source?.bg, fallback.bg),\n surface: color(source?.surface, fallback.surface),\n border: color(source?.border, fallback.border),\n text: color(source?.text, fallback.text),\n text2: color(source?.text2, fallback.text2),\n }\n}\n"],"mappings":";AA0BO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAA+B;AAC7B,QAAM,cAAc,WAAW,QAAQ,KAAK,KAAK,cAAI;AACrD,QAAM,YAAY,WAAW,MAAM,KAAK,KAAK,sCAAQ;AACrD,QAAM,YAAY,WAAW,YAAY,KAAK,KAAK,WAAW;AAC9D,QAAM,aAAa,cAAc,aAAa,WAAW,WAAW,CAAC,mCAAmC;AACxG,QAAM,QAAQ,eAAe,OAAO,OAAO;AAAA,IACzC,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACD,QAAM,OAAO,eAAe,OAAO,MAAM;AAAA,IACvC,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACD,QAAM,kBACJ,OAAO,SAAS,OAAO,OACnB;AAAA;AAAA,kBAEU,MAAM,EAAE;AAAA,uBACH,MAAM,OAAO;AAAA,sBACd,MAAM,MAAM;AAAA,oBACd,MAAM,IAAI;AAAA,sBACR,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,oBAIb,KAAK,EAAE;AAAA,yBACF,KAAK,OAAO;AAAA,wBACb,KAAK,MAAM;AAAA,sBACb,KAAK,IAAI;AAAA,wBACP,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,kBAIhB,KAAK,EAAE;AAAA,uBACF,KAAK,OAAO;AAAA,sBACb,KAAK,MAAM;AAAA,oBACb,KAAK,IAAI;AAAA,sBACP,KAAK,KAAK;AAAA,OAExB;AAEN,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA8EjB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CA6GwB,SAAS,qBAAqB,UAAU;AAAA,+CAC9C,WAAW;AAAA;AAAA;AAAA,qCAGX,SAAS;AAAA;AAAA;AAAA;AAAA;AAK9C;AAEA,SAAS,WAAW,OAAuB;AACzC,SAAO,MACJ,WAAW,KAAK,OAAO,EACvB,WAAW,KAAK,MAAM,EACtB,WAAW,KAAK,MAAM,EACtB,WAAW,KAAK,QAAQ,EACxB,WAAW,KAAK,OAAO;AAC5B;AAEA,SAAS,eAAe,QAAwC,UAAwC;AACtG,QAAM,QAAQ,CAAC,OAA2B,iBACxC,SAAS,kBAAkB,KAAK,KAAK,IAAI,QAAQ;AACnD,SAAO;AAAA,IACL,IAAI,MAAM,QAAQ,IAAI,SAAS,EAAE;AAAA,IACjC,SAAS,MAAM,QAAQ,SAAS,SAAS,OAAO;AAAA,IAChD,QAAQ,MAAM,QAAQ,QAAQ,SAAS,MAAM;AAAA,IAC7C,MAAM,MAAM,QAAQ,MAAM,SAAS,IAAI;AAAA,IACvC,OAAO,MAAM,QAAQ,OAAO,SAAS,KAAK;AAAA,EAC5C;AACF;","names":[]}

package/dist/appearance-D7uh_ZTy.d.cts ADDED Viewed

@@ -0,0 +1,192 @@
+/** Supported text sizes, independent of the light/dark palette. */
+declare const ORBITWORK_FONT_SCALES: readonly [0.9, 1, 1.1, 1.2];
+type OrbitworkFontScale = (typeof ORBITWORK_FONT_SCALES)[number];
+declare function isOrbitworkFontScale(value: unknown): value is OrbitworkFontScale;
+/** Personal device preference wins over a skin preset; old settings resolve to 100%. */
+declare function resolveOrbitworkFontScale(preference: unknown, skinScale?: unknown): OrbitworkFontScale;
+/**
+ * Orbitwork skin protocol — aligned with Design project architecture.
+ * A skin is a validated JSON document that overrides --ow-* CSS variables
+ * at runtime. This module is framework-agnostic.
+ */
+type Theme = "light" | "dark" | "system";
+type ResolvedTheme = "light" | "dark";
+/**
+ * DS2 皮肤白名单（COMPONENT-RULES §15 · 2026-08-31 裁决）：
+ * - 可覆盖：中性表面/边框/文字梯度、chat/composer/sidebar 背景类、
+ *   btn-primary 族（唯一开放的租户品牌色位）。
+ * - 已移除（禁覆盖）：primary 族（--ow-primary 暗档=荧黄行动极）、link、
+ *   switchActive（--ow-control-on 无彩选中）、功能色四族、cardRadius/buttonRadius
+ *   （圆角是品牌定稿）。
+ */
+type OrbitworkSkinTokens = {
+    backgroundPrimary?: string;
+    backgroundSecondary?: string;
+    backgroundTertiary?: string;
+    foregroundPrimary?: string;
+    foregroundSecondary?: string;
+    foregroundMuted?: string;
+    borderSubtle?: string;
+    borderStrong?: string;
+    buttonPrimaryBackground?: string;
+    buttonPrimaryForeground?: string;
+    chatBackground?: string;
+    chatBackgroundImage?: string;
+    /** 0–1 decimal string; kept under the legacy chatBackground namespace for skin.json compatibility. */
+    chatBackgroundImageOpacity?: string;
+    chatBackgroundOverlay?: string;
+    chatBackgroundMaskColor?: string;
+    chatBackgroundPosition?: "center" | "top" | "bottom" | "left" | "right" | "top left" | "top right" | "bottom left" | "bottom right";
+    chatBackgroundSize?: "cover" | "contain" | "auto";
+    userBubbleBackground?: string;
+    userBubbleForeground?: string;
+    userBubbleBorder?: string;
+    composerBackground?: string;
+    composerBorder?: string;
+    sidebarBackground?: string;
+    sidebarSelectedBackground?: string;
+};
+/** Maintenance record for each public-part precision selector. */
+type OrbitworkSkinRegistryEntry = {
+    target: string;
+    reason: string;
+};
+type OrbitworkSkin = {
+    version: 1;
+    id: string;
+    name: string;
+    description?: string;
+    /** Uniform text size preset, shared by both color modes. */
+    fontScale?: OrbitworkFontScale;
+    modes: {
+        light?: OrbitworkSkinTokens;
+        dark?: OrbitworkSkinTokens;
+    };
+    contributes?: {
+        /** Registered CSS targeting component roots and their public parts. */
+        publicPartStyles?: string;
+        /** Every public-part selector must have a matching maintenance record. */
+        registry?: OrbitworkSkinRegistryEntry[];
+    };
+};
+type SkinValidationResult = {
+    ok: true;
+    skin: OrbitworkSkin;
+} | {
+    ok: false;
+    error: string;
+};
+declare const MAX_ORBITWORK_SKIN_IMAGE_BYTES: number;
+type OrbitworkSkinChatBackgroundMask = {
+    color: string;
+    strength: number;
+    startOpacity: number;
+    endOpacity: number;
+};
+/** Six-digit colors retain the original 80% → 50% mask; explicit alpha controls final strength. */
+declare function resolveOrbitworkSkinChatBackgroundMask(value: string): OrbitworkSkinChatBackgroundMask;
+declare function orbitworkSkinChatBackgroundMaskColor(color: string, strength: number): string;
+declare const ORBITWORK_SKIN_CSS_VARIABLES: Readonly<Record<keyof OrbitworkSkinTokens, string>>;
+/**
+ * Exact precision-style surface maintained by Orbitwork UI.
+ * A data-slot/data-ow-part attribute is not skin-public unless it appears here.
+ * Each target also owns its allowed visual properties so skins cannot turn a
+ * stable selector into an undocumented layout or behavior override.
+ */
+declare const ORBITWORK_SKIN_PUBLIC_PARTS: Readonly<{
+    readonly '[data-slot="artifact-preview-card"] [data-ow-part="meta"]': readonly string[];
+}>;
+/** WCAG 2.x 相对亮度 → 对比度实算（输入为 3/4/6/8 位 hex；alpha 忽略，按不透明计算）。 */
+declare function ds2ContrastRatio(hexA: string, hexB: string): number;
+declare function hasOrbitworkSkinChatBackground(skin: OrbitworkSkin | null | undefined, mode: ResolvedTheme): boolean;
+declare function parseOrbitworkSkin(input: unknown): SkinValidationResult;
+/** Convert a validated embedded image into a CSS value without accepting arbitrary CSS or URLs. */
+declare function orbitworkSkinImageCssValue(value: string | undefined): string | undefined;
+/** Runtime layers may override only this complete neutral group. */
+declare const TENANT_THEME_COLOR_KEYS: readonly ["bg", "surface", "surface2", "text", "text2", "text3", "border", "borderStrong"];
+type TenantThemeColors = Record<(typeof TENANT_THEME_COLOR_KEYS)[number], string>;
+/** Localized brand copy. Assets stay outside locale buckets. */
+type TenantBranding = {
+    productName: string;
+    companyName: string;
+    claim?: string;
+    claimNote?: string;
+    slogan?: string;
+};
+type LocalizedBranding = Record<string, TenantBranding>;
+/**
+ * GET /api/v1/tenant/theme response.
+ *
+ * Every supplied mode is a complete neutral group. Keeping light and dark
+ * separate prevents a runtime :root override from leaking one palette into
+ * both DS2 modes.
+ */
+type TenantTheme = {
+    name: string;
+    /** Brand image. Empty string means fall through to the host/brand layer. */
+    logo: string;
+    favicon?: string;
+    modes: Partial<Record<ResolvedTheme, TenantThemeColors>>;
+    typography: {
+        fontSans: string;
+        fontMono: string;
+    };
+    /** en-US is the required baseline; other locale buckets are optional. */
+    branding: LocalizedBranding;
+};
+declare const UNIFIED_NEUTRAL_TOKENS: readonly ["--ow-bg", "--ow-surface", "--ow-surface-2", "--ow-text", "--ow-text-2", "--ow-text-3", "--ow-border", "--ow-border-strong"];
+declare const BRAND_ACTION_TOKENS: readonly ["--ow-btn-primary-bg", "--ow-btn-primary-hover", "--ow-btn-primary-press", "--ow-btn-primary-fg", "--ow-beacon", "--ow-beacon-idle", "--ow-accent-dot", "--ow-data-today"];
+declare const UNIFIED_TYPOGRAPHY_TOKENS: readonly ["--ow-font-sans", "--ow-font-mono"];
+type UnifiedNeutralToken = (typeof UNIFIED_NEUTRAL_TOKENS)[number];
+type BrandActionToken = (typeof BRAND_ACTION_TOKENS)[number];
+type BrandThemeToken = UnifiedNeutralToken | BrandActionToken;
+type UnifiedTypographyToken = (typeof UNIFIED_TYPOGRAPHY_TOKENS)[number];
+type UnifiedThemeToken = BrandThemeToken | UnifiedTypographyToken;
+/** Build-time validated OEM brand input consumed by the UI merge layer. */
+type BrandTheme = {
+    id: string;
+    logo?: string;
+    favicon?: string;
+    modes: Partial<Record<ResolvedTheme, Partial<Record<BrandThemeToken, string>>>>;
+    typography?: {
+        fontSans: string;
+        fontMono: string;
+    };
+    branding?: LocalizedBranding;
+};
+type UnifiedBranding = TenantBranding & {
+    logo?: string;
+    favicon?: string;
+};
+type UnifiedTheme = {
+    mode: ResolvedTheme;
+    /** Partial overrides only. DS2 CSS remains the sole source of defaults. */
+    tokens: Readonly<Partial<Record<AppliedThemeToken, string>>>;
+    branding: UnifiedBranding | null;
+    skin: {
+        id: string;
+        publicPartStyles?: string;
+        /** Validated embedded image retained outside CSSOM so the applier can use a short blob URL. */
+        chatBackgroundImage?: string;
+        hasChatBackgroundImage: boolean;
+        hasUserBubbleStyle: boolean;
+    } | null;
+    sources: {
+        brand: string | null;
+        tenant: string | null;
+        user: string | null;
+    };
+};
+type SkinThemeToken = (typeof ORBITWORK_SKIN_CSS_VARIABLES)[keyof typeof ORBITWORK_SKIN_CSS_VARIABLES] | "--ow-chat-bg-mask-start-opacity" | "--ow-chat-bg-mask-end-opacity";
+type AppliedThemeToken = UnifiedThemeToken | SkinThemeToken;
+/** Pick the best localized copy for a locale: canonical, then language, then en-US. */
+declare function localizedCopy(source: LocalizedBranding | undefined, locale: string): TenantBranding | undefined;
+declare const DEFAULT_ORBITWORK_SKIN_ID: "codex";
+declare const BUILTIN_ORBITWORK_SKINS: readonly [OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin];
+export { ds2ContrastRatio as A, type BrandTheme as B, orbitworkSkinImageCssValue as C, DEFAULT_ORBITWORK_SKIN_ID as D, type LocalizedBranding as L, MAX_ORBITWORK_SKIN_IMAGE_BYTES as M, type OrbitworkSkin as O, type ResolvedTheme as R, type SkinValidationResult as S, type Theme as T, type UnifiedTheme as U, type OrbitworkFontScale as a, type TenantTheme as b, BUILTIN_ORBITWORK_SKINS as c, ORBITWORK_FONT_SCALES as d, type OrbitworkSkinChatBackgroundMask as e, type OrbitworkSkinTokens as f, type TenantBranding as g, type TenantThemeColors as h, hasOrbitworkSkinChatBackground as i, isOrbitworkFontScale as j, resolveOrbitworkSkinChatBackgroundMask as k, localizedCopy as l, BRAND_ACTION_TOKENS as m, type BrandActionToken as n, orbitworkSkinChatBackgroundMaskColor as o, parseOrbitworkSkin as p, type BrandThemeToken as q, resolveOrbitworkFontScale as r, ORBITWORK_SKIN_CSS_VARIABLES as s, ORBITWORK_SKIN_PUBLIC_PARTS as t, UNIFIED_NEUTRAL_TOKENS as u, UNIFIED_TYPOGRAPHY_TOKENS as v, type UnifiedBranding as w, type UnifiedNeutralToken as x, type UnifiedThemeToken as y, type UnifiedTypographyToken as z };