@tensorix/metahub 0.5.4 → 0.5.7

package/dist/cli.js

@@ -801,7 +801,7 @@ var package_default;
 var init_package = __esm(() => {
   package_default = {
     name: "@tensorix/metahub",
-    version: "0.5.4",
+    version: "0.5.7",
     description: "Metahub core library and CLI",
     license: "AGPL-3.0-only",
     type: "module",
@@ -8160,6 +8160,45 @@ function removeSitePublishStates(db, siteId) {
 }
 var META_KEY = "site_publish_rollbacks", STATE_META_KEY = "site_publish_states";
 
+// src/core/copy-views.ts
+function copyViews(raw, props, records, selfRelations) {
+  if (!Array.isArray(raw))
+    return raw;
+  const object = (x) => !!x && typeof x === "object" && !Array.isArray(x);
+  const prop = (x) => typeof x === "string" ? props.get(x) ?? x : x;
+  return raw.map((v) => {
+    if (!object(v))
+      return v;
+    const out = { ...v };
+    for (const key of ["group", "dateProp", "start", "end"])
+      if (key in out)
+        out[key] = prop(out[key]);
+    if (Array.isArray(v.hidden))
+      out.hidden = v.hidden.map(prop);
+    if (Array.isArray(v.sort))
+      out.sort = v.sort.map((s) => object(s) ? { ...s, prop: prop(s.prop) } : s);
+    if (object(v.filter) && Array.isArray(v.filter.rules))
+      out.filter = {
+        ...v.filter,
+        rules: v.filter.rules.map((r) => {
+          if (!object(r))
+            return r;
+          return {
+            ...r,
+            prop: prop(r.prop),
+            ...typeof r.prop === "string" && selfRelations.has(r.prop) && Array.isArray(r.value) ? { value: r.value.map((id) => typeof id === "string" ? records.get(id) ?? id : id) } : {}
+          };
+        })
+      };
+    if (object(v.calc))
+      out.calc = Object.fromEntries(Object.entries(v.calc).map(([id, value]) => [
+        props.get(id) ?? id,
+        value
+      ]));
+    return out;
+  });
+}
+
 // src/core/indexing.ts
 function sanitize(s) {
   return s.replace(/[^a-zA-Z0-9_]/g, "_");
@@ -8971,10 +9010,6 @@ var init_databases = __esm(() => {
       name: opts.name ?? src.name,
       icon: opts.icon ?? src.icon ?? undefined
     });
-    if (src.meta !== null) {
-      const { collapsed: _hidden, ...meta } = src.meta;
-      emitMetaPatch(db, dup.id, null, meta);
-    }
     const propIdMap = new Map;
     const selfRelNew = new Set;
     for (const p of listProperties(db, id)) {
@@ -9009,6 +9044,12 @@ var init_databases = __esm(() => {
       if (Object.keys(patch).length)
         updateRecord(db, recIdMap.get(r.id), patch);
     }
+    if (src.meta !== null) {
+      const { collapsed: _hidden, ...meta } = src.meta;
+      if ("views" in meta)
+        meta.views = copyViews(meta.views, propIdMap, recIdMap, new Set(listProperties(db, id).filter((p) => p.type === "relation" && p.config?.database === id).map((p) => p.id)));
+      emitMetaPatch(db, dup.id, null, meta);
+    }
     return getDatabase(db, dup.id);
   });
   deleteDatabase = grouped(function deleteDatabase(db, id) {
@@ -13768,6 +13809,92 @@ var init_devices = __esm(() => {
   init_storage();
 });
 
+// src/core/ui-theme.ts
+var LIGHT_THEME, DARK_THEME, declarations = (palette) => Object.entries(palette).map(([k, v]) => `--${k}:${v};`).join(""), THEME_CSS, THEME_INIT_SCRIPT;
+var init_ui_theme = __esm(() => {
+  LIGHT_THEME = {
+    bg: "#ffffff",
+    paper: "#ffffff",
+    surface: "#fafaf9",
+    "surface-2": "#f1f1ef",
+    sidebar: "#f7f7f5",
+    fg: "#37352f",
+    "fg-soft": "#595750",
+    muted: "#6f6d66",
+    line: "#eae9e6",
+    "line-strong": "#d8d7d3",
+    accent: "#3867b2",
+    "accent-fg": "#ffffff",
+    "accent-soft": "#edf2f9",
+    hover: "rgba(55,53,47,.035)",
+    "hover-2": "rgba(55,53,47,.07)",
+    "code-bg": "#f6f5f3",
+    "selected-bg": "#f7f9fc",
+    "selected-border": "#a8b8ce",
+    "selected-icon-bg": "#edf2f8",
+    "selected-icon-fg": "#4d678b",
+    "selected-muted": "#626b78",
+    "selected-hover-bg": "#f1f5fa",
+    "selected-hover-border": "#8199bb",
+    danger: "#b6423a",
+    "danger-fg": "#ffffff",
+    "danger-soft": "#f9eeec",
+    success: "#347653",
+    warning: "#866022",
+    "warning-soft": "#faf3e5",
+    "brand-purple": "#79619d",
+    "brand-teal": "#397d76",
+    "brand-orange": "#a06436",
+    "shadow-sm": "0 1px 2px rgba(35,32,25,.035)",
+    "shadow-md": "0 4px 14px rgba(35,32,25,.08)",
+    "shadow-lg": "0 16px 48px rgba(35,32,25,.13)",
+    "brand-stripe": "linear-gradient(to right,#335cff 0% 25%,#8967ed 25% 50%,#18b7b6 50% 75%,#f28b55 75% 100%)"
+  };
+  DARK_THEME = {
+    bg: "#191919",
+    paper: "#191919",
+    surface: "#222222",
+    "surface-2": "#2c2c2b",
+    sidebar: "#202020",
+    fg: "#e8e7e4",
+    "fg-soft": "#c0beb8",
+    muted: "#aaa8a2",
+    line: "#30302f",
+    "line-strong": "#42423f",
+    accent: "#8aaddb",
+    "accent-fg": "#172235",
+    "accent-soft": "#263242",
+    hover: "rgba(255,255,255,.035)",
+    "hover-2": "rgba(255,255,255,.065)",
+    "code-bg": "#242423",
+    "selected-bg": "#242a32",
+    "selected-border": "#56657a",
+    "selected-icon-bg": "#2d3745",
+    "selected-icon-fg": "#afc5e2",
+    "selected-muted": "#b5bfcd",
+    "selected-hover-bg": "#2a313b",
+    "selected-hover-border": "#7287a3",
+    danger: "#e89890",
+    "danger-fg": "#2b1716",
+    "danger-soft": "#3b2927",
+    success: "#92bd9b",
+    warning: "#d6b578",
+    "warning-soft": "#363024",
+    "brand-purple": "#baa6d1",
+    "brand-teal": "#8cbbb4",
+    "brand-orange": "#d4a37d",
+    "shadow-sm": "0 1px 2px rgba(0,0,0,.15)",
+    "shadow-md": "0 4px 14px rgba(0,0,0,.25)",
+    "shadow-lg": "0 16px 48px rgba(0,0,0,.35)",
+    "brand-stripe": "linear-gradient(to right,#335cff 0% 25%,#8967ed 25% 50%,#18b7b6 50% 75%,#f28b55 75% 100%)"
+  };
+  THEME_CSS = `:root{color-scheme:light;${declarations(LIGHT_THEME)}--card:var(--surface-2);--ok:var(--success)}
+@media(prefers-color-scheme:dark){:root:not([data-resolved]){color-scheme:dark;${declarations(DARK_THEME)}}}
+:root[data-resolved="dark"]{color-scheme:dark;${declarations(DARK_THEME)}}
+::selection{background:var(--accent-soft);color:var(--accent)}`;
+  THEME_INIT_SCRIPT = `(function(){var t;try{t=localStorage.getItem('mh-theme')}catch(e){}var d=t==='dark'||(t!=='light'&&matchMedia('(prefers-color-scheme: dark)').matches);document.documentElement.dataset.resolved=d?'dark':'light';var m=document.querySelector('meta[name="theme-color"]');if(m)m.content=d?'${DARK_THEME.bg}':'${LIGHT_THEME.bg}'})();`;
+});
+
 // src/core/sync/http-status.ts
 function httpStatusForCode(code) {
   return code ? STATUS[code] ?? 400 : 400;
@@ -13915,6 +14042,11 @@ var init_page_messages = __esm(() => {
     "\u767B\u5F55\u5DF2\u8FC7\u671F,\u8BF7\u91CD\u65B0\u8F93\u5165\u4EE4\u724C\u3002": "Session expired. Enter the token again.",
     \u{9644}\u{4ef6}\u{5df2}\u{5931}\u{6548}: "Attachment unavailable",
     \u{94fe}\u{63a5}\u{7f3a}\u{5c11}\u{5206}\u{4eab}\u{6570}\u{636e}: "The link is missing share data",
+    \u{65e0}\u{6cd5}\u{6253}\u{5f00}\u{8fd9}\u{4efd}\u{5206}\u{4eab}: "Unable to open this share",
+    "\u8BF7\u4ECE\u539F\u6D88\u606F\u4E2D\u91CD\u65B0\u590D\u5236\u5B8C\u6574\u94FE\u63A5\uFF0C\u518D\u6253\u5F00\u8BD5\u8BD5\u3002": "Copy the full link from the original message, then open it again.",
+    "\u5982\u679C\u4ECD\u7136\u65E0\u6CD5\u6253\u5F00\uFF0C\u8BF7\u8054\u7CFB\u5206\u4EAB\u8005\u91CD\u65B0\u53D1\u9001\u94FE\u63A5\u3002": "If it still won't open, ask the sender for a new link.",
+    "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8FDE\u63A5\u540E\u91CD\u8BD5\uFF0C\u6216\u8054\u7CFB\u5206\u4EAB\u8005\u786E\u8BA4\u94FE\u63A5\u662F\u5426\u4ECD\u7136\u6709\u6548\u3002": "Check your connection and try again, or ask the sender whether the link is still valid.",
+    \u{91cd}\u{65b0}\u{52a0}\u{8f7d}: "Reload",
     \u{8bf7}\u{8f93}\u{5165}\u{5206}\u{4eab}\u{53e3}\u{4ee4}: "Enter the share passcode",
     \u{94fe}\u{63a5}\u{7f3a}\u{5c11}\u{5bc6}\u{94a5}: "The link is missing its key",
     \u{53e3}\u{4ee4}\u{9519}\u{8bef}\u{6216}\u{94fe}\u{63a5}\u{5df2}\u{5931}\u{6548}: "Wrong passcode or the link has expired",
@@ -15450,17 +15582,9 @@ function unlockPage(locale = "zh-CN") {
   return `<!doctype html><html lang="${locale}"><head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
-<meta name="theme-color" content="#ffffff">
+<meta name="theme-color" content="${LIGHT_THEME.bg}">
 <title>${m("\u9A8C\u8BC1\u8BBF\u95EE\u4EE4\u724C \xB7 metahub")}</title>
-<script>
-  // FOUC-guard theme resolution, same key/logic as src/webui/theme.ts.
-  try {
-    var mt = localStorage.getItem("mh-theme");
-    var dark = mt === "dark" || (mt !== "light" && matchMedia("(prefers-color-scheme: dark)").matches);
-    document.documentElement.dataset.resolved = dark ? "dark" : "light";
-    document.head.querySelector('meta[name=theme-color]').setAttribute("content", dark ? "#1a1a1c" : "#ffffff");
-  } catch (e) {}
-</script>
+<script>${THEME_INIT_SCRIPT}</script>
 <style>${UNLOCK_CSS}</style></head><body>
 <div class="boot" id="boot"><svg viewBox="0 0 24 24">${CUBE_SVG}</svg></div>
 <form class="card" id="f" style="display:none" autocomplete="on">
@@ -15609,15 +15733,20 @@ function cookieMutationRejection(req, url, cfg) {
 function unauthorized() {
   return Response.json({ error: "unauthorized" }, { status: 401 });
 }
-var COOKIE = "mh_token", COOKIE_ATTRS = "path=/; SameSite=Strict; Max-Age=31536000", HTML_HEADERS, CUBE_SVG = '<path d="M21 7.5 12 2 3 7.5v9L12 22l9-5.5z"/><path d="m3 7.5 9 5.5 9-5.5M12 22v-9"/>', EYE_SVG = '<path d="M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3"/>', EYE_OFF_SVG = '<path d="M4 4l16 16M9.5 9.5a3 3 0 0 0 4 4M6.5 6.7C4.5 8 3 10 2 12c2 4 6 7 10 7 1.6 0 3-.4 4.4-1.1M9.5 5.2A9.7 9.7 0 0 1 12 5c4 0 8 3 10 7-.6 1.3-1.5 2.5-2.5 3.5"/>', UNLOCK_CSS = `
-  :root{color-scheme:light;
-    --bg:#ffffff;--surface:#fbfbfa;--surface-2:#f1f1ef;--fg:#2c2c30;--fg-soft:#5b5b62;
-    --muted:#75757f;--line:#ebebe8;--line-strong:#dededb;--accent:#4a55d6;--accent-fg:#ffffff;
-    --accent-soft:#eef0ff;--danger:#d6473b;--danger-soft:#fdeceb;--code-bg:#f8f8f6}
-  :root[data-resolved="dark"]{color-scheme:dark;
-    --bg:#1a1a1c;--surface:#202022;--surface-2:#2a2a2d;--fg:#e6e6e9;--fg-soft:#b4b4bb;
-    --muted:#8b8b95;--line:#2c2c30;--line-strong:#3a3a40;--accent:#7b86ff;--accent-fg:#14141a;
-    --accent-soft:#23243a;--danger:#f87168;--danger-soft:#341e1c;--code-bg:#26262a}
+var COOKIE = "mh_token", COOKIE_ATTRS = "path=/; SameSite=Strict; Max-Age=31536000", HTML_HEADERS, CUBE_SVG = '<path d="M21 7.5 12 2 3 7.5v9L12 22l9-5.5z"/><path d="m3 7.5 9 5.5 9-5.5M12 22v-9"/>', EYE_SVG = '<path d="M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3"/>', EYE_OFF_SVG = '<path d="M4 4l16 16M9.5 9.5a3 3 0 0 0 4 4M6.5 6.7C4.5 8 3 10 2 12c2 4 6 7 10 7 1.6 0 3-.4 4.4-1.1M9.5 5.2A9.7 9.7 0 0 1 12 5c4 0 8 3 10 7-.6 1.3-1.5 2.5-2.5 3.5"/>', UNLOCK_CSS, escapeAttr = (v) => v.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+var init_auth = __esm(() => {
+  init_ui_theme();
+  init_page_messages();
+  init_inject_runtime();
+  init_token();
+  init_pairing();
+  init_protocol();
+  HTML_HEADERS = {
+    "content-type": "text/html; charset=utf-8",
+    "referrer-policy": "same-origin"
+  };
+  UNLOCK_CSS = `
+  ${THEME_CSS}
   *{box-sizing:border-box}
   html,body{margin:0;min-height:100%}
   body{font-family:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
@@ -15682,17 +15811,7 @@ var COOKIE = "mh_token", COOKIE_ATTRS = "path=/; SameSite=Strict; Max-Age=315360
   @keyframes spin{to{transform:rotate(360deg)}}
   @media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}
     .brand path{stroke-dashoffset:0}}
-`, escapeAttr = (v) => v.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-var init_auth = __esm(() => {
-  init_page_messages();
-  init_inject_runtime();
-  init_token();
-  init_pairing();
-  init_protocol();
-  HTML_HEADERS = {
-    "content-type": "text/html; charset=utf-8",
-    "referrer-policy": "same-origin"
-  };
+`;
 });
 
 // src/core/md/grammar.ts
@@ -16322,8 +16441,7 @@ function notFoundResponse(locale, title, detail) {
 <meta name="robots" content="noindex">
 <title>${escapeHtml(title)}</title>
 <style>
-  :root{--bg:#ffffff;--fg:#1f2328;--muted:#6e7781;--line:#d0d7de;--accent:#0969da;--card:#f6f8fa}
-  @media (prefers-color-scheme: dark){:root{--bg:#0d1117;--fg:#e6edf3;--muted:#8b949e;--line:#30363d;--accent:#4493f8;--card:#161b22}}
+  ${THEME_CSS}
   *{box-sizing:border-box}
   body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
     min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}
@@ -16347,6 +16465,7 @@ function notFoundResponse(locale, title, detail) {
   });
 }
 var init_sites_serve = __esm(() => {
+  init_ui_theme();
   init_sites();
   init_site_channel_store();
   init_grants_core();
@@ -16358,6 +16477,20 @@ var init_sites_serve = __esm(() => {
   init_auth();
 });
 
+// src/core/sync/share-file-styles.ts
+var SHARE_FILE_CSS = `
+article.doc p.mh-file{margin:0}
+article.doc .mh-file+.mh-file{border-top:1px solid var(--line)}
+article.doc .mh-file a{display:block;position:relative;min-height:44px;max-width:100%;padding:11px 36px;border:0;border-radius:4px;background:transparent;color:var(--fg);font-size:14px;line-height:22px;text-decoration:none;overflow-wrap:anywhere}
+article.doc .mh-file a::before,article.doc .mh-file a::after{content:"";position:absolute;top:14px;width:16px;height:16px;background:currentColor;opacity:.65;mask:var(--file-icon) center/contain no-repeat}
+article.doc .mh-file a::before{left:10px;--file-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E")}
+article.doc .mh-file a::after{right:10px;--file-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m-4-4 4 4 4-4M5 16v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-4'/%3E%3C/svg%3E")}
+article.doc .mh-file a[href]:not([aria-disabled="true"]):hover{background:var(--card);color:var(--accent);text-decoration:underline;text-underline-offset:3px}
+article.doc .mh-file a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--card);color:var(--accent)}
+article.doc .mh-file a[aria-disabled="true"]{color:var(--muted);pointer-events:none}
+article.doc .mh-file a[aria-disabled="true"]::after{display:none}
+`;
+
 // src/core/sync/share-copy.ts
 function markdownTable(header, rows) {
   const cell = (s) => s.replace(/\r?\n/g, " ").replace(/\|/g, "\\|").trim();
@@ -16391,12 +16524,11 @@ var ICON_COPY = '<svg class="ic-copy" viewBox="0 0 24 24" aria-hidden="true"><re
 .copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 .copy-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
 .copy-btn .ic-check{display:none}
-.copy-btn.done{color:var(--ok,#1a7f37);border-color:var(--ok,#1a7f37)}
+.copy-btn.done{color:var(--success);border-color:var(--success)}
 .copy-btn.done .ic-copy{display:none}.copy-btn.done .ic-check{display:block}
 .copy-btn.done .ic-check path{stroke-dasharray:24;stroke-dashoffset:24;animation:mh-draw .22s ease-out forwards}
-.copy-btn.fail{color:#cf222e;border-color:#cf222e}
+.copy-btn.fail{color:var(--danger);border-color:var(--danger)}
 @keyframes mh-draw{to{stroke-dashoffset:0}}
-@media (prefers-color-scheme:dark){:root{--ok:#3fb950}}
 @media (max-width:480px){.copy-btn span{display:none}.copy-btn{padding:0 9px}}
 @media (prefers-reduced-motion:reduce){.copy-btn .ic-check path{animation:none;stroke-dashoffset:0}}`;
 var init_share_copy = __esm(() => {
@@ -16811,14 +16943,13 @@ function pageShell(title, inner, opts) {
 <meta name="robots" content="noindex">
 <title>${escapeHtml(title)}</title>
 <style>
-  :root{--bg:#ffffff;--fg:#1f2328;--muted:#6e7781;--line:#d0d7de;--accent:#0969da;--card:#f6f8fa}
-  @media (prefers-color-scheme: dark){:root{--bg:#0d1117;--fg:#e6edf3;--muted:#8b949e;--line:#30363d;--accent:#4493f8;--card:#161b22}}
+  ${THEME_CSS}
   *{box-sizing:border-box}
   body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
   .wrap{max-width:820px;margin:0 auto;padding:32px 20px 80px}
   header.mh{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:14px}
   header.mh h1.title{font-size:22px;margin:0}
-  .edit-btn{background:var(--accent);color:#fff;border:0;border-radius:7px;height:32px;padding:0 14px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit}
+  .edit-btn{background:var(--accent);color:var(--accent-fg);border:0;border-radius:7px;height:32px;padding:0 14px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit}
   ${COPY_CSS}
   .hint{color:var(--muted);font-size:13px;margin:0 0 14px}
   article.doc h1,article.doc h2,article.doc h3{line-height:1.3;margin:1.4em 0 .5em}
@@ -16832,11 +16963,11 @@ function pageShell(title, inner, opts) {
   article.doc td,article.doc th,table.db td,table.db th{border:1px solid var(--line);padding:7px 10px;text-align:left}
   table.db th{background:var(--card)}
   .table-wrap{overflow:auto}
-  td[contenteditable]{outline:none} td.saving{opacity:.5} td.saved{background:rgba(46,160,67,.18)}
+  td[contenteditable]{outline:none} td.saving{opacity:.5} td.saved{background:color-mix(in srgb,var(--success) 18%,transparent)}
   .tag{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12px}
   .muted{color:var(--muted)} .mh-img{text-align:center}
   .mh-media{text-align:center} .mh-media video,.mh-media audio{max-width:100%}
-  .mh-file a{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 14px;color:var(--accent);text-decoration:none}
+  ${SHARE_FILE_CSS}
   .mh-doclink{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:0 5px;white-space:nowrap}
   .mh-doclink::before{content:"\uD83D\uDCC4";font-size:.85em;margin-right:3px}
   iframe.mh-embed{width:100%;border:1px solid var(--line);border-radius:8px;min-height:240px}
@@ -16845,8 +16976,8 @@ function pageShell(title, inner, opts) {
   .row{display:flex;gap:10px;align-items:center;margin:10px 0}
   form.pw{max-width:320px;margin:12vh auto 0;display:flex;flex-direction:column;gap:12px}
   form.pw input{padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--fg)}
-  form.pw button{padding:9px;border:0;border-radius:7px;background:var(--accent);color:#fff;cursor:pointer}
-  form.pw .err{color:#f85149;font-size:13px;margin:0}
+  form.pw button{padding:9px;border:0;border-radius:7px;background:var(--accent);color:var(--accent-fg);cursor:pointer}
+  form.pw .err{color:var(--danger);font-size:13px;margin:0}
   footer.mh{margin-top:48px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:12px;text-align:center}
 </style></head><body>
 ${opts.bare ? `<div class="wrap">${inner}</div>` : `<div class="wrap">
@@ -16860,6 +16991,7 @@ ${script}
 }
 var HTML, HASH_RE3, SHARE_SESSION_TTL_MS;
 var init_share_serve = __esm(() => {
+  init_ui_theme();
   init_ids();
   init_shares();
   init_documents();
@@ -20903,6 +21035,162 @@ init_records();
 init_blobs_core();
 init_storage();
 init_storage_s3_sign();
+
+// src/core/sync/share-short-links.ts
+init_e2ee();
+init_storage();
+
+// src/core/sync/share-link.ts
+init_e2ee();
+async function tokenHash(token) {
+  return toB64url(new Uint8Array(await crypto.subtle.digest("SHA-256", new TextEncoder().encode(token))));
+}
+async function linkId(token) {
+  const digest = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(token));
+  return toB64url(new Uint8Array(digest).slice(0, 16));
+}
+function signedUrlExpiry(value) {
+  try {
+    const u = new URL(value);
+    if (u.protocol !== "https:" || u.username || u.password || u.hash || value.length > 8192)
+      return null;
+    const date = u.searchParams.get("X-Amz-Date") ?? "";
+    const seconds = Number(u.searchParams.get("X-Amz-Expires"));
+    if (!/^\d{8}T\d{6}Z$/.test(date) || !Number.isInteger(seconds) || seconds < 1 || seconds > 604800)
+      return null;
+    if (!/^[a-f0-9]{64}$/i.test(u.searchParams.get("X-Amz-Signature") ?? ""))
+      return null;
+    const iso = `${date.slice(0, 4)}-${date.slice(4, 6)}-${date.slice(6, 8)}T${date.slice(9, 11)}:${date.slice(11, 13)}:${date.slice(13, 15)}Z`;
+    const start = Date.parse(iso);
+    return Number.isFinite(start) ? start + seconds * 1000 : null;
+  } catch {
+    return null;
+  }
+}
+function longShareUrl(base, link) {
+  return `${base.replace(/\/+$/, "")}/#m=${encodeURIComponent(link.manifestUrl)}&${link.keyB64 ? `k=${link.keyB64}` : `s=${link.saltB64}`}`;
+}
+
+// src/core/sync/share-short-links.ts
+var TIMEOUT = 8000;
+function root(config, slug) {
+  return `${config.prefix.replace(/^\/+|\/+$/g, "") ? `${config.prefix.replace(/^\/+|\/+$/g, "")}/` : ""}shares/${slug}/links/`;
+}
+function viewerBase(base) {
+  const url = new URL(base);
+  if (url.protocol !== "https:" || url.username || url.password || url.search || url.hash)
+    throw new Error("invalid viewer");
+  if (url.pathname !== "/")
+    throw new Error("static subpath viewer");
+  return url.origin;
+}
+async function unpack(config, bytes) {
+  const raw = config.encrypt && config.masterKey ? await decryptBytes(fromB64(config.masterKey), bytes) : bytes;
+  const value = JSON.parse(new TextDecoder().decode(raw));
+  if (value.v !== 1 || !/^[A-Za-z0-9_-]{43}$/.test(value.token) || viewerBase(value.base) !== value.base)
+    throw new Error("invalid short-link control");
+  return value;
+}
+async function controlFor(config, slug, base) {
+  const client = storageClientFor(config);
+  const path = `${root(config, slug)}${await tokenHash(base)}.json`;
+  const existing = await client.get(path);
+  if (existing) {
+    const control = await unpack(config, existing);
+    if (control.base !== base)
+      throw new Error("viewer mismatch");
+    return control;
+  }
+  const control = { v: 1, base, token: toB64url(generateMasterKey()) };
+  const plain = new TextEncoder().encode(JSON.stringify(control));
+  const bytes = config.encrypt && config.masterKey ? await encryptBytes(fromB64(config.masterKey), plain) : plain;
+  try {
+    await client.put(path, bytes, {
+      ifNoneMatch: true,
+      contentType: "application/octet-stream"
+    });
+  } catch (error) {
+    const winner = await client.get(path);
+    if (!winner)
+      throw error;
+    const value = await unpack(config, winner);
+    if (value.base !== base)
+      throw new Error("viewer mismatch");
+    return value;
+  }
+  return control;
+}
+function request(url, init = {}) {
+  return fetch(url, {
+    ...init,
+    redirect: "error",
+    credentials: "omit",
+    cache: "no-store",
+    signal: AbortSignal.timeout(TIMEOUT)
+  });
+}
+async function bucketShareUrl(config, slug, base, link) {
+  const fallback = longShareUrl(base, link);
+  try {
+    const origin = viewerBase(base);
+    const expiresAt = Math.min(link.presignExp, signedUrlExpiry(link.manifestUrl) ?? 0);
+    if (expiresAt <= Date.now())
+      return fallback;
+    const probe = await request(`${origin}/api/links`);
+    if (!probe.ok || (await probe.json()).service !== "metahub-share-links")
+      throw new Error("static viewer");
+    const control = await controlFor(config, slug, origin);
+    const id = await linkId(control.token);
+    const endpoint = `${origin}/api/links/${id}`;
+    const authorization = `Bearer ${control.token}`;
+    const descriptor = {
+      v: 1,
+      manifestUrl: link.manifestUrl,
+      expiresAt,
+      ...link.saltB64 ? { salt: toB64url(fromB64(link.saltB64)) } : {}
+    };
+    const current = await request(endpoint, { headers: { authorization } });
+    if (!current.ok && current.status !== 404)
+      throw new Error("short-link lookup failed");
+    const etag = current.headers.get("etag");
+    if (current.ok && !etag)
+      throw new Error("not a short-link API");
+    const result = await request(endpoint, {
+      method: "PUT",
+      headers: {
+        authorization,
+        "content-type": "application/json",
+        ...current.ok ? { "if-match": etag } : { "if-none-match": "*" }
+      },
+      body: JSON.stringify(descriptor)
+    });
+    if (!result.ok || !result.headers.get("etag") || (await result.json()).ok !== true)
+      throw new Error("short-link registration failed");
+    return `${origin}/s/${id}${link.keyB64 ? `#k=${toB64url(fromB64(link.keyB64))}` : ""}`;
+  } catch {
+    console.warn("share: short-link service unavailable; using the original long link");
+    return fallback;
+  }
+}
+async function revokeBucketShortLinks(config, slug) {
+  const client = storageClientFor(config);
+  for (const object of await client.list(root(config, slug))) {
+    if (!object.key.endsWith(".json"))
+      continue;
+    const raw = await client.get(object.key);
+    if (!raw)
+      continue;
+    const control = await unpack(config, raw);
+    const response = await request(`${control.base}/api/links/${await linkId(control.token)}`, {
+      method: "DELETE",
+      headers: { authorization: `Bearer ${control.token}` }
+    });
+    if (!response.ok || (await response.json()).ok !== true)
+      throw new Error("short-link revocation has not been confirmed; retry later");
+  }
+}
+
+// src/core/sync/share-export.ts
 init_e2ee();
 function sharesRoot(prefix) {
   const p = (prefix || "").replace(/^\/+|\/+$/g, "");
@@ -21043,6 +21331,8 @@ async function renewBucketShare(db, config, slug, expiresSec = MAX_PRESIGN_SECON
   const meta = await readMeta2(config, slug);
   if (!meta)
     throw new MhError("not_found", `no such bucket share: ${slug}`);
+  if (meta.revoking)
+    throw new MhError("conflict", "share revocation is pending; retry revocation instead");
   const shareKey = fromB64(meta.key);
   const exp = clampExpiry(expiresSec);
   const { manifestUrl, objects, title } = await writeShareObjects(db, {
@@ -21078,6 +21368,8 @@ async function represignBucketShare(config, slug, expiresSec = MAX_PRESIGN_SECON
   const meta = await readMeta2(config, slug);
   if (!meta)
     throw new MhError("not_found", `no such bucket share: ${slug}`);
+  if (meta.revoking)
+    throw new MhError("conflict", "share revocation is pending; retry revocation instead");
   const client = storageClientFor(config);
   const root = sharesRoot(config.prefix);
   const shareKey = fromB64(meta.key);
@@ -21117,15 +21409,19 @@ async function listBucketShares(config) {
 async function deleteBucketShareObjects(config, slug) {
   const client = storageClientFor(config);
   const root = sharesRoot(config.prefix);
-  await client.del(metaKey(root, slug)).catch(() => {
-    return;
-  });
-  const meta = await readMeta2(config, slug).catch(() => null);
-  const objs = meta?.objects ?? (await client.list(`${root}/${slug}/`).catch(() => [])).map((o) => o.key);
+  const meta = await readMeta2(config, slug);
+  if (meta)
+    await client.put(metaKey(root, slug), await metaBytes(config, { ...meta, revoking: true }), { contentType: "application/octet-stream" });
+  await revokeBucketShortLinks(config, slug);
+  const objs = new Set([...meta?.objects ?? [], ...(await client.list(`${root}/${slug}/`)).map((o) => o.key)]);
+  const metaPath = metaKey(root, slug);
   for (const key of objs)
-    await client.del(key).catch(() => {
-      return;
-    });
+    if (key !== metaPath && !key.includes(`/links/`))
+      await client.del(key);
+  for (const key of objs)
+    if (key.includes(`/links/`))
+      await client.del(key);
+  await client.del(metaPath);
 }
 function clampExpiry(sec) {
   return Math.min(Math.max(60, Math.floor(sec)), MAX_PRESIGN_SECONDS);
@@ -21160,7 +21456,8 @@ function bucketShareItem(bucket, m) {
     hosting: "s3",
     expiresAt: m.presign_exp,
     hasPassword: m.has_password,
-    contentUpdatedAt: m.content_updated_at ?? m.created_at
+    contentUpdatedAt: m.content_updated_at ?? m.created_at,
+    ...m.revoking ? { lifecycle: "cleanup_pending" } : {}
   };
 }
 async function fetchPeerShares(url, token, targetId) {
@@ -21371,7 +21668,7 @@ function pickBucket(db, bucketUrl) {
     throw new MhError("invalid_input", `multiple buckets \u2014 pass --bucket <url> (one of: ${buckets.map((b) => b.url).join(", ")})`);
   return buckets[0].url;
 }
-function viewerBase(db, override) {
+function viewerBase2(db, override) {
   if (override)
     return override.replace(/\/+$/, "");
   const row = db.query("SELECT value FROM meta WHERE key='cfg_share_viewer_url'").get();
@@ -21384,10 +21681,6 @@ function viewerOriginOf(base) {
     return;
   }
 }
-function bucketLink(base, manifestUrl, keyB64, saltB64) {
-  const frag = `m=${encodeURIComponent(manifestUrl)}&` + (keyB64 ? `k=${keyB64}` : `s=${saltB64}`);
-  return `${base}/#${frag}`;
-}
 function assertShareCombo(req) {
   const fail = (msg) => {
     throw new MhError("invalid_input", msg);
@@ -21414,7 +21707,7 @@ async function createShareAction(db, req) {
     const target = resolveTarget(db, req.kind, req.ref);
     const bucketUrl = pickBucket(db, req.bucketUrl);
     const { config, label } = s3PeerConfig(db, bucketUrl);
-    const base = viewerBase(db, req.viewerBase);
+    const base = viewerBase2(db, req.viewerBase);
     const slug = freshSlug(db);
     const out = await createBucketShare(db, {
       slug,
@@ -21432,7 +21725,7 @@ async function createShareAction(db, req) {
       permission: "view",
       transport: "s3",
       hosting: "s3",
-      url: bucketLink(base, out.manifestUrl, out.keyB64, out.saltB64),
+      url: await bucketShareUrl(config, slug, base, out),
       expiresAt: out.presignExp,
       source: `\u6876 ${label}`
     };
@@ -21717,7 +22010,13 @@ async function revokeShareAction(db, slug) {
   const owner = await bucketOwning(db, slug);
   if (!owner)
     return { ok: false, status: "not_found" };
-  await deleteBucketShareObjects(JSON.parse(owner.peer.config), slug);
+  try {
+    await deleteBucketShareObjects(JSON.parse(owner.peer.config), slug);
+  } catch {
+    if (owner.item)
+      primeRemoteShare(db, owner.peer.url, { ...owner.item, lifecycle: "cleanup_pending" });
+    return { ok: false, status: "cleanup_pending" };
+  }
   dropRemoteShare(db, owner.peer.url, slug);
   return { ok: true, status: "revoked" };
 }
@@ -21739,7 +22038,7 @@ async function renewShareAction(db, slug, viewerBaseOverride, opts) {
     throw new MhError("not_found", `no such object-storage share: ${slug}`);
   const { peer: p } = owner;
   const config = JSON.parse(p.config);
-  const base = viewerBase(db, viewerBaseOverride);
+  const base = viewerBase2(db, viewerBaseOverride);
   const out = opts?.refreshContent ? await renewBucketShare(db, config, slug) : await represignBucketShare(config, slug);
   if (owner.item)
     primeRemoteShare(db, p.url, {
@@ -21754,7 +22053,7 @@ async function renewShareAction(db, slug, viewerBaseOverride, opts) {
     permission: "view",
     transport: "s3",
     hosting: "s3",
-    url: bucketLink(base, out.manifestUrl, out.keyB64, out.saltB64),
+    url: await bucketShareUrl(config, slug, base, out),
     expiresAt: out.presignExp,
     source: `\u6876 ${p.label ?? p.url}`
   };
@@ -22553,7 +22852,7 @@ var revoke = defineCommand({
       return;
     }
     const result = await revokeShareAction(db, args.slug);
-    print({ ...result, revoked: result.ok ? args.slug : null }, () => result.status === "cleanup_pending" ? `revocation pending: Edge has not confirmed room destruction for ${args.slug}` : result.ok ? `revoked ${args.slug}` : `no such share: ${args.slug}`);
+    print({ ...result, revoked: result.ok ? args.slug : null }, () => result.status === "cleanup_pending" ? `revocation pending: remote cleanup has not been confirmed for ${args.slug}; retry revoke` : result.ok ? `revoked ${args.slug}` : `no such share: ${args.slug}`);
   })
 });
 var renew = defineCommand({
@@ -22730,6 +23029,15 @@ var completion_default = defineCommand({
 init_client();
 init_peers();
 
+// src/core/csv-columns.ts
+function csvPropertyHeaders(props) {
+  const ids = new Set(props.map((p) => p.id));
+  const counts = new Map;
+  for (const p of props)
+    counts.set(p.name.toLowerCase(), (counts.get(p.name.toLowerCase()) ?? 0) + 1);
+  return props.map((p) => p.name.toLowerCase() === "id" || counts.get(p.name.toLowerCase()) !== 1 || ids.has(p.name) ? p.id : p.name);
+}
+
 // src/core/sync/files.ts
 init_resolve();
 init_documents();
@@ -22901,10 +23209,10 @@ async function exportDb(db, id, path) {
   }
   const docTitles = props.some((p) => p.type === "doc") ? documentTitleMap(db) : new Map;
   const titlesFor = (p) => p.type === "doc" ? docTitles : relTitles.get(p.config?.database ?? "") ?? new Map;
-  const header = ["id", ...props.map((p) => p.name)];
+  const header = ["id", ...csvPropertyHeaders(props)];
   const rows = recs.map((r) => [
     r.id,
-    ...props.map((p) => p.type === "relation" || p.type === "doc" ? encodeRelationCell(r.cells[p.id], titlesFor(p)) : cellToString(r.values[p.name]))
+    ...props.map((p) => p.type === "relation" || p.type === "doc" ? encodeRelationCell(r.cells[p.id], titlesFor(p)) : cellToString(r.cells[p.id]))
   ]);
   const csv = toCsv([header, ...rows]);
   await Bun.write(path, csv);
@@ -22921,29 +23229,43 @@ async function importDb(db, id, path) {
     return { direction: "import", kind: "db", id, path, rows: 0 };
   const header = grid[0];
   const idCol = header.indexOf("id");
-  const propByName = new Map;
-  for (const p of listProperties(db, id))
-    if (!propByName.has(p.name))
-      propByName.set(p.name, p);
+  if (header.filter((key) => key === "id").length > 1)
+    throw new MhError("invalid_input", "duplicate CSV record id column");
+  const props = listProperties(db, id);
+  const seen = new Set;
+  const columns = header.map((key, col) => {
+    if (col === idCol)
+      return null;
+    const p = resolveData(props, { [key]: null })[0].prop;
+    if (seen.has(p.id))
+      throw new MhError("invalid_input", `duplicate CSV property: ${key}`);
+    seen.add(p.id);
+    return p;
+  });
   let count = 0;
   for (let i = 1;i < grid.length; i++) {
-    const cells = grid[i];
-    const data = {};
-    for (let c = 0;c < header.length; c++) {
-      if (c === idCol)
-        continue;
-      const raw = cells[c];
-      if (raw == null || raw === "")
-        continue;
-      const colType = propByName.get(header[c])?.type;
-      data[header[c]] = colType === "relation" || colType === "doc" ? decodeRelationCell(raw) : parseCell(raw);
-    }
-    const rowId = idCol >= 0 ? cells[idCol]?.trim() : undefined;
-    if (rowId && getRecord(db, rowId))
-      updateRecord(db, rowId, data);
-    else
-      createRecord(db, id, data);
-    count++;
+    writeTx(db, () => {
+      const cells = grid[i];
+      const data = {};
+      for (let c = 0;c < header.length; c++) {
+        if (c === idCol)
+          continue;
+        const raw = cells[c];
+        if (raw == null || raw === "")
+          continue;
+        const colType = columns[c].type;
+        data[columns[c].id] = colType === "relation" || colType === "doc" ? decodeRelationCell(raw) : parseCell(raw);
+      }
+      const rowId = idCol >= 0 ? cells[idCol]?.trim() : undefined;
+      const existing = rowId ? getRecord(db, rowId) : null;
+      if (existing && existing.database_id !== id)
+        throw new MhError("invalid_input", `CSV row ${i + 1}: record ${rowId} belongs to another database`);
+      if (existing)
+        updateRecord(db, rowId, data);
+      else
+        createRecord(db, id, data);
+      count++;
+    });
   }
   return { direction: "import", kind: "db", id, path, rows: count };
 }
@@ -25325,6 +25647,7 @@ async function enableWorkerSubdomain(cfg) {
 }
 
 // src/core/sync/room-serve.ts
+init_ui_theme();
 init_errors();
 init_http_status();
 init_ids();
@@ -25336,6 +25659,19 @@ init_sites_core();
 init_shares();
 init_room_protocol();
 var ROOM_SESSION_TTL_MS = 12 * 60 * 60 * 1000;
+var PAGE_CSS = `
+  ${THEME_CSS}
+  *{box-sizing:border-box}
+  body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
+    min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}
+  main{max-width:420px;width:100%}
+  form.pw{display:flex;flex-direction:column;gap:12px}
+  form.pw input{padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--fg)}
+  form.pw button{padding:9px;border:0;border-radius:7px;background:var(--accent);color:var(--accent-fg);cursor:pointer}
+  .err{color:var(--danger);font-size:13px;margin:0}
+  .muted{color:var(--muted);font-size:14px}
+  h1{font-size:20px;margin:0 0 10px;text-align:center}
+  footer{margin-top:34px;color:var(--muted);font-size:12px;text-align:center}`;
 
 // src/workers/room.ts
 init_room_protocol();
@@ -25705,6 +26041,7 @@ function disconnectEdge(db) {
 }
 
 // src/core/sync/cf-oauth.ts
+init_ui_theme();
 init_errors();
 init_page_messages();
 init_e2ee();
@@ -25873,7 +26210,7 @@ async function startCfLogin(opts = {}) {
     }
   };
 }
-var callbackHtml = (locale) => `<!doctype html><html lang="${locale}"><meta charset="utf-8"><title>MetaHub</title>
+var callbackHtml = (locale) => `<!doctype html><html lang="${locale}"><meta charset="utf-8"><title>MetaHub</title><style>${THEME_CSS}body{background:var(--bg);color:var(--fg)}h2{color:var(--success)}p{color:var(--muted)}</style>
 <body style="font:15px system-ui;display:grid;place-items:center;height:100vh;margin:0">
 <div style="text-align:center"><h2>${pm(locale, "\u2705 \u5DF2\u6388\u6743")}</h2><p>${pm(locale, "\u53EF\u4EE5\u5173\u95ED\u6B64\u6807\u7B7E\u9875\uFF0C\u56DE\u5230 MetaHub \u7EE7\u7EED\u90E8\u7F72\u3002")}</p></div>`;
 
@@ -28008,24 +28345,15 @@ function startServer(opts = {}) {
 init_errors();
 
 // src/webui/server/assets.ts
+init_ui_theme();
 import { fileURLToPath as fileURLToPath2 } from "url";
 import { readdirSync as readdirSync4, statSync as statSync3 } from "fs";
 import { join as join11, dirname as dirname2 } from "path";
 
 // src/webui/styles.css
 var styles_default = `  :root {
-    /* Tells browser chrome (status-bar text, form controls, soft keyboard,
-       overscroll canvas) which appearance the page renders. Keyed off
-       data-resolved, so a manual theme toggle retunes it too. */
-    color-scheme: light;
-    --bg:#ffffff; --surface:#fbfbfa; --surface-2:#f1f1ef; --sidebar:#f7f7f5;
-    --fg:#2c2c30; --fg-soft:#5b5b62; --muted:#75757f; --line:#ebebe8; --line-strong:#dededb;
-    --accent:#4a55d6; --accent-fg:#ffffff; --accent-soft:#eef0ff; --danger:#d6473b; --danger-soft:#fdeceb;
-    --success:#1f8f3e;
-    --hover:rgba(45,45,55,.045); --hover-2:rgba(45,45,55,.08);
-    --shadow-sm:0 1px 2px rgba(20,20,40,.06),0 1px 1px rgba(20,20,40,.04);
-    --shadow-md:0 4px 12px rgba(20,20,40,.08),0 2px 4px rgba(20,20,40,.05);
-    --shadow-lg:0 16px 48px rgba(20,20,40,.16),0 4px 12px rgba(20,20,40,.08);
+    /* Palette comes from core/ui-theme.ts; dimensions and typography stay here. */
+
     --radius:8px; --radius-sm:6px; --radius-lg:14px; --radius-xl:16px;
     --fs-body:14px; --fs-ui:13.5px; --fs-sm:12.5px; --fs-xs:11.5px; --fs-micro:11px;
     --ui:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
@@ -28033,23 +28361,12 @@ var styles_default = `  :root {
     --kbd-font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
     --tip-bg:#1f1f23; --tip-fg:#ffffff; --tip-kbd-bg:rgba(255,255,255,.14); --tip-kbd-fg:rgba(255,255,255,.92);
     --note-lh:1.6;
-    --code-bg:#f8f8f6;
     --hl-cmt:#9a9aa2; --hl-key:#a626a4; --hl-str:#28823f; --hl-num:#b76a00;
     --hl-fn:#3f51d6; --hl-type:#0a7ea4; --hl-var:#c2410c;
   }
-  /* Dark palette \u2014 exactly once. JS resolves the user's choice (including
-   * "system" \u2192 the OS preference) to <html data-resolved="light|dark"> before
-   * first paint (FOUC script in the shell) and on every change (theme.ts), so
-   * CSS never needs a prefers-color-scheme duplicate of this block. */
+  /* Dark tooltip and syntax tokens; shared UI colors/elevation live in core/ui-theme.ts. */
   :root[data-resolved="dark"] {
-    color-scheme: dark;
-    --bg:#1a1a1c; --surface:#202022; --surface-2:#2a2a2d; --sidebar:#171719;
-    --fg:#e6e6e9; --fg-soft:#b4b4bb; --muted:#8b8b95; --line:#2c2c30; --line-strong:#3a3a40;
-    --accent:#7b86ff; --accent-fg:#14141a; --accent-soft:#23243a; --danger:#f87168; --danger-soft:#341e1c;
-    --success:#3fb950;
-    --hover:rgba(255,255,255,.05); --hover-2:rgba(255,255,255,.09);
-    --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow-md:0 4px 14px rgba(0,0,0,.45); --shadow-lg:0 20px 56px rgba(0,0,0,.6);
-    --code-bg:#1d1d20;
+
     --tip-bg:#2e2e32; --tip-fg:var(--fg); --tip-kbd-bg:rgba(255,255,255,.08); --tip-kbd-fg:var(--fg-soft);
     --hl-cmt:#7d7d86; --hl-key:#d291e4; --hl-str:#7ed492; --hl-num:#e0a566;
     --hl-fn:#86a8ff; --hl-type:#5fc6e0; --hl-var:#f0936b;
@@ -28176,7 +28493,7 @@ var styles_default = `  :root {
   .navitem { display:flex; align-items:center; gap:3px; width:100%; text-align:left; padding:5px 6px; margin-bottom:2px; border-radius:var(--radius-sm);
     color:var(--fg-soft); font-size:var(--fs-ui); position:relative; white-space:nowrap; transition:background .1s; }
   .navitem:hover { background:var(--hover-2); }
-  .navitem.active { background:var(--bg); color:var(--fg); font-weight:600; box-shadow:var(--shadow-sm); }
+  .navitem.active { background:var(--hover-2); color:var(--fg); font-weight:600; box-shadow:none; }
   .navitem .tw { width:18px; height:18px; display:grid; place-items:center; color:var(--muted); border-radius:4px; flex:none; }
   .navitem .tw:hover { background:var(--hover-2); }
   .navitem .tw svg { width:13px; height:13px; transition:transform .12s; }
@@ -28251,13 +28568,13 @@ var styles_default = `  :root {
      (driven by --mark-y / --mark-h from JS, eased by CSS) */
   .set-rail::before { content:""; position:absolute; left:0; top:4px; bottom:4px;
     width:2px; border-radius:2px; background:var(--line); }
-  .set-rail-mark { position:absolute; left:0; width:2px; border-radius:2px; background:var(--accent);
+  .set-rail-mark { position:absolute; left:0; width:2px; border-radius:2px; background:var(--fg-soft);
     height:var(--mark-h,0); transform:translateY(var(--mark-y,0));
     transition:transform .26s cubic-bezier(.4,0,.2,1), height .26s cubic-bezier(.4,0,.2,1); }
   .set-rail-row { display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:var(--radius-sm);
     color:var(--muted); text-align:left; cursor:pointer; transition:color .14s, background .14s; }
   .set-rail-row:hover { background:var(--hover); color:var(--fg); }
-  .set-rail-row.active { color:var(--accent); }
+  .set-rail-row.active { color:var(--fg); }
   .set-rail-ico { flex:none; display:grid; place-items:center; width:16px; height:16px; opacity:.85; }
   .set-rail-ico svg { width:15px; height:15px; }
   .set-rail-label { font-size:var(--fs-sm); font-weight:550; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@@ -28314,7 +28631,7 @@ var styles_default = `  :root {
   .set-row.dim > .set-row-line { opacity:.62; }
   /* status dot in a caption: the only colour a row carries */
   .cap-dot { display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; background:var(--muted); }
-  .cap-dot.ok { background:var(--success); } .cap-dot.warn { background:var(--warning,#9a6700); } .cap-dot.err { background:var(--danger); }
+  .cap-dot.ok { background:var(--success); } .cap-dot.warn { background:var(--warning); } .cap-dot.err { background:var(--danger); }
   .cap-err { color:var(--danger); }
   /* tag variants next to a title: neutral outline (default), accent (roles), self (soft fill) */
   .set-row-title .set-row-tag { margin-left:0; vertical-align:0; flex:none; }
@@ -28385,8 +28702,8 @@ var styles_default = `  :root {
   .audit-actor { flex:none; font-size:11px; font-weight:600; padding:1px 7px; border-radius:999px;
     background:var(--surface); border:1px solid var(--line); color:var(--fg-soft); max-width:110px;
     overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-  .audit-actor.ai { background:color-mix(in srgb, #8b5cf6 14%, transparent);
-    border-color:color-mix(in srgb, #8b5cf6 35%, transparent); color:#8b5cf6; }
+  .audit-actor.ai { background:color-mix(in srgb, var(--brand-purple) 14%, transparent);
+    border-color:color-mix(in srgb, var(--brand-purple) 35%, transparent); color:var(--brand-purple); }
   .audit-summary { font-size:var(--fs-ui); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
   .audit-ent { color:inherit; font-weight:600; text-decoration:none; margin-left:2px; }
   .audit-ent[href]:hover { color:var(--accent); text-decoration:underline; }
@@ -28405,7 +28722,7 @@ var styles_default = `  :root {
   .audit-end { display:flex; align-items:center; gap:12px; margin:18px 0 0; color:var(--muted); font-size:var(--fs-xs); }
   .audit-end::before, .audit-end::after { content:""; flex:1; height:1px; background:var(--line); }
   @media (hover:none) { .audit-revert { opacity:1; } }
-  .set-callout.warn { border-color:color-mix(in srgb,var(--warning,#9a6700) 32%,var(--line)); }
+  .set-callout.warn { border-color:color-mix(in srgb,var(--warning) 32%,var(--line)); }
   /* a quiet helper line under a field / chip group */
   .set-hint { font-size:var(--fs-xs); color:var(--muted); line-height:1.5; margin:3px 0 4px; }
   /* progressive disclosure ("\u5DE5\u4F5C\u539F\u7406" / "\u8FDB\u9636") \u2014 native details, themed */
@@ -28424,7 +28741,7 @@ var styles_default = `  :root {
   .provider-chip { padding:6px 12px; border-radius:999px; border:1px solid var(--line-strong); background:var(--surface);
     color:var(--fg-soft); font-size:var(--fs-sm); font-weight:550; transition:border-color .12s, background .12s, color .12s; }
   .provider-chip:hover { border-color:var(--muted); color:var(--fg); }
-  .provider-chip.sel { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); box-shadow:0 0 0 1px var(--accent) inset; }
+  .provider-chip.sel { border-color:var(--selected-border); background:var(--selected-bg); color:var(--accent); box-shadow:none; }
   /* ---- \u5173\u4E8E page -----------------------------------------------------------
      Product identity hero over the standard SetSection/SetRow stack. The cube
      mark sizes to a nav-icon's proportions scaled up; the version line reuses
@@ -28464,8 +28781,8 @@ var styles_default = `  :root {
   @keyframes ver-indet { 0% { left:-42%; } 100% { left:100%; } }
   .theme-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
   .theme-card { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:10px;
-    text-align:left; padding:16px; border:1px solid var(--line-strong); border-radius:var(--radius);
-    background:var(--surface); color:var(--fg-soft); box-shadow:var(--shadow-sm);
+    text-align:left; padding:16px; border:1px solid var(--line); border-radius:var(--radius);
+    background:var(--bg); color:var(--fg-soft); box-shadow:none;
     transition:border-color .14s, background .14s, transform .14s, box-shadow .14s; }
   .theme-card:hover { border-color:var(--muted); transform:translateY(-1px); }
   .theme-card .tc-ico { width:34px; height:34px; display:grid; place-items:center; border-radius:9px;
@@ -28476,8 +28793,10 @@ var styles_default = `  :root {
   .theme-card .tc-check { position:absolute; top:10px; right:10px; width:18px; height:18px; border-radius:50%;
     background:var(--accent); color:var(--accent-fg); display:grid; place-items:center; opacity:0; transform:scale(.6); transition:opacity .14s, transform .14s; }
   .theme-card .tc-check svg { width:12px; height:12px; stroke-width:2.6; }
-  .theme-card.sel { border-color:var(--accent); background:var(--accent-soft); box-shadow:0 0 0 1px var(--accent) inset, var(--shadow-sm); }
-  .theme-card.sel .tc-ico { background:var(--accent); color:var(--accent-fg); }
+  .theme-card.sel { border-color:var(--selected-border); background:var(--selected-bg); box-shadow:none; }
+  .theme-card.sel:hover { background:var(--selected-hover-bg); border-color:var(--selected-hover-border); }
+  .theme-card.sel .tc-desc { color:var(--selected-muted); }
+  .theme-card.sel .tc-ico { background:var(--selected-icon-bg); color:var(--selected-icon-fg); }
   .theme-card.sel .tc-check { opacity:1; transform:scale(1); }
   @media (max-width:560px) { .theme-grid { grid-template-columns:1fr; } }
   .brand-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr)); }
@@ -28494,7 +28813,7 @@ var styles_default = `  :root {
   .sync-health-sub { display:inline-flex; align-items:center; gap:8px; max-width:100%; min-width:0; }
   .sync-health-dot { flex:none; width:8px; height:8px; border-radius:50%; }
   .sync-health-dot.dot-ok { background:var(--success); }
-  .sync-health-dot.dot-warn { background:var(--warning,#9a6700); }
+  .sync-health-dot.dot-warn { background:var(--warning); }
   .sync-health-dot.dot-error { background:var(--danger); }
   /* shared expander chevron (bucket + device roster rows) */
   .row-chev { flex:none; color:var(--muted); display:flex; transition:transform .15s; }
@@ -28591,7 +28910,7 @@ var styles_default = `  :root {
   .btn-secondary:hover { background:var(--surface-2); }
   .btn-primary { background:var(--accent); color:var(--accent-fg); box-shadow:var(--shadow-sm); }
   .btn-primary:hover { filter:brightness(1.07); }
-  .btn-danger { background:var(--danger); color:#fff; } .btn-danger:hover { filter:brightness(1.05); }
+  .btn-danger { background:var(--danger); color:var(--danger-fg); } .btn-danger:hover { filter:brightness(1.05); }
   .btn.sm { padding:3px 8px; font-size:12px; }
   /* Notion-style ambient sync indicator: a quiet ghost control living in the
      topbar icon row. State reads through the *text/icon colour* \u2014 no filled pill
@@ -29464,7 +29783,7 @@ var styles_default = `  :root {
   .shv-ico svg { width:19px; height:19px; }
   .shv-ico.k-doc { color:var(--accent); background:var(--accent-soft); }
   .shv-ico.k-database { color:var(--fg-soft); }
-  .shv-ico.k-site { color:#1a7f5a; }
+  .shv-ico.k-site { color:var(--brand-teal); }
   .shv-main { min-width:0; }
   .shv-title { display:block; max-width:100%; font-weight:600; color:var(--fg); letter-spacing:-.01em;
     overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
@@ -29491,8 +29810,8 @@ var styles_default = `  :root {
     font-variant-numeric:tabular-nums; white-space:nowrap; }
   .shv-dot { width:8px; height:8px; border-radius:50%; background:var(--muted); flex:none; }
   .shv-status.tone-ok .shv-dot { background:var(--success); }
-  .shv-status.tone-warn { color:var(--warning,#9a6700); }
-  .shv-status.tone-warn .shv-dot { background:var(--warning,#9a6700); }
+  .shv-status.tone-warn { color:var(--warning); }
+  .shv-status.tone-warn .shv-dot { background:var(--warning); }
   .shv-status.tone-muted { color:var(--muted); }
   .shv-status.tone-muted .shv-dot { background:transparent; border:1.5px solid var(--line-strong); }
   .shv-status .sync-ring { width:10px; height:10px; }
@@ -29577,6 +29896,73 @@ var styles_default = `  :root {
     .shv-group-head .btn { margin-left:0; width:100%; justify-content:center; padding:7px 10px; }
   }
 
+  /* Share workspace: quiet Notion-like controls and aligned document rows. */
+  .shares-page { --shv-quiet:color-mix(in srgb,var(--fg) 4%,var(--bg)); --shv-rule:color-mix(in srgb,var(--fg) 8%,var(--bg)); container-type:inline-size; }
+  .shares-page .db-head { margin-bottom:28px; }
+  .shares-page .db-title { display:flex; align-items:center; gap:14px; margin:0; font-size:32px; line-height:1.35; }
+  .shares-page .db-title > .ico { width:27px; height:27px; flex:none; }
+  .shares-page .db-desc { max-width:none; margin-top:12px; line-height:1.7; }
+  .shv-toolbar { margin-bottom:20px; padding:8px 0; }
+  .shv-tools-right { display:flex; width:100%; gap:24px; margin:0; }
+  .shv-seg { gap:8px; border:0; padding:0; background:none; flex:none; }
+  .shv-seg-btn { min-height:34px; padding:7px 12px; border-radius:6px; gap:3px; transition:background .15s; }
+  .shv-seg-btn:hover { background:var(--shv-quiet); }
+  .shv-seg-btn.active { background:color-mix(in srgb,var(--fg) 6%,var(--bg)); box-shadow:none; }
+  .shv-seg-btn .n { font-family:inherit; min-width:1ch; color:var(--fg-soft); }
+  .shv-search { margin-left:auto; max-width:300px; padding:8px 12px; background:var(--shv-quiet); border:1px solid transparent; border-radius:7px; }
+  .shv-search input::placeholder { color:var(--fg-soft); }
+  .shv-search:focus-within { border-color:var(--accent); }
+  .shv-src.btn { background:none; border-color:transparent; box-shadow:none; padding:7px 4px; white-space:nowrap; }
+  .shv-columns { display:grid; grid-template-columns:minmax(0,1fr) 172px 142px; gap:20px; padding:10px 16px; border-radius:6px; background:var(--shv-quiet); color:var(--fg-soft); font-size:12px; }
+  .shv-list { gap:0; }
+  .shv-list[hidden] { display:none; }
+  .shv-row { grid-template-columns:28px minmax(0,1fr) 172px 142px; gap:16px 20px; min-height:96px; padding:20px 16px; border:0; border-bottom:1px solid var(--shv-rule); border-radius:0; background:none; transition:background .15s; }
+  .shv-row:hover { background:color-mix(in srgb,var(--fg) 2%,var(--bg)); box-shadow:none; border-color:var(--shv-rule); }
+  .shv-ico, .shv-ico.k-doc, .shv-ico.k-site { width:28px; height:32px; border-radius:0; background:none; color:var(--fg-soft); }
+  .shv-ico svg { width:24px; height:24px; stroke-width:1.5; }
+  .shv-title { font-size:15px; font-weight:550; line-height:1.5; }
+  .shv-sub { margin-top:5px; font-size:12px; color:var(--fg-soft); }
+  .shv-status { justify-self:start; min-width:0; padding:5px 8px; gap:6px; border-radius:5px; font-size:12px; }
+  .shv-status .ico { width:14px; height:14px; flex:none; }
+  .shv-status.tone-ok { color:var(--success); background:color-mix(in srgb,var(--success) 8%,var(--bg)); }
+  .shv-status.tone-warn { background:color-mix(in srgb,var(--warning) 8%,var(--bg)); }
+  .shv-status.tone-muted { background:var(--shv-quiet); color:var(--fg-soft); }
+  .shv-actions { justify-content:space-between; gap:12px; }
+  .shv-actions .btn { min-height:30px; min-width:88px; border-radius:6px; }
+  .shv-actions .shv-copy { background:none; border-color:transparent; box-shadow:none; }
+  .shv-actions .ico { width:15px; height:15px; }
+  .shv-group-head { margin:16px 0; font-weight:400; }
+  .shv-group-toggle { display:flex; align-items:center; gap:10px; padding:6px; color:var(--fg); border-radius:6px; }
+  .shv-group-toggle:hover { background:var(--shv-quiet); }
+  .shv-group-toggle .ico { width:14px; height:14px; color:var(--fg-soft); }
+  .shv-group-head .n { font-family:inherit; background:var(--shv-quiet); padding:2px 7px; border-radius:5px; color:var(--fg-soft); }
+  .shv-group-head .btn { background:none; border-color:transparent; box-shadow:none; color:var(--fg-soft); }
+  .shares-page button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
+  @container (max-width:850px) {
+    .shv-tools-right { flex-wrap:wrap; gap:12px; }
+    .shv-seg { width:100%; }
+    .shv-search { margin-left:0; max-width:none; }
+    .shv-columns { grid-template-columns:minmax(0,1fr) 145px 124px; gap:12px; }
+    .shv-row { grid-template-columns:24px minmax(0,1fr) 145px 124px; gap:12px; }
+  }
+  @container (max-width:600px) {
+    .shv-columns { display:none; }
+    .shv-seg { gap:3px; }
+    .shv-seg-btn { flex:1; min-width:0; justify-content:center; padding:8px 3px; font-size:12px; gap:2px; }
+    .shv-seg-btn .n { margin-left:2px; font-size:11px; }
+    .shv-src { flex:none; }
+    .shv-toolbar { margin-bottom:8px; }
+    .shv-row { grid-template-columns:24px minmax(0,1fr); padding:18px 4px; }
+    .shv-title { white-space:normal; display:block; overflow-wrap:anywhere; }
+    .shv-sub { flex-wrap:wrap; white-space:normal; overflow-wrap:anywhere; }
+    .shv-sub > * { flex-shrink:1; min-width:0; }
+    .shv-status { grid-column:2; }
+    .shv-actions { grid-column:2; justify-content:flex-start; }
+    .shv-actions .btn { flex:none; min-height:36px; }
+    .shv-actions .iconbtn { margin-left:auto; }
+    .shv-group-head .btn { width:auto; margin-left:auto; }
+  }
+
   /* in-context "\u5DF2\u5206\u4EAB" badge on docs / tables / site cards */
   .share-badge { display:inline-grid; place-items:center; width:22px; height:22px; border-radius:6px; color:var(--accent);
     background:var(--accent-soft); flex:none; cursor:pointer; transition:filter .12s; }
@@ -29713,7 +30099,7 @@ var styles_default = `  :root {
   .selbar .cnt { font-size:13px; font-weight:600; margin-right:6px; }
   .selbar button { display:flex; align-items:center; gap:6px; color:var(--fg-soft); padding:6px 10px; border-radius:7px; font-size:13px; font-weight:500; }
   .selbar button:hover { background:var(--hover-2); color:var(--fg); }
-  .selbar .del:hover { background:var(--danger); color:#fff; }
+  .selbar .del:hover { background:var(--danger); color:var(--danger-fg); }
 
   /* record peek */
   .scrim { position:fixed; inset:0; background:rgba(15,15,25,.32); z-index:70; opacity:0; pointer-events:none; transition:opacity .22s; }
@@ -30042,14 +30428,22 @@ var styles_default = `  :root {
   .tmpl .tt { font-weight:600; font-size:var(--fs-ui); } .tmpl .td { font-size:var(--fs-xs); color:var(--muted); margin-top:2px; }
 
   /* toast */
-  .toasts { position:fixed; bottom:20px; left:20px; z-index:110; display:flex; flex-direction:column; gap:8px; }
-  .toast { background:var(--fg); color:var(--bg); padding:10px 14px; border-radius:9px; font-size:13px; box-shadow:var(--shadow-lg);
+  .toasts { position:fixed; bottom:20px; left:20px; max-width:calc(100vw - 40px); z-index:110; display:flex; flex-direction:column; gap:8px; }
+  .toast { position:relative; box-sizing:border-box; touch-action:pan-y; user-select:none; transform:translateX(var(--toast-offset, 0px)); transition:transform .18s ease-out, opacity .16s ease; background:var(--fg); color:var(--bg); padding:10px 14px; border-radius:9px; font-size:13px; box-shadow:var(--shadow-lg);
     display:flex; align-items:center; gap:8px; animation:slidein .2s ease; }
   @keyframes slidein { from { opacity:0; transform:translateX(-12px); } }
-  .toast.error { background:var(--danger); color:#fff; }
+  .toast.error { background:var(--danger); color:var(--danger-fg); }
   .toast.leaving { animation:toast-out .16s ease-in forwards; pointer-events:none; }
   @keyframes toast-out { to { opacity:0; transform:translateX(-8px); } }
-  .toast-msg { min-width:0; }
+  .toast-msg { min-width:0; overflow-wrap:anywhere; }
+  .toast > .ico, .toast-act { flex-shrink:0; }
+  .toast.dragging { animation:none; transition:none; cursor:grabbing; }
+  .toast.leaving.swipe-out { animation:none; transition:transform .16s ease-in, opacity .16s ease-in; }
+  .toast-act:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
+  @media (prefers-reduced-motion:reduce) {
+    .toast, .toast.dragging, .toast.leaving, .toast.leaving.swipe-out { animation:none; transition:none; transform:none; }
+    .toast.leaving { opacity:0; }
+  }
   .toast-act { margin-left:4px; padding:3px 9px; border-radius:6px; font-weight:600; color:inherit; background:color-mix(in srgb, var(--bg) 16%, transparent); white-space:nowrap; }
   .toast-act:hover { background:color-mix(in srgb, var(--bg) 28%, transparent); }
 
@@ -30132,6 +30526,93 @@ var styles_default = `  :root {
   .doc-skel { max-width:720px; margin:40px auto; padding:0 24px; }
 
   /* share / publish modal (share-modal.tsx) */
+  /* Hosting-first object sharing: compact link rows and disclosed details. */
+  .modal:has(.share-dialog) { border-radius:12px; }
+  .modal:has(.share-dialog) .modal-head { position:relative; display:flex; align-items:baseline; gap:12px; padding:24px 56px 0 28px; min-width:0; }
+  .modal:has(.share-dialog) .modal-head h3 { font-size:18px; font-weight:600; letter-spacing:0; padding:0; margin:0; flex:none; max-width:100%; }
+  .modal:has(.share-dialog) .modal-head p { margin:0; font-size:var(--fs-ui); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .modal-close { position:absolute; right:16px; top:18px; color:var(--muted); }
+  .modal:has(.share-dialog) .modal-body { padding:22px 28px 16px; }
+  .modal:has(.share-dialog) .modal-foot { background:var(--bg); padding:12px 28px; justify-content:space-between; gap:12px; }
+  .modal:has(.share-dialog) .modal-foot .btn { min-height:36px; font-weight:500; box-shadow:none; }
+  .share-dialog { display:flex; flex-direction:column; gap:20px; font-size:var(--fs-ui); }
+  .share-host { padding-bottom:20px; border-bottom:1px solid var(--line); }
+  .share-host-label { display:block; margin-bottom:10px; color:var(--muted); font-size:var(--fs-sm); }
+  .share-host-control { display:flex; align-items:center; gap:10px; min-width:0; }
+  .share-host-control > .ico { width:20px; height:20px; color:var(--fg-soft); }
+  .share-host-control select { flex:1; min-width:0; min-height:40px; padding:8px 10px; border:1px solid var(--line-strong); border-radius:var(--radius-sm); background:var(--bg); color:var(--fg); font:inherit; font-weight:500; }
+  .share-host-behavior { margin:12px 0 0 30px; }
+  .share-host-behavior strong { color:var(--fg-soft); font-size:var(--fs-sm); font-weight:500; }
+  .share-host-behavior p { margin:5px 0 0; color:var(--muted); font-size:var(--fs-sm); line-height:1.65; }
+  .share-list-heading { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:var(--fs-sm); padding-bottom:8px; }
+  .share-link-list { list-style:none; padding:0; margin:0; }
+  .share-link-list > li + li { border-top:1px solid var(--line); }
+  .share-link-row { display:flex; align-items:center; gap:12px; padding:16px 0; }
+  .share-link-row > .ico { flex:none; width:20px; height:20px; color:var(--fg-soft); }
+  .share-link-info { flex:1; min-width:0; }
+  .share-link-name { display:flex; align-items:center; gap:4px; max-width:100%; color:var(--fg); font-size:var(--fs-ui); font-weight:600; text-align:left; border-radius:var(--radius-sm); }
+  .share-link-name > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .share-link-name > .ico { flex:none; color:var(--muted); width:12px; }
+  .share-link-meta { display:flex; flex-wrap:wrap; gap:2px 8px; margin-top:4px; font-variant-numeric:tabular-nums; font-size:var(--fs-xs); color:var(--muted); line-height:1.6; }
+  .share-link-meta > span { white-space:nowrap; }
+  .share-link-meta > span + span::before { content:"\xB7"; margin-right:8px; }
+  .share-link-actions { display:flex; align-items:center; gap:6px; flex:none; }
+  .share-link-actions .btn { min-height:32px; min-width:84px; justify-content:center; padding:5px 9px; font-size:var(--fs-sm); font-weight:500; box-shadow:none; white-space:nowrap; }
+  .share-link-actions .iconbtn { width:32px; height:32px; color:var(--muted); }
+  .share-link-detail { margin:0 0 16px 32px; }
+  .share-link-detail > p, .share-link-warning { margin:0 0 12px; color:var(--muted); font-size:var(--fs-sm); line-height:1.65; }
+  .share-link-warning { margin:4px 0 0; }
+  .share-link-name:hover { background:var(--hover); }
+  .share-link-name:focus-visible, .share-secondary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
+  @media (max-width:560px) {
+    .share-link-row { flex-wrap:wrap; gap:8px; }
+    .share-link-info { flex-basis:calc(100% - 32px); }
+    .share-link-actions { margin-left:28px; }
+    .share-link-actions .btn, .share-link-actions .iconbtn { min-height:40px; }
+  }
+  .share-facts { margin:0; display:flex; flex-direction:column; gap:12px; }
+  .share-facts > div { display:flex; gap:20px; align-items:baseline; }
+  .share-facts dt { flex:0 0 88px; color:var(--muted); font-size:var(--fs-sm); }
+  .share-facts dd { margin:0; flex:1; text-align:right; color:var(--fg-soft); font-size:var(--fs-sm); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
+  .share-explanation { margin:-6px 0 0; font-size:var(--fs-sm); line-height:1.7; color:var(--muted); }
+  .share-details { color:var(--fg-soft); font-size:var(--fs-sm); }
+  .share-details summary { cursor:pointer; padding:4px 0; line-height:1.5; }
+  .share-details summary:hover { color:var(--fg); }
+  .share-details summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:2px; }
+  .share-details summary::marker { color:var(--muted); font-size:10px; }
+  .share-details summary > span { margin-left:10px; color:var(--muted); font-size:var(--fs-xs); }
+  .share-details > div, .share-details > dl { margin-top:16px; }
+  .share-secondary { display:inline-flex; align-items:center; gap:6px; color:var(--muted); font-size:var(--fs-sm); border-radius:var(--radius-sm); }
+  .share-secondary { padding:6px 0; }
+  .share-secondary:hover { color:var(--fg); }
+  .share-dialog button:disabled, .modal:has(.share-dialog) .modal-foot button:disabled { cursor:default; opacity:.5; }
+  .share-settings { display:flex; flex-direction:column; gap:8px; }
+  .share-setting { display:flex; align-items:center; gap:16px; min-height:38px; }
+  .share-setting > span { flex:0 0 90px; color:var(--fg-soft); font-size:var(--fs-sm); }
+  .share-setting select { flex:1; min-width:0; max-width:100%; min-height:34px; font:inherit; font-size:var(--fs-ui); color:var(--fg); border:1px solid var(--line); border-radius:var(--radius-sm); padding:5px 8px; background:var(--bg); }
+  .share-setting select:disabled { color:var(--muted); background:var(--surface); opacity:1; }
+  .share-setting input, .share-url { min-width:0; flex:1; min-height:34px; border:1px solid var(--line); border-radius:var(--radius-sm); padding:6px 9px; background:var(--bg); color:var(--fg); font-size:var(--fs-ui); }
+  .share-setting input::placeholder { color:var(--muted); }
+  .share-setting input:focus-visible, .share-url:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
+  .share-dialog > .share-details { border-top:1px solid var(--line); padding-top:12px; }
+  .share-url { display:block; width:100%; margin-top:12px; }
+  .share-message { margin:0; padding:10px 12px; background:var(--surface); border-radius:var(--radius-sm); color:var(--fg-soft); font-size:var(--fs-sm); line-height:1.6; overflow-wrap:anywhere; }
+  .share-message.error { color:var(--danger); background:var(--danger-soft); }
+  .share-load-error p { margin-top:0; color:var(--muted); }
+  .share-loading { display:grid; gap:14px; padding:4px 0; }
+  .share-loading span { height:14px; background:var(--surface-2); border-radius:3px; }
+  .share-loading span:first-child { width:55%; }
+  .share-loading span:last-child { width:75%; }
+  .share-sr-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
+  @media (max-width:560px) {
+    .modal:has(.share-dialog) .modal-head { padding:22px 52px 0 20px; gap:10px; }
+    .modal:has(.share-dialog) .modal-body { padding:20px 20px 12px; }
+    .modal:has(.share-dialog) .modal-foot { padding:14px 20px; flex-wrap:wrap; }
+    .modal:has(.share-dialog) .modal-foot .btn, .share-secondary { min-height:40px; }
+    .share-setting { gap:12px; }
+    .share-setting > span { flex-basis:80px; }
+    .share-setting select, .share-setting input { min-height:40px; }
+  }
   .mhshare-body { display:flex; flex-direction:column; gap:10px; }
   .mhshare-section { font-size:var(--fs-micro); font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; margin-top:6px; }
   .mhshare-field { display:flex; align-items:center; gap:12px; }
@@ -30709,22 +31190,31 @@ var styles_default = `  :root {
   /* File-editor window (desktop, loaded at #file?path=\u2026 \u2014 the .txt/.md "open
      with" surface). Same shell idiom as quicknote: top bar = drag region with
      opted-out buttons, single full-bleed column, popups clamped below the bar. */
-  body.file-window { --pop-top-inset:46px; }
+  body.file-window { --pop-top-inset:48px; }
   body.file-window #app { display:block; width:100vw; height:100vh; height:100dvh; }
   .fw { display:flex; flex-direction:column; width:100%; height:100vh; height:100dvh; overflow:hidden; background:var(--bg); }
-  .fw-bar { display:flex; align-items:center; gap:8px; padding:7px 12px;
+  .fw-bar { display:flex; align-items:center; gap:12px; padding:0 16px; height:48px; flex:none;
     user-select:none; -webkit-app-region:drag;
     background:var(--surface); border-bottom:1px solid var(--line); }
   /* macOS only: clear the inset traffic lights (frame is native elsewhere). */
-  body.desktop-mac .fw-bar { padding-left:84px; }
-  .fw-name { flex:1; min-width:0; font-size:13px; font-weight:600; color:var(--fg-soft);
+  body.desktop-mac .fw-bar { padding-left:88px; }
+  .fw-title { display:flex; align-items:center; gap:8px; flex:1; min-width:0; color:var(--muted); }
+  .fw-name { min-width:0; font-size:var(--fs-sm); font-weight:500; color:var(--fg-soft);
     white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
-  .fw-dirty { color:var(--accent); font-size:15px; }
-  .fw-actions { display:flex; align-items:center; gap:6px; -webkit-app-region:no-drag; }
-  .fw-actions .btn { padding:4px 10px; font-size:12px; }
+  .fw-dirty { width:6px; height:6px; flex:none; border-radius:50%; background:var(--accent); }
+  .fw-status { display:flex; align-items:center; gap:6px; flex:none; color:var(--muted); font-size:var(--fs-xs); white-space:nowrap; }
+  .fw-status:not(.is-dirty) .ico { color:var(--success); }
+  .fw-actions { display:flex; align-items:center; gap:6px; flex:none; -webkit-app-region:no-drag; }
+  .fw-actions .btn { min-height:30px; font-size:var(--fs-sm); }
+  .fw-body .doc { padding-top:64px; padding-bottom:24vh; }
   .fw-body { flex:1; overflow:auto; scrollbar-gutter:stable; scrollbar-width:thin; -webkit-app-region:no-drag; }
-  /* Bar is ~45px, not the main ~50px topbar the find bar assumes. */
-  body.file-window .find-bar { top:52px; }
+  body.file-window .find-bar { top:54px; }
+  @media (max-width:720px) {
+    .fw-bar { gap:8px; padding-right:12px; padding-left:12px; }
+    .fw-status span, .fw-mode span, .fw-open span { display:none; }
+    .fw-mode, .fw-open { width:30px; padding:0; justify-content:center; }
+    .fw-body .doc { padding:36px 32px 24vh; }
+  }
 
   /* No-origin bootstrap: enroll screen + hydration splash (data-blind shell). */
   .enroll-splash { min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:24px; }
@@ -30949,6 +31439,37 @@ var styles_default = `  :root {
     .blob-mgr-row { grid-template-columns:26px 30px minmax(0,1fr) auto auto 28px; }
     .blob-mgr-age { display:none; }
   }
+
+  /* Standalone library document: the same editor, with a compact native shell. */
+  .document-window { min-width:0; height:100dvh; }
+  .document-window .dw-toolbar { padding:0 16px; height:48px; min-height:48px; flex:none;
+    flex-wrap:nowrap; gap:12px; background:var(--surface); -webkit-app-region:drag; }
+  body.desktop-mac .document-window .dw-toolbar { padding-left:88px; }
+  .document-window .dw-toolbar button { -webkit-app-region:no-drag; }
+  .dw-toolbar > button, .dw-toolbar .crumb > .ico { flex:none; }
+  .dw-toolbar .crumb { min-width:0; color:var(--muted); font-size:var(--fs-sm); }
+  .dw-path { display:flex; align-items:center; gap:8px; min-width:0; }
+  .dw-path .crumb-link { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .dw-current { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--fg-soft); }
+  .dw-save { display:flex; align-items:center; gap:6px; flex:none; font-size:var(--fs-xs); color:var(--muted);
+    padding:6px 4px; border-radius:var(--radius-sm); }
+  .dw-save:not(:disabled):hover { background:var(--hover); }
+  .dw-save-saved .ico { color:var(--success); }
+  .dw-save-error, .dw-save-conflict { color:var(--danger); }
+  .dw-content .doc { padding-top:64px; padding-bottom:24vh; }
+  .dw-content .doc-title { overflow-wrap:anywhere; }
+  .dw-footer { display:flex; align-items:center; height:30px; flex:none; padding:0 18px;
+    border-top:1px solid var(--line); color:var(--muted); font-size:var(--fs-xs); }
+  .document-window .doc-wc { bottom:5px; right:16px; border:0; box-shadow:none; background:transparent; }
+  .document-window .doc-toc { top:72px; }
+  .document-window .find-bar { top:54px; }
+  @media (max-width:720px) {
+    .dw-save span { display:none; }
+    .dw-path { display:none; }
+    .document-window .dw-toolbar { gap:8px; padding:0 12px; }
+    .dw-content .doc { padding:36px 32px 24vh; }
+    .dw-content .doc-title { font-size:32px; }
+  }
 `;
 
 // src/webui/server/icons.ts
@@ -31007,7 +31528,7 @@ var HTML2 = `<!doctype html>
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
 <!-- Mobile browser chrome (status/address bar) tints to theme-color; app.tsx
      keeps #theme-color-meta in sync with the active theme + visible surface. -->
-<meta name="theme-color" id="theme-color-meta" content="#ffffff" />
+<meta name="theme-color" id="theme-color-meta" content="${LIGHT_THEME.bg}" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="default" />
 <title>Metahub</title>
@@ -31022,9 +31543,10 @@ var HTML2 = `<!doctype html>
 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"></noscript>
 <!-- FOUC guard: resolve the stored choice (system \u2192 OS preference) to an
      explicit data-resolved before first paint. CSS keys off data-resolved
-     alone, so the dark palette exists exactly once \u2014 see styles.css. Dark also
+     alone, so the dark palette exists exactly once \u2014 see core/ui-theme.ts. Dark also
      pre-tints the status bar (hex mirrors --bg) so the first frame isn't white. -->
-<script>try{var t=localStorage.getItem('mh-theme'),d=t==='dark'||(t!=='light'&&matchMedia('(prefers-color-scheme: dark)').matches);document.documentElement.dataset.resolved=d?'dark':'light';if(d)document.getElementById('theme-color-meta').content='#1a1a1c'}catch(e){}</script>
+<style>${THEME_CSS}html,body{background:var(--bg);color:var(--fg)}</style>
+<script>${THEME_INIT_SCRIPT}</script>
 <!-- Same for the UI language: mirror src/webui/i18n/locale.ts so <html lang>
      is right before the bundle runs. -->
 <script>try{var l=localStorage.getItem('mh-lang');if(l!=='zh-CN'&&l!=='en'){var ls=navigator.languages&&navigator.languages.length?navigator.languages:[navigator.language];l='en';for(var i=0;i<ls.length;i++){var g=ls[i]||'';if(/^zh\\b/i.test(g)){l='zh-CN';break}if(/^en\\b/i.test(g))break}}document.documentElement.lang=l}catch(e){}</script>
@@ -31132,9 +31654,9 @@ var getRuntime = bundleGetter({ key: "runtime", entry: "../runtime.ts", dist: "m
 var getSdk = bundleGetter({ key: "sdk", entry: "../../sdk/client.ts", dist: "metahub-sdk.js", extraDirs: ["../../sdk"] });
 async function getCss() {
   if (RUNNING_FROM_SOURCE2) {
-    return Bun.file(fileURLToPath2(new URL("../styles.css", import.meta.url))).text();
+    return THEME_CSS + await Bun.file(fileURLToPath2(new URL("../styles.css", import.meta.url))).text();
   }
-  return styles_default;
+  return THEME_CSS + styles_default;
 }
 async function getJsStamped() {
   return (await getJs()).replaceAll("__MH_WEBUI_VERSION__", package_default.version);
@@ -31164,8 +31686,8 @@ var MANIFEST = JSON.stringify({
   start_url: "/",
   scope: "/",
   display: "standalone",
-  background_color: "#ffffff",
-  theme_color: "#ffffff",
+  background_color: LIGHT_THEME.bg,
+  theme_color: LIGHT_THEME.bg,
   icons: [
     { src: "/icons/icon-192.png", sizes: "192x192", type: "image/png" },
     { src: "/icons/icon-512.png", sizes: "512x512", type: "image/png" }
@@ -33887,4 +34409,4 @@ if (scopedConfigHelp) {
   runMain(main, { showUsage: showUsage2 });
 }
 
-//# debugId=11E0EB61DE3E1BC764756E2164756E21
+//# debugId=D3711020F39376D264756E2164756E21