@tensorix/metahub 0.1.8 → 0.1.10

package/dist/index.js

@@ -15,6 +15,22 @@ var __export = (target, all) => {
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
+// src/core/errors.ts
+function errorCode(e) {
+  return e instanceof MhError ? e.code : undefined;
+}
+var MhError;
+var init_errors = __esm(() => {
+  MhError = class MhError extends Error {
+    code;
+    constructor(code, message) {
+      super(message);
+      this.code = code;
+      this.name = "MhError";
+    }
+  };
+});
+
 // src/core/paths.ts
 import { homedir } from "os";
 import { join } from "path";
@@ -342,7 +358,7 @@ var init_crdt = __esm(() => {
     },
     documents: {
       table: "documents",
-      cols: new Set(["title", "body", "database_id", "parent_id", "created_hlc", "__deleted"])
+      cols: new Set(["title", "body", "database_id", "parent_id", "created_hlc", "order_key", "__deleted"])
     },
     doc_blocks: {
       table: "doc_blocks",
@@ -398,6 +414,24 @@ function inferContentType(path) {
   const ext = path.slice(path.lastIndexOf(".") + 1).toLowerCase();
   return MIME[ext] ?? "application/octet-stream";
 }
+function normalizeSiteName(raw) {
+  const slug = raw.trim().toLowerCase().replace(/[^a-z0-9-]+/g, "-").replace(/^-+|-+$/g, "");
+  if (!slug)
+    throw new MhError("invalid_input", `invalid site name: ${JSON.stringify(raw)}`);
+  return slug;
+}
+function normalizeSitePath(raw) {
+  const segs = [];
+  for (const seg of raw.split("/")) {
+    if (seg === "" || seg === ".")
+      continue;
+    if (seg === "..")
+      segs.pop();
+    else
+      segs.push(seg);
+  }
+  return segs.join("/");
+}
 function isTextType(contentType) {
   const ct = contentType.toLowerCase();
   return ct.startsWith("text/") || ct.startsWith("application/json") || ct.startsWith("application/manifest+json") || ct.startsWith("application/xml") || ct.startsWith("text/javascript") || ct.startsWith("application/javascript") || ct.startsWith("image/svg+xml");
@@ -408,10 +442,11 @@ function toBytes(data) {
   return data instanceof Uint8Array ? data : new Uint8Array(data);
 }
 function createSite(db, opts) {
-  if (getSiteByName(db, opts.name))
-    throw new Error(`site name already exists: ${opts.name}`);
-  const id = newId("site", opts.name);
-  const first = emit(db, "sites", id, "name", opts.name);
+  const name = normalizeSiteName(opts.name);
+  if (getSiteByName(db, name))
+    throw new MhError("conflict", `site name already exists: ${name}`);
+  const id = newId("site", name);
+  const first = emit(db, "sites", id, "name", name);
   emit(db, "sites", id, "created_hlc", first.hlc);
   if (opts.title !== undefined)
     emit(db, "sites", id, "title", opts.title);
@@ -421,7 +456,13 @@ function getSite(db, id) {
   return db.query("SELECT id, name, title, created_hlc FROM sites WHERE id = ? AND __deleted = 0").get(id);
 }
 function getSiteByName(db, name) {
-  return db.query("SELECT id, name, title, created_hlc FROM sites WHERE name = ? AND __deleted = 0 ORDER BY created_hlc DESC LIMIT 1").get(name);
+  let slug;
+  try {
+    slug = normalizeSiteName(name);
+  } catch {
+    return null;
+  }
+  return db.query("SELECT id, name, title, created_hlc FROM sites WHERE name = ? AND __deleted = 0 ORDER BY created_hlc DESC LIMIT 1").get(slug);
 }
 function listSites(db) {
   return db.query("SELECT id, name, title, created_hlc FROM sites WHERE __deleted = 0 ORDER BY created_hlc").all();
@@ -430,9 +471,23 @@ function resolveSite(db, ref) {
   const byId = ref.startsWith("site_") ? getSite(db, ref) : null;
   const site = byId ?? getSiteByName(db, ref);
   if (!site)
-    throw new Error(`no such site: ${ref}`);
+    throw new MhError("not_found", `no such site: ${ref}`);
   return site;
 }
+function updateSite(db, id, opts) {
+  if (!getSite(db, id))
+    throw new MhError("not_found", `no such site: ${id}`);
+  if (opts.name !== undefined) {
+    const name = normalizeSiteName(opts.name);
+    const dup = getSiteByName(db, name);
+    if (dup && dup.id !== id)
+      throw new MhError("conflict", `site name already exists: ${name}`);
+    emit(db, "sites", id, "name", name);
+  }
+  if (opts.title !== undefined)
+    emit(db, "sites", id, "title", opts.title);
+  return getSite(db, id);
+}
 function deleteSite(db, id) {
   if (!getSite(db, id))
     return false;
@@ -447,7 +502,10 @@ function fileIdFor(db, siteId, path) {
   return row?.id ?? null;
 }
 async function putFile(db, siteId, path, opts) {
-  const contentType = opts.contentType ?? inferContentType(path);
+  const cleanPath = normalizeSitePath(path);
+  if (!cleanPath)
+    throw new MhError("invalid_input", `invalid file path: ${JSON.stringify(path)}`);
+  const contentType = opts.contentType ?? inferContentType(cleanPath);
   const bytes = toBytes(opts.data);
   let encoding;
   let content;
@@ -461,11 +519,11 @@ async function putFile(db, siteId, path, opts) {
     encoding = "blob";
     content = (await putBlob(bytes)).hash;
   }
-  const existing = fileIdFor(db, siteId, path);
-  const id = existing ?? newId("sf", path);
+  const existing = fileIdFor(db, siteId, cleanPath);
+  const id = existing ?? newId("sf", cleanPath);
   if (!existing) {
     const first = emit(db, "site_files", id, "site_id", siteId);
-    emit(db, "site_files", id, "path", path);
+    emit(db, "site_files", id, "path", cleanPath);
     emit(db, "site_files", id, "created_hlc", first.hlc);
   }
   emit(db, "site_files", id, "content_type", contentType);
@@ -478,7 +536,7 @@ function listFiles(db, siteId) {
   return db.query("SELECT id, site_id, path, content_type, encoding FROM site_files WHERE site_id = ? AND __deleted = 0 ORDER BY path").all(siteId);
 }
 function deleteFile(db, siteId, path) {
-  const id = fileIdFor(db, siteId, path);
+  const id = fileIdFor(db, siteId, normalizeSitePath(path));
   if (!id)
     return false;
   const live = db.query("SELECT __deleted AS d FROM site_files WHERE id = ?").get(id);
@@ -488,7 +546,10 @@ function deleteFile(db, siteId, path) {
   return true;
 }
 async function getFileForServe(db, siteId, path) {
-  const p = path === "" || path.endsWith("/") ? `${path}index.html` : path;
+  const withIndex = path === "" || path.endsWith("/") ? `${path}index.html` : path;
+  const p = normalizeSitePath(withIndex);
+  if (!p)
+    return null;
   const row = db.query("SELECT content_type, encoding, content FROM site_files WHERE site_id = ? AND path = ? AND __deleted = 0 ORDER BY created_hlc LIMIT 1").get(siteId, p);
   if (!row)
     return null;
@@ -509,6 +570,7 @@ var init_sites = __esm(() => {
   init_ids();
   init_crdt();
   init_cache();
+  init_errors();
   INLINE_LIMIT = 256 * 1024;
   MIME = {
     html: "text/html; charset=utf-8",
@@ -538,1099 +600,299 @@ var init_sites = __esm(() => {
   };
 });
 
-// src/core/sync/webui.ts
-var exports_webui = {};
-__export(exports_webui, {
-  warmWebui: () => warmWebui,
-  setWebuiBundle: () => setWebuiBundle,
-  serveWebui: () => serveWebui
+// src/core/sync/sites-serve.ts
+var exports_sites_serve = {};
+__export(exports_sites_serve, {
+  serveSite: () => serveSite
 });
-import { fileURLToPath } from "url";
-function setWebuiBundle(js) {
-  cachedJs = js;
-}
-async function getJs() {
-  if (cachedJs != null)
-    return cachedJs;
-  const prebuilt = Bun.file(fileURLToPath(new URL("./webui.js", import.meta.url)));
-  if (await prebuilt.exists()) {
-    cachedJs = await prebuilt.text();
-    return cachedJs;
-  }
-  const entry = fileURLToPath(new URL("../../webui/app.tsx", import.meta.url));
-  const res = await Bun.build({ entrypoints: [entry], target: "browser", minify: true });
-  if (!res.success)
-    throw new AggregateError(res.logs, "webui build failed");
-  cachedJs = await res.outputs[0].text();
-  return cachedJs;
-}
-async function warmWebui() {
-  try {
-    await getJs();
-  } catch {}
-}
-async function serveWebui(req) {
-  if (req.method !== "GET")
+async function serveSite(req, ctx) {
+  const url2 = new URL(req.url);
+  const rest = url2.pathname.slice("/sites/".length);
+  if (rest === "")
     return null;
-  const { pathname } = new URL(req.url);
-  if (pathname === "/") {
-    return new Response(HTML, { headers: { "content-type": "text/html; charset=utf-8" } });
-  }
-  if (pathname === "/webui.js") {
-    try {
-      return new Response(await getJs(), {
-        headers: { "content-type": "text/javascript; charset=utf-8" }
-      });
-    } catch (e) {
-      console.error("[webui] failed to serve /webui.js \u2014", e);
-      return new Response(`webui build failed: ${e}`, { status: 500 });
-    }
+  const slash = rest.indexOf("/");
+  const name = decodeURIComponent(slash === -1 ? rest : rest.slice(0, slash));
+  if (slash === -1)
+    return Response.redirect(`${url2.origin}/sites/${name}/`, 301);
+  const filePath = decodeURIComponent(rest.slice(slash + 1));
+  let siteId;
+  try {
+    siteId = resolveSite(ctx.db, name).id;
+  } catch {
+    return new Response("site not found", { status: 404 });
   }
-  return null;
+  const file2 = await getFileForServe(ctx.db, siteId, filePath);
+  if (!file2)
+    return new Response("not found", { status: 404 });
+  return new Response(file2.bytes, { headers: { "content-type": file2.contentType } });
 }
-var HTML = `<!doctype html>
-<html lang="zh">
-<head>
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>Metahub</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<!-- Load web fonts without blocking first paint: media="print" keeps the
-     stylesheet non-render-blocking, then onload flips it to "all". The page
-     paints instantly with the system-font fallbacks baked into --ui/--mono and
-     swaps to the web fonts when they arrive (or stays on system fonts offline).
-     This is what kept the desktop cold-start white for seconds on slow networks. -->
-<link rel="stylesheet" media="print" onload="this.media='all'" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap">
-<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>
-<script>try{document.documentElement.dataset.theme=localStorage.getItem('mh-theme')||'system'}catch(e){}</script>
-<style>
-  :root {
-    --bg:#ffffff; --surface:#fbfbfa; --surface-2:#f1f1ef; --sidebar:#f7f7f5;
-    --fg:#2c2c30; --fg-soft:#5b5b62; --muted:#8a8a93; --line:#ebebe8; --line-strong:#dededb;
-    --accent:#4a55d6; --accent-fg:#ffffff; --accent-soft:#eef0ff; --danger:#d6473b; --danger-soft:#fdeceb;
-    --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);
-    --radius:8px; --radius-sm:6px;
-    --ui:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
-    --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
-    --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. Applied (a) when explicitly chosen via [data-theme="dark"],
-   * or (b) when following the system and the OS reports dark. Light is the
-   * default :root above, so [data-theme="light"] needs no extra rule. */
-  :root[data-theme="dark"] {
-    --bg:#1a1a1c; --surface:#202022; --surface-2:#2a2a2d; --sidebar:#171719;
-    --fg:#e6e6e9; --fg-soft:#b4b4bb; --muted:#7d7d86; --line:#2c2c30; --line-strong:#3a3a40;
-    --accent:#7b86ff; --accent-fg:#14141a; --accent-soft:#23243a; --danger:#f87168; --danger-soft:#341e1c;
-    --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;
-    --hl-cmt:#7d7d86; --hl-key:#d291e4; --hl-str:#7ed492; --hl-num:#e0a566;
-    --hl-fn:#86a8ff; --hl-type:#5fc6e0; --hl-var:#f0936b;
-  }
-  @media (prefers-color-scheme: dark) {
-    :root[data-theme="system"], :root:not([data-theme]) {
-      --bg:#1a1a1c; --surface:#202022; --surface-2:#2a2a2d; --sidebar:#171719;
-      --fg:#e6e6e9; --fg-soft:#b4b4bb; --muted:#7d7d86; --line:#2c2c30; --line-strong:#3a3a40;
-      --accent:#7b86ff; --accent-fg:#14141a; --accent-soft:#23243a; --danger:#f87168; --danger-soft:#341e1c;
-      --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;
-      --hl-cmt:#7d7d86; --hl-key:#d291e4; --hl-str:#7ed492; --hl-num:#e0a566;
-      --hl-fn:#86a8ff; --hl-type:#5fc6e0; --hl-var:#f0936b;
-    }
-  }
-  * { box-sizing: border-box; }
-  html, body { margin: 0; height: 100%; }
-  body { font-family: var(--ui); font-size: 14px; line-height: 1.55; color: var(--fg); background: var(--bg);
-    overflow: hidden; text-rendering: auto; }
-  button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; }
-  input, textarea { font: inherit; color: inherit; }
-  .muted { color: var(--muted); }
-  svg { display: block; }
-  .ico { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; flex:none; }
-  .ico.sm { width:14px; height:14px; }
-  ::-webkit-scrollbar { width:10px; height:10px; }
-  ::-webkit-scrollbar-thumb { background:var(--line-strong); border-radius:8px; border:3px solid transparent; background-clip:padding-box; }
-  ::-webkit-scrollbar-thumb:hover { background:var(--muted); background-clip:padding-box; border:3px solid transparent; }
-
-  #app { display: flex; height: 100vh; }
+var init_sites_serve = __esm(() => {
+  init_sites();
+});
 
-  /* sidebar */
-  .sidebar { width:268px; flex:none; background:var(--sidebar); border-right:1px solid var(--line);
-    display:flex; flex-direction:column; position:relative; transition:margin-left .22s cubic-bezier(.4,0,.2,1); }
-  .sb-resizer { position:absolute; top:0; right:-3px; width:6px; height:100%; cursor:col-resize; z-index:5; }
-  .sb-head { display:flex; align-items:center; gap:8px; padding:14px 14px 10px; }
-  .brand { display:flex; align-items:center; gap:8px; flex:1; font-weight:700; font-size:15px; letter-spacing:-.01em; }
-  .brand .mark { width:24px; height:24px; border-radius:7px; background:linear-gradient(135deg,var(--accent),#8b94ff);
-    display:grid; place-items:center; color:#fff; box-shadow:var(--shadow-sm); }
-  .brand .mark svg { width:15px; height:15px; stroke:#fff; }
-  .sb-search { margin:0 12px 8px; display:flex; align-items:center; gap:7px; cursor:text;
-    background:var(--bg); border:1px solid var(--line); border-radius:var(--radius-sm); padding:6px 9px; color:var(--muted);
-    box-shadow:var(--shadow-sm); transition:border-color .15s; }
-  .sb-search:focus-within { border-color:var(--accent); }
-  .sb-search input { border:0; background:none; outline:none; color:var(--fg); width:100%; }
-  .sb-search kbd { font-family:var(--mono); font-size:10px; color:var(--muted); border:1px solid var(--line-strong); border-radius:4px; padding:1px 4px; }
-  .sb-scroll { flex:1; overflow-y:auto; padding:4px 8px 24px; }
-  .sb-section { margin-top:12px; }
-  .sb-section-head { display:flex; align-items:center; justify-content:space-between;
-    font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); padding:4px 8px; }
-  .sb-section-head .add { opacity:0; padding:3px; border-radius:5px; color:var(--muted); transition:opacity .12s; }
-  .sb-section:hover .add { opacity:1; }
-  .sb-section-head .add:hover { background:var(--hover-2); color:var(--fg); }
-  .navitem { display:flex; align-items:center; gap:3px; width:100%; text-align:left; padding:5px 6px; border-radius:var(--radius-sm);
-    color:var(--fg-soft); font-size:13.5px; 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 .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; }
-  .navitem .tw.open svg { transform:rotate(90deg); }
-  .navitem .emoji { width:20px; text-align:center; flex:none; font-size:14px; }
-  .navitem .label { flex:1; overflow:hidden; text-overflow:ellipsis; }
-  .navitem .acts { display:flex; gap:1px; opacity:0; }
-  .navitem:hover .acts { opacity:1; }
-  .navitem .acts button { width:22px; height:22px; display:grid; place-items:center; color:var(--muted); border-radius:5px; }
-  .navitem .acts button:hover { background:var(--hover-2); color:var(--fg); }
-  .navchildren { margin-left:16px; border-left:1px solid var(--line-strong); padding-left:2px; }
-  .navitem.drop-into { box-shadow:inset 0 0 0 2px var(--accent); }
-  .navitem.drop-before { box-shadow:inset 0 2px 0 0 var(--accent); }
-  .navitem.drop-after { box-shadow:inset 0 -2px 0 0 var(--accent); }
-  .dragging { opacity:.35; }
-  .sb-footer { flex:none; padding:6px 8px; border-top:1px solid var(--line); }
-  .sb-footer .navitem { font-size:13.5px; }
-  .nav-dot { flex:none; width:7px; height:7px; border-radius:50%; background:var(--danger);
-    box-shadow:0 0 0 2px var(--surface); margin-right:2px; }
+// src/core/index.ts
+init_errors();
+init_paths();
 
-  /* settings page */
-  .set-page { max-width:680px; margin:0 auto; padding:40px 28px 64px; }
-  .set-title { font-size:26px; font-weight:700; letter-spacing:-.02em; color:var(--fg); }
-  .set-sub { color:var(--muted); margin-top:4px; }
-  .set-section { margin-top:34px; }
-  .set-section-head { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); margin-bottom:4px; }
-  .set-section-desc { color:var(--fg-soft); margin-bottom:16px; }
-  .set-footer { margin-top:40px; padding-top:20px; border-top:1px solid var(--line); display:flex;
-    flex-wrap:wrap; justify-content:center; align-items:center; gap:7px; color:var(--muted); font-size:12px; }
-  .set-footer-sep { opacity:.45; }
-  .ver-num { font-family:var(--mono); font-size:11px; color:var(--fg-soft); letter-spacing:-.01em; }
-  .ver-up { display:inline-flex; align-items:center; gap:6px; }
-  .ver-up.err .ver-msg { color:var(--danger); }
-  .ver-act { background:none; border:0; padding:0; margin:0; font:inherit; font-size:12px; line-height:1;
-    color:var(--muted); cursor:pointer; transition:color .12s; }
-  .ver-act:hover { color:var(--accent); }
-  .ver-act.accent { color:var(--accent); font-weight:600; }
-  .ver-act[aria-disabled="true"] { opacity:.6; cursor:default; pointer-events:none; }
-  .ver-dot { width:6px; height:6px; border-radius:50%; background:var(--accent); flex:none; }
-  .ver-dot.pulse { animation:verpulse 1.8s ease-in-out infinite; }
-  @keyframes verpulse { 0%,100% { opacity:1; } 50% { opacity:.4; } }
-  .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);
-    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;
-    background:var(--surface-2); color:var(--fg); }
-  .theme-card .tc-ico svg { width:18px; height:18px; }
-  .theme-card .tc-name { font-weight:600; font-size:14px; color:var(--fg); }
-  .theme-card .tc-desc { font-size:12px; color:var(--muted); line-height:1.45; }
-  .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 .tc-check { opacity:1; transform:scale(1); }
-  @media (max-width:560px) { .theme-grid { grid-template-columns:1fr; } }
+// src/core/db.ts
+init_paths();
+import { Database } from "bun:sqlite";
+import { mkdirSync } from "fs";
 
-  /* sync devices */
-  .peer-actions { display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
-  .peer-actions .btn { display:inline-flex; align-items:center; gap:6px; }
-  .peer-list { display:flex; flex-direction:column; gap:8px; }
-  .peer-row { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line);
-    border-radius:10px; background:var(--surface); }
-  .peer-dot { width:9px; height:9px; border-radius:50%; flex:none; background:var(--muted); }
-  .peer-dot.on { background:#3fb950; } .peer-dot.err { background:#f85149; } .peer-dot.off { background:var(--muted); }
-  .peer-main { flex:1; min-width:0; }
-  .peer-url { font-weight:600; font-size:14px; color:var(--fg); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-  .peer-sub { font-size:12px; color:var(--muted); margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-  .peer-menu { flex:none; padding:6px; }
-  .pair-code { font-family:var(--mono); font-size:26px; font-weight:700; letter-spacing:.12em;
-    text-align:center; padding:16px; border:1px dashed var(--line); border-radius:10px; background:var(--surface); color:var(--fg); }
+// src/core/schema.ts
+var CORE_SCHEMA = `
+CREATE TABLE IF NOT EXISTS meta (
+  key   TEXT PRIMARY KEY,
+  value TEXT
+);
 
-  /* main */
-  .main { flex:1; display:flex; flex-direction:column; overflow:hidden; min-width:0; }
-  .topbar { display:flex; align-items:center; gap:6px; padding:10px 18px; border-bottom:1px solid var(--line); min-height:49px; }
-  .topbar.bare { border-bottom:0; }
-  .topbar .hamburger { display:none; }
-  .topbar .hamburger.show-collapsed { display:grid; }
-  .sidebar.collapsed { overflow:hidden; }
-  .sidebar.collapsed .sb-resizer { pointer-events:none; }
-  .crumb { display:flex; align-items:center; gap:7px; flex:1; min-width:0; font-size:13.5px; color:var(--fg); font-weight:500; }
-  .crumb .emoji { font-size:15px; } .crumb .sub { color:var(--muted); font-weight:400; }
-  .iconbtn { width:30px; height:30px; display:grid; place-items:center; border-radius:var(--radius-sm); color:var(--fg-soft); transition:background .12s; }
-  .iconbtn:hover { background:var(--hover-2); color:var(--fg); }
-  .content { flex:1; overflow:auto; }
-  .btn { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:var(--radius-sm); font-size:13px; font-weight:500; transition:all .12s; white-space:nowrap; }
-  .btn-ghost { color:var(--fg-soft); } .btn-ghost:hover { background:var(--hover-2); color:var(--fg); }
-  .btn-secondary { background:var(--bg); border:1px solid var(--line-strong); color:var(--fg); box-shadow:var(--shadow-sm); }
-  .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); }
+-- CRDT oplog: one row per field assignment. Source of truth for sync.
+CREATE TABLE IF NOT EXISTS crdt_changes (
+  hlc     TEXT NOT NULL,
+  node_id TEXT NOT NULL,
+  dataset TEXT NOT NULL,
+  row_id  TEXT NOT NULL,
+  col     TEXT NOT NULL,
+  value   TEXT,
+  PRIMARY KEY (dataset, row_id, col, hlc)
+);
+CREATE INDEX IF NOT EXISTS idx_changes_hlc ON crdt_changes(hlc);
 
-  /* desktop app (frameless): drop the sidebar logo; on macOS reserve a draggable
-     strip for the inset traffic lights so they never overlap our controls */
-  body.desktop .brand { display:none; }
-  /* logo gone \u2192 keep the collapse button on the right (where .brand's flex used to push it) */
-  body.desktop .sb-head .iconbtn { margin-left:auto; }
-  body.desktop-mac .sb-head { -webkit-app-region:drag; }
-  body.desktop-mac .sb-head .iconbtn { -webkit-app-region:no-drag; }
-  body.desktop-mac .topbar { -webkit-app-region:drag; }
-  body.desktop-mac .topbar .iconbtn, body.desktop-mac .topbar .btn { -webkit-app-region:no-drag; }
-  /* sidebar collapsed \u2192 traffic lights sit over the main header; clear the hamburger */
-  body.desktop-mac .sidebar.collapsed ~ .main .topbar { padding-left:80px; }
+-- Per-peer replication cursors (SQLite rowids: monotonic in insertion order,
+-- so no change is ever skipped regardless of HLC/clock skew). Outbound side of
+-- a pairing: "token" is the credential the *remote* issued to us (sent as a
+-- Bearer header when we sync to them). See migratePeers in db.ts for the columns
+-- added to legacy databases.
+CREATE TABLE IF NOT EXISTS peers (
+  url          TEXT PRIMARY KEY,
+  pull_cursor  INTEGER NOT NULL DEFAULT 0,
+  push_cursor  INTEGER NOT NULL DEFAULT 0,
+  token        TEXT,
+  label        TEXT,
+  node_id      TEXT,
+  enabled      INTEGER NOT NULL DEFAULT 1,
+  last_sync_at INTEGER,
+  last_status  TEXT,
+  last_error   TEXT
+);
 
-  /* document editor */
-  .doc { max-width:740px; margin:0 auto; padding:60px 60px 36vh; }
-  .doc-title { font-size:38px; font-weight:700; letter-spacing:-.02em; outline:none; line-height:1.15; margin-bottom:4px; }
-  .doc-title:empty::before { content:"\u65E0\u6807\u9898"; color:var(--muted); }
-  .doc-meta { display:flex; gap:14px; color:var(--muted); font-size:12.5px; margin-bottom:22px; }
-  .doc-meta span { display:inline-flex; align-items:center; gap:5px; }
-  .doc.source-mode { min-height:100%; }
-  .doc-source { display:block; width:100%; min-height:calc(100vh - 210px); resize:none; border:0;
-    background:transparent; color:var(--fg); outline:none; overflow:hidden; padding:3px 2px 36vh;
-    font-family:var(--ui); font-size:15px; line-height:1.7; tab-size:2; }
-  .block-wrap { position:relative; }
-  .block-wrap.nested { padding-left:24px; }
-  /* Subtle indent guide only for true sub-lists; suppressed for code/other
-     nested content so code-in-list items don't stack a thicket of lines. */
-  .block-wrap.nested:has(> .block.b-bullet, > .block.b-numbered, > .block.b-todo)::before {
-    content:""; position:absolute; left:8px; top:2px; bottom:2px; width:1px; background:var(--line); }
-  .block { position:relative; display:flex; align-items:flex-start; padding:1px 0; border-radius:4px; }
-  .block .gutter { position:absolute; left:-52px; top:2px; display:flex; gap:1px; opacity:0; transition:opacity .12s; }
-  .block:hover .gutter, .block.drop-before .gutter, .block.drop-after .gutter, .block.dragging .gutter { opacity:1; }
-  .gutter button { width:22px; height:24px; display:grid; place-items:center; color:var(--muted); border-radius:5px; }
-  .gutter button:hover { background:var(--hover-2); color:var(--fg); }
-  .gutter .grip { cursor:grab; } .gutter .grip:active { cursor:grabbing; }
-  .block.dragging { opacity:.42; background:var(--hover); }
-  .block.drop-before::before, .block.drop-after::after { content:""; position:absolute; left:0; right:0; height:2px; background:var(--accent);
-    border-radius:2px; pointer-events:none; box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent); }
-  .block.drop-before::before { top:-1px; }
-  .block.drop-after::after { bottom:-1px; }
-  /* multi-block selection: whole-block tint + suppress stray native text highlight while dragging */
-  .block.selected { background:var(--accent-soft); }
-  .block.selected .editable::selection, .block.selected .editable *::selection { background:transparent; }
-  .doc.selecting, .doc.selecting * { user-select:none; -webkit-user-select:none; cursor:default; }
-  .block.list-code-host { height:0; min-height:0; padding:0; overflow:visible; }
-  .block-wrap:hover > .block.list-code-host .gutter { opacity:1; }
-  .block.list-code-host .marker { position:absolute; left:0; top:0; padding-top:4px; z-index:1; }
-  /* The list item's host gutter controls the whole unit, so suppress the nested
-     code block's own gutter (it would overlap the list marker on the same row). */
-  .block.list-code-host + .block-wrap.nested .gutter { display:none; }
-  .editable { outline:none; flex:1; min-width:0; padding:3px 2px; line-height:var(--note-lh); }
-  .editable:empty::before { content:attr(data-ph); color:var(--muted); pointer-events:none; }
-  /* The generic "/" prompt only shows on the focused line; idle blank lines (paragraphs and list items, any depth) stay blank. */
-  .editable[data-ph-hint="slash"]:empty:not(:focus)::before { content:""; }
-  .b-h1 .editable { font-size:28px; font-weight:700; letter-spacing:-.02em; padding-top:12px; }
-  .b-h2 .editable { font-size:22px; font-weight:650; letter-spacing:-.01em; padding-top:8px; }
-  .b-h3 .editable { font-size:18px; font-weight:600; padding-top:4px; }
-  .b-h1 .gutter { top:22px; } .b-h2 .gutter { top:14px; } .b-h3 .gutter { top:7px; }
-  .b-quote .editable { border-left:3px solid var(--line-strong); padding:1px 0 1px 16px; color:var(--fg-soft); font-style:italic; }
+-- Inbound side of a pairing: credentials *we* issued to remote devices. A peer
+-- presents one of these on /sync; acceptsSyncToken() checks it alongside the
+-- managed master token. Revoke by deleting the row.
+CREATE TABLE IF NOT EXISTS peer_grants (
+  token      TEXT PRIMARY KEY,
+  peer_url   TEXT,
+  node_id    TEXT,
+  created_at INTEGER
+);
 
-  /* code block: transparent textarea over a highlight.js mirror */
-  .b-code .codeblock { flex:1; min-width:0; }
-  .codeblock { position:relative; --code-fs:12.5px; --code-lh:1.55; --code-pad:8px; margin:2px 0;
-    background:var(--code-bg); border:1px solid var(--line); border-radius:8px; overflow:hidden; box-shadow:var(--shadow-sm); }
-  /* lang + copy float bottom-right, revealed on hover */
-  .code-tools { position:absolute; right:6px; bottom:6px; z-index:2; display:flex; align-items:center; gap:1px;
-    padding:2px; border-radius:7px; border:1px solid var(--line); box-shadow:var(--shadow-sm);
-    background:color-mix(in srgb,var(--code-bg) 82%,transparent); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
-    opacity:0; transform:translateY(3px); pointer-events:none; transition:opacity .12s,transform .12s; }
-  .codeblock:hover .code-tools, .code-tools:focus-within { opacity:1; transform:none; pointer-events:auto; }
-  .code-lang { position:relative; display:inline-flex; align-items:center; }
-  .code-lang select { appearance:none; -webkit-appearance:none; border:0; outline:none; background:none; cursor:pointer;
-    font-family:var(--mono); font-size:10.5px; font-weight:500; color:var(--fg-soft); padding:3px 17px 3px 7px; border-radius:5px; }
-  .code-lang select:hover { background:var(--hover-2); }
-  .code-lang svg { position:absolute; right:3px; width:12px; height:12px; pointer-events:none; color:var(--muted); }
-  .code-copy { display:inline-flex; align-items:center; gap:4px; font-size:10.5px; font-weight:500; color:var(--muted);
-    padding:3px 7px; border-radius:5px; transition:background .12s,color .12s; }
-  .code-copy:hover { background:var(--hover-2); color:var(--fg-soft); }
-  .code-copy.ok { color:var(--accent); }
-  .code-body { display:flex; align-items:stretch; font-family:var(--mono); font-size:var(--code-fs); line-height:var(--code-lh); }
-  .code-gutter { flex:none; text-align:right; white-space:pre; user-select:none; color:var(--muted); opacity:.55;
-    padding:var(--code-pad) 8px var(--code-pad) 12px; border-right:1px solid var(--line); font-variant-numeric:tabular-nums; }
-  .code-scroll { position:relative; flex:1; min-width:0; }
-  .code-hl, .code-input { margin:0; font-family:var(--mono); font-size:var(--code-fs); line-height:var(--code-lh);
-    padding:var(--code-pad) 16px; tab-size:2; -moz-tab-size:2; white-space:pre; letter-spacing:0; }
-  .code-hl { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:none; color:var(--fg); }
-  .code-hl code { display:block; font:inherit; background:none; padding:0; }
-  .code-input { display:block; position:relative; z-index:1; width:100%; border:0; outline:none; resize:none;
-    overflow-x:auto; overflow-y:hidden; background:transparent; color:transparent; caret-color:var(--fg);
-    min-height:calc(var(--code-fs) * var(--code-lh) + var(--code-pad) * 2); }
-  .code-input::placeholder { color:var(--muted); }
+-- One-time pairing codes minted by "mh config peer code" / POST /api/pair/new.
+-- Short-lived and single-use: redeemed during the pairing handshake, then the
+-- two devices exchange durable peer_grants. used/exp gate redemption.
+CREATE TABLE IF NOT EXISTS pairing_codes (
+  code       TEXT PRIMARY KEY,
+  exp        INTEGER NOT NULL,
+  used       INTEGER NOT NULL DEFAULT 0,
+  created_at INTEGER
+);
 
-  /* highlight.js token theme (cohesive with the app palette) */
-  .hljs-comment, .hljs-quote { color:var(--hl-cmt); font-style:italic; }
-  .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-section, .hljs-doctag { color:var(--hl-key); }
-  .hljs-string, .hljs-regexp, .hljs-addition, .hljs-meta .hljs-string { color:var(--hl-str); }
-  .hljs-number, .hljs-bullet { color:var(--hl-num); }
-  .hljs-title, .hljs-title.function_, .hljs-name, .hljs-selector-id, .hljs-selector-class { color:var(--hl-fn); }
-  .hljs-type, .hljs-class .hljs-title, .hljs-built_in, .hljs-attr, .hljs-attribute, .hljs-property { color:var(--hl-type); }
-  .hljs-variable, .hljs-template-variable, .hljs-symbol, .hljs-tag, .hljs-meta, .hljs-link { color:var(--hl-var); }
-  .hljs-deletion { color:var(--danger); }
-  .hljs-params, .hljs-subst { color:var(--fg); }
-  .hljs-emphasis { font-style:italic; }
-  .hljs-strong { font-weight:700; }
-  .marker { width:24px; flex:none; text-align:center; color:var(--fg-soft); user-select:none; padding-top:4px; }
-  .b-todo .marker { box-sizing:content-box; padding-top:3px; height:calc(1em * var(--note-lh));
-    display:flex; align-items:center; justify-content:center; }
-  .b-todo .marker input { width:15px; height:15px; accent-color:var(--accent); cursor:pointer; }
-  .b-divider { padding:10px 0; }
-  .b-divider hr { border:0; border-top:1px solid var(--line-strong); margin:0; width:100%; }
-  .b-done .editable { color:var(--muted); text-decoration:line-through; }
-  .editable b, .editable strong { font-weight:700; }
-  .editable code { font-family:var(--mono); background:var(--surface-2); padding:1px 5px; border-radius:4px; font-size:.9em; }
-  .editable a { color:var(--accent); }
+CREATE TABLE IF NOT EXISTS databases (
+  id          TEXT PRIMARY KEY,
+  name        TEXT,
+  icon        TEXT,
+  created_hlc TEXT,
+  __deleted   INTEGER NOT NULL DEFAULT 0
+);
 
-  /* document table (GFM pipe table block) */
-  .b-table .doc-table-wrap { flex:1; min-width:0; margin:4px 0; }
-  .doc-table-scroll { overflow-x:auto; padding:2px 0; }
-  .doc-table-inner { width:max-content; }
-  .doc-table-row { display:flex; align-items:stretch; }
-  table.doc-table { border-collapse:separate; border-spacing:0; table-layout:fixed; width:max-content;
-    border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; box-shadow:var(--shadow-sm); }
-  table.doc-table td { position:relative; vertical-align:top; padding:0;
-    border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
-  table.doc-table tr td:last-child { border-right:0; }
-  table.doc-table tr:last-child td { border-bottom:0; }
-  table.doc-table .doc-th { background:var(--surface); }
-  .doc-td { outline:none; padding:7px 22px 7px 10px; min-height:20px; line-height:1.55; word-break:break-word; white-space:pre-wrap; }
-  .doc-th .doc-td { font-weight:650; color:var(--fg); }
-  .doc-td:empty::before { content:attr(data-ph); color:var(--muted); pointer-events:none; }
-  .doc-td b, .doc-td strong { font-weight:700; }
-  .doc-td code { font-family:var(--mono); background:var(--surface-2); padding:1px 5px; border-radius:4px; font-size:.9em; }
-  .doc-td a { color:var(--accent); }
-  /* header cell: column menu + resize handle */
-  .doc-col-menu { position:absolute; top:4px; right:4px; width:18px; height:18px; display:grid; place-items:center;
-    color:var(--muted); border-radius:4px; opacity:0; transition:opacity .12s,background .12s; }
-  .doc-th:hover .doc-col-menu { opacity:1; }
-  .doc-col-menu:hover { background:var(--hover-2); color:var(--fg); }
-  .doc-col-resizer { position:absolute; top:0; right:-3px; width:7px; height:100%; cursor:col-resize; z-index:3; touch-action:none; }
-  .doc-col-resizer:hover, .doc-col-resizer.dragging { background:var(--accent); opacity:.35; }
-  /* per-row delete: small handle floating at the first cell on row hover */
-  .doc-row-del { position:absolute; top:3px; left:2px; width:18px; height:18px; display:grid; place-items:center;
-    color:var(--muted); background:var(--bg); border:1px solid var(--line); border-radius:5px; box-shadow:var(--shadow-sm);
-    opacity:0; transition:opacity .12s; }
-  table.doc-table tr:hover .doc-row-del { opacity:1; }
-  .doc-row-del:hover { background:var(--danger-soft); color:var(--danger); border-color:var(--danger-soft); }
-  /* add-column (right edge) and add-row (bottom edge) buttons */
-  .doc-table-addcol { width:22px; margin-left:4px; flex:none; display:grid; place-items:center; color:var(--muted);
-    border:1px dashed var(--line-strong); border-radius:var(--radius-sm); background:var(--surface); transition:background .12s,color .12s,border-color .12s; }
-  .doc-table-addrow { width:100%; height:22px; margin-top:4px; display:grid; place-items:center; color:var(--muted);
-    border:1px dashed var(--line-strong); border-radius:var(--radius-sm); background:var(--surface); transition:background .12s,color .12s,border-color .12s; }
-  .doc-table-addcol:hover, .doc-table-addrow:hover { background:var(--accent-soft); color:var(--accent); border-color:var(--accent); }
+CREATE TABLE IF NOT EXISTS properties (
+  id          TEXT PRIMARY KEY,
+  database_id TEXT,
+  name        TEXT,
+  type        TEXT,
+  config      TEXT,
+  position    REAL,
+  __deleted   INTEGER NOT NULL DEFAULT 0
+);
+CREATE INDEX IF NOT EXISTS idx_properties_db ON properties(database_id);
 
-  /* database / table */
-  .db { padding:22px 36px 90px; min-width:0; }
-  .db-head { display:flex; align-items:center; gap:12px; }
-  .db-icon { width:38px; height:38px; border-radius:9px; background:var(--surface-2); display:grid; place-items:center; font-size:20px; }
-  .db-title { font-size:27px; font-weight:700; letter-spacing:-.02em; outline:none; }
-  .db-desc { color:var(--muted); font-size:13px; margin-top:2px; }
-  .views { display:flex; align-items:center; gap:2px; border-bottom:1px solid var(--line); margin:16px 0 0; }
-  .view-tab { display:flex; align-items:center; gap:6px; padding:8px 11px; font-size:13.5px; font-weight:500; color:var(--muted);
-    border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .12s; }
-  .view-tab.active { color:var(--fg); border-bottom-color:var(--accent); }
-  .view-tab:hover { color:var(--fg); } .view-tab svg { width:14px; height:14px; }
-  .toolbar { display:flex; align-items:center; gap:2px; padding:10px 0; }
-  .toolbar .spacer { flex:1; }
-  .tbtn { display:flex; align-items:center; gap:6px; padding:5px 9px; border-radius:var(--radius-sm); color:var(--fg-soft); font-size:13px; font-weight:500; }
-  .tbtn:hover { background:var(--hover-2); color:var(--fg); }
-  .tbtn.on { color:var(--accent); }
-  .tablewrap { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); }
-  .tablescroll { overflow-x:auto; }
-  /* fixed layout + max-content: each <col> width is authoritative, so the table
-     is exactly the sum of its columns and resizing one column never redistributes
-     width to its neighbours. min-width:100% fills the container when columns are
-     narrow, with the slack absorbed only by the trailing auto (filler) column. */
-  table.grid { border-collapse:collapse; table-layout:fixed; width:max-content; min-width:100%; }
-  table.grid th, table.grid td { border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:0; text-align:left; }
-  table.grid th:last-child, table.grid td:last-child { border-right:0; }
-  table.grid tbody tr:last-child td { border-bottom:0; }
-  thead th { background:var(--surface); position:relative; user-select:none; font-weight:600; color:var(--fg-soft); }
-  .colhead { display:flex; align-items:center; gap:7px; padding:9px 11px; font-size:13px; cursor:pointer; }
-  .colhead:hover { background:var(--hover); }
-  .colhead .ti { color:var(--muted); } .colhead .ti svg { width:14px; height:14px; }
-  .colhead .nm { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-  .col-resizer { position:absolute; top:0; right:-3px; width:7px; height:100%; cursor:col-resize; z-index:2; touch-action:none; }
-  .col-resizer:hover, .col-resizer.dragging { background:var(--accent); opacity:.35; }
-  .addcol { min-width:46px; } .addcol .colhead { justify-content:flex-start; color:var(--muted); }
-  /* trailing filler column: empty canvas to the right of the data, not a real cell */
-  table.grid td.filler { border-right:0; border-bottom:0; background:transparent; }
-  body.col-resizing { user-select:none; cursor:col-resize; }
-  table.grid .selcell { width:38px; min-width:38px; max-width:38px; text-align:center; }
-  table.grid .gripcol, table.grid .rowgrip { width:26px; min-width:26px; max-width:26px; text-align:center; }
-  td.cell-td { vertical-align:top; }
-  .cell { padding:8px 11px; min-height:37px; cursor:text; word-break:break-word; display:flex; flex-wrap:wrap; gap:3px; align-items:center; }
-  /* hover/active tint goes on the <td> (always full row height) not the inner
-     .cell (only as tall as its content), so a taller sibling row never leaves a
-     gap of un-tinted space at the bottom of the hovered cell. */
-  td.cell-td { transition:background .1s; }
-  td.cell-td:hover { background:var(--hover); } .cell.center { justify-content:center; }
-  tbody tr { transition:background .08s; }
-  tbody tr:hover { background:var(--hover); }
-  tbody tr.sel { background:var(--accent-soft); }
-  /* cell range selection: per-cell fill; the accent rectangle outline is drawn via inline box-shadow on edge cells. Placed after :hover so it wins on equal specificity. */
-  td.cell-td.cellsel, td.cell-td.cellsel:hover { background:var(--accent-soft); }
-  body.cell-selecting { user-select:none; cursor:cell; }
-  body.cell-selecting .cell { cursor:cell; }
-  table.grid tr.drop-before td { box-shadow:inset 0 2px 0 0 var(--accent); }
-  table.grid tr.drop-after td { box-shadow:inset 0 -2px 0 0 var(--accent); }
-  table.grid th.drop-before { box-shadow:inset 2px 0 0 0 var(--accent); }
-  table.grid th.drop-after { box-shadow:inset -2px 0 0 0 var(--accent); }
-  .rowgrip { color:transparent; cursor:grab; vertical-align:middle; touch-action:none; }
-  .rowgrip[aria-disabled="true"] { cursor:not-allowed; }
-  tbody tr:hover .rowgrip { color:var(--muted); }
-  .colhead { touch-action:none; }
-  .drag-source { opacity:.35; }
-  body.table-dragging { user-select:none; cursor:grabbing; }
-  .drag-ghost { position:fixed; left:0; top:0; z-index:120; pointer-events:none; display:flex; align-items:center;
-    padding:7px 11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:1px solid var(--line-strong);
-    border-radius:7px; background:var(--bg); color:var(--fg); box-shadow:var(--shadow-lg); opacity:.94; font-size:13px; }
-  .row-ghost { min-height:34px; }
-  .col-ghost { justify-content:center; font-weight:600; color:var(--fg-soft); background:var(--surface); }
-  .selcell { vertical-align:middle; }
-  .selcell input { width:15px; height:15px; accent-color:var(--accent); opacity:0; cursor:pointer; vertical-align:middle; }
-  tbody tr:hover .selcell input, tbody tr.sel .selcell input, .selcell input:checked, thead .selcell input { opacity:1; }
-  .firstcell { position:relative; width:100%; min-width:0; }
-  /* row actions float over the cell on hover, never reserving column width */
-  /* right:-5px pulls the button out over the cell's 11px right padding so it
-     sits ~6px from the column border instead of ~15px inside it */
-  .rowactions { position:absolute; top:0; bottom:0; right:-5px; display:flex; align-items:flex-start;
-    padding:1px 0 0; opacity:0; pointer-events:none; }
-  tbody tr:hover .rowactions { opacity:1; pointer-events:auto; }
-  /* square icon button \u2014 "open as page" (Notion-style) */
-  .rowopen { width:23px; height:23px; flex:none; display:inline-flex; align-items:center; justify-content:center;
-    border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--fg-soft); box-shadow:var(--shadow-sm); }
-  .rowopen:hover { background:var(--surface-2); color:var(--fg); border-color:var(--line-strong); }
-  .rowopen svg { width:14px; height:14px; }
-  .chip { display:inline-flex; align-items:center; gap:4px; border-radius:5px; padding:2px 8px; font-size:12.5px; font-weight:500; white-space:nowrap;
-    background:color-mix(in srgb,var(--c) 15%,transparent); color:var(--c); }
-  @media (prefers-color-scheme: dark) { .chip { background:color-mix(in srgb,var(--c) 22%,transparent); color:color-mix(in srgb,var(--c) 75%,#fff); } }
-  .addrow { display:flex; align-items:center; gap:7px; padding:9px 12px; color:var(--muted); font-size:13px; cursor:pointer; border-top:1px solid var(--line); }
-  .addrow:hover { background:var(--hover); color:var(--fg-soft); }
-  .gridfoot { display:flex; gap:18px; color:var(--muted); font-size:12px; padding:8px 2px; }
-  input.inlineedit { width:100%; border:0; outline:2px solid var(--accent); border-radius:4px; padding:7px 9px; background:var(--bg); color:var(--fg); font:inherit; }
+-- One row per record. Field cells live in the data JSON object, keyed by
+-- property id (rename-safe). Each (record,property) is still an independent
+-- CRDT register in the oplog; materialize() folds the winner into data via
+-- json_set/json_remove. Hot fields get expression indexes on data->>'propid'
+-- (see indexing.ts) so filter/sort/limit push down to SQL.
+CREATE TABLE IF NOT EXISTS records (
+  id          TEXT PRIMARY KEY,
+  database_id TEXT,
+  created_hlc TEXT,
+  order_key   TEXT,
+  data        TEXT NOT NULL DEFAULT '{}',
+  __deleted   INTEGER NOT NULL DEFAULT 0
+);
+CREATE INDEX IF NOT EXISTS idx_records_db_hlc ON records(database_id, created_hlc);
 
-  .selbar { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:65; display:flex; align-items:center; gap:4px;
-    background:var(--fg); color:var(--bg); padding:7px 8px 7px 14px; border-radius:11px; box-shadow:var(--shadow-lg); }
-  .selbar .cnt { font-size:13px; font-weight:600; margin-right:6px; }
-  .selbar button { display:flex; align-items:center; gap:6px; color:var(--bg); padding:6px 10px; border-radius:7px; font-size:13px; font-weight:500; }
-  .selbar button:hover { background:rgba(127,127,127,.25); }
-  .selbar .del:hover { background:var(--danger); color:#fff; }
+CREATE TABLE IF NOT EXISTS documents (
+  id          TEXT PRIMARY KEY,
+  title       TEXT,
+  body        TEXT,        -- materialized cache: serialized from doc_blocks
+  database_id TEXT,
+  parent_id   TEXT,
+  created_hlc TEXT,
+  order_key   TEXT,        -- fractional index among siblings (same parent_id); ties broken by created_hlc,id
+  __deleted   INTEGER NOT NULL DEFAULT 0
+);
 
-  /* record peek */
-  .scrim { position:fixed; inset:0; background:rgba(15,15,25,.32); z-index:70; opacity:0; pointer-events:none; transition:opacity .22s; }
-  .scrim.open { opacity:1; pointer-events:auto; }
-  .peek { position:fixed; top:0; right:0; width:580px; max-width:94vw; height:100%; background:var(--bg); border-left:1px solid var(--line);
-    box-shadow:var(--shadow-lg); z-index:71; transform:translateX(100%); transition:transform .24s cubic-bezier(.32,.72,0,1); display:flex; flex-direction:column; }
-  .peek.open { transform:none; }
-  .peek-head { display:flex; align-items:center; gap:4px; padding:12px 16px; border-bottom:1px solid var(--line); }
-  .peek-body { overflow:auto; padding:28px 32px; }
-  .peek h2 { font-size:27px; font-weight:700; letter-spacing:-.02em; margin:0 0 20px; outline:none; }
-  .proprow { display:flex; gap:8px; align-items:flex-start; margin:1px 0; }
-  .proprow .k { width:160px; flex:none; color:var(--muted); display:flex; align-items:center; gap:7px; font-size:13px; padding:7px 8px; border-radius:var(--radius-sm); }
-  .proprow .k:hover { background:var(--hover); }
-  .proprow .v { flex:1; padding:7px 8px; border-radius:var(--radius-sm); cursor:text; min-height:33px; display:flex; flex-wrap:wrap; gap:3px; align-items:center; }
-  .proprow .v:hover { background:var(--hover); }
-  .peek-divider { height:1px; background:var(--line); margin:22px 0 18px; }
+-- Document body as an ordered list of blocks; each (block,field) is an
+-- independent CRDT register so concurrent edits to different blocks merge.
+-- order_key is a fractional index (ties broken by id) giving display order.
+CREATE TABLE IF NOT EXISTS doc_blocks (
+  id          TEXT PRIMARY KEY,
+  doc_id      TEXT,
+  text        TEXT,
+  order_key   TEXT,
+  blank_after INTEGER NOT NULL DEFAULT 0,  -- extra blank lines kept after this block (user spacing)
+  __deleted   INTEGER NOT NULL DEFAULT 0
+);
+CREATE INDEX IF NOT EXISTS idx_doc_blocks_doc ON doc_blocks(doc_id);
 
-  /* menu / popover */
-  .menu-layer { position:fixed; inset:0; z-index:90; }
-  .pop { position:fixed; background:var(--bg); border:1px solid var(--line); border-radius:11px; box-shadow:var(--shadow-lg);
-    padding:6px; min-width:232px; max-height:70vh; overflow:auto; animation:pop .12s ease; }
-  @keyframes pop { from { opacity:0; transform:translateY(-4px); } }
-  .pop .lbl { font-size:11px; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; padding:6px 8px 3px; }
-  .pop .item { display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:var(--radius-sm); width:100%; text-align:left; color:var(--fg); font-size:13.5px; }
-  .pop .item:hover, .pop .item.sel { background:var(--hover-2); }
-  .pop .item .lico { width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--line); border-radius:6px; color:var(--fg-soft); flex:none; }
-  .pop .item .lico.plain { border:0; width:22px; height:22px; }
-  .pop .item .meta { flex:1; min-width:0; }
-  .pop .item .t { font-size:13.5px; } .pop .item .d { font-size:11.5px; color:var(--muted); display:block; }
-  .pop .item .chk { color:var(--accent); margin-left:auto; }
-  .pop .item.danger { color:var(--danger); } .pop .item.danger .lico { color:var(--danger); }
-  .pop .sep { height:1px; background:var(--line); margin:5px 4px; }
-  .pop .typegrid { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; padding:2px 2px 4px; }
-  .pop .typegrid .item { flex-direction:column; gap:5px; padding:9px 4px; text-align:center; }
-  .pop .typegrid .item .lico { margin:0 auto; }
-  .pop input.field { width:100%; border:1px solid var(--line-strong); border-radius:var(--radius-sm); padding:7px 9px; outline:none; background:var(--surface); margin:2px; }
-  .pop input.field:focus { border-color:var(--accent); }
-  .optrow { display:flex; align-items:center; gap:6px; padding:3px 4px; }
-  .optrow .chip { flex:1; }
-  .optrow .x { width:22px; height:22px; display:grid; place-items:center; color:var(--muted); border-radius:5px; }
-  .optrow .x:hover { background:var(--hover-2); color:var(--danger); }
+-- A named static site (Supabase-Storage-style bucket). Served at /sites/<name>/.
+CREATE TABLE IF NOT EXISTS sites (
+  id          TEXT PRIMARY KEY,
+  name        TEXT,        -- URL slug; resolved by getSiteByName
+  title       TEXT,
+  created_hlc TEXT,
+  __deleted   INTEGER NOT NULL DEFAULT 0
+);
 
-  /* modal */
-  .modal-scrim { position:fixed; inset:0; background:rgba(15,15,25,.4); z-index:100; display:flex; align-items:center; justify-content:center;
-    opacity:0; pointer-events:none; transition:opacity .15s; padding:20px; }
-  .modal-scrim.open { opacity:1; pointer-events:auto; }
-  .modal { background:var(--bg); border-radius:16px; box-shadow:var(--shadow-lg); width:440px; max-width:100%; max-height:100%; display:flex; flex-direction:column; overflow:hidden; }
-  .modal-head { padding:20px 22px 0; }
-  .modal-head h3 { margin:0; font-size:18px; font-weight:700; letter-spacing:-.01em; }
-  .modal-head p { margin:6px 0 0; color:var(--muted); font-size:13.5px; }
-  .modal-body { padding:18px 22px; overflow-y:auto; }
-  .modal-foot { display:flex; justify-content:flex-end; gap:8px; padding:14px 22px; background:var(--surface); border-top:1px solid var(--line); }
-  .field-label { font-size:12px; font-weight:600; color:var(--fg-soft); margin:12px 0 5px; }
-  .field-label:first-child { margin-top:0; }
-  .text-input { width:100%; border:1px solid var(--line-strong); border-radius:var(--radius-sm); padding:9px 11px; outline:none; background:var(--surface); font-size:14px; }
-  .text-input:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
-  .icon-pick { display:flex; gap:6px; flex-wrap:wrap; }
-  .icon-pick button { width:38px; height:38px; border-radius:9px; border:1px solid var(--line); font-size:19px; display:grid; place-items:center; }
-  .icon-pick button:hover { background:var(--hover-2); }
-  .icon-pick button.sel { border-color:var(--accent); background:var(--accent-soft); }
-  .tmpl { display:flex; gap:8px; }
-  .tmpl button { flex:1; border:1px solid var(--line); border-radius:var(--radius); padding:12px; text-align:left; }
-  .tmpl button:hover { border-color:var(--accent); background:var(--surface); }
-  .tmpl button.sel { border-color:var(--accent); background:var(--accent-soft); }
-  .tmpl .tt { font-weight:600; font-size:13.5px; } .tmpl .td { font-size:11.5px; color:var(--muted); margin-top:2px; }
+-- One row per file in a site. content holds inline utf8/base64 text, or a blob
+-- hash (see cache.ts) when encoding = 'blob'. (site_id, path) maps to a stable
+-- id so re-uploads merge as a CRDT register instead of duplicating.
+CREATE TABLE IF NOT EXISTS site_files (
+  id           TEXT PRIMARY KEY,
+  site_id      TEXT,
+  path         TEXT,
+  content_type TEXT,
+  encoding     TEXT,       -- 'utf8' | 'base64' | 'blob'
+  content      TEXT,
+  created_hlc  TEXT,
+  __deleted    INTEGER NOT NULL DEFAULT 0
+);
+CREATE INDEX IF NOT EXISTS idx_site_files_site ON site_files(site_id);
+`;
+var FTS_SCHEMA = `
+CREATE VIRTUAL TABLE IF NOT EXISTS search_fts USING fts5(
+  kind UNINDEXED,
+  id UNINDEXED,
+  database_id UNINDEXED,
+  title,
+  body
+);
+`;
 
-  /* 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);
-    display:flex; align-items:center; gap:8px; animation:slidein .2s ease; }
-  @keyframes slidein { from { opacity:0; transform:translateX(-12px); } }
+// src/core/records.ts
+init_ids();
+init_crdt();
 
-  /* misc */
-  .empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%;
-    color:var(--muted); text-align:center; padding:40px; }
+// src/core/databases.ts
+init_ids();
+init_crdt();
+init_errors();
+function createDatabase(db, opts) {
+  const id = newId("db", opts.name);
+  const first = emit(db, "databases", id, "name", opts.name);
+  emit(db, "databases", id, "created_hlc", first.hlc);
+  if (opts.icon !== undefined)
+    emit(db, "databases", id, "icon", opts.icon);
+  return getDatabase(db, id);
+}
+function updateDatabase(db, id, fields) {
+  if (!getDatabase(db, id))
+    throw new MhError("not_found", `no such database: ${id}`);
+  if (fields.name !== undefined)
+    emit(db, "databases", id, "name", fields.name);
+  if (fields.icon !== undefined)
+    emit(db, "databases", id, "icon", fields.icon);
+  return getDatabase(db, id);
+}
+function getDatabase(db, id) {
+  return db.query("SELECT id, name, icon, created_hlc FROM databases WHERE id = ? AND __deleted = 0").get(id);
+}
+function listDatabases(db) {
+  return db.query("SELECT id, name, icon, created_hlc FROM databases WHERE __deleted = 0 ORDER BY created_hlc").all();
+}
+function deleteDatabase(db, id) {
+  if (!getDatabase(db, id))
+    return false;
+  emit(db, "databases", id, "__deleted", 1);
+  const tombstone = (table) => {
+    for (const r of liveChildren(db, table, "database_id", id))
+      emit(db, table, r, "__deleted", 1);
+  };
+  tombstone("properties");
+  tombstone("records");
+  for (const d of liveChildren(db, "documents", "database_id", id))
+    emit(db, "documents", d, "database_id", null);
+  db.query("DELETE FROM meta WHERE key = 'current_db' AND value = ?").run(id);
+  return true;
+}
+function liveChildren(db, table, col, parentId) {
+  return db.query(`SELECT id FROM ${table} WHERE ${col} = ? AND __deleted = 0`).all(parentId).map((r) => r.id);
+}
 
-  /* ---- empty state: \u77E5\u8BC6\u751F\u957F\u63D2\u753B ---- */
-  .estate-art { width:240px; height:208px; overflow:visible; animation:idleFloat 5s ease-in-out 1.6s infinite; }
-  .estate-art .stroke-a { fill:none; stroke:var(--accent); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
-  .estate-art .stroke   { fill:none; stroke:var(--line-strong); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
-  .estate-art .fill-a       { fill:var(--accent); }
-  .estate-art .fill-soft    { fill:var(--accent-soft); }
-  .estate-art .fill-surface { fill:var(--bg); }
-  .estate-art .ground       { fill:var(--accent); }
-  .estate-title { margin:28px 0 0; font-size:18px; font-weight:600; letter-spacing:.2px; color:var(--fg);
-    opacity:0; animation:fadeUp .5s ease forwards 1.0s; }
-  .estate-hint { margin:9px 0 0; font-size:13.5px; line-height:1.6; color:var(--muted); max-width:300px;
-    opacity:0; animation:fadeUp .5s ease forwards 1.15s; }
-  .estate-link { margin:18px 0 0; font-size:14px; font-weight:600; color:var(--accent);
-    display:inline-flex; align-items:center; gap:6px; padding:9px 8px; border-radius:var(--radius-sm);
-    opacity:0; animation:fadeUp .5s ease forwards 1.3s; transition:opacity .15s; }
-  .estate-link:hover { opacity:.7; }
-  /* intro */
-  .draw { stroke-dasharray:100; stroke-dashoffset:100; }
-  @keyframes draw     { to { stroke-dashoffset:0; } }
-  @keyframes leafGrow { from { opacity:0; transform:scale(.2) rotate(-10deg); } to { opacity:1; transform:scale(1) rotate(0); } }
-  @keyframes cardUp   { from { opacity:0; transform:translateY(16px) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }
-  @keyframes groundIn { to { opacity:.1; } }
-  @keyframes glowIn   { to { opacity:.6; } }
-  @keyframes fadeUp   { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
-  /* idle loops \u2014 each 0% equals the settled rest state to avoid a jump */
-  @keyframes idleFloat     { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
-  @keyframes plantSway     { 0%,100% { transform:rotate(0deg); } 25% { transform:rotate(-1.3deg); } 75% { transform:rotate(1.3deg); } }
-  @keyframes leafSwayA     { 0%,100% { transform:rotate(0deg); } 25% { transform:rotate(-2.6deg); } 75% { transform:rotate(2.6deg); } }
-  @keyframes leafSwayB     { 0%,100% { transform:rotate(0deg); } 25% { transform:rotate(2.6deg); } 75% { transform:rotate(-2.6deg); } }
-  @keyframes groundBreathe { 0%,100% { transform:scale(1); opacity:.10; } 50% { transform:scale(1.07); opacity:.15; } }
-  @keyframes glowPulse     { 0%,100% { transform:scale(1); opacity:.6; } 50% { transform:scale(1.1); opacity:.85; } }
-  @keyframes particle      { 0% { opacity:0; transform:translate(0,0) scale(.4); } 35% { opacity:.85; transform:translate(2px,-4px) scale(1); } 70% { opacity:0; transform:translate(4px,-9px) scale(.5); } 100% { opacity:0; transform:translate(0,0) scale(.4); } }
-  /* wiring */
-  .kg-ground { transform-box:fill-box; transform-origin:center; opacity:0;
-    animation:groundIn .5s ease forwards .1s, groundBreathe 6s ease-in-out 1.6s infinite; }
-  .kg-glow { filter:blur(9px); transform-box:fill-box; transform-origin:center; opacity:0;
-    animation:glowIn .6s ease forwards .1s, glowPulse 4.6s ease-in-out 1.6s infinite; }
-  .kg-cardB { transform-box:fill-box; transform-origin:center; opacity:0; animation:cardUp .55s cubic-bezier(.2,.8,.2,1) forwards .2s; }
-  .kg-cardA { transform-box:fill-box; transform-origin:center; opacity:0; animation:cardUp .55s cubic-bezier(.2,.8,.2,1) forwards .32s; }
-  .kg-plant { transform-box:fill-box; transform-origin:50% 100%; animation:plantSway 6s ease-in-out 1.7s infinite; }
-  .kg-stem  { animation:draw .9s ease-out forwards .4s; }
-  .kg-leaf  { transform-box:fill-box; }
-  .kg-grow  { transform-box:fill-box; opacity:0; }
-  .kg-leaf.l1 { transform-origin:90% 100%; animation:leafSwayA 4.6s ease-in-out 1.7s infinite; }
-  .kg-leaf.l2 { transform-origin:0% 80%;   animation:leafSwayB 5.2s ease-in-out 1.8s infinite; }
-  .kg-leaf.l3 { transform-origin:0% 100%;  animation:leafSwayA 5.0s ease-in-out 1.9s infinite; }
-  .kg-leaf.l1 .kg-grow { transform-origin:90% 100%; animation:leafGrow .52s cubic-bezier(.18,.9,.24,1.22) forwards .85s; }
-  .kg-leaf.l2 .kg-grow { transform-origin:0% 80%;   animation:leafGrow .52s cubic-bezier(.18,.9,.24,1.22) forwards 1.0s; }
-  .kg-leaf.l3 .kg-grow { transform-origin:0% 100%;  animation:leafGrow .52s cubic-bezier(.18,.9,.24,1.22) forwards 1.15s; }
-  .kg-particle { transform-box:fill-box; transform-origin:center; opacity:0; }
-  .kg-particle.p1 { animation:particle 4.5s ease-in-out 1.6s infinite; }
-  .kg-particle.p2 { animation:particle 5.2s ease-in-out 2.0s infinite; }
-  .kg-particle.p3 { animation:particle 4.8s ease-in-out 2.6s infinite; }
-  .kg-particle.p4 { animation:particle 5.6s ease-in-out 3.1s infinite; }
-  .kg-particle.p5 { animation:particle 4.2s ease-in-out 2.3s infinite; }
-  @media (prefers-reduced-motion: reduce) {
-    .estate-art, .estate-art *, .estate-title, .estate-hint, .estate-link { animation:none !important; opacity:1 !important; transform:none !important; }
-    .draw { stroke-dashoffset:0 !important; }
-    .kg-ground { opacity:.1 !important; }
-    .kg-glow { opacity:.6 !important; }
-    .kg-particle { opacity:0 !important; }
-  }
-  .error-bar { margin:12px 24px; padding:10px 14px; background:var(--danger-soft); color:var(--danger); border-radius:var(--radius-sm); font-size:13px; cursor:pointer; }
-  .view-placeholder { padding:40px; text-align:center; border:1px dashed var(--line-strong); border-radius:var(--radius); color:var(--muted); margin-top:8px; }
-  .ico.flip { transform:scaleX(-1); }
-
-  /* ---- board (kanban) view ---- */
-  .board-wrap { margin-top:4px; }
-  .board-bar { display:flex; align-items:center; gap:10px; padding:2px 0 12px; }
-  .board { display:flex; align-items:flex-start; gap:12px; overflow-x:auto; padding-bottom:14px; min-height:240px; }
-  .board-col { flex:0 0 272px; width:272px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); display:flex; flex-direction:column; max-height:calc(100vh - 240px); transition:box-shadow .12s,border-color .12s; }
-  .board-col.drop-into { border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft); }
-  .board-col-head { display:flex; align-items:center; gap:8px; padding:10px 10px 8px; }
-  .board-col-head .spacer { flex:1; }
-  .board-count { color:var(--muted); font-size:12px; font-weight:600; }
-  .board-col-head .iconbtn.sm { width:24px; height:24px; }
-  .board-col-body { display:flex; flex-direction:column; gap:7px; padding:0 8px 8px; overflow-y:auto; }
-  .kcard { background:var(--bg); border:1px solid var(--line); border-radius:var(--radius-sm); padding:9px 10px; box-shadow:var(--shadow-sm);
-    cursor:grab; display:flex; flex-direction:column; gap:5px; touch-action:none; transition:border-color .1s,box-shadow .1s; }
-  .kcard:hover { border-color:var(--line-strong); }
-  .kcard.drag-source { opacity:.4; }
-  .kcard.dragging-ghost { position:fixed; left:0; top:0; z-index:120; pointer-events:none; cursor:grabbing;
-    box-shadow:var(--shadow-lg); opacity:.95; transform:translate3d(-9999px,0,0); }
-  .kcard-title { font-size:13.5px; font-weight:600; line-height:1.35; word-break:break-word; }
-  .kcard-field { display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--fg-soft); min-width:0; }
-  .kcard-field svg { width:13px; height:13px; color:var(--muted); flex:none; }
-  .board-add { display:flex; align-items:center; gap:6px; padding:7px 8px; color:var(--muted); font-size:12.5px; border-radius:var(--radius-sm); }
-  .board-add:hover { background:var(--hover-2); color:var(--fg-soft); }
-
-  /* ---- calendar (month) view ---- */
-  .cal { margin-top:4px; display:flex; flex-direction:column; }
-  .cal-nav { display:flex; align-items:center; gap:8px; padding:2px 0 12px; }
-  .cal-nav .spacer { flex:1; }
-  .cal-title { font-size:15px; font-weight:650; min-width:120px; }
-  .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); }
-  .cal-head { border:1px solid var(--line); border-bottom:0; border-radius:var(--radius) var(--radius) 0 0; background:var(--surface); }
-  .cal-wd { padding:8px 10px; font-size:12px; font-weight:600; color:var(--muted); text-align:left; border-right:1px solid var(--line); }
-  .cal-wd:last-child { border-right:0; }
-  .cal-body { border:1px solid var(--line); border-radius:0 0 var(--radius) var(--radius); overflow:hidden; }
-  .cal-week { border-bottom:1px solid var(--line); }
-  .cal-week:last-child { border-bottom:0; }
-  .cal-day { min-height:108px; border-right:1px solid var(--line); padding:5px 6px; display:flex; flex-direction:column; gap:4px; transition:background .1s; cursor:pointer; }
-  .cal-day:last-child { border-right:0; }
-  .cal-day:hover { background:var(--hover); }
-  .cal-day.dim { background:var(--surface); color:var(--muted); }
-  .cal-day.dim:hover { background:var(--hover); }
-  .cal-day.drop-into { background:var(--accent-soft); }
-  .cal-daynum { display:flex; align-items:center; justify-content:space-between; font-size:12.5px; font-weight:600; color:var(--fg-soft); }
-  .cal-day.dim .cal-daynum { color:var(--muted); }
-  .cal-day.today .cal-daynum span:first-child { background:var(--accent); color:var(--accent-fg); width:21px; height:21px; border-radius:50%; display:grid; place-items:center; }
-  .cal-add { opacity:0; width:20px; height:20px; display:grid; place-items:center; color:var(--muted); border-radius:5px; transition:opacity .12s; }
-  .cal-day:hover .cal-add { opacity:1; }
-  .cal-add:hover { background:var(--hover-2); color:var(--fg); }
-  .cal-events { display:flex; flex-direction:column; gap:3px; }
-  .cal-ev { font-size:12px; padding:2px 7px; border-radius:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:grab; touch-action:none;
-    background:color-mix(in srgb,var(--c) 16%,transparent); color:var(--c); border-left:2px solid var(--c); }
-  .cal-ev:hover { filter:brightness(1.04); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent); }
-  @media (prefers-color-scheme: dark) { .cal-ev { background:color-mix(in srgb,var(--c) 24%,transparent); color:color-mix(in srgb,var(--c) 78%,#fff); } }
-  .cal-more { display:block; width:100%; text-align:left; font-size:11.5px; color:var(--muted); padding:2px 7px; border-radius:5px; }
-  .cal-more:hover { background:var(--hover-2); color:var(--fg-soft); }
-
-  /* ---- timeline (gantt) view ---- */
-  .tl { margin-top:4px; }
-  .tl-toolbar { display:flex; align-items:center; gap:8px; padding:2px 0 12px; }
-  .tl-scroll { overflow:auto; border:1px solid var(--line); border-radius:var(--radius); max-height:calc(100vh - 230px); }
-  .tl-canvas { position:relative; }
-  .tl-axis { position:sticky; top:0; z-index:4; background:var(--surface); border-bottom:1px solid var(--line); }
-  .tl-corner { position:sticky; left:0; z-index:5; height:100%; display:flex; align-items:center; padding:0 12px; font-size:12px; font-weight:600; color:var(--muted);
-    background:var(--surface); border-right:1px solid var(--line); }
-  .tl-tick { position:absolute; top:0; height:100%; box-sizing:border-box; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; padding:0 0 4px 4px; }
-  .tl-tick.mstart { border-right-color:var(--line-strong); }
-  .tl-tick .tl-month { position:absolute; top:5px; left:4px; font-size:10.5px; font-weight:700; color:var(--fg-soft); white-space:nowrap; }
-  .tl-tick .tl-dnum { font-size:11px; color:var(--muted); }
-  .tl-tick.today .tl-dnum { color:var(--accent); font-weight:700; }
-  .tl-row { position:absolute; left:0; right:0; border-bottom:1px solid var(--line); }
-  .tl-rowlabel { position:sticky; left:0; z-index:3; height:100%; display:flex; align-items:center; padding:0 12px; font-size:13px; font-weight:500;
-    background:var(--bg); border-right:1px solid var(--line); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
-  .tl-item { position:absolute; top:7px; height:22px; box-sizing:border-box; background:var(--accent); color:var(--accent-fg); border-radius:6px;
-    display:flex; align-items:center; gap:2px; padding:0 4px; cursor:grab; touch-action:none; box-shadow:var(--shadow-sm); overflow:hidden; }
-  .tl-item .tl-label { flex:1; font-size:12px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none; }
-  .tl-row:hover .tl-item { box-shadow:0 0 0 1px var(--accent), var(--shadow-sm); }
-  .tl-item .tl-h { width:8px; align-self:stretch; flex:none; cursor:col-resize; border-radius:6px; opacity:0; transition:opacity .1s; }
-  .tl-item:hover .tl-h { opacity:1; background:rgba(255,255,255,.35); }
-  .tl-item .tl-h:hover { background:rgba(255,255,255,.6); }
-  .tl-milestone { position:absolute; top:9px; width:18px; height:18px; transform:rotate(45deg); background:var(--accent); border-radius:3px; cursor:grab; touch-action:none; box-shadow:var(--shadow-sm); margin-left:-9px; }
-  .tl-milestone:hover { box-shadow:0 0 0 2px var(--accent-soft), var(--shadow-sm); }
-  .tl-track-empty { position:absolute; top:0; right:0; height:100%; cursor:copy; }
-  .tl-track-empty:hover { background:var(--hover); }
-  .tl-schedule { position:sticky; top:7px; height:22px; display:inline-flex; align-items:center; padding:0 10px; border-radius:6px; font-size:12px;
-    color:var(--muted); border:1px dashed var(--line-strong); background:var(--bg); white-space:nowrap; }
-  .tl-schedule:hover { color:var(--accent); border-color:var(--accent); }
-  .tl-today { position:absolute; top:0; width:2px; background:var(--accent); opacity:.55; z-index:2; pointer-events:none; }
-  .tl-guide { position:absolute; top:0; width:0; border-left:1px dashed var(--accent); z-index:6; pointer-events:none; }
-  .tl-guide-label { position:absolute; top:2px; left:4px; font-size:11px; font-weight:600; color:var(--accent-fg); background:var(--accent);
-    padding:1px 6px; border-radius:5px; white-space:nowrap; box-shadow:var(--shadow-sm); }
+// src/core/properties.ts
+init_ids();
+init_crdt();
 
-  /* mobile */
-  .backdrop { display:none; }
-  @media (max-width: 768px) {
-    .sidebar { position:fixed; z-index:80; height:100%; margin-left:-300px; }
-    .sidebar.open { margin-left:0; box-shadow:var(--shadow-lg); }
-    .backdrop { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:79; }
-    .backdrop.show { display:block; }
-    .topbar .hamburger { display:grid; }
-    .sb-resizer { display:none; }
-    .doc { padding:28px 20px 36vh; } .doc-title { font-size:30px; }
-    .block .gutter { display:none; }
-    .db { padding:16px 14px 90px; }
-    .peek { width:100%; }
+// src/core/indexing.ts
+var AUTO_INDEX_ROW_THRESHOLD = 2000;
+function sanitize(s) {
+  return s.replace(/[^a-zA-Z0-9_]/g, "_");
+}
+function lit(s) {
+  return s.replace(/'/g, "''");
+}
+function indexName(databaseId, propId) {
+  return `idx_rec_${sanitize(databaseId)}_${sanitize(propId)}`;
+}
+function hasIndex(db, databaseId, propId) {
+  const row = db.query("SELECT 1 AS ok FROM sqlite_master WHERE type = 'index' AND name = ?").get(indexName(databaseId, propId));
+  return row != null;
+}
+function ensurePropIndex(db, databaseId, propId) {
+  const name = indexName(databaseId, propId);
+  db.exec(`CREATE INDEX IF NOT EXISTS "${name}" ON records (data ->> '${lit(propId)}', created_hlc) ` + `WHERE database_id = '${lit(databaseId)}' AND __deleted = 0`);
+}
+function maybeAutoIndex(db, databaseId, prop) {
+  if (hasIndex(db, databaseId, prop.id))
+    return;
+  if (prop.type !== "relation") {
+    const row = db.query("SELECT COUNT(*) AS c FROM records WHERE database_id = ? AND __deleted = 0").get(databaseId);
+    if (row.c < AUTO_INDEX_ROW_THRESHOLD)
+      return;
   }
+  ensurePropIndex(db, databaseId, prop.id);
+}
 
-  /* Quick Notes window (desktop, loaded at #quick). A transparent body lets the
-     macOS vibrancy blur show through; a translucent panel keeps text readable.
-     The top bar is the window drag region; its buttons opt back out. */
-  body.quicknote { background:transparent; }
-  /* The main app lays #app out as a flex row (sidebar + main); the quick-note
-     route has a single child, so override to a full-bleed block or the panel
-     shrinks to its content width and the window's vibrancy shows through. */
-  body.quicknote #app { display:block; width:100vw; height:100vh; }
-  .qn { display:flex; flex-direction:column; width:100%; height:100vh; overflow:hidden;
-    background:color-mix(in srgb, var(--bg) 20%, transparent); }
-  .qn-bar { display:flex; align-items:center; gap:6px; padding:4px 10px 4px 76px;
-    user-select:none; -webkit-app-region:drag;
-    background:color-mix(in srgb, var(--surface) 30%, transparent); }
-  .qn-brand { flex:1; min-width:0; font-size:12px; font-weight:600; color:var(--fg-soft);
-    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
-  .qn-actions { display:flex; gap:2px; -webkit-app-region:no-drag; }
-  .qn-actions .iconbtn { width:26px; height:26px; }
-  .qn-actions .iconbtn.active { color:var(--accent); background:var(--hover-2); }
-  .qn-body { flex:1; overflow:auto; -webkit-app-region:no-drag; }
-  .qn-body .doc { max-width:none; margin:0; padding:14px 22px 30vh; }
-  .qn-body .doc-title { font-size:24px; margin-bottom:2px; }
-  .qn-body .doc-meta { display:none; }
-  /* A native checkbox paints an opaque white box when unchecked, which breaks
-     the window's vibrancy blur. Draw a custom box so the unchecked background
-     stays transparent; checked falls back to the accent fill + checkmark. */
-  body.quicknote .b-todo .marker input {
-    appearance:none; -webkit-appearance:none; box-sizing:border-box;
-    border:1.5px solid color-mix(in srgb, var(--fg-soft) 55%, transparent);
-    border-radius:4px; background:transparent; }
-  body.quicknote .b-todo .marker input:checked {
-    border-color:var(--accent);
-    background:var(--accent) center/10px no-repeat
-      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E"); }
-  /* Compact menus inside the quick-note window only (dropdown + slash command
-     share .pop/.item/.lico with the main app; scope under body.quicknote so the
-     main app keeps its roomier density). */
-  body.quicknote .pop { padding:5px; border-radius:9px; }
-  body.quicknote .pop .lbl { padding:4px 8px 2px; font-size:10px; }
-  body.quicknote .pop .item { padding:5px 9px; gap:8px; font-size:12.5px; }
-  body.quicknote .pop .item .t { font-size:12.5px; }
-  body.quicknote .pop .item .d { font-size:10.5px; }
-  body.quicknote .pop .item .lico { width:22px; height:22px; }
-  body.quicknote .pop .item .lico.plain { width:20px; height:20px; }
-  body.quicknote .pop .sep { margin:4px 4px; }
-
-  /* Quick Notes settings rows (desktop only). */
-  .qn-set-row { display:flex; align-items:center; gap:14px; padding:12px 0; border-top:1px solid var(--line); }
-  .qn-set-row:first-of-type { border-top:0; }
-  .qn-set-main { flex:1; min-width:0; }
-  .qn-set-name { font-weight:600; }
-  .qn-set-desc { color:var(--muted); font-size:13px; margin-top:2px; }
-  .qn-shortcut { min-width:140px; justify-content:center; font-family:var(--mono); }
-  .qn-shortcut.capturing { outline:2px solid var(--accent); color:var(--accent); }
-</style>
-</head>
-<body>
-<div id="app"></div>
-<script type="module" src="/webui.js"></script>
-</body>
-</html>`, cachedJs = null;
-var init_webui = () => {};
-
-// src/core/sync/sites-serve.ts
-var exports_sites_serve = {};
-__export(exports_sites_serve, {
-  serveSite: () => serveSite
-});
-async function serveSite(req, ctx) {
-  const url2 = new URL(req.url);
-  const rest = url2.pathname.slice("/sites/".length);
-  if (rest === "")
-    return null;
-  const slash = rest.indexOf("/");
-  const name = decodeURIComponent(slash === -1 ? rest : rest.slice(0, slash));
-  if (slash === -1)
-    return Response.redirect(`${url2.origin}/sites/${name}/`, 301);
-  const filePath = decodeURIComponent(rest.slice(slash + 1));
-  let siteId;
-  try {
-    siteId = resolveSite(ctx.db, name).id;
-  } catch {
-    return new Response("site not found", { status: 404 });
-  }
-  const file2 = await getFileForServe(ctx.db, siteId, filePath);
-  if (!file2)
-    return new Response("not found", { status: 404 });
-  return new Response(file2.bytes, { headers: { "content-type": file2.contentType } });
-}
-var init_sites_serve = __esm(() => {
-  init_sites();
-});
-
-// src/core/index.ts
-init_paths();
-
-// src/core/db.ts
-init_paths();
-import { Database } from "bun:sqlite";
-import { mkdirSync } from "fs";
-
-// src/core/schema.ts
-var CORE_SCHEMA = `
-CREATE TABLE IF NOT EXISTS meta (
-  key   TEXT PRIMARY KEY,
-  value TEXT
-);
-
--- CRDT oplog: one row per field assignment. Source of truth for sync.
-CREATE TABLE IF NOT EXISTS crdt_changes (
-  hlc     TEXT NOT NULL,
-  node_id TEXT NOT NULL,
-  dataset TEXT NOT NULL,
-  row_id  TEXT NOT NULL,
-  col     TEXT NOT NULL,
-  value   TEXT,
-  PRIMARY KEY (dataset, row_id, col, hlc)
-);
-CREATE INDEX IF NOT EXISTS idx_changes_hlc ON crdt_changes(hlc);
-
--- Per-peer replication cursors (SQLite rowids: monotonic in insertion order,
--- so no change is ever skipped regardless of HLC/clock skew). Outbound side of
--- a pairing: "token" is the credential the *remote* issued to us (sent as a
--- Bearer header when we sync to them). See migratePeers in db.ts for the columns
--- added to legacy databases.
-CREATE TABLE IF NOT EXISTS peers (
-  url          TEXT PRIMARY KEY,
-  pull_cursor  INTEGER NOT NULL DEFAULT 0,
-  push_cursor  INTEGER NOT NULL DEFAULT 0,
-  token        TEXT,
-  label        TEXT,
-  node_id      TEXT,
-  enabled      INTEGER NOT NULL DEFAULT 1,
-  last_sync_at INTEGER,
-  last_status  TEXT,
-  last_error   TEXT
-);
-
--- Inbound side of a pairing: credentials *we* issued to remote devices. A peer
--- presents one of these on /sync; acceptsSyncToken() checks it alongside the
--- managed master token. Revoke by deleting the row.
-CREATE TABLE IF NOT EXISTS peer_grants (
-  token      TEXT PRIMARY KEY,
-  peer_url   TEXT,
-  node_id    TEXT,
-  created_at INTEGER
-);
-
--- One-time pairing codes minted by "mh config peer code" / POST /api/pair/new.
--- Short-lived and single-use: redeemed during the pairing handshake, then the
--- two devices exchange durable peer_grants. used/exp gate redemption.
-CREATE TABLE IF NOT EXISTS pairing_codes (
-  code       TEXT PRIMARY KEY,
-  exp        INTEGER NOT NULL,
-  used       INTEGER NOT NULL DEFAULT 0,
-  created_at INTEGER
-);
-
-CREATE TABLE IF NOT EXISTS databases (
-  id          TEXT PRIMARY KEY,
-  name        TEXT,
-  icon        TEXT,
-  created_hlc TEXT,
-  __deleted   INTEGER NOT NULL DEFAULT 0
-);
-
-CREATE TABLE IF NOT EXISTS properties (
-  id          TEXT PRIMARY KEY,
-  database_id TEXT,
-  name        TEXT,
-  type        TEXT,
-  config      TEXT,
-  position    REAL,
-  __deleted   INTEGER NOT NULL DEFAULT 0
-);
-CREATE INDEX IF NOT EXISTS idx_properties_db ON properties(database_id);
-
--- One row per record. Field cells live in the data JSON object, keyed by
--- property id (rename-safe). Each (record,property) is still an independent
--- CRDT register in the oplog; materialize() folds the winner into data via
--- json_set/json_remove. Hot fields get expression indexes on data->>'propid'
--- (see indexing.ts) so filter/sort/limit push down to SQL.
-CREATE TABLE IF NOT EXISTS records (
-  id          TEXT PRIMARY KEY,
-  database_id TEXT,
-  created_hlc TEXT,
-  order_key   TEXT,
-  data        TEXT NOT NULL DEFAULT '{}',
-  __deleted   INTEGER NOT NULL DEFAULT 0
-);
-CREATE INDEX IF NOT EXISTS idx_records_db_hlc ON records(database_id, created_hlc);
-
-CREATE TABLE IF NOT EXISTS documents (
-  id          TEXT PRIMARY KEY,
-  title       TEXT,
-  body        TEXT,        -- materialized cache: serialized from doc_blocks
-  database_id TEXT,
-  parent_id   TEXT,
-  created_hlc TEXT,
-  __deleted   INTEGER NOT NULL DEFAULT 0
-);
-
--- Document body as an ordered list of blocks; each (block,field) is an
--- independent CRDT register so concurrent edits to different blocks merge.
--- order_key is a fractional index (ties broken by id) giving display order.
-CREATE TABLE IF NOT EXISTS doc_blocks (
-  id          TEXT PRIMARY KEY,
-  doc_id      TEXT,
-  text        TEXT,
-  order_key   TEXT,
-  blank_after INTEGER NOT NULL DEFAULT 0,  -- extra blank lines kept after this block (user spacing)
-  __deleted   INTEGER NOT NULL DEFAULT 0
-);
-CREATE INDEX IF NOT EXISTS idx_doc_blocks_doc ON doc_blocks(doc_id);
-
--- A named static site (Supabase-Storage-style bucket). Served at /sites/<name>/.
-CREATE TABLE IF NOT EXISTS sites (
-  id          TEXT PRIMARY KEY,
-  name        TEXT,        -- URL slug; resolved by getSiteByName
-  title       TEXT,
-  created_hlc TEXT,
-  __deleted   INTEGER NOT NULL DEFAULT 0
-);
-
--- One row per file in a site. content holds inline utf8/base64 text, or a blob
--- hash (see cache.ts) when encoding = 'blob'. (site_id, path) maps to a stable
--- id so re-uploads merge as a CRDT register instead of duplicating.
-CREATE TABLE IF NOT EXISTS site_files (
-  id           TEXT PRIMARY KEY,
-  site_id      TEXT,
-  path         TEXT,
-  content_type TEXT,
-  encoding     TEXT,       -- 'utf8' | 'base64' | 'blob'
-  content      TEXT,
-  created_hlc  TEXT,
-  __deleted    INTEGER NOT NULL DEFAULT 0
-);
-CREATE INDEX IF NOT EXISTS idx_site_files_site ON site_files(site_id);
-`;
-var FTS_SCHEMA = `
-CREATE VIRTUAL TABLE IF NOT EXISTS search_fts USING fts5(
-  kind UNINDEXED,
-  id UNINDEXED,
-  database_id UNINDEXED,
-  title,
-  body
-);
-`;
-
-// src/core/records.ts
-init_ids();
-init_crdt();
-
-// src/core/databases.ts
-init_ids();
-init_crdt();
-function createDatabase(db, opts) {
-  const id = newId("db", opts.name);
-  const first = emit(db, "databases", id, "name", opts.name);
-  emit(db, "databases", id, "created_hlc", first.hlc);
-  if (opts.icon !== undefined)
-    emit(db, "databases", id, "icon", opts.icon);
-  return getDatabase(db, id);
-}
-function updateDatabase(db, id, fields) {
-  if (!getDatabase(db, id))
-    throw new Error(`no such database: ${id}`);
-  if (fields.name !== undefined)
-    emit(db, "databases", id, "name", fields.name);
-  if (fields.icon !== undefined)
-    emit(db, "databases", id, "icon", fields.icon);
-  return getDatabase(db, id);
-}
-function getDatabase(db, id) {
-  return db.query("SELECT id, name, icon, created_hlc FROM databases WHERE id = ? AND __deleted = 0").get(id);
-}
-function listDatabases(db) {
-  return db.query("SELECT id, name, icon, created_hlc FROM databases WHERE __deleted = 0 ORDER BY created_hlc").all();
-}
-function deleteDatabase(db, id) {
-  if (!getDatabase(db, id))
-    return false;
-  emit(db, "databases", id, "__deleted", 1);
-  const tombstone = (table) => {
-    for (const r of liveChildren(db, table, "database_id", id))
-      emit(db, table, r, "__deleted", 1);
-  };
-  tombstone("properties");
-  tombstone("records");
-  for (const d of liveChildren(db, "documents", "database_id", id))
-    emit(db, "documents", d, "database_id", null);
-  db.query("DELETE FROM meta WHERE key = 'current_db' AND value = ?").run(id);
-  return true;
-}
-function liveChildren(db, table, col, parentId) {
-  return db.query(`SELECT id FROM ${table} WHERE ${col} = ? AND __deleted = 0`).all(parentId).map((r) => r.id);
-}
-
-// src/core/properties.ts
-init_ids();
-init_crdt();
-
-// src/core/indexing.ts
-var AUTO_INDEX_ROW_THRESHOLD = 2000;
-function sanitize(s) {
-  return s.replace(/[^a-zA-Z0-9_]/g, "_");
-}
-function lit(s) {
-  return s.replace(/'/g, "''");
-}
-function indexName(databaseId, propId) {
-  return `idx_rec_${sanitize(databaseId)}_${sanitize(propId)}`;
-}
-function hasIndex(db, databaseId, propId) {
-  const row = db.query("SELECT 1 AS ok FROM sqlite_master WHERE type = 'index' AND name = ?").get(indexName(databaseId, propId));
-  return row != null;
-}
-function ensurePropIndex(db, databaseId, propId) {
-  const name = indexName(databaseId, propId);
-  db.exec(`CREATE INDEX IF NOT EXISTS "${name}" ON records (data ->> '${lit(propId)}', created_hlc) ` + `WHERE database_id = '${lit(databaseId)}' AND __deleted = 0`);
-}
-function maybeAutoIndex(db, databaseId, prop) {
-  if (hasIndex(db, databaseId, prop.id))
-    return;
-  if (prop.type !== "relation") {
-    const row = db.query("SELECT COUNT(*) AS c FROM records WHERE database_id = ? AND __deleted = 0").get(databaseId);
-    if (row.c < AUTO_INDEX_ROW_THRESHOLD)
-      return;
-  }
-  ensurePropIndex(db, databaseId, prop.id);
-}
-
-// src/core/properties.ts
-var PROP_TYPES = new Set([
-  "text",
-  "number",
-  "checkbox",
-  "select",
-  "multi_select",
-  "date",
-  "relation",
-  "url"
-]);
-function validateConfig(type, config) {
-  if (type === "select" || type === "multi_select") {
-    const opts = config?.options;
-    if (!Array.isArray(opts) || opts.length === 0 || !opts.every((o) => typeof o === "string"))
-      throw new Error(`${type} requires config.options: string[]`);
-  }
-  if (type === "relation") {
-    if (typeof config?.database !== "string")
-      throw new Error("relation requires config.database (target database id)");
+// src/core/properties.ts
+init_errors();
+var PROP_TYPES = new Set([
+  "text",
+  "number",
+  "checkbox",
+  "select",
+  "multi_select",
+  "date",
+  "relation",
+  "url"
+]);
+function validateConfig(type, config) {
+  if (type === "select" || type === "multi_select") {
+    const opts = config?.options;
+    if (!Array.isArray(opts) || opts.length === 0 || !opts.every((o) => typeof o === "string"))
+      throw new MhError("invalid_input", `${type} requires config.options: string[]`);
+  }
+  if (type === "relation") {
+    if (typeof config?.database !== "string")
+      throw new MhError("invalid_input", "relation requires config.database (target database id)");
   }
 }
 function nextPosition(db, databaseId) {
@@ -1639,9 +901,9 @@ function nextPosition(db, databaseId) {
 }
 function addProperty(db, databaseId, opts) {
   if (!getDatabase(db, databaseId))
-    throw new Error(`no such database: ${databaseId}`);
+    throw new MhError("not_found", `no such database: ${databaseId}`);
   if (!PROP_TYPES.has(opts.type))
-    throw new Error(`unknown property type: ${opts.type}`);
+    throw new MhError("invalid_input", `unknown property type: ${opts.type}`);
   validateConfig(opts.type, opts.config);
   const config = opts.indexed ? { ...opts.config ?? {}, indexed: true } : opts.config ?? null;
   const id = newId("prop", opts.name);
@@ -1670,10 +932,10 @@ function listProperties(db, databaseId) {
 function updateProperty(db, id, fields) {
   const cur = getProperty(db, id);
   if (!cur)
-    throw new Error(`no such property: ${id}`);
+    throw new MhError("not_found", `no such property: ${id}`);
   const typeChanged = fields.type !== undefined && fields.type !== cur.type;
   if (fields.type !== undefined && !PROP_TYPES.has(fields.type))
-    throw new Error(`unknown property type: ${fields.type}`);
+    throw new MhError("invalid_input", `unknown property type: ${fields.type}`);
   const effectiveType = fields.type ?? cur.type;
   if (fields.config !== undefined)
     validateConfig(effectiveType, fields.config);
@@ -1697,9 +959,9 @@ function updateProperty(db, id, fields) {
 function setPropertyWidth(db, id, width) {
   const cur = getProperty(db, id);
   if (!cur)
-    throw new Error(`no such property: ${id}`);
+    throw new MhError("not_found", `no such property: ${id}`);
   if (!Number.isFinite(width))
-    throw new Error("width must be a finite number");
+    throw new MhError("invalid_input", "width must be a finite number");
   const w = Math.max(80, Math.min(2000, Math.round(width)));
   return updateProperty(db, id, { config: { ...cur.config ?? {}, width: w } });
 }
@@ -1716,6 +978,7 @@ function removeProperty(db, id) {
 
 // src/core/resolve.ts
 init_ids();
+init_errors();
 var SPECS = {
   db: { table: "databases", nameCol: "name", scoped: false, noun: "database" },
   prop: { table: "properties", nameCol: "name", scoped: true, noun: "property" },
@@ -1786,10 +1049,10 @@ function resolveEntity(db, ref, opts = {}) {
     return cands[0];
   if (cands.length === 0) {
     const noun = opts.kind ? SPECS[opts.kind].noun : "item";
-    throw new Error(`no such ${noun}: ${ref}`);
+    throw new MhError("not_found", `no such ${noun}: ${ref}`);
   }
   const shown = exact.length > 1 ? exact : cands;
-  throw new Error(`ambiguous "${ref}" \u2014 ${shown.length} matches:
+  throw new MhError("ambiguous", `ambiguous "${ref}" \u2014 ${shown.length} matches:
 ${fmt(shown)}
   add more characters.`);
 }
@@ -1854,6 +1117,7 @@ function keysBetween(a, b, n) {
 }
 
 // src/core/records.ts
+init_errors();
 function isSqlScalar(v) {
   return typeof v === "string" || typeof v === "number" || typeof v === "boolean";
 }
@@ -1873,9 +1137,9 @@ function resolveRelation(db, prop, value) {
   if (cands.length === 0) {
     if (idKind(value) === "rec")
       return value;
-    throw new Error(`${prop.name}: no such record in target database: ${value}`);
+    throw new MhError("not_found", `${prop.name}: no such record in target database: ${value}`);
   }
-  throw new Error(`${prop.name}: ambiguous relation "${value}" (${cands.length} matches); use a full id`);
+  throw new MhError("ambiguous", `${prop.name}: ambiguous relation "${value}" (${cands.length} matches); use a full id`);
 }
 function coerce(db, prop, value) {
   switch (prop.type) {
@@ -1885,7 +1149,7 @@ function coerce(db, prop, value) {
       if (value === null)
         return null;
       if (typeof value !== "string")
-        throw new Error(`${prop.name} expects a string`);
+        throw new MhError("invalid_input", `${prop.name} expects a string`);
       return value;
     }
     case "number": {
@@ -1893,7 +1157,7 @@ function coerce(db, prop, value) {
         return null;
       const n = typeof value === "number" ? value : Number(value);
       if (!Number.isFinite(n))
-        throw new Error(`${prop.name} expects a number`);
+        throw new MhError("invalid_input", `${prop.name} expects a number`);
       return n;
     }
     case "checkbox": {
@@ -1903,14 +1167,14 @@ function coerce(db, prop, value) {
         return true;
       if (value === "false" || value === 0 || value === null)
         return false;
-      throw new Error(`${prop.name} expects a boolean`);
+      throw new MhError("invalid_input", `${prop.name} expects a boolean`);
     }
     case "select": {
       if (value === null)
         return null;
       const v = String(value);
       if (!prop.config?.options?.includes(v))
-        throw new Error(`${prop.name}: '${v}' is not an allowed option`);
+        throw new MhError("invalid_input", `${prop.name}: '${v}' is not an allowed option`);
       return v;
     }
     case "multi_select": {
@@ -1918,7 +1182,7 @@ function coerce(db, prop, value) {
       const opts = prop.config?.options ?? [];
       for (const item of arr)
         if (!opts.includes(String(item)))
-          throw new Error(`${prop.name}: '${item}' is not an allowed option`);
+          throw new MhError("invalid_input", `${prop.name}: '${item}' is not an allowed option`);
       return arr.map(String);
     }
     case "relation": {
@@ -1934,7 +1198,7 @@ function resolveData(props, data) {
   for (const [key, value] of Object.entries(data)) {
     const prop = byId.get(key) ?? byName.get(key.toLowerCase());
     if (!prop)
-      throw new Error(`unknown property: ${key}`);
+      throw new MhError("not_found", `unknown property: ${key}`);
     out.push({ prop, value });
   }
   return out;
@@ -2003,7 +1267,7 @@ function backfillRecordOrderKeys(db, databaseId) {
 function createRecord(db, databaseId, data) {
   const dbRow = getDatabase(db, databaseId);
   if (!dbRow)
-    throw new Error(`no such database: ${databaseId}`);
+    throw new MhError("not_found", `no such database: ${databaseId}`);
   const props = listProperties(db, databaseId);
   const resolved = resolveData(props, data);
   const id = deriveTitle(props, resolved, slugify(dbRow.name, "rec"));
@@ -2043,7 +1307,7 @@ function listRecords(db, databaseId, opts = {}) {
     if (key !== "created" && key !== "created_hlc") {
       const p = props.find((p2) => p2.name.toLowerCase() === key.toLowerCase() || p2.id === key);
       if (!p)
-        throw new Error(`unknown sort field: ${key}`);
+        throw new MhError("not_found", `unknown sort field: ${key}`);
       sortProp = p;
     }
   }
@@ -2075,22 +1339,22 @@ function listRecords(db, databaseId, opts = {}) {
 }
 function moveRecord(db, id, targetId, where) {
   if (where !== "before" && where !== "after")
-    throw new Error(`unknown move position: ${where}`);
+    throw new MhError("invalid_input", `unknown move position: ${where}`);
   const src = db.query("SELECT id, database_id FROM records WHERE id = ? AND __deleted = 0").get(id);
   if (!src)
-    throw new Error(`no such record: ${id}`);
+    throw new MhError("not_found", `no such record: ${id}`);
   const target = db.query("SELECT id, database_id FROM records WHERE id = ? AND __deleted = 0").get(targetId);
   if (!target)
-    throw new Error(`no such record: ${targetId}`);
+    throw new MhError("not_found", `no such record: ${targetId}`);
   if (src.database_id !== target.database_id)
-    throw new Error("cannot move a record across databases");
+    throw new MhError("invalid_input", "cannot move a record across databases");
   if (id === targetId)
     return getRecord(db, id);
   backfillRecordOrderKeys(db, src.database_id);
   let rows = orderedRecordRows(db, src.database_id).filter((r) => r.id !== id);
   let to = rows.findIndex((r) => r.id === targetId);
   if (to < 0)
-    throw new Error(`no such target record: ${targetId}`);
+    throw new MhError("not_found", `no such target record: ${targetId}`);
   let left = where === "before" ? rows[to - 1]?.order_key ?? null : rows[to].order_key;
   let right = where === "before" ? rows[to].order_key : rows[to + 1]?.order_key ?? null;
   if (left !== null && right !== null && left >= right) {
@@ -2106,7 +1370,7 @@ function moveRecord(db, id, targetId, where) {
 function updateRecord(db, id, data) {
   const rec = db.query("SELECT id, database_id FROM records WHERE id = ? AND __deleted = 0").get(id);
   if (!rec)
-    throw new Error(`no such record: ${id}`);
+    throw new MhError("not_found", `no such record: ${id}`);
   const resolved = resolveData(listProperties(db, rec.database_id), data);
   for (const { prop, value } of resolved)
     emit(db, "records", id, prop.id, coerce(db, prop, value));
@@ -2120,120 +1384,24 @@ function deleteRecord(db, id) {
   return true;
 }
 
-// src/core/db.ts
-function ensureDirs() {
-  mkdirSync(metahubHome(), { recursive: true });
-  mkdirSync(cacheDir(), { recursive: true });
+// src/core/documents.ts
+init_ids();
+init_crdt();
+init_errors();
+function liveBlocks(db, docId) {
+  return db.query("SELECT id, text, order_key, blank_after FROM doc_blocks WHERE doc_id = ? AND __deleted = 0 ORDER BY order_key, id").all(docId);
 }
-function runSchema(db) {
-  db.exec(CORE_SCHEMA);
-  try {
-    db.exec(FTS_SCHEMA);
-  } catch {}
+function makeBlockId(text) {
+  return newId("blk", text.split(`
+`, 1)[0] ?? "");
 }
-function ftsAvailable(db) {
-  const row = db.query("SELECT 1 AS ok FROM sqlite_master WHERE name = 'search_fts'").get();
-  return row != null;
-}
-function hasColumn(db, table, column) {
-  const cols = db.query(`PRAGMA table_info(${table})`).all();
-  return cols.some((c) => c.name === column);
-}
-function tableExists2(db, table) {
-  return db.query("SELECT 1 AS ok FROM sqlite_master WHERE type = 'table' AND name = ?").get(table) != null;
-}
-function migrateRecords(db) {
-  if (!hasColumn(db, "records", "data"))
-    db.exec("ALTER TABLE records ADD COLUMN data TEXT NOT NULL DEFAULT '{}'");
-  if (!hasColumn(db, "records", "order_key"))
-    db.exec("ALTER TABLE records ADD COLUMN order_key TEXT");
-  if (!tableExists2(db, "record_values"))
-    return;
-  const tx = db.transaction(() => {
-    db.exec(`
-      UPDATE records SET data = coalesce((
-        SELECT json_group_object(rv.property_id, json(rv.value))
-        FROM record_values rv WHERE rv.record_id = records.id
-      ), '{}')
-      WHERE id IN (SELECT DISTINCT record_id FROM record_values);
-    `);
-    db.exec("DROP TABLE record_values");
-    backfillRecordOrderKeys(db);
-  });
-  tx();
-  backfillRecordOrderKeys(db);
-}
-function migratePeers(db) {
-  const add = [
-    ["token", "TEXT"],
-    ["label", "TEXT"],
-    ["node_id", "TEXT"],
-    ["enabled", "INTEGER NOT NULL DEFAULT 1"],
-    ["last_sync_at", "INTEGER"],
-    ["last_status", "TEXT"],
-    ["last_error", "TEXT"]
-  ];
-  for (const [col, decl] of add) {
-    if (!hasColumn(db, "peers", col))
-      db.exec(`ALTER TABLE peers ADD COLUMN ${col} ${decl}`);
-  }
-}
-function migrateDocBlocks(db) {
-  if (!hasColumn(db, "doc_blocks", "blank_after"))
-    db.exec("ALTER TABLE doc_blocks ADD COLUMN blank_after INTEGER NOT NULL DEFAULT 0");
-}
-function openMetahub() {
-  ensureDirs();
-  const db = new Database(dbPath(), { create: true });
-  db.exec("PRAGMA journal_mode = WAL;");
-  runSchema(db);
-  migrateRecords(db);
-  migratePeers(db);
-  migrateDocBlocks(db);
-  return db;
-}
-
-// src/core/index.ts
-init_ids();
-init_crdt();
-init_node();
-
-// src/core/context.ts
-var KEY = "current_db";
-function getCurrentDatabase(db) {
-  const row = db.query("SELECT value FROM meta WHERE key = ?").get(KEY);
-  if (!row)
-    return null;
-  const found = getDatabase(db, row.value);
-  if (!found) {
-    clearCurrentDatabase(db);
-    return null;
-  }
-  return found;
-}
-function setCurrentDatabase(db, id) {
-  db.query("INSERT INTO meta (key, value) VALUES (?, ?) ON CONFLICT(key) DO UPDATE SET value = excluded.value").run(KEY, id);
-}
-function clearCurrentDatabase(db) {
-  db.query("DELETE FROM meta WHERE key = ?").run(KEY);
-}
-// src/core/documents.ts
-init_ids();
-init_crdt();
-function liveBlocks(db, docId) {
-  return db.query("SELECT id, text, order_key, blank_after FROM doc_blocks WHERE doc_id = ? AND __deleted = 0 ORDER BY order_key, id").all(docId);
-}
-function makeBlockId(text) {
-  return newId("blk", text.split(`
-`, 1)[0] ?? "");
-}
-function emitBlock(db, docId, fields) {
-  const id = makeBlockId(fields.text);
-  emit(db, "doc_blocks", id, "doc_id", docId);
-  emit(db, "doc_blocks", id, "order_key", fields.order_key);
-  if (fields.blankAfter)
-    emit(db, "doc_blocks", id, "blank_after", fields.blankAfter);
-  emit(db, "doc_blocks", id, "text", fields.text);
+function emitBlock(db, docId, fields) {
+  const id = makeBlockId(fields.text);
+  emit(db, "doc_blocks", id, "doc_id", docId);
+  emit(db, "doc_blocks", id, "order_key", fields.order_key);
+  if (fields.blankAfter)
+    emit(db, "doc_blocks", id, "blank_after", fields.blankAfter);
+  emit(db, "doc_blocks", id, "text", fields.text);
 }
 function insertBlocks(db, docId, blocks, after, before) {
   const keys = keysBetween(after, before, blocks.length);
@@ -2288,6 +1456,7 @@ function createDocument(db, opts) {
     emit(db, "documents", id, "database_id", opts.database_id);
   if (opts.parent_id !== undefined)
     emit(db, "documents", id, "parent_id", opts.parent_id);
+  placeInSiblings(db, id, opts.parent_id ?? null);
   if (opts.body !== undefined) {
     const blocks = parseDocBlocks(opts.body);
     if (blocks.length)
@@ -2296,31 +1465,125 @@ function createDocument(db, opts) {
   return getDocument(db, id);
 }
 function getDocument(db, id) {
-  return db.query("SELECT id, title, body, database_id, parent_id, created_hlc FROM documents WHERE id = ? AND __deleted = 0").get(id);
+  return db.query("SELECT id, title, body, database_id, parent_id, created_hlc, order_key FROM documents WHERE id = ? AND __deleted = 0").get(id);
 }
+var ORDER_BY = "ORDER BY order_key IS NULL, order_key, created_hlc, id";
 function listDocuments(db, opts = {}) {
-  const cols = "SELECT id, title, database_id, parent_id, created_hlc FROM documents WHERE __deleted = 0";
+  const cols = "SELECT id, title, database_id, parent_id, created_hlc, order_key FROM documents WHERE __deleted = 0";
   if (opts.parent_id !== undefined)
-    return db.query(`${cols} AND parent_id = ? ORDER BY created_hlc`).all(opts.parent_id);
+    return db.query(`${cols} AND parent_id = ? ${ORDER_BY}`).all(opts.parent_id);
   if (opts.database_id)
-    return db.query(`${cols} AND database_id = ? ORDER BY created_hlc`).all(opts.database_id);
-  return db.query(`${cols} ORDER BY created_hlc`).all();
+    return db.query(`${cols} AND database_id = ? ${ORDER_BY}`).all(opts.database_id);
+  return db.query(`${cols} ${ORDER_BY}`).all();
+}
+function siblingWhere(parentId) {
+  return parentId === null ? { clause: "parent_id IS NULL", args: [] } : { clause: "parent_id = ?", args: [parentId] };
+}
+function canEmitOrderKeys2(db) {
+  return tableExists2(db, "meta") && tableExists2(db, "crdt_changes");
+}
+function tableExists2(db, table) {
+  return db.query("SELECT 1 AS ok FROM sqlite_master WHERE type = 'table' AND name = ?").get(table) != null;
+}
+function lastSiblingOrderKey(db, parentId, excludeId) {
+  const w = siblingWhere(parentId);
+  const exclude = excludeId ? " AND id <> ?" : "";
+  const row = db.query(`SELECT order_key FROM documents WHERE ${w.clause}${exclude}
+       AND __deleted = 0 AND order_key IS NOT NULL
+       ORDER BY order_key DESC, id DESC LIMIT 1`).get(...w.args, ...excludeId ? [excludeId] : []);
+  return row?.order_key ?? null;
+}
+function orderedSiblings(db, parentId) {
+  const w = siblingWhere(parentId);
+  return db.query(`SELECT id, order_key FROM documents WHERE ${w.clause} AND __deleted = 0 ${ORDER_BY}`).all(...w.args);
+}
+function rebalanceSiblings(db, parentId) {
+  const rows = orderedSiblings(db, parentId);
+  const keys = keysBetween(null, null, rows.length);
+  rows.forEach((row, i) => {
+    if (row.order_key !== keys[i])
+      emit(db, "documents", row.id, "order_key", keys[i]);
+  });
 }
-function updateDocument(db, id, fields) {
+function backfillSiblings(db, parentId) {
+  const emitChange = canEmitOrderKeys2(db);
+  const w = siblingWhere(parentId);
+  const missing = db.query(`SELECT id FROM documents WHERE ${w.clause} AND __deleted = 0 AND order_key IS NULL
+       ORDER BY created_hlc, id`).all(...w.args);
+  if (!missing.length)
+    return;
+  const keys = keysBetween(lastSiblingOrderKey(db, parentId), null, missing.length);
+  missing.forEach((row, i) => {
+    if (emitChange)
+      emit(db, "documents", row.id, "order_key", keys[i]);
+    else
+      db.query("UPDATE documents SET order_key = ? WHERE id = ?").run(keys[i], row.id);
+  });
+}
+function backfillDocumentOrderKeys(db) {
+  const parents = db.query("SELECT DISTINCT parent_id FROM documents WHERE __deleted = 0 AND order_key IS NULL").all();
+  for (const p of parents)
+    backfillSiblings(db, p.parent_id);
+}
+function placeInSiblings(db, id, parentId, anchor) {
+  let cur = parentId;
+  while (cur) {
+    if (cur === id)
+      throw new MhError("invalid_input", `cannot set parent_id: would create a cycle (${id})`);
+    cur = getDocument(db, cur)?.parent_id ?? null;
+  }
+  const current = getDocument(db, id);
+  if (current && (current.parent_id ?? null) !== parentId)
+    emit(db, "documents", id, "parent_id", parentId);
+  let key;
+  if (!anchor) {
+    key = keyBetween(lastSiblingOrderKey(db, parentId, id), null);
+  } else {
+    backfillSiblings(db, parentId);
+    const neighbors = () => {
+      const rows = orderedSiblings(db, parentId).filter((r) => r.id !== id);
+      const to = rows.findIndex((r) => r.id === anchor.targetId);
+      if (to < 0)
+        throw new MhError("not_found", `no such target document: ${anchor.targetId}`);
+      return anchor.where === "before" ? [rows[to - 1]?.order_key ?? null, rows[to].order_key] : [rows[to].order_key, rows[to + 1]?.order_key ?? null];
+    };
+    let [left, right] = neighbors();
+    if (left !== null && right !== null && left >= right) {
+      rebalanceSiblings(db, parentId);
+      [left, right] = neighbors();
+    }
+    key = keyBetween(left, right);
+  }
+  emit(db, "documents", id, "order_key", key);
+}
+function moveDocument(db, id, targetId, where) {
+  const src = getDocument(db, id);
+  if (!src)
+    throw new MhError("not_found", `no such document: ${id}`);
+  if (id === targetId)
+    return src;
+  const target = getDocument(db, targetId);
+  if (!target)
+    throw new MhError("not_found", `no such target document: ${targetId}`);
+  if (where === "into")
+    placeInSiblings(db, id, targetId);
+  else
+    placeInSiblings(db, id, target.parent_id, { targetId, where });
+  return getDocument(db, id);
+}
+function updateDocument(db, id, fields, opts = {}) {
   if (!getDocument(db, id))
-    throw new Error(`no such document: ${id}`);
+    throw new MhError("not_found", `no such document: ${id}`);
+  if (opts.ifMatch !== undefined && documentVersion(db, id) !== opts.ifMatch)
+    throw new MhError("stale", `stale: document changed since ${opts.ifMatch}; re-read first`);
   if (fields.title !== undefined)
     emit(db, "documents", id, "title", fields.title);
   if (fields.database_id !== undefined)
     emit(db, "documents", id, "database_id", fields.database_id);
   if (fields.parent_id !== undefined) {
-    let cur = fields.parent_id;
-    while (cur) {
-      if (cur === id)
-        throw new Error(`cannot set parent_id: would create a cycle (${id})`);
-      cur = getDocument(db, cur)?.parent_id ?? null;
-    }
-    emit(db, "documents", id, "parent_id", fields.parent_id);
+    const next = fields.parent_id ?? null;
+    if ((getDocument(db, id).parent_id ?? null) !== next)
+      placeInSiblings(db, id, next);
   }
   if (fields.body !== undefined) {
     ensureBlocks(db, id);
@@ -2330,19 +1593,19 @@ function updateDocument(db, id, fields) {
 }
 function editDocument(db, id, opts) {
   if (!getDocument(db, id))
-    throw new Error(`no such document: ${id}`);
+    throw new MhError("not_found", `no such document: ${id}`);
   if (opts.ifMatch !== undefined && documentVersion(db, id) !== opts.ifMatch)
-    throw new Error(`stale: document changed since ${opts.ifMatch}; re-read first`);
+    throw new MhError("stale", `stale: document changed since ${opts.ifMatch}; re-read first`);
   if (opts.old === "")
-    throw new Error("--old must not be empty");
+    throw new MhError("invalid_input", "--old must not be empty");
   ensureBlocks(db, id);
   const blocks = liveBlocks(db, id);
   const body = serializeDocBlocks(blocks.map((b) => ({ text: b.text, blankAfter: b.blank_after })));
   const count = countOccurrences(body, opts.old);
   if (count === 0)
-    throw new Error(`anchor not found: no match for --old`);
+    throw new MhError("invalid_input", `anchor not found: no match for --old`);
   if (count > 1 && !opts.replaceAll)
-    throw new Error(`${count} matches for --old; add surrounding context or use --replace-all`);
+    throw new MhError("ambiguous", `${count} matches for --old; add surrounding context or use --replace-all`);
   if (!opts.old.includes(`
 
 `)) {
@@ -2362,7 +1625,7 @@ function editDocument(db, id, opts) {
 }
 function appendDocument(db, id, body) {
   if (!getDocument(db, id))
-    throw new Error(`no such document: ${id}`);
+    throw new MhError("not_found", `no such document: ${id}`);
   ensureBlocks(db, id);
   const next = parseDocBlocks(body);
   if (next.length) {
@@ -2374,7 +1637,7 @@ function appendDocument(db, id, body) {
 }
 function prependDocument(db, id, body) {
   if (!getDocument(db, id))
-    throw new Error(`no such document: ${id}`);
+    throw new MhError("not_found", `no such document: ${id}`);
   ensureBlocks(db, id);
   const next = parseDocBlocks(body);
   if (next.length) {
@@ -2408,6 +1671,110 @@ function countOccurrences(haystack, needle) {
   }
   return n;
 }
+
+// src/core/db.ts
+function ensureDirs() {
+  mkdirSync(metahubHome(), { recursive: true });
+  mkdirSync(cacheDir(), { recursive: true });
+}
+function runSchema(db) {
+  db.exec(CORE_SCHEMA);
+  try {
+    db.exec(FTS_SCHEMA);
+  } catch {}
+}
+function ftsAvailable(db) {
+  const row = db.query("SELECT 1 AS ok FROM sqlite_master WHERE name = 'search_fts'").get();
+  return row != null;
+}
+function hasColumn(db, table, column) {
+  const cols = db.query(`PRAGMA table_info(${table})`).all();
+  return cols.some((c) => c.name === column);
+}
+function tableExists3(db, table) {
+  return db.query("SELECT 1 AS ok FROM sqlite_master WHERE type = 'table' AND name = ?").get(table) != null;
+}
+function migrateRecords(db) {
+  if (!hasColumn(db, "records", "data"))
+    db.exec("ALTER TABLE records ADD COLUMN data TEXT NOT NULL DEFAULT '{}'");
+  if (!hasColumn(db, "records", "order_key"))
+    db.exec("ALTER TABLE records ADD COLUMN order_key TEXT");
+  if (!tableExists3(db, "record_values"))
+    return;
+  const tx = db.transaction(() => {
+    db.exec(`
+      UPDATE records SET data = coalesce((
+        SELECT json_group_object(rv.property_id, json(rv.value))
+        FROM record_values rv WHERE rv.record_id = records.id
+      ), '{}')
+      WHERE id IN (SELECT DISTINCT record_id FROM record_values);
+    `);
+    db.exec("DROP TABLE record_values");
+    backfillRecordOrderKeys(db);
+  });
+  tx();
+  backfillRecordOrderKeys(db);
+}
+function migratePeers(db) {
+  const add = [
+    ["token", "TEXT"],
+    ["label", "TEXT"],
+    ["node_id", "TEXT"],
+    ["enabled", "INTEGER NOT NULL DEFAULT 1"],
+    ["last_sync_at", "INTEGER"],
+    ["last_status", "TEXT"],
+    ["last_error", "TEXT"]
+  ];
+  for (const [col, decl] of add) {
+    if (!hasColumn(db, "peers", col))
+      db.exec(`ALTER TABLE peers ADD COLUMN ${col} ${decl}`);
+  }
+}
+function migrateDocBlocks(db) {
+  if (!hasColumn(db, "doc_blocks", "blank_after"))
+    db.exec("ALTER TABLE doc_blocks ADD COLUMN blank_after INTEGER NOT NULL DEFAULT 0");
+}
+function migrateDocuments(db) {
+  if (!hasColumn(db, "documents", "order_key"))
+    db.exec("ALTER TABLE documents ADD COLUMN order_key TEXT");
+  backfillDocumentOrderKeys(db);
+}
+function openMetahub() {
+  ensureDirs();
+  const db = new Database(dbPath(), { create: true });
+  db.exec("PRAGMA journal_mode = WAL;");
+  runSchema(db);
+  migrateRecords(db);
+  migratePeers(db);
+  migrateDocBlocks(db);
+  migrateDocuments(db);
+  return db;
+}
+
+// src/core/index.ts
+init_ids();
+init_crdt();
+init_node();
+
+// src/core/context.ts
+var KEY = "current_db";
+function getCurrentDatabase(db) {
+  const row = db.query("SELECT value FROM meta WHERE key = ?").get(KEY);
+  if (!row)
+    return null;
+  const found = getDatabase(db, row.value);
+  if (!found) {
+    clearCurrentDatabase(db);
+    return null;
+  }
+  return found;
+}
+function setCurrentDatabase(db, id) {
+  db.query("INSERT INTO meta (key, value) VALUES (?, ?) ON CONFLICT(key) DO UPDATE SET value = excluded.value").run(KEY, id);
+}
+function clearCurrentDatabase(db) {
+  db.query("DELETE FROM meta WHERE key = ?").run(KEY);
+}
 // src/core/search.ts
 init_crdt();
 var TEXT_TYPES = "('text','url','select','multi_select','date')";
@@ -16897,6 +16264,7 @@ var PAIR_PATH = "/api/pair";
 // src/core/sync/client.ts
 init_node();
 init_crdt();
+init_errors();
 function getPeer(db, url2) {
   const row = db.query("SELECT pull_cursor, push_cursor, token FROM peers WHERE url = ?").get(url2);
   return row ?? { pull_cursor: 0, push_cursor: 0, token: null };
@@ -16918,7 +16286,7 @@ async function syncWithPeer(db, url2, token) {
     body: JSON.stringify({ node_id: node, since: peer.pull_cursor, changes: toPush.changes })
   });
   if (!res.ok)
-    throw new Error(`sync failed: ${res.status} ${await res.text()}`);
+    throw new MhError(res.status === 401 || res.status === 403 ? "auth" : "network", `sync failed: ${res.status} ${await res.text()}`);
   const data = await res.json();
   const pulled = data.changes?.length ?? 0;
   ingest(db, data.changes ?? []);
@@ -16926,6 +16294,7 @@ async function syncWithPeer(db, url2, token) {
   return { pushed: toPush.changes.length, pulled };
 }
 // src/core/sync/server.ts
+init_errors();
 init_node();
 
 // src/core/sync/token.ts
@@ -17028,7 +16397,7 @@ function getServerConfig(db) {
 // package.json
 var package_default = {
   name: "@tensorix/metahub",
-  version: "0.1.8",
+  version: "0.1.10",
   description: "Metahub core library and CLI",
   license: "AGPL-3.0-only",
   type: "module",
@@ -17079,356 +16448,113 @@ var package_default = {
 // src/core/sync/routes.ts
 init_crdt();
 
-// src/core/sync/webui-routes.ts
-var DatabaseSchema = exports_external.object({
+// src/core/sync/sites-routes.ts
+init_errors();
+init_sites();
+var SiteSchema = exports_external.object({
   id: exports_external.string(),
   name: exports_external.string(),
-  icon: exports_external.string().nullable(),
+  title: exports_external.string().nullable(),
   created_hlc: exports_external.string()
 });
-var PropertySchema = exports_external.object({
-  id: exports_external.string(),
-  database_id: exports_external.string(),
-  name: exports_external.string(),
-  type: exports_external.string(),
-  config: exports_external.any().nullable(),
-  position: exports_external.number()
-});
-var RecordSchema = exports_external.object({
+var SiteWithCountSchema = SiteSchema.extend({ file_count: exports_external.number() });
+var SiteFileSchema = exports_external.object({
   id: exports_external.string(),
-  database_id: exports_external.string(),
-  values: exports_external.record(exports_external.string(), exports_external.any())
-});
-var MoveRecordReq = exports_external.object({
-  target: exports_external.string(),
-  where: exports_external.enum(["before", "after"])
-});
-var DocumentSummarySchema = exports_external.object({
-  id: exports_external.string(),
-  title: exports_external.string(),
-  database_id: exports_external.string().nullable(),
-  parent_id: exports_external.string().nullable(),
-  created_hlc: exports_external.string()
-});
-var DocumentSchema = DocumentSummarySchema.extend({ body: exports_external.string().nullable() });
-var SearchHitSchema = exports_external.object({
-  type: exports_external.string(),
-  id: exports_external.string(),
-  database_id: exports_external.string().nullable(),
-  title: exports_external.string().optional(),
-  snippet: exports_external.string()
-});
-var OkSchema = exports_external.object({ ok: exports_external.boolean() });
-var CreateDatabaseReq = exports_external.object({ name: exports_external.string(), icon: exports_external.string().optional() });
-var UpdateDatabaseReq = exports_external.object({
-  name: exports_external.string().optional(),
-  icon: exports_external.string().nullable().optional()
-});
-var CreatePropertyReq = exports_external.object({
-  db: exports_external.string(),
-  name: exports_external.string(),
-  type: exports_external.string(),
-  config: exports_external.any().optional()
-});
-var UpdatePropertyReq = exports_external.object({
-  name: exports_external.string().optional(),
-  type: exports_external.string().optional(),
-  config: exports_external.any().optional(),
-  position: exports_external.number().optional()
-});
-var SetWidthReq = exports_external.object({ width: exports_external.number() });
-var RecordValuesReq = exports_external.record(exports_external.string(), exports_external.any());
-var CreateDocumentReq = exports_external.object({
-  title: exports_external.string(),
-  body: exports_external.string().optional(),
-  database_id: exports_external.string().optional(),
-  parent_id: exports_external.string().optional()
-});
-var UpdateDocumentReq = exports_external.object({
-  title: exports_external.string().optional(),
-  body: exports_external.string().optional(),
-  parent_id: exports_external.string().nullable().optional()
+  site_id: exports_external.string(),
+  path: exports_external.string(),
+  content_type: exports_external.string(),
+  encoding: exports_external.string()
 });
+var CreateSiteBody = exports_external.object({ name: exports_external.string(), title: exports_external.string().optional() });
+var UpdateSiteBody = exports_external.object({ name: exports_external.string().optional(), title: exports_external.string().optional() });
 function need(req, key) {
   const v = new URL(req.url).searchParams.get(key);
   if (!v)
-    throw new Error(`missing query param: ${key}`);
+    throw new MhError("invalid_input", `missing query param: ${key}`);
   return v;
 }
-function opt(req, key) {
-  return new URL(req.url).searchParams.get(key) ?? undefined;
-}
 function handle(fn) {
   return async (req, ctx) => {
     try {
-      const out = await fn(req, ctx);
-      if (out instanceof Response)
-        return out;
-      return Response.json(out ?? null);
+      return Response.json(await fn(req, ctx) ?? null);
     } catch (e) {
-      return Response.json({ error: e.message }, { status: 400 });
+      return errorResponse(e);
     }
   };
 }
-var VersionSchema = exports_external.object({ version: exports_external.string() });
-var webuiRoutes = [
+var sitesRoutes = [
   {
     method: "GET",
-    path: "/api/version",
-    summary: "Version of the running core (sidecar). Used by the desktop app's settings footer.",
-    response: VersionSchema,
-    handler: () => Response.json({ version: package_default.version })
+    path: "/api/sites",
+    summary: "List published sites (with file counts)",
+    response: exports_external.array(SiteWithCountSchema),
+    handler: handle((_req, { db }) => listSites(db).map((s) => ({ ...s, file_count: listFiles(db, s.id).length })))
   },
   {
     method: "GET",
-    path: "/api/databases",
-    summary: "List all databases",
-    response: exports_external.array(DatabaseSchema),
-    handler: handle((_req, { db }) => listDatabases(db))
+    path: "/api/site/files",
+    summary: "List a site's files (manifest). Query: ?site=<id|name>",
+    response: exports_external.array(SiteFileSchema),
+    handler: handle((req, { db }) => listFiles(db, resolveSite(db, need(req, "site")).id))
   },
   {
     method: "POST",
-    path: "/api/databases",
-    summary: "Create a database",
-    request: CreateDatabaseReq,
-    response: DatabaseSchema,
+    path: "/api/sites",
+    summary: "Create a site",
+    request: CreateSiteBody,
+    response: SiteSchema,
     handler: handle(async (req, { db }) => {
-      const body = await req.json();
-      return createDatabase(db, body);
+      const body = CreateSiteBody.parse(await req.json());
+      return createSite(db, body);
     })
   },
   {
     method: "PATCH",
-    path: "/api/database",
-    summary: "Rename a database or change its icon. Query: ?id=<id>",
-    request: UpdateDatabaseReq,
-    response: DatabaseSchema,
+    path: "/api/site",
+    summary: "Rename a site or change its title. Query: ?id=<id>",
+    request: UpdateSiteBody,
+    response: SiteSchema,
     handler: handle(async (req, { db }) => {
-      const body = await req.json();
-      return updateDatabase(db, need(req, "id"), body);
+      const body = UpdateSiteBody.parse(await req.json());
+      return updateSite(db, need(req, "id"), body);
     })
   },
   {
     method: "DELETE",
-    path: "/api/database",
-    summary: "Delete a database (and stop it being the current one). Query: ?id=<id>",
-    response: OkSchema,
-    handler: handle((req, { db }) => ({ ok: deleteDatabase(db, need(req, "id")) }))
-  },
-  {
-    method: "GET",
-    path: "/api/properties",
-    summary: "List a database's properties (columns). Query: ?db=<id>",
-    response: exports_external.array(PropertySchema),
-    handler: handle((req, { db }) => listProperties(db, need(req, "db")))
+    path: "/api/site",
+    summary: "Delete a site and its files. Query: ?id=<id>",
+    response: exports_external.object({ ok: exports_external.boolean() }),
+    handler: handle((req, { db }) => ({ ok: deleteSite(db, need(req, "id")) }))
   },
   {
     method: "POST",
-    path: "/api/properties",
-    summary: "Add a property to a database",
-    request: CreatePropertyReq,
-    response: PropertySchema,
-    handler: handle(async (req, { db }) => {
-      const body = await req.json();
-      return addProperty(db, body.db, { name: body.name, type: body.type, config: body.config });
-    })
-  },
-  {
-    method: "PATCH",
-    path: "/api/property",
-    summary: "Update a property: rename, change type, edit config/options, reorder. Query: ?id=<id>",
-    request: UpdatePropertyReq,
-    response: PropertySchema,
-    handler: handle(async (req, { db }) => {
-      const body = await req.json();
-      return updateProperty(db, need(req, "id"), body);
-    })
-  },
-  {
-    method: "PATCH",
-    path: "/api/property/width",
-    summary: "Set a property's table column width (px). Query: ?id=<id>",
-    request: SetWidthReq,
-    response: PropertySchema,
+    path: "/api/site/file",
+    summary: "Upload/replace a file. Query: ?site=<id|name>&path=<path>; body is raw bytes",
+    response: SiteFileSchema,
     handler: handle(async (req, { db }) => {
-      const body = await req.json();
-      return setPropertyWidth(db, need(req, "id"), body.width);
-    })
-  },
-  {
-    method: "DELETE",
-    path: "/api/property",
-    summary: "Delete a property (column) and its cells. Query: ?id=<id>",
-    response: OkSchema,
-    handler: handle((req, { db }) => ({ ok: removeProperty(db, need(req, "id")) }))
-  },
-  {
-    method: "GET",
-    path: "/api/records",
-    summary: "List records in a database. Query: ?db=<id>&sort=<field>&limit=<n>",
-    response: exports_external.array(RecordSchema),
-    handler: handle((req, { db }) => {
-      const limit = opt(req, "limit");
-      return listRecords(db, need(req, "db"), {
-        sort: opt(req, "sort"),
-        limit: limit ? Number(limit) : undefined
+      const site = resolveSite(db, need(req, "site"));
+      const ct = req.headers.get("content-type");
+      const file2 = await putFile(db, site.id, need(req, "path"), {
+        data: await req.arrayBuffer(),
+        contentType: ct && ct !== "application/octet-stream" ? ct : undefined
       });
-    })
-  },
-  {
-    method: "POST",
-    path: "/api/records",
-    summary: "Create a record. Query: ?db=<id>; body is a {field: value} map",
-    request: RecordValuesReq,
-    response: RecordSchema,
-    handler: handle(async (req, { db }) => {
-      const values = await req.json();
-      return createRecord(db, need(req, "db"), values);
-    })
-  },
-  {
-    method: "GET",
-    path: "/api/record",
-    summary: "Get one record. Query: ?id=<id>",
-    response: RecordSchema,
-    handler: handle((req, { db }) => {
-      const rec = getRecord(db, need(req, "id"));
-      return rec ?? new Response("not found", { status: 404 });
-    })
-  },
-  {
-    method: "PATCH",
-    path: "/api/record",
-    summary: "Update record fields. Query: ?id=<id>; body is a {field: value} map",
-    request: RecordValuesReq,
-    response: RecordSchema,
-    handler: handle(async (req, { db }) => {
-      const values = await req.json();
-      return updateRecord(db, need(req, "id"), values);
-    })
-  },
-  {
-    method: "PATCH",
-    path: "/api/record/order",
-    summary: "Move a record before or after another record. Query: ?id=<id>",
-    request: MoveRecordReq,
-    response: RecordSchema,
-    handler: handle(async (req, { db }) => {
-      const body = await req.json();
-      return moveRecord(db, need(req, "id"), body.target, body.where);
-    })
-  },
-  {
-    method: "DELETE",
-    path: "/api/record",
-    summary: "Delete a record. Query: ?id=<id>",
-    response: OkSchema,
-    handler: handle((req, { db }) => ({ ok: deleteRecord(db, need(req, "id")) }))
-  },
-  {
-    method: "GET",
-    path: "/api/documents",
-    summary: "List documents. Optional query: ?db=<id> or ?parent=<id>",
-    response: exports_external.array(DocumentSummarySchema),
-    handler: handle((req, { db }) => listDocuments(db, { database_id: opt(req, "db"), parent_id: opt(req, "parent") }))
-  },
-  {
-    method: "POST",
-    path: "/api/documents",
-    summary: "Create a document",
-    request: CreateDocumentReq,
-    response: DocumentSchema,
-    handler: handle(async (req, { db }) => {
-      const body = await req.json();
-      return createDocument(db, body);
-    })
-  },
-  {
-    method: "GET",
-    path: "/api/document",
-    summary: "Get one document with full body. Query: ?id=<id>",
-    response: DocumentSchema,
-    handler: handle((req, { db }) => {
-      const doc2 = getDocument(db, need(req, "id"));
-      return doc2 ?? new Response("not found", { status: 404 });
-    })
-  },
-  {
-    method: "PATCH",
-    path: "/api/document",
-    summary: "Update a document's title/body/parent_id (null = top level). Query: ?id=<id>",
-    request: UpdateDocumentReq,
-    response: DocumentSchema,
-    handler: handle(async (req, { db }) => {
-      const body = await req.json();
-      return updateDocument(db, need(req, "id"), body);
+      const { content: _content, ...summary } = file2;
+      return summary;
     })
   },
   {
     method: "DELETE",
-    path: "/api/document",
-    summary: "Delete a document. Query: ?id=<id>",
-    response: OkSchema,
-    handler: handle((req, { db }) => ({ ok: deleteDocument(db, need(req, "id")) }))
-  },
-  {
-    method: "GET",
-    path: "/api/search",
-    summary: "Full-text search across documents and records. Query: ?q=<text>&limit=<n>",
-    response: exports_external.array(SearchHitSchema),
-    handler: handle((req, { db }) => {
-      const limit = opt(req, "limit");
-      return search(db, need(req, "q"), { limit: limit ? Number(limit) : undefined });
-    })
+    path: "/api/site/file",
+    summary: "Delete a file. Query: ?site=<id|name>&path=<path>",
+    response: exports_external.object({ ok: exports_external.boolean() }),
+    handler: handle((req, { db }) => ({
+      ok: deleteFile(db, resolveSite(db, need(req, "site")).id, need(req, "path"))
+    }))
   }
 ];
 
-// src/core/sync/sites-routes.ts
-init_sites();
-var SiteSchema = exports_external.object({
-  id: exports_external.string(),
-  name: exports_external.string(),
-  title: exports_external.string().nullable(),
-  created_hlc: exports_external.string()
-});
-var SiteFileSchema = exports_external.object({
-  id: exports_external.string(),
-  site_id: exports_external.string(),
-  path: exports_external.string(),
-  content_type: exports_external.string(),
-  encoding: exports_external.string()
-});
-function need2(req, key) {
-  const v = new URL(req.url).searchParams.get(key);
-  if (!v)
-    throw new Error(`missing query param: ${key}`);
-  return v;
-}
-function handle2(fn) {
-  return async (req, ctx) => {
-    try {
-      return Response.json(await fn(req, ctx) ?? null);
-    } catch (e) {
-      return Response.json({ error: e.message }, { status: 400 });
-    }
-  };
-}
-var sitesRoutes = [
-  {
-    method: "GET",
-    path: "/api/sites",
-    summary: "List published sites",
-    response: exports_external.array(SiteSchema),
-    handler: handle2((_req, { db }) => listSites(db))
-  },
-  {
-    method: "GET",
-    path: "/api/site/files",
-    summary: "List a site's files (manifest). Query: ?site=<id|name>",
-    response: exports_external.array(SiteFileSchema),
-    handler: handle2((req, { db }) => listFiles(db, resolveSite(db, need2(req, "site")).id))
-  }
-];
+// src/core/sync/peers-routes.ts
+init_errors();
 
 // src/core/sync/pairing.ts
 init_ids();
@@ -17483,6 +16609,7 @@ async function syncAllPeers(db) {
 }
 
 // src/core/sync/pairing.ts
+init_errors();
 var DEFAULT_PAIR_TTL_MS = parseDuration(process.env.METAHUB_PAIR_TTL, 10 * 60000);
 function generatePairingCode(db, ttlMs = DEFAULT_PAIR_TTL_MS) {
   const now = Date.now();
@@ -17511,7 +16638,7 @@ function revokeGrant(db, tokenOrPrefix) {
 }
 function handlePairRequest(db, node, body) {
   if (!redeemPairingCode(db, body.code)) {
-    throw new Error("invalid or expired pairing code");
+    throw new MhError("auth", "invalid or expired pairing code");
   }
   if (body.self_url) {
     addPeer(db, { url: body.self_url, token: body.grant, node_id: body.node_id });
@@ -17528,7 +16655,7 @@ async function performPairing(db, node, remoteUrl, code, selfUrl) {
     body: JSON.stringify(reqBody)
   });
   if (!res.ok)
-    throw new Error(`pairing failed: ${res.status} ${await res.text()}`);
+    throw new MhError(res.status === 401 || res.status === 403 ? "auth" : "network", `pairing failed: ${res.status} ${await res.text()}`);
   const data = await res.json();
   addPeer(db, { url: remoteUrl, token: data.grant, node_id: data.node_id });
   return { node_id: data.node_id, url: remoteUrl };
@@ -17572,14 +16699,14 @@ var GrantSchema = exports_external.object({
   created_at: exports_external.number().nullable()
 });
 var RevokeRes = exports_external.object({ revoked: exports_external.number() });
-var OkSchema2 = exports_external.object({ ok: exports_external.boolean() });
-function need3(req, key) {
+var OkSchema = exports_external.object({ ok: exports_external.boolean() });
+function need2(req, key) {
   const v = new URL(req.url).searchParams.get(key);
   if (!v)
-    throw new Error(`missing query param: ${key}`);
+    throw new MhError("invalid_input", `missing query param: ${key}`);
   return v;
 }
-function handle3(fn) {
+function handle2(fn) {
   return async (req, ctx) => {
     try {
       const out = await fn(req, ctx);
@@ -17587,7 +16714,7 @@ function handle3(fn) {
         return out;
       return Response.json(out ?? null);
     } catch (e) {
-      return Response.json({ error: e.message }, { status: 400 });
+      return errorResponse(e);
     }
   };
 }
@@ -17598,7 +16725,7 @@ var peersRoutes = [
     summary: "Pairing handshake: redeem a one-time code and exchange credentials",
     request: PairRequestSchema,
     response: PairResponseSchema,
-    handler: handle3(async (req, { db, node }) => {
+    handler: handle2(async (req, { db, node }) => {
       const body = await req.json();
       return handlePairRequest(db, node, body);
     })
@@ -17608,7 +16735,7 @@ var peersRoutes = [
     path: "/api/pair/new",
     summary: "Mint a one-time pairing code for another device to redeem",
     response: PairingCodeSchema,
-    handler: handle3((_req, { db }) => generatePairingCode(db))
+    handler: handle2((_req, { db }) => generatePairingCode(db))
   },
   {
     method: "POST",
@@ -17616,7 +16743,7 @@ var peersRoutes = [
     summary: "Pair this server with a remote one using its one-time code",
     request: AddPeerReq,
     response: AddPeerRes,
-    handler: handle3(async (req, { db, node }) => {
+    handler: handle2(async (req, { db, node }) => {
       const body = await req.json();
       return performPairing(db, node, body.url, body.code, body.self_url);
     })
@@ -17626,16 +16753,16 @@ var peersRoutes = [
     path: "/api/peers",
     summary: "List configured sync peers with status",
     response: exports_external.array(PeerSchema),
-    handler: handle3((_req, { db }) => listPeers(db))
+    handler: handle2((_req, { db }) => listPeers(db))
   },
   {
     method: "PATCH",
     path: "/api/peer",
     summary: "Update a peer (enable/disable or label). Query: ?url=<url>",
     request: UpdatePeerReq,
-    response: OkSchema2,
-    handler: handle3(async (req, { db }) => {
-      const url2 = need3(req, "url");
+    response: OkSchema,
+    handler: handle2(async (req, { db }) => {
+      const url2 = need2(req, "url");
       const body = await req.json();
       if (body.enabled != null)
         setPeerEnabled(db, url2, body.enabled);
@@ -17648,33 +16775,51 @@ var peersRoutes = [
     method: "DELETE",
     path: "/api/peer",
     summary: "Remove a sync peer. Query: ?url=<url>",
-    response: OkSchema2,
-    handler: handle3((req, { db }) => ({ ok: removePeer(db, need3(req, "url")) }))
+    response: OkSchema,
+    handler: handle2((req, { db }) => ({ ok: removePeer(db, need2(req, "url")) }))
   },
   {
     method: "POST",
     path: "/api/peer/sync",
     summary: "Manually sync once with a peer. Query: ?url=<url>",
     response: PeerSyncRes,
-    handler: handle3((req, { db }) => syncPeer(db, need3(req, "url")))
+    handler: handle2((req, { db }) => syncPeer(db, need2(req, "url")))
   },
   {
     method: "GET",
     path: "/api/grants",
     summary: "List credentials this server issued and accepts on /sync (inbound)",
     response: exports_external.array(GrantSchema),
-    handler: handle3((_req, { db }) => listGrants(db))
+    handler: handle2((_req, { db }) => listGrants(db))
   },
   {
     method: "DELETE",
     path: "/api/grant",
     summary: "Revoke an issued credential by token or prefix. Query: ?token=<token>",
     response: RevokeRes,
-    handler: handle3((req, { db }) => ({ revoked: revokeGrant(db, need3(req, "token")) }))
+    handler: handle2((req, { db }) => ({ revoked: revokeGrant(db, need2(req, "token")) }))
   }
 ];
 
 // src/core/sync/routes.ts
+init_errors();
+var HTTP_STATUS = {
+  invalid_input: 400,
+  not_found: 404,
+  ambiguous: 400,
+  stale: 409,
+  conflict: 409,
+  auth: 401,
+  network: 502,
+  port_in_use: 500
+};
+function errorResponse(e) {
+  const message = e instanceof Error ? e.message : String(e);
+  const code = errorCode(e);
+  return Response.json(code ? { error: message, code } : { error: message }, {
+    status: code ? HTTP_STATUS[code] : 400
+  });
+}
 var syncRoutes = [
   {
     method: "POST",
@@ -17699,12 +16844,12 @@ var syncRoutes = [
     }
   }
 ];
-var routes = [...syncRoutes, ...webuiRoutes, ...sitesRoutes, ...peersRoutes];
+var routes = [...syncRoutes, ...sitesRoutes, ...peersRoutes];
 
 // src/core/sync/openapi.ts
-function buildOpenApi(version2) {
+function buildOpenApi(version2, routes2 = routes) {
   const paths = {};
-  for (const route of routes) {
+  for (const route of routes2) {
     const op = {
       summary: route.summary,
       responses: {
@@ -17906,11 +17051,11 @@ function unauthorized() {
 }
 
 // src/core/sync/server.ts
-class PortInUseError extends Error {
+class PortInUseError extends MhError {
   port;
   host;
   constructor(port, host) {
-    super(`port ${port} is already in use \u2014 another mh server may be running. ` + `Stop it, or start on a free port with --port <n>.`);
+    super("port_in_use", `port ${port} is already in use \u2014 another mh server may be running. ` + `Stop it, or start on a free port with --port <n>.`);
     this.port = port;
     this.host = host;
     this.name = "PortInUseError";
@@ -17928,6 +17073,7 @@ function startServer(opts = {}) {
   const db = openMetahub();
   const node = getNodeId(db);
   const ctx = { db, node };
+  const allRoutes = opts.ui ? [...routes, ...opts.ui.routes] : routes;
   const cfg = getServerConfig(db);
   const port = opts.port ?? cfg.port;
   const host = opts.host ?? cfg.host;
@@ -17961,14 +17107,13 @@ function startServer(opts = {}) {
           return r ? Response.json(r) : unauthorized();
         }
         if (req.method === "GET" && url2.pathname === "/docs.json") {
-          return Response.json(buildOpenApi(package_default.version));
+          return Response.json(buildOpenApi(package_default.version, allRoutes));
         }
         if (req.method === "GET" && url2.pathname === "/docs") {
           return withShim(new Response(scalarHtml("/docs.json"), { headers: HTML_HEADERS }), auth);
         }
-        if (req.method === "GET" && (url2.pathname === "/" || url2.pathname === "/webui.js")) {
-          const { serveWebui: serveWebui2 } = await Promise.resolve().then(() => (init_webui(), exports_webui));
-          const res = await serveWebui2(req);
+        if (req.method === "GET" && opts.ui) {
+          const res = await opts.ui.serveAssets(req);
           if (res)
             return withShim(res, auth);
         }
@@ -17978,7 +17123,7 @@ function startServer(opts = {}) {
           if (res)
             return withShim(res, auth);
         }
-        const route = routes.find((r) => r.method === req.method && r.path === url2.pathname);
+        const route = allRoutes.find((r) => r.method === req.method && r.path === url2.pathname);
         if (route)
           return route.handler(req, ctx);
         return new Response("not found", { status: 404 });
@@ -17990,7 +17135,7 @@ function startServer(opts = {}) {
       throw new PortInUseError(port, host);
     }
     if (code === "EACCES") {
-      throw new Error(`permission denied binding ${host}:${port} \u2014 ports below 1024 need elevated privileges; pick a higher port with --port`);
+      throw new MhError("invalid_input", `permission denied binding ${host}:${port} \u2014 ports below 1024 need elevated privileges; pick a higher port with --port`);
     }
     throw e;
   }
@@ -18020,7 +17165,1826 @@ function startServer(opts = {}) {
     }
   };
 }
+// src/webui/server/assets.ts
+import { fileURLToPath } from "url";
+import { readdirSync, statSync } from "fs";
+import { join as join3 } 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);
+    --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;
+    --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
+    --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. */
+  :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;
+    --hl-cmt:#7d7d86; --hl-key:#d291e4; --hl-str:#7ed492; --hl-num:#e0a566;
+    --hl-fn:#86a8ff; --hl-type:#5fc6e0; --hl-var:#f0936b;
+  }
+  * { box-sizing: border-box; }
+  html, body { margin: 0; height: 100%; }
+  /* Explicit backgrounds on BOTH html and body: iOS 26 Safari tints its liquid
+     glass chrome by sampling page CSS (theme-color is ignored there), and a
+     transparent root is a known path to white toolbars on dark pages. */
+  html { background: var(--bg); scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; }
+  /* Honor reduced motion everywhere; near-zero (not none) so animationend /
+     final keyframe states still apply. The empty-state illustration adds its
+     own targeted overrides below. */
+  @media (prefers-reduced-motion: reduce) {
+    *, ::before, ::after {
+      animation-duration:.01ms !important; animation-iteration-count:1 !important;
+      transition-duration:.01ms !important;
+    }
+  }
+  body { font-family: var(--ui); font-size: var(--fs-body); line-height: 1.55; color: var(--fg); background: var(--bg);
+    overflow: hidden; text-rendering: auto; }
+  button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; }
+  input, textarea { font: inherit; color: inherit; }
+  /* Keyboard focus must be visible everywhere (mouse/touch :focus stays clean
+     via :focus-visible). :where() keeps specificity at zero so any component
+     can override; contentEditable surfaces keep their caret as the indicator. */
+  :where(button, [role="button"], select, [tabindex]):focus-visible {
+    outline: 2px solid var(--accent); outline-offset: 2px;
+  }
+  .muted { color: var(--muted); }
+  svg { display: block; }
+  .ico { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; flex:none; }
+  .ico.sm { width:14px; height:14px; }
+  ::-webkit-scrollbar { width:10px; height:10px; }
+  ::-webkit-scrollbar-thumb { background:var(--line-strong); border-radius:8px; border:3px solid transparent; background-clip:padding-box; }
+  ::-webkit-scrollbar-thumb:hover { background:var(--muted); background-clip:padding-box; border:3px solid transparent; }
+  /* Scroll containers swallow their own overscroll: no rubber-banding the whole
+     page / accidental pull-to-refresh when an inner list hits its end. */
+  .content, .sb-scroll, .peek-body, .modal-body, .pop, .qn-body { overscroll-behavior:contain; }
+  .tablescroll, .tl-scroll, .board { overscroll-behavior-x:contain; }
+
+  /* dvh tracks the *visible* viewport on mobile (iOS Safari's collapsing
+     address bar); the vh line before it is the fallback older engines keep. */
+  #app { display: flex; height: 100vh; height: 100dvh; }
+
+  /* sidebar */
+  .sidebar { width:268px; flex:none; background:var(--sidebar); border-right:1px solid var(--line);
+    display:flex; flex-direction:column; position:relative; transition:margin-left .22s cubic-bezier(.4,0,.2,1); }
+  .sb-resizer { position:absolute; top:0; right:-3px; width:6px; height:100%; cursor:col-resize; z-index:5; }
+  .sb-head { display:flex; align-items:center; gap:8px; padding:14px 14px 10px; }
+  .brand { display:flex; align-items:center; gap:8px; flex:1; font-weight:700; font-size:15px; letter-spacing:-.01em; }
+  .brand .mark { width:24px; height:24px; border-radius:7px;
+    background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff));
+    display:grid; place-items:center; color:#fff; box-shadow:var(--shadow-sm); }
+  .brand .mark svg { width:15px; height:15px; stroke:#fff; }
+  .sb-search { margin:0 12px 8px; display:flex; align-items:center; gap:7px; cursor:text;
+    background:var(--bg); border:1px solid var(--line); border-radius:var(--radius-sm); padding:6px 9px; color:var(--muted);
+    box-shadow:var(--shadow-sm); transition:border-color .15s; }
+  .sb-search:focus-within { border-color:var(--accent); }
+  .sb-search input { border:0; background:none; outline:none; color:var(--fg); width:100%; }
+  .sb-search kbd { font-family:var(--mono); font-size:10px; color:var(--muted); border:1px solid var(--line-strong); border-radius:4px; padding:1px 4px; }
+  .sb-scroll { flex:1; overflow-y:auto; padding:4px 8px 24px; }
+  .sb-section { margin-top:12px; }
+  .sb-section-head { display:flex; align-items:center; justify-content:space-between;
+    font-size:var(--fs-micro); font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); padding:4px 8px; }
+  .sb-section-head .add { opacity:0; padding:3px; border-radius:5px; color:var(--muted); transition:opacity .12s; }
+  .sb-section:hover .add { opacity:1; }
+  .sb-section-head .add:hover { background:var(--hover-2); color:var(--fg); }
+  .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 .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; }
+  .navitem .tw.open svg { transform:rotate(90deg); }
+  .navitem .emoji { width:20px; text-align:center; flex:none; font-size:var(--fs-body); }
+  .navitem .label { flex:1; overflow:hidden; text-overflow:ellipsis; }
+  .navitem .acts { display:flex; gap:1px; opacity:0; }
+  .navitem:hover .acts { opacity:1; }
+  .navitem .acts button { width:22px; height:22px; display:grid; place-items:center; color:var(--muted); border-radius:5px; }
+  .navitem .acts button:hover { background:var(--hover-2); color:var(--fg); }
+  .navchildren { margin-left:16px; border-left:1px solid var(--line-strong); padding-left:2px; }
+  .navitem.drop-into { box-shadow:inset 0 0 0 2px var(--accent); }
+  .navitem.drop-before { box-shadow:inset 0 2px 0 0 var(--accent); }
+  .navitem.drop-after { box-shadow:inset 0 -2px 0 0 var(--accent); }
+  .dragging { opacity:.35; }
+  /* Slim status row: sites/settings icon buttons left, version right. */
+  .sb-footer { flex:none; display:flex; align-items:center; gap:2px; padding:5px 10px; border-top:1px solid var(--line); }
+  .sb-footer .sb-act { display:grid; place-items:center; width:28px; height:28px; flex:none;
+    border-radius:var(--radius-sm); color:var(--muted); position:relative; }
+  .sb-footer .sb-act:hover { background:var(--hover-2); color:var(--fg); }
+  .sb-footer .sb-act.active { background:var(--bg); color:var(--fg); box-shadow:var(--shadow-sm); }
+  .sb-footer .sb-act .nav-dot { position:absolute; top:4px; right:4px; box-shadow:0 0 0 2px var(--sidebar); }
+  .sbf-ver { margin-left:auto; font-family:var(--mono); font-size:var(--fs-micro); color:var(--muted);
+    letter-spacing:-.01em; user-select:text; }
+  /* Sites/settings as sb-head icon buttons \u2014 the mobile home's replacement for
+     the .sb-footer row (swapped in the mobile media block below). */
+  .sb-act { display:none; }
+  .nav-dot { flex:none; width:7px; height:7px; border-radius:50%; background:var(--danger);
+    box-shadow:0 0 0 2px var(--surface); margin-right:2px; }
+
+  /* settings page */
+  .set-page { max-width:680px; margin:0 auto; padding:40px 28px 64px; }
+  .set-title { font-size:26px; font-weight:700; letter-spacing:-.02em; color:var(--fg); }
+  .set-sub { color:var(--muted); margin-top:4px; }
+  .set-section { margin-top:34px; }
+  .set-section-head { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); margin-bottom:4px; }
+  .set-section-desc { color:var(--fg-soft); margin-bottom:16px; }
+  .set-footer { margin-top:40px; padding-top:20px; border-top:1px solid var(--line); display:flex;
+    flex-wrap:wrap; justify-content:center; align-items:center; gap:7px; color:var(--muted); font-size:12px; }
+  .set-footer-sep { opacity:.45; }
+  .ver-num { font-family:var(--mono); font-size:var(--fs-micro); color:var(--fg-soft); letter-spacing:-.01em; }
+  .ver-up { display:inline-flex; align-items:center; gap:6px; }
+  .ver-up.err .ver-msg { color:var(--danger); }
+  .ver-act { background:none; border:0; padding:0; margin:0; font:inherit; font-size:12px; line-height:1;
+    color:var(--muted); cursor:pointer; transition:color .12s; }
+  .ver-act:hover { color:var(--accent); }
+  .ver-act.accent { color:var(--accent); font-weight:600; }
+  .ver-act[aria-disabled="true"] { opacity:.6; cursor:default; pointer-events:none; }
+  .ver-dot { width:6px; height:6px; border-radius:50%; background:var(--accent); flex:none; }
+  .ver-dot.pulse { animation:verpulse 1.8s ease-in-out infinite; }
+  @keyframes verpulse { 0%,100% { opacity:1; } 50% { opacity:.4; } }
+  .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);
+    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;
+    background:var(--surface-2); color:var(--fg); }
+  .theme-card .tc-ico svg { width:18px; height:18px; }
+  .theme-card .tc-name { font-weight:600; font-size:var(--fs-body); color:var(--fg); }
+  .theme-card .tc-desc { font-size:12px; color:var(--muted); line-height:1.45; }
+  .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 .tc-check { opacity:1; transform:scale(1); }
+  @media (max-width:560px) { .theme-grid { grid-template-columns:1fr; } }
+
+  /* sync devices */
+  .peer-actions { display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
+  .peer-actions .btn { display:inline-flex; align-items:center; gap:6px; }
+  .peer-list { display:flex; flex-direction:column; gap:8px; }
+  .peer-row { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line);
+    border-radius:var(--radius); background:var(--surface); }
+  .peer-dot { width:9px; height:9px; border-radius:50%; flex:none; background:var(--muted); }
+  .peer-dot.on { background:var(--success); } .peer-dot.err { background:var(--danger); } .peer-dot.off { background:var(--muted); }
+  .peer-main { flex:1; min-width:0; }
+  .peer-url { font-weight:600; font-size:var(--fs-body); color:var(--fg); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .peer-sub { font-size:12px; color:var(--muted); margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .peer-menu { flex:none; padding:6px; }
+  .pair-code { font-family:var(--mono); font-size:26px; font-weight:700; letter-spacing:.12em;
+    text-align:center; padding:16px; border:1px dashed var(--line); border-radius:var(--radius); background:var(--surface); color:var(--fg); }
+
+  /* main */
+  /* Opaque background matters: on mobile this is a full-screen fixed pane that
+     iOS 26 Safari samples for its toolbar tint \u2014 transparent would read white. */
+  .main { flex:1; display:flex; flex-direction:column; overflow:hidden; min-width:0; background:var(--bg); }
+  .topbar { display:flex; align-items:center; gap:6px; padding:10px 18px; border-bottom:1px solid var(--line); min-height:49px; }
+  .topbar.bare { border-bottom:0; }
+  .topbar .hamburger { display:none; }
+  .topbar .hamburger.show-collapsed { display:grid; }
+  .sidebar.collapsed { overflow:hidden; }
+  .sidebar.collapsed .sb-resizer { pointer-events:none; }
+  .crumb { display:flex; align-items:center; gap:7px; flex:1; min-width:0; font-size:var(--fs-ui); color:var(--fg); font-weight:500; }
+  .crumb .emoji { font-size:15px; } .crumb .sub { color:var(--muted); font-weight:400; }
+  .iconbtn { width:30px; height:30px; display:grid; place-items:center; border-radius:var(--radius-sm); color:var(--fg-soft); transition:background .12s; }
+  .iconbtn:hover { background:var(--hover-2); color:var(--fg); }
+  .content { flex:1; overflow:auto; }
+  .btn { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:var(--radius-sm); font-size:13px; font-weight:500; transition:all .12s; white-space:nowrap; }
+  .btn-ghost { color:var(--fg-soft); } .btn-ghost:hover { background:var(--hover-2); color:var(--fg); }
+  .btn-secondary { background:var(--bg); border:1px solid var(--line-strong); color:var(--fg); box-shadow:var(--shadow-sm); }
+  .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); }
+
+  /* desktop app (frameless): drop the sidebar logo; on macOS reserve a draggable
+     strip for the inset traffic lights so they never overlap our controls */
+  body.desktop .brand { display:none; }
+  /* logo gone \u2192 keep the collapse button on the right (where .brand's flex used to push it) */
+  body.desktop .sb-head .iconbtn { margin-left:auto; }
+  body.desktop-mac .sb-head { -webkit-app-region:drag; }
+  body.desktop-mac .sb-head .iconbtn { -webkit-app-region:no-drag; }
+  body.desktop-mac .topbar { -webkit-app-region:drag; }
+  body.desktop-mac .topbar .iconbtn, body.desktop-mac .topbar .btn { -webkit-app-region:no-drag; }
+  /* peek drawer header overlaps the topbar drag region \u2192 clear its buttons so they stay clickable */
+  body.desktop-mac .peek-head { -webkit-app-region:drag; }
+  body.desktop-mac .peek-head .iconbtn, body.desktop-mac .peek-head .btn { -webkit-app-region:no-drag; }
+  /* sidebar collapsed \u2192 traffic lights sit over the main header; clear the hamburger */
+  body.desktop-mac .sidebar.collapsed ~ .main .topbar { padding-left:80px; }
+
+  /* document editor */
+  .doc { max-width:740px; margin:0 auto; padding:60px 60px 36vh; }
+  .doc-title { font-size:38px; font-weight:700; letter-spacing:-.02em; outline:none; line-height:1.15; margin-bottom:4px; }
+  .doc-title:empty::before { content:"\u65E0\u6807\u9898"; color:var(--muted); }
+  .doc-meta { display:flex; gap:14px; color:var(--muted); font-size:var(--fs-sm); margin-bottom:22px; }
+  .doc-meta span { display:inline-flex; align-items:center; gap:5px; }
+  /* Save-conflict banner: the doc changed elsewhere; auto-save is paused until
+     the user picks a side, so it must read as blocking, not as a toast. */
+  .doc-conflict { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:10px 14px; margin-bottom:16px; border:1px solid var(--danger); border-radius:var(--radius-sm); background:var(--danger-soft); font-size:13px; }
+  .doc-conflict-msg { color:var(--danger); font-weight:600; flex:1; min-width:180px; }
+  .doc.source-mode { min-height:100%; }
+  .doc-source { display:block; width:100%; min-height:calc(100vh - 210px); min-height:calc(100dvh - 210px); resize:none; border:0;
+    background:transparent; color:var(--fg); outline:none; overflow:hidden; padding:3px 2px 36vh;
+    font-family:var(--ui); font-size:15px; line-height:1.7; tab-size:2; }
+  /* floating table of contents: a column of indented tick marks in the right
+     gutter that expands to a labelled list on hover (Notion / Vercel-docs style).
+     Fixed to the viewport so it never disturbs the centred .doc column. */
+  .doc-toc { position:fixed; top:72px; right:18px; z-index:40; display:flex; flex-direction:column; gap:2px;
+    width:24px; max-height:calc(100vh - 120px); max-height:calc(100dvh - 120px); padding:6px; box-sizing:content-box; overflow:hidden;
+    border:1px solid transparent; border-radius:var(--radius); background:transparent;
+    transition:width .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease; }
+  .doc-toc:hover { width:228px; overflow-y:auto; background:var(--surface); border-color:var(--line);
+    box-shadow:var(--shadow-md); }
+  .toc-row { display:flex; align-items:center; gap:8px; width:100%; height:24px; padding:0 2px; border-radius:var(--radius-sm);
+    color:var(--muted); text-align:left; cursor:pointer; transition:color .12s, background .12s; }
+  .doc-toc:hover .toc-row { padding:3px 8px; height:auto; min-height:26px; }
+  .doc-toc:hover .toc-row:hover { background:var(--hover); color:var(--fg); }
+  .toc-row.active { color:var(--accent); }
+  /* collapsed: right-aligned ticks, length by heading level; active is accented */
+  .toc-tick { flex:none; margin-left:auto; height:2px; border-radius:2px; background:var(--line-strong);
+    transition:background .12s, width .22s ease, margin .22s ease; }
+  .toc-row.lvl-1 .toc-tick { width:16px; }
+  .toc-row.lvl-2 .toc-tick { width:11px; }
+  .toc-row.lvl-3 .toc-tick { width:7px; }
+  .toc-row.active .toc-tick { background:var(--accent); }
+  .doc-toc:hover .toc-tick { width:0; margin:0; }
+  /* expanded: labels, indented by level; hidden until hover */
+  .toc-label { flex:1; min-width:0; font-size:13px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
+    opacity:0; transition:opacity .18s ease; }
+  .doc-toc:hover .toc-label { opacity:1; }
+  .toc-row.lvl-2 .toc-label { padding-left:12px; font-size:var(--fs-sm); }
+  .toc-row.lvl-3 .toc-label { padding-left:24px; font-size:var(--fs-sm); color:var(--fg-soft); }
+  .toc-row.active .toc-label { color:var(--accent); font-weight:550; }
+  /* not enough room for the gutter \u2192 hide entirely (also covers mobile) */
+  @media (max-width:1100px) { .doc-toc { display:none; } }
+
+  .block-wrap { position:relative; }
+  .block-wrap.nested { padding-left:24px; }
+  /* Subtle indent guide only for true sub-lists; suppressed for code/other
+     nested content so code-in-list items don't stack a thicket of lines. */
+  .block-wrap.nested:has(> .block.b-bullet, > .block.b-numbered, > .block.b-todo)::before {
+    content:""; position:absolute; left:8px; top:2px; bottom:2px; width:1px; background:var(--line); }
+  .block { position:relative; display:flex; align-items:flex-start; padding:1px 0; border-radius:4px; scroll-margin-top:60px; }
+  .block .gutter { position:absolute; left:-52px; top:2px; display:flex; gap:1px; opacity:0; transition:opacity .12s; }
+  .block:hover .gutter, .block.drop-before .gutter, .block.drop-after .gutter, .block.dragging .gutter { opacity:1; }
+  .gutter button { width:22px; height:24px; display:grid; place-items:center; color:var(--muted); border-radius:5px; }
+  .gutter button:hover { background:var(--hover-2); color:var(--fg); }
+  .gutter .grip { cursor:grab; } .gutter .grip:active { cursor:grabbing; }
+  .block.dragging { opacity:.42; background:var(--hover); }
+  .block.drop-before::before, .block.drop-after::after { content:""; position:absolute; left:0; right:0; height:2px; background:var(--accent);
+    border-radius:2px; pointer-events:none; box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent); }
+  .block.drop-before::before { top:-1px; }
+  .block.drop-after::after { bottom:-1px; }
+  /* multi-block selection: whole-block tint + suppress stray native text highlight while dragging */
+  .block.selected { background:var(--accent-soft); }
+  .block.selected .editable::selection, .block.selected .editable *::selection { background:transparent; }
+  .doc.selecting, .doc.selecting * { user-select:none; -webkit-user-select:none; cursor:default; }
+  .block.list-code-host { height:0; min-height:0; padding:0; overflow:visible; }
+  .block-wrap:hover > .block.list-code-host .gutter { opacity:1; }
+  .block.list-code-host .marker { position:absolute; left:0; top:0; padding-top:4px; z-index:1; }
+  /* The list item's host gutter controls the whole unit, so suppress the nested
+     code block's own gutter (it would overlap the list marker on the same row). */
+  .block.list-code-host + .block-wrap.nested .gutter { display:none; }
+  .editable { outline:none; flex:1; min-width:0; padding:3px 2px; line-height:var(--note-lh); }
+  .editable:empty::before { content:attr(data-ph); color:var(--muted); pointer-events:none; }
+  /* The generic "/" prompt only shows on the focused line; idle blank lines (paragraphs and list items, any depth) stay blank. */
+  .editable[data-ph-hint="slash"]:empty:not(:focus)::before { content:""; }
+  .b-h1 .editable { font-size:28px; font-weight:700; letter-spacing:-.02em; padding-top:12px; }
+  .b-h2 .editable { font-size:22px; font-weight:650; letter-spacing:-.01em; padding-top:8px; }
+  .b-h3 .editable { font-size:18px; font-weight:600; padding-top:4px; }
+  .b-h1 .gutter { top:22px; } .b-h2 .gutter { top:14px; } .b-h3 .gutter { top:7px; }
+  .b-quote .editable { border-left:3px solid var(--line-strong); padding:1px 0 1px 16px; color:var(--fg-soft); font-style:italic; }
+
+  /* code block: transparent textarea over a highlight.js mirror */
+  .b-code .codeblock { flex:1; min-width:0; }
+  .codeblock { position:relative; --code-fs:12.5px; --code-lh:1.55; --code-pad:8px; margin:2px 0;
+    background:var(--code-bg); border:1px solid var(--line); border-radius:8px; overflow:hidden; box-shadow:var(--shadow-sm); }
+  /* lang + copy float bottom-right, revealed on hover */
+  .code-tools { position:absolute; right:6px; bottom:6px; z-index:2; display:flex; align-items:center; gap:1px;
+    padding:2px; border-radius:7px; border:1px solid var(--line); box-shadow:var(--shadow-sm);
+    background:color-mix(in srgb,var(--code-bg) 82%,transparent); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
+    opacity:0; transform:translateY(3px); pointer-events:none; transition:opacity .12s,transform .12s; }
+  .codeblock:hover .code-tools, .code-tools:focus-within { opacity:1; transform:none; pointer-events:auto; }
+  .code-lang { position:relative; display:inline-flex; align-items:center; }
+  .code-lang select { appearance:none; -webkit-appearance:none; border:0; outline:none; background:none; cursor:pointer;
+    font-family:var(--mono); font-size:10.5px; font-weight:500; color:var(--fg-soft); padding:3px 17px 3px 7px; border-radius:5px; }
+  .code-lang select:hover { background:var(--hover-2); }
+  .code-lang svg { position:absolute; right:3px; width:12px; height:12px; pointer-events:none; color:var(--muted); }
+  .code-copy { display:inline-flex; align-items:center; gap:4px; font-size:10.5px; font-weight:500; color:var(--muted);
+    padding:3px 7px; border-radius:5px; transition:background .12s,color .12s; }
+  .code-copy:hover { background:var(--hover-2); color:var(--fg-soft); }
+  .code-copy.ok { color:var(--accent); }
+  .code-body { display:flex; align-items:stretch; font-family:var(--mono); font-size:var(--code-fs); line-height:var(--code-lh); }
+  .code-gutter { flex:none; text-align:right; white-space:pre; user-select:none; color:var(--muted); opacity:.55;
+    padding:var(--code-pad) 8px var(--code-pad) 12px; border-right:1px solid var(--line); font-variant-numeric:tabular-nums; }
+  .code-scroll { position:relative; flex:1; min-width:0; }
+  .code-hl, .code-input { margin:0; font-family:var(--mono); font-size:var(--code-fs); line-height:var(--code-lh);
+    padding:var(--code-pad) 16px; tab-size:2; -moz-tab-size:2; white-space:pre; letter-spacing:0; }
+  .code-hl { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:none; color:var(--fg); }
+  .code-hl code { display:block; font:inherit; background:none; padding:0; }
+  .code-input { display:block; position:relative; z-index:1; width:100%; border:0; outline:none; resize:none;
+    overflow-x:auto; overflow-y:hidden; background:transparent; color:transparent; caret-color:var(--fg);
+    min-height:calc(var(--code-fs) * var(--code-lh) + var(--code-pad) * 2); }
+  .code-input::placeholder { color:var(--muted); }
+
+  /* highlight.js token theme (cohesive with the app palette) */
+  .hljs-comment, .hljs-quote { color:var(--hl-cmt); font-style:italic; }
+  .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-section, .hljs-doctag { color:var(--hl-key); }
+  .hljs-string, .hljs-regexp, .hljs-addition, .hljs-meta .hljs-string { color:var(--hl-str); }
+  .hljs-number, .hljs-bullet { color:var(--hl-num); }
+  .hljs-title, .hljs-title.function_, .hljs-name, .hljs-selector-id, .hljs-selector-class { color:var(--hl-fn); }
+  .hljs-type, .hljs-class .hljs-title, .hljs-built_in, .hljs-attr, .hljs-attribute, .hljs-property { color:var(--hl-type); }
+  .hljs-variable, .hljs-template-variable, .hljs-symbol, .hljs-tag, .hljs-meta, .hljs-link { color:var(--hl-var); }
+  .hljs-deletion { color:var(--danger); }
+  .hljs-params, .hljs-subst { color:var(--fg); }
+  .hljs-emphasis { font-style:italic; }
+  .hljs-strong { font-weight:700; }
+  .marker { width:24px; flex:none; text-align:center; color:var(--fg-soft); user-select:none; padding-top:4px; }
+  .b-todo .marker { box-sizing:content-box; padding-top:3px; height:calc(1em * var(--note-lh));
+    display:flex; align-items:center; justify-content:center; }
+  .b-todo .marker input { width:15px; height:15px; accent-color:var(--accent); cursor:pointer; }
+  .b-divider { padding:10px 0; }
+  .b-divider hr { border:0; border-top:1px solid var(--line-strong); margin:0; width:100%; }
+  .b-done .editable { color:var(--muted); text-decoration:line-through; }
+  .editable b, .editable strong { font-weight:700; }
+  .editable code { font-family:var(--mono); background:var(--surface-2); padding:1px 5px; border-radius:4px; font-size:.9em; }
+  .editable a { color:var(--accent); }
+
+  /* document table (GFM pipe table block) */
+  .b-table .doc-table-wrap { flex:1; min-width:0; margin:4px 0; }
+  .doc-table-scroll { overflow-x:auto; padding:2px 0; }
+  .doc-table-inner { width:max-content; }
+  .doc-table-row { display:flex; align-items:stretch; }
+  table.doc-table { border-collapse:separate; border-spacing:0; table-layout:fixed; width:max-content;
+    border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; box-shadow:var(--shadow-sm); }
+  table.doc-table td { position:relative; vertical-align:top; padding:0;
+    border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
+  table.doc-table tr td:last-child { border-right:0; }
+  table.doc-table tr:last-child td { border-bottom:0; }
+  table.doc-table .doc-th { background:var(--surface); }
+  .doc-td { outline:none; padding:7px 22px 7px 10px; min-height:20px; line-height:1.55; word-break:break-word; white-space:pre-wrap; }
+  .doc-th .doc-td { font-weight:650; color:var(--fg); }
+  .doc-td:empty::before { content:attr(data-ph); color:var(--muted); pointer-events:none; }
+  .doc-td b, .doc-td strong { font-weight:700; }
+  .doc-td code { font-family:var(--mono); background:var(--surface-2); padding:1px 5px; border-radius:4px; font-size:.9em; }
+  .doc-td a { color:var(--accent); }
+  /* header cell: column menu + resize handle */
+  .doc-col-menu { position:absolute; top:4px; right:4px; width:18px; height:18px; display:grid; place-items:center;
+    color:var(--muted); border-radius:4px; opacity:0; transition:opacity .12s,background .12s; }
+  .doc-th:hover .doc-col-menu { opacity:1; }
+  .doc-col-menu:hover { background:var(--hover-2); color:var(--fg); }
+  .doc-col-resizer { position:absolute; top:0; right:-3px; width:7px; height:100%; cursor:col-resize; z-index:3; touch-action:none; }
+  .doc-col-resizer:hover, .doc-col-resizer.dragging { background:var(--accent); opacity:.35; }
+  /* per-row delete: small handle floating at the first cell on row hover */
+  .doc-row-del { position:absolute; top:3px; left:2px; width:18px; height:18px; display:grid; place-items:center;
+    color:var(--muted); background:var(--bg); border:1px solid var(--line); border-radius:5px; box-shadow:var(--shadow-sm);
+    opacity:0; transition:opacity .12s; }
+  table.doc-table tr:hover .doc-row-del { opacity:1; }
+  .doc-row-del:hover { background:var(--danger-soft); color:var(--danger); border-color:var(--danger-soft); }
+  /* add-column (right edge) and add-row (bottom edge) buttons */
+  .doc-table-addcol { width:22px; margin-left:4px; flex:none; display:grid; place-items:center; color:var(--muted);
+    border:1px dashed var(--line-strong); border-radius:var(--radius-sm); background:var(--surface); transition:background .12s,color .12s,border-color .12s; }
+  .doc-table-addrow { width:100%; height:22px; margin-top:4px; display:grid; place-items:center; color:var(--muted);
+    border:1px dashed var(--line-strong); border-radius:var(--radius-sm); background:var(--surface); transition:background .12s,color .12s,border-color .12s; }
+  .doc-table-addcol:hover, .doc-table-addrow:hover { background:var(--accent-soft); color:var(--accent); border-color:var(--accent); }
+
+  /* database / table */
+  .db { padding:22px 36px 90px; min-width:0; }
+  .db-head { display:flex; align-items:center; gap:12px; }
+  .db-icon { width:38px; height:38px; border-radius:9px; background:var(--surface-2); display:grid; place-items:center; font-size:20px; }
+  .db-title { font-size:27px; font-weight:700; letter-spacing:-.02em; outline:none; }
+  .db-desc { color:var(--muted); font-size:13px; margin-top:2px; }
+  .views { display:flex; align-items:center; gap:2px; border-bottom:1px solid var(--line); margin:16px 0 0; }
+  .view-tab { display:flex; align-items:center; gap:6px; padding:8px 11px; font-size:var(--fs-ui); font-weight:500; color:var(--muted);
+    border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .12s; }
+  .view-tab.active { color:var(--fg); border-bottom-color:var(--accent); }
+  .view-tab:hover { color:var(--fg); } .view-tab svg { width:14px; height:14px; }
+  .toolbar { display:flex; align-items:center; gap:2px; padding:10px 0; }
+  .toolbar .spacer { flex:1; }
+  .tbtn { display:flex; align-items:center; gap:6px; padding:5px 9px; border-radius:var(--radius-sm); color:var(--fg-soft); font-size:13px; font-weight:500; }
+  .tbtn:hover { background:var(--hover-2); color:var(--fg); }
+  .tbtn.on { color:var(--accent); }
+  .tablewrap { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); }
+  .tablescroll { overflow-x:auto; }
+  /* fixed layout + max-content: each <col> width is authoritative, so the table
+     is exactly the sum of its columns and resizing one column never redistributes
+     width to its neighbours. min-width:100% fills the container when columns are
+     narrow, with the slack absorbed only by the trailing auto (filler) column. */
+  table.grid { border-collapse:collapse; table-layout:fixed; width:max-content; min-width:100%; }
+  table.grid th, table.grid td { border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:0; text-align:left; }
+  table.grid th:last-child, table.grid td:last-child { border-right:0; }
+  table.grid tbody tr:last-child td { border-bottom:0; }
+  thead th { background:var(--surface); position:relative; user-select:none; font-weight:600; color:var(--fg-soft); }
+  .colhead { display:flex; align-items:center; gap:7px; padding:9px 11px; font-size:13px; cursor:pointer; }
+  .colhead:hover { background:var(--hover); }
+  .colhead .ti { color:var(--muted); } .colhead .ti svg { width:14px; height:14px; }
+  .colhead .nm { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .col-resizer { position:absolute; top:0; right:-3px; width:7px; height:100%; cursor:col-resize; z-index:2; touch-action:none; }
+  .col-resizer:hover, .col-resizer.dragging { background:var(--accent); opacity:.35; }
+  .addcol { min-width:46px; } .addcol .colhead { justify-content:flex-start; color:var(--muted); }
+  /* trailing filler column: empty canvas to the right of the data, not a real cell */
+  table.grid td.filler { border-right:0; border-bottom:0; background:transparent; }
+  body.col-resizing { user-select:none; cursor:col-resize; }
+  table.grid .selcell { width:38px; min-width:38px; max-width:38px; text-align:center; }
+  table.grid .gripcol, table.grid .rowgrip { width:26px; min-width:26px; max-width:26px; text-align:center; }
+  td.cell-td { vertical-align:top; }
+  .cell { padding:8px 11px; min-height:37px; cursor:text; word-break:break-word; display:flex; flex-wrap:wrap; gap:3px; align-items:center; }
+  /* hover/active tint goes on the <td> (always full row height) not the inner
+     .cell (only as tall as its content), so a taller sibling row never leaves a
+     gap of un-tinted space at the bottom of the hovered cell. */
+  td.cell-td { transition:background .1s; }
+  td.cell-td:hover { background:var(--hover); } .cell.center { justify-content:center; }
+  tbody tr { transition:background .08s; }
+  tbody tr:hover { background:var(--hover); }
+  tbody tr.sel { background:var(--accent-soft); }
+  /* cell range selection: per-cell fill; the accent rectangle outline is drawn via inline box-shadow on edge cells. Placed after :hover so it wins on equal specificity. */
+  td.cell-td.cellsel, td.cell-td.cellsel:hover { background:var(--accent-soft); }
+  body.cell-selecting { user-select:none; cursor:cell; }
+  body.cell-selecting .cell { cursor:cell; }
+  table.grid tr.drop-before td { box-shadow:inset 0 2px 0 0 var(--accent); }
+  table.grid tr.drop-after td { box-shadow:inset 0 -2px 0 0 var(--accent); }
+  table.grid th.drop-before { box-shadow:inset 2px 0 0 0 var(--accent); }
+  table.grid th.drop-after { box-shadow:inset -2px 0 0 0 var(--accent); }
+  .rowgrip { color:transparent; cursor:grab; vertical-align:middle; touch-action:none; }
+  .rowgrip[aria-disabled="true"] { cursor:not-allowed; }
+  tbody tr:hover .rowgrip { color:var(--muted); }
+  .colhead { touch-action:none; }
+  .drag-source { opacity:.35; }
+  body.table-dragging { user-select:none; cursor:grabbing; }
+  .drag-ghost { position:fixed; left:0; top:0; z-index:120; pointer-events:none; display:flex; align-items:center;
+    padding:7px 11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:1px solid var(--line-strong);
+    border-radius:7px; background:var(--bg); color:var(--fg); box-shadow:var(--shadow-lg); opacity:.94; font-size:13px; }
+  .row-ghost { min-height:34px; }
+  .col-ghost { justify-content:center; font-weight:600; color:var(--fg-soft); background:var(--surface); }
+  .selcell { vertical-align:middle; }
+  .selcell input { width:15px; height:15px; accent-color:var(--accent); opacity:0; cursor:pointer; vertical-align:middle; }
+  tbody tr:hover .selcell input, tbody tr.sel .selcell input, .selcell input:checked, thead .selcell input { opacity:1; }
+  .firstcell { position:relative; width:100%; min-width:0; }
+  /* row actions float over the cell on hover, never reserving column width */
+  /* right:-5px pulls the button out over the cell's 11px right padding so it
+     sits ~6px from the column border instead of ~15px inside it */
+  .rowactions { position:absolute; top:0; bottom:0; right:-5px; display:flex; align-items:flex-start;
+    padding:1px 0 0; opacity:0; pointer-events:none; }
+  tbody tr:hover .rowactions { opacity:1; pointer-events:auto; }
+  /* square icon button \u2014 "open as page" (Notion-style) */
+  .rowopen { width:23px; height:23px; flex:none; display:inline-flex; align-items:center; justify-content:center;
+    border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--fg-soft); box-shadow:var(--shadow-sm); }
+  .rowopen:hover { background:var(--surface-2); color:var(--fg); border-color:var(--line-strong); }
+  .rowopen svg { width:14px; height:14px; }
+  .chip { display:inline-flex; align-items:center; gap:4px; border-radius:5px; padding:2px 8px; font-size:var(--fs-sm); font-weight:500; white-space:nowrap;
+    background:color-mix(in srgb,var(--c) 15%,transparent); color:var(--c); }
+  /* data-resolved (not prefers-color-scheme): tracks a manual dark choice too. */
+  :root[data-resolved="dark"] .chip { background:color-mix(in srgb,var(--c) 22%,transparent); color:color-mix(in srgb,var(--c) 75%,#fff); }
+  .addrow { display:flex; align-items:center; gap:7px; padding:9px 12px; color:var(--muted); font-size:13px; cursor:pointer; border-top:1px solid var(--line); }
+  .addrow:hover { background:var(--hover); color:var(--fg-soft); }
+  .gridfoot { display:flex; gap:18px; color:var(--muted); font-size:12px; padding:8px 2px; }
+  input.inlineedit { width:100%; border:0; outline:2px solid var(--accent); border-radius:4px; padding:7px 9px; background:var(--bg); color:var(--fg); font:inherit; }
+
+  /* ---- sites (\u7AD9\u70B9\u7BA1\u7406) ---- */
+  .sites-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(264px, 1fr)); gap:14px; margin-top:6px; }
+  .site-card { display:flex; flex-direction:column; gap:13px; padding:16px 16px 14px; background:var(--bg); border:1px solid var(--line);
+    border-radius:var(--radius); box-shadow:var(--shadow-sm); cursor:pointer; transition:box-shadow .16s, border-color .16s, transform .16s; }
+  .site-card:hover { box-shadow:var(--shadow-md); border-color:var(--line-strong); transform:translateY(-1px); }
+  .site-card-head { display:flex; align-items:center; gap:11px; min-width:0; }
+  .site-card .si { width:40px; height:40px; border-radius:11px; background:var(--accent-soft); color:var(--accent); display:grid; place-items:center; flex:none; }
+  .site-card .si svg { width:20px; height:20px; }
+  .site-card-id { min-width:0; }
+  .site-card .slug { font-family:var(--mono); font-weight:600; font-size:14.5px; color:var(--fg); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .site-card .ttl { font-size:12px; color:var(--fg-soft); margin-top:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .site-card .ttl.muted { color:var(--muted); font-style:italic; }
+  .site-addr { display:flex; align-items:center; gap:6px; width:100%; text-align:left; background:var(--surface); border:1px solid var(--line);
+    border-radius:var(--radius-sm); padding:6px 9px; color:var(--muted); font-family:var(--mono); font-size:var(--fs-xs); transition:border-color .12s, color .12s; }
+  .site-addr svg { flex:none; }
+  .site-addr span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .site-addr:hover { border-color:var(--accent); color:var(--accent); }
+  .site-card-meta { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--muted); }
+  .site-card-meta b { color:var(--fg-soft); font-weight:600; font-variant-numeric:tabular-nums; }
+  .site-card-meta .dot { color:var(--line-strong); }
+  .site-card-foot { display:flex; align-items:center; gap:6px; padding-top:12px; margin-top:1px; border-top:1px solid var(--line); }
+  .site-card-foot .btn-secondary { padding:6px 12px; justify-content:center; }
+
+  .site-empty { text-align:center; color:var(--muted); border:1px dashed var(--line-strong); border-radius:var(--radius); padding:48px 24px; margin-top:8px; }
+  .site-empty .ei { font-size:30px; margin-bottom:10px; }
+  .site-empty .et { font-size:var(--fs-body); color:var(--fg-soft); margin-bottom:4px; font-weight:600; }
+  .site-empty .ed { font-size:var(--fs-sm); margin-bottom:16px; }
+
+  /* site peek: access bar + file manager */
+  .acc-link { display:flex; align-items:center; gap:6px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); padding:7px 8px 7px 11px; margin-bottom:16px; }
+  .acc-link .url { flex:1; font-family:var(--mono); font-size:var(--fs-sm); color:var(--fg-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .acc-link button { width:28px; height:28px; display:grid; place-items:center; border-radius:6px; color:var(--muted); flex:none; }
+  .acc-link button:hover { background:var(--hover-2); color:var(--fg); }
+  .acc-link button.accent { color:var(--accent); }
+  .site-meta { display:flex; gap:18px; color:var(--muted); font-size:12px; margin-bottom:20px; }
+  .site-meta b { color:var(--fg); font-weight:600; }
+  .files-head { display:flex; align-items:center; justify-content:space-between; font-size:var(--fs-micro); font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); margin:0 0 4px; }
+  .filerow { display:flex; align-items:center; gap:10px; padding:9px 8px; border-radius:var(--radius-sm); cursor:pointer; border-bottom:1px solid var(--line); }
+  .filerow:last-child { border-bottom:0; }
+  .filerow:hover { background:var(--hover); }
+  .filerow .fi { color:var(--muted); display:grid; place-items:center; flex:none; }
+  .filerow .fpath { flex:1; font-family:var(--mono); font-size:var(--fs-sm); color:var(--fg); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .filerow .facts { display:flex; gap:1px; opacity:0; flex:none; }
+  .filerow:hover .facts { opacity:1; }
+  .filerow .facts button { width:27px; height:27px; display:grid; place-items:center; border-radius:6px; color:var(--muted); }
+  .filerow .facts button:hover { background:var(--hover-2); color:var(--fg); }
+  .filerow .facts button.del:hover { color:var(--danger); }
+  .enc-badge { display:inline-flex; align-items:center; font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.02em;
+    padding:2px 6px; border-radius:5px; background:var(--surface-2); color:var(--fg-soft); border:1px solid var(--line); }
+  .enc-badge.blob { color:var(--accent); background:var(--accent-soft); border-color:transparent; }
+
+  /* file preview (inside modal) */
+  .preview-box { font-family:var(--mono); font-size:var(--fs-sm); background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius);
+    padding:14px 16px; max-height:52vh; overflow:auto; white-space:pre-wrap; line-height:1.6; color:var(--fg); }
+  .preview-bin { text-align:center; color:var(--muted); border:1px dashed var(--line-strong); border-radius:var(--radius); padding:40px 20px; }
+  .preview-bin .pi { font-size:28px; margin-bottom:8px; }
+  .preview-bin .pt { color:var(--fg-soft); font-size:13px; }
+
+  /* in-app site preview (browser-framed iframe) */
+  .spv-scrim { position:fixed; inset:0; background:rgba(15,15,25,.5); z-index:85; display:grid; place-items:center; padding:28px;
+    opacity:0; pointer-events:none; transition:opacity .16s; animation:spv-in .16s forwards; }
+  @keyframes spv-in { to { opacity:1; pointer-events:auto; } }
+  .spv-scrim.open { opacity:1; pointer-events:auto; }
+  .spv { width:min(1100px, 92vw); height:88vh; background:var(--bg); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg);
+    display:flex; flex-direction:column; overflow:hidden; }
+  .spv-chrome { display:flex; align-items:center; gap:10px; padding:9px 12px; border-bottom:1px solid var(--line); background:var(--surface); }
+  .spv-dots { display:flex; gap:6px; flex:none; }
+  .spv-dots i { width:11px; height:11px; border-radius:50%; background:var(--line-strong); }
+  .spv-url { flex:1; display:flex; align-items:center; gap:6px; min-width:0; background:var(--bg); border:1px solid var(--line);
+    border-radius:7px; padding:5px 10px; color:var(--fg-soft); font-family:var(--mono); font-size:12px; }
+  .spv-url svg { color:var(--muted); flex:none; }
+  .spv-url span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .spv-btn { display:inline-flex; align-items:center; gap:5px; flex:none; padding:6px 10px; border-radius:7px; color:var(--fg-soft); font-size:var(--fs-sm); font-weight:500; }
+  .spv-btn:hover { background:var(--hover-2); color:var(--fg); }
+  .spv-btn.icon { padding:6px; }
+  /* #fff on purpose: published site content assumes a white canvas, independent
+     of the app theme. */
+  .spv-frame { flex:1; width:100%; border:0; background:#fff; }
+
+  .selbar { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:65; display:flex; align-items:center; gap:4px;
+    background:var(--fg); color:var(--bg); padding:7px 8px 7px 14px; border-radius:11px; box-shadow:var(--shadow-lg); }
+  .selbar .cnt { font-size:13px; font-weight:600; margin-right:6px; }
+  .selbar button { display:flex; align-items:center; gap:6px; color:var(--bg); padding:6px 10px; border-radius:7px; font-size:13px; font-weight:500; }
+  .selbar button:hover { background:color-mix(in srgb,var(--bg) 25%,transparent); }
+  .selbar .del:hover { background:var(--danger); color:#fff; }
+
+  /* record peek */
+  .scrim { position:fixed; inset:0; background:rgba(15,15,25,.32); z-index:70; opacity:0; pointer-events:none; transition:opacity .22s; }
+  .scrim.open { opacity:1; pointer-events:auto; }
+  .peek { position:fixed; top:0; right:0; width:580px; max-width:94vw; height:100%; background:var(--bg); border-left:1px solid var(--line);
+    box-shadow:var(--shadow-lg); z-index:71; transform:translateX(100%); transition:transform .24s cubic-bezier(.32,.72,0,1); display:flex; flex-direction:column; }
+  .peek.open { transform:none; }
+  .peek-head { display:flex; align-items:center; gap:4px; padding:12px 16px; border-bottom:1px solid var(--line); }
+  .peek-body { overflow:auto; padding:28px 32px; }
+  .peek h2 { font-size:27px; font-weight:700; letter-spacing:-.02em; margin:0 0 20px; outline:none; }
+  .proprow { display:flex; gap:8px; align-items:flex-start; margin:1px 0; }
+  .proprow .k { width:160px; flex:none; color:var(--muted); display:flex; align-items:center; gap:7px; font-size:13px; padding:7px 8px; border-radius:var(--radius-sm); }
+  .proprow .k:hover { background:var(--hover); }
+  .proprow .v { flex:1; padding:7px 8px; border-radius:var(--radius-sm); cursor:text; min-height:33px; display:flex; flex-wrap:wrap; gap:3px; align-items:center; }
+  .proprow .v:hover { background:var(--hover); }
+  .peek-divider { height:1px; background:var(--line); margin:22px 0 18px; }
+
+  /* menu / popover */
+  .menu-layer { position:fixed; inset:0; z-index:90; }
+  .pop { position:fixed; background:var(--bg); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-lg);
+    padding:6px; min-width:232px; max-height:70vh; overflow:auto; animation:pop .12s ease; }
+  @keyframes pop { from { opacity:0; transform:translateY(-4px); } }
+  /* Action-sheet variant: MenuHost (ui.tsx) adds .sheet on phones, where an
+     anchored popover clips at the edges and sits under the finger. */
+  .pop.sheet { left:8px; right:8px; top:auto; bottom:calc(8px + env(safe-area-inset-bottom));
+    min-width:0; max-height:60vh; max-height:60dvh; border-radius:var(--radius-lg);
+    animation:sheet-in .18s ease; }
+  @keyframes sheet-in { from { opacity:0; transform:translateY(12px); } }
+  .pop .lbl { font-size:var(--fs-micro); font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; padding:6px 8px 3px; }
+  .pop .item { display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:var(--radius-sm); width:100%; text-align:left; color:var(--fg); font-size:var(--fs-ui); }
+  .pop .item:hover, .pop .item.sel { background:var(--hover-2); }
+  .pop .item .lico { width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--line); border-radius:6px; color:var(--fg-soft); flex:none; }
+  .pop .item .lico.plain { border:0; width:22px; height:22px; }
+  .pop .item .meta { flex:1; min-width:0; }
+  .pop .item .t { font-size:var(--fs-ui); } .pop .item .d { font-size:var(--fs-xs); color:var(--muted); display:block; }
+  .pop .item .chk { color:var(--accent); margin-left:auto; }
+  .pop .item.danger { color:var(--danger); } .pop .item.danger .lico { color:var(--danger); }
+  .pop .sep { height:1px; background:var(--line); margin:5px 4px; }
+  .pop .typegrid { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; padding:2px 2px 4px; }
+  .pop .typegrid .item { flex-direction:column; gap:5px; padding:9px 4px; text-align:center; }
+  .pop .typegrid .item .lico { margin:0 auto; }
+  .pop input.field { width:100%; border:1px solid var(--line-strong); border-radius:var(--radius-sm); padding:7px 9px; outline:none; background:var(--surface); margin:2px; }
+  .pop input.field:focus { border-color:var(--accent); }
+  .optrow { display:flex; align-items:center; gap:6px; padding:3px 4px; }
+  .optrow .chip { flex:1; }
+  .optrow .x { width:22px; height:22px; display:grid; place-items:center; color:var(--muted); border-radius:5px; }
+  .optrow .x:hover { background:var(--hover-2); color:var(--danger); }
+
+  /* modal */
+  .modal-scrim { position:fixed; inset:0; background:rgba(15,15,25,.4); z-index:100; display:flex; align-items:center; justify-content:center;
+    opacity:0; pointer-events:none; transition:opacity .15s; padding:20px; }
+  .modal-scrim.open { opacity:1; pointer-events:auto; }
+  .modal { background:var(--bg); border-radius:var(--radius-xl); box-shadow:var(--shadow-lg); width:440px; max-width:100%; max-height:100%; display:flex; flex-direction:column; overflow:hidden; }
+  .modal-head { padding:20px 22px 0; }
+  .modal-head h3 { margin:0; font-size:18px; font-weight:700; letter-spacing:-.01em; }
+  .modal-head p { margin:6px 0 0; color:var(--muted); font-size:var(--fs-ui); }
+  .modal-body { padding:18px 22px; overflow-y:auto; }
+  .modal-foot { display:flex; justify-content:flex-end; gap:8px; padding:14px 22px; background:var(--surface); border-top:1px solid var(--line); }
+  .field-label { font-size:12px; font-weight:600; color:var(--fg-soft); margin:12px 0 5px; }
+  .field-label:first-child { margin-top:0; }
+  .text-input { width:100%; border:1px solid var(--line-strong); border-radius:var(--radius-sm); padding:9px 11px; outline:none; background:var(--surface); font-size:var(--fs-body); }
+  .text-input:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
+  .icon-pick { display:flex; gap:6px; flex-wrap:wrap; }
+  .icon-pick button { width:38px; height:38px; border-radius:9px; border:1px solid var(--line); font-size:19px; display:grid; place-items:center; }
+  .icon-pick button:hover { background:var(--hover-2); }
+  .icon-pick button.sel { border-color:var(--accent); background:var(--accent-soft); }
+  .tmpl { display:flex; gap:8px; }
+  .tmpl button { flex:1; border:1px solid var(--line); border-radius:var(--radius); padding:12px; text-align:left; }
+  .tmpl button:hover { border-color:var(--accent); background:var(--surface); }
+  .tmpl button.sel { border-color:var(--accent); background:var(--accent-soft); }
+  .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);
+    display:flex; align-items:center; gap:8px; animation:slidein .2s ease; }
+  @keyframes slidein { from { opacity:0; transform:translateX(-12px); } }
+
+  /* misc */
+  .empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%;
+    color:var(--muted); text-align:center; padding:40px; }
+
+  /* ---- empty state: \u77E5\u8BC6\u751F\u957F\u63D2\u753B ---- */
+  .estate-art { width:240px; height:208px; overflow:visible; animation:idleFloat 5s ease-in-out 1.6s infinite; }
+  .estate-art .stroke-a { fill:none; stroke:var(--accent); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
+  .estate-art .stroke   { fill:none; stroke:var(--line-strong); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
+  .estate-art .fill-a       { fill:var(--accent); }
+  .estate-art .fill-soft    { fill:var(--accent-soft); }
+  .estate-art .fill-surface { fill:var(--bg); }
+  .estate-art .ground       { fill:var(--accent); }
+  .estate-title { margin:28px 0 0; font-size:18px; font-weight:600; letter-spacing:.2px; color:var(--fg);
+    opacity:0; animation:fadeUp .5s ease forwards 1.0s; }
+  .estate-hint { margin:9px 0 0; font-size:var(--fs-ui); line-height:1.6; color:var(--muted); max-width:300px;
+    opacity:0; animation:fadeUp .5s ease forwards 1.15s; }
+  .estate-link { margin:18px 0 0; font-size:var(--fs-body); font-weight:600; color:var(--accent);
+    display:inline-flex; align-items:center; gap:6px; padding:9px 8px; border-radius:var(--radius-sm);
+    opacity:0; animation:fadeUp .5s ease forwards 1.3s; transition:opacity .15s; }
+  .estate-link:hover { opacity:.7; }
+  /* intro */
+  .draw { stroke-dasharray:100; stroke-dashoffset:100; }
+  @keyframes draw     { to { stroke-dashoffset:0; } }
+  @keyframes leafGrow { from { opacity:0; transform:scale(.2) rotate(-10deg); } to { opacity:1; transform:scale(1) rotate(0); } }
+  @keyframes cardUp   { from { opacity:0; transform:translateY(16px) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }
+  @keyframes groundIn { to { opacity:.1; } }
+  @keyframes glowIn   { to { opacity:.6; } }
+  @keyframes fadeUp   { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
+  /* idle loops \u2014 each 0% equals the settled rest state to avoid a jump */
+  @keyframes idleFloat     { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
+  @keyframes plantSway     { 0%,100% { transform:rotate(0deg); } 25% { transform:rotate(-1.3deg); } 75% { transform:rotate(1.3deg); } }
+  @keyframes leafSwayA     { 0%,100% { transform:rotate(0deg); } 25% { transform:rotate(-2.6deg); } 75% { transform:rotate(2.6deg); } }
+  @keyframes leafSwayB     { 0%,100% { transform:rotate(0deg); } 25% { transform:rotate(2.6deg); } 75% { transform:rotate(-2.6deg); } }
+  @keyframes groundBreathe { 0%,100% { transform:scale(1); opacity:.10; } 50% { transform:scale(1.07); opacity:.15; } }
+  @keyframes glowPulse     { 0%,100% { transform:scale(1); opacity:.6; } 50% { transform:scale(1.1); opacity:.85; } }
+  @keyframes particle      { 0% { opacity:0; transform:translate(0,0) scale(.4); } 35% { opacity:.85; transform:translate(2px,-4px) scale(1); } 70% { opacity:0; transform:translate(4px,-9px) scale(.5); } 100% { opacity:0; transform:translate(0,0) scale(.4); } }
+  /* wiring */
+  .kg-ground { transform-box:fill-box; transform-origin:center; opacity:0;
+    animation:groundIn .5s ease forwards .1s, groundBreathe 6s ease-in-out 1.6s infinite; }
+  .kg-glow { filter:blur(9px); transform-box:fill-box; transform-origin:center; opacity:0;
+    animation:glowIn .6s ease forwards .1s, glowPulse 4.6s ease-in-out 1.6s infinite; }
+  .kg-cardB { transform-box:fill-box; transform-origin:center; opacity:0; animation:cardUp .55s cubic-bezier(.2,.8,.2,1) forwards .2s; }
+  .kg-cardA { transform-box:fill-box; transform-origin:center; opacity:0; animation:cardUp .55s cubic-bezier(.2,.8,.2,1) forwards .32s; }
+  .kg-plant { transform-box:fill-box; transform-origin:50% 100%; animation:plantSway 6s ease-in-out 1.7s infinite; }
+  .kg-stem  { animation:draw .9s ease-out forwards .4s; }
+  .kg-leaf  { transform-box:fill-box; }
+  .kg-grow  { transform-box:fill-box; opacity:0; }
+  .kg-leaf.l1 { transform-origin:90% 100%; animation:leafSwayA 4.6s ease-in-out 1.7s infinite; }
+  .kg-leaf.l2 { transform-origin:0% 80%;   animation:leafSwayB 5.2s ease-in-out 1.8s infinite; }
+  .kg-leaf.l3 { transform-origin:0% 100%;  animation:leafSwayA 5.0s ease-in-out 1.9s infinite; }
+  .kg-leaf.l1 .kg-grow { transform-origin:90% 100%; animation:leafGrow .52s cubic-bezier(.18,.9,.24,1.22) forwards .85s; }
+  .kg-leaf.l2 .kg-grow { transform-origin:0% 80%;   animation:leafGrow .52s cubic-bezier(.18,.9,.24,1.22) forwards 1.0s; }
+  .kg-leaf.l3 .kg-grow { transform-origin:0% 100%;  animation:leafGrow .52s cubic-bezier(.18,.9,.24,1.22) forwards 1.15s; }
+  .kg-particle { transform-box:fill-box; transform-origin:center; opacity:0; }
+  .kg-particle.p1 { animation:particle 4.5s ease-in-out 1.6s infinite; }
+  .kg-particle.p2 { animation:particle 5.2s ease-in-out 2.0s infinite; }
+  .kg-particle.p3 { animation:particle 4.8s ease-in-out 2.6s infinite; }
+  .kg-particle.p4 { animation:particle 5.6s ease-in-out 3.1s infinite; }
+  .kg-particle.p5 { animation:particle 4.2s ease-in-out 2.3s infinite; }
+  @media (prefers-reduced-motion: reduce) {
+    .estate-art, .estate-art *, .estate-title, .estate-hint, .estate-link { animation:none !important; opacity:1 !important; transform:none !important; }
+    .draw { stroke-dashoffset:0 !important; }
+    .kg-ground { opacity:.1 !important; }
+    .kg-glow { opacity:.6 !important; }
+    .kg-particle { opacity:0 !important; }
+  }
+  .error-bar { margin:12px 24px; padding:10px 14px; background:var(--danger-soft); color:var(--danger); border-radius:var(--radius-sm); font-size:13px; cursor:pointer; }
+  .search-hit { margin:0 0 8px; padding:10px 14px; background:var(--surface); border-radius:var(--radius-sm); font-size:13px; cursor:pointer; }
+  .search-hit:hover { background:var(--surface-2); }
+  .search-hit mark { background:transparent; color:var(--accent); font-weight:600; }
+  .view-placeholder { padding:40px; text-align:center; border:1px dashed var(--line-strong); border-radius:var(--radius); color:var(--muted); margin-top:8px; }
+  .ico.flip { transform:scaleX(-1); }
+
+  /* ---- board (kanban) view ---- */
+  .board-wrap { margin-top:4px; }
+  .board-bar { display:flex; align-items:center; gap:10px; padding:2px 0 12px; }
+  .board { display:flex; align-items:flex-start; gap:12px; overflow-x:auto; padding-bottom:14px; min-height:240px; }
+  .board-col { flex:0 0 272px; width:272px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); display:flex; flex-direction:column; max-height:calc(100vh - 240px); max-height:calc(100dvh - 240px); transition:box-shadow .12s,border-color .12s; }
+  .board-col.drop-into { border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft); }
+  .board-col-head { display:flex; align-items:center; gap:8px; padding:10px 10px 8px; }
+  .board-col-head .spacer { flex:1; }
+  .board-count { color:var(--muted); font-size:12px; font-weight:600; }
+  .board-col-head .iconbtn.sm { width:24px; height:24px; }
+  .board-col-body { display:flex; flex-direction:column; gap:7px; padding:0 8px 8px; overflow-y:auto; }
+  .kcard { background:var(--bg); border:1px solid var(--line); border-radius:var(--radius-sm); padding:9px 10px; box-shadow:var(--shadow-sm);
+    cursor:grab; display:flex; flex-direction:column; gap:5px; touch-action:none; transition:border-color .1s,box-shadow .1s; }
+  .kcard:hover { border-color:var(--line-strong); }
+  .kcard.drag-source { opacity:.4; }
+  .kcard.dragging-ghost { position:fixed; left:0; top:0; z-index:120; pointer-events:none; cursor:grabbing;
+    box-shadow:var(--shadow-lg); opacity:.95; transform:translate3d(-9999px,0,0); }
+  .kcard-title { font-size:var(--fs-ui); font-weight:600; line-height:1.35; word-break:break-word; }
+  .kcard-field { display:flex; align-items:center; gap:6px; font-size:var(--fs-sm); color:var(--fg-soft); min-width:0; }
+  .kcard-field svg { width:13px; height:13px; color:var(--muted); flex:none; }
+  .board-add { display:flex; align-items:center; gap:6px; padding:7px 8px; color:var(--muted); font-size:var(--fs-sm); border-radius:var(--radius-sm); }
+  .board-add:hover { background:var(--hover-2); color:var(--fg-soft); }
+
+  /* ---- calendar (month) view ---- */
+  .cal { margin-top:4px; display:flex; flex-direction:column; }
+  .cal-nav { display:flex; align-items:center; gap:8px; padding:2px 0 12px; }
+  .cal-nav .spacer { flex:1; }
+  .cal-title { font-size:15px; font-weight:650; min-width:120px; }
+  .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); }
+  .cal-head { border:1px solid var(--line); border-bottom:0; border-radius:var(--radius) var(--radius) 0 0; background:var(--surface); }
+  .cal-wd { padding:8px 10px; font-size:12px; font-weight:600; color:var(--muted); text-align:left; border-right:1px solid var(--line); }
+  .cal-wd:last-child { border-right:0; }
+  .cal-body { border:1px solid var(--line); border-radius:0 0 var(--radius) var(--radius); overflow:hidden; }
+  .cal-week { border-bottom:1px solid var(--line); }
+  .cal-week:last-child { border-bottom:0; }
+  .cal-day { min-height:108px; border-right:1px solid var(--line); padding:5px 6px; display:flex; flex-direction:column; gap:4px; transition:background .1s; cursor:pointer; }
+  .cal-day:last-child { border-right:0; }
+  .cal-day:hover { background:var(--hover); }
+  .cal-day.dim { background:var(--surface); color:var(--muted); }
+  .cal-day.dim:hover { background:var(--hover); }
+  .cal-day.drop-into { background:var(--accent-soft); }
+  .cal-daynum { display:flex; align-items:center; justify-content:space-between; font-size:var(--fs-sm); font-weight:600; color:var(--fg-soft); }
+  .cal-day.dim .cal-daynum { color:var(--muted); }
+  .cal-day.today .cal-daynum span:first-child { background:var(--accent); color:var(--accent-fg); width:21px; height:21px; border-radius:50%; display:grid; place-items:center; }
+  .cal-add { opacity:0; width:20px; height:20px; display:grid; place-items:center; color:var(--muted); border-radius:5px; transition:opacity .12s; }
+  .cal-day:hover .cal-add { opacity:1; }
+  .cal-add:hover { background:var(--hover-2); color:var(--fg); }
+  .cal-events { display:flex; flex-direction:column; gap:3px; }
+  .cal-ev { font-size:12px; padding:2px 7px; border-radius:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:grab; touch-action:none;
+    background:color-mix(in srgb,var(--c) 16%,transparent); color:var(--c); border-left:2px solid var(--c); }
+  .cal-ev:hover { filter:brightness(1.04); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent); }
+  :root[data-resolved="dark"] .cal-ev { background:color-mix(in srgb,var(--c) 24%,transparent); color:color-mix(in srgb,var(--c) 78%,#fff); }
+  .cal-more { display:block; width:100%; text-align:left; font-size:var(--fs-xs); color:var(--muted); padding:2px 7px; border-radius:5px; }
+  .cal-more:hover { background:var(--hover-2); color:var(--fg-soft); }
+
+  /* ---- timeline (gantt) view ---- */
+  .tl { margin-top:4px; }
+  .tl-toolbar { display:flex; align-items:center; gap:8px; padding:2px 0 12px; }
+  .tl-scroll { overflow:auto; border:1px solid var(--line); border-radius:var(--radius); max-height:calc(100vh - 230px); max-height:calc(100dvh - 230px); }
+  .tl-canvas { position:relative; }
+  .tl-axis { position:sticky; top:0; z-index:4; background:var(--surface); border-bottom:1px solid var(--line); }
+  .tl-corner { position:sticky; left:0; z-index:5; height:100%; display:flex; align-items:center; padding:0 12px; font-size:12px; font-weight:600; color:var(--muted);
+    background:var(--surface); border-right:1px solid var(--line); }
+  .tl-tick { position:absolute; top:0; height:100%; box-sizing:border-box; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; padding:0 0 4px 4px; }
+  .tl-tick.mstart { border-right-color:var(--line-strong); }
+  .tl-tick .tl-month { position:absolute; top:5px; left:4px; font-size:10.5px; font-weight:700; color:var(--fg-soft); white-space:nowrap; }
+  .tl-tick .tl-dnum { font-size:var(--fs-micro); color:var(--muted); }
+  .tl-tick.today .tl-dnum { color:var(--accent); font-weight:700; }
+  .tl-row { position:absolute; left:0; right:0; border-bottom:1px solid var(--line); }
+  .tl-rowlabel { position:sticky; left:0; z-index:3; height:100%; display:flex; align-items:center; padding:0 12px; font-size:13px; font-weight:500;
+    background:var(--bg); border-right:1px solid var(--line); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  .tl-item { position:absolute; top:7px; height:22px; box-sizing:border-box; background:var(--accent); color:var(--accent-fg); border-radius:6px;
+    display:flex; align-items:center; gap:2px; padding:0 4px; cursor:grab; touch-action:none; box-shadow:var(--shadow-sm); overflow:hidden; }
+  .tl-item .tl-label { flex:1; font-size:12px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none; }
+  .tl-row:hover .tl-item { box-shadow:0 0 0 1px var(--accent), var(--shadow-sm); }
+  .tl-item .tl-h { width:8px; align-self:stretch; flex:none; cursor:col-resize; border-radius:6px; opacity:0; transition:opacity .1s; }
+  .tl-item:hover .tl-h { opacity:1; background:rgba(255,255,255,.35); }
+  .tl-item .tl-h:hover { background:rgba(255,255,255,.6); }
+  .tl-milestone { position:absolute; top:9px; width:18px; height:18px; transform:rotate(45deg); background:var(--accent); border-radius:3px; cursor:grab; touch-action:none; box-shadow:var(--shadow-sm); margin-left:-9px; }
+  .tl-milestone:hover { box-shadow:0 0 0 2px var(--accent-soft), var(--shadow-sm); }
+  .tl-track-empty { position:absolute; top:0; right:0; height:100%; cursor:copy; }
+  .tl-track-empty:hover { background:var(--hover); }
+  .tl-schedule { position:sticky; top:7px; height:22px; display:inline-flex; align-items:center; padding:0 10px; border-radius:6px; font-size:12px;
+    color:var(--muted); border:1px dashed var(--line-strong); background:var(--bg); white-space:nowrap; }
+  .tl-schedule:hover { color:var(--accent); border-color:var(--accent); }
+  .tl-today { position:absolute; top:0; width:2px; background:var(--accent); opacity:.55; z-index:2; pointer-events:none; }
+  .tl-guide { position:absolute; top:0; width:0; border-left:1px dashed var(--accent); z-index:6; pointer-events:none; }
+  .tl-guide-label { position:absolute; top:2px; left:4px; font-size:var(--fs-micro); font-weight:600; color:var(--accent-fg); background:var(--accent);
+    padding:1px 6px; border-radius:5px; white-space:nowrap; box-shadow:var(--shadow-sm); }
+
+  /* mobile */
+  /* Gate on a coarse pointer, not width alone: a narrow *desktop* window keeps
+     the desktop layout/sizes (no jarring snap to 16px fonts + 40px buttons when
+     it crosses 768px), while phones/tablets (and DevTools device mode, which
+     emulates coarse) get the touch treatment. JS useIsMobile mirrors this query. */
+  @media (max-width: 768px) and (pointer: coarse) {
+    /* Full-page navigation, document-scrolled: the active view (home sidebar
+       or the picked content view, via body.mobile-content from app.tsx) sits
+       in normal flow and the *document* scrolls; the inactive view is
+       display:none. This is structural for iOS 26 Safari: its liquid-glass
+       bars only composite pixels from the document's scrolled canvas \u2014 a
+       fixed pane with an inner scroller never paints under the bottom bar,
+       so the chrome degrades to a tint sampled once and frozen (opaque pane
+       bg) or fallback white (transparent pane); no see-through, and theme
+       switches never propagate. In-flow content gets both for free: glass
+       blurs live pixels, colors follow theme/navigation in real time.
+       (app.tsx owns the scroll handoff between the two views.) */
+    body { overflow:auto; }
+    #app { display:block; height:auto; }
+    .sidebar { width:100% !important; min-height:100dvh; margin-left:0 !important;
+      border-right:0; transition:none; }
+    body.mobile-content .sidebar { display:none; }
+    .main { display:none; }
+    body.mobile-content .main { display:flex; min-height:100dvh; overflow:visible;
+      animation:page-in .22s cubic-bezier(.4,0,.2,1); }
+    .sb-scroll { flex:none; overflow:visible; }
+    .content { flex:none; overflow:visible; }
+    /* Keep the back-button header pinned while the document scrolls. Its
+       background must sit on the sticky box itself: the status-bar tint is
+       sampled from edge-touching sticky elements' own background-color \u2014 a
+       transparent box samples as a fallback white. Each home\u2194content switch
+       toggles the pane's display, a real render-tree entry, so the tint
+       re-samples on navigation. */
+    .topbar { position:sticky; top:0; z-index:30; background:var(--bg); }
+    /* With no sticky element at an edge (home top, all bottoms) the chrome
+       derives from the html/body backgrounds and the scrolled canvas \u2014 keep
+       all of them tracking the active surface so bars and overscroll blend. */
+    html:has(body.mobile), body.mobile { background:var(--sidebar); }
+    html:has(body.mobile-content), body.mobile-content { background:var(--bg); }
+    .sb-head .iconbtn { display:none; }          /* no collapse on mobile */
+    .sb-resizer { display:none; }
+    .topbar .hamburger { display:grid; }         /* serves as the back button */
+
+    /* Sites/settings move from the bottom footer rows up into the home header
+       as icon buttons \u2014 no full-width strip eating into the list + safe area. */
+    .sb-footer { display:none; }
+    .sb-act { display:grid; place-items:center; width:40px; height:40px; flex:none;
+      border-radius:var(--radius-sm); color:var(--fg-soft); position:relative; }
+    .sb-act:active, .sb-act.active { background:var(--hover-2); color:var(--fg); }
+    .sb-act .ico { width:20px; height:20px; }
+    .sb-act .nav-dot { position:absolute; top:7px; right:7px; box-shadow:0 0 0 2px var(--sidebar); }
+
+    /* Phone typography: bigger text for a small screen held close. Tap-target
+       sizing and the 16px iOS anti-zoom inputs live in the width-independent
+       (pointer:coarse) block below \u2014 tablets need those too. */
+    .navitem { padding:9px 8px; font-size:16px; }
+    .navitem .emoji { font-size:18px; }
+    .navitem .tw { width:26px; height:26px; }
+    .sb-section-head { font-size:12px; }
+    .sb-search kbd { display:none; }  /* no hardware keyboard, no shortcut hint */
+    /* Search box is hidden until the header search button reveals it; it then
+       slides+fades down in. Desktop base (.sb-search{display:flex}) is untouched,
+       so search stays always-on there. reduced-motion is handled globally. */
+    .sb-search { display:none; }
+    .sb-search.open { display:flex; animation:search-reveal .22s cubic-bezier(.32,.72,0,1); }
+    @keyframes search-reveal { from { opacity:0; transform:translateY(-8px); } }
+    .btn { font-size:15px; }
+    .crumb { font-size:16px; }
+    .pop .item { font-size:16px; }
+    .pop .item .t { font-size:16px; }
+
+    /* Document: bigger body text, tighter side padding for narrow screens. */
+    .doc { padding:24px 18px calc(36vh + env(safe-area-inset-bottom)); }
+    .doc-title { font-size:30px; }
+    .doc .editable { font-size:16px; }
+    /* 16px (not 14): a focused code textarea below 16px makes iOS auto-zoom. */
+    .codeblock { --code-fs:16px; }
+    .block .gutter { display:none; }
+    /* Anchor/TOC jumps: clear the mobile topbar (49px min + notch inset);
+       the desktop 60px estimate leaves blocks half-hidden behind it. */
+    .block { scroll-margin-top:calc(49px + env(safe-area-inset-top) + 8px); }
+    .db { padding:16px 14px 90px; }
+    .peek { width:100%; }
+
+    /* Safe areas (viewport-fit=cover): keep chrome clear of the notch / home bar. */
+    .sb-head { padding-top:calc(14px + env(safe-area-inset-top)); }
+    .topbar { padding-top:calc(10px + env(safe-area-inset-top)); }
+    /* no footer on mobile, so the list itself clears the home indicator */
+    .sb-scroll { padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
+
+    /* Overlays: dialogs become bottom sheets (centered cards fight the soft
+       keyboard), and fixed-bottom chrome stays clear of the home indicator. */
+    .modal-scrim { align-items:flex-end; padding:0; }
+    .modal { width:100%; max-height:92vh; max-height:92dvh;
+      border-radius:var(--radius-xl) var(--radius-xl) 0 0;
+      padding-bottom:env(safe-area-inset-bottom);
+      animation:sheet-up .22s cubic-bezier(.32,.72,0,1); }
+    .toasts { left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); }
+    .toast { justify-content:center; }
+    .selbar { bottom:calc(16px + env(safe-area-inset-bottom)); max-width:calc(100vw - 24px); }
+  }
+  @keyframes sheet-up { from { transform:translateY(100%); } }
+  /* In-flow stand-in for the old two-pane slide: only the entering view
+     animates (the other is display:none, document-scroll layout above). */
+  @keyframes page-in { from { transform:translateX(28px); opacity:0; } }
+
+  /* Touch ergonomics, decoupled from width: tablets (iPad portrait is 820px+)
+     keep the desktop layout above but still tap with fingers, so target sizes,
+     drag handles and the iOS anti-zoom input size key off the pointer alone. */
+  @media (pointer: coarse) {
+    /* iOS Safari auto-zooms the page when a focused field is below 16px; the
+       class selectors out-specify the element-level sizes set on these. */
+    input, textarea, .text-input, .doc-source, input.inlineedit { font-size:16px; }
+    .navitem .acts button { width:34px; height:34px; }
+    .iconbtn { width:40px; height:40px; }
+    .btn { padding:9px 14px; min-height:40px; }
+    .pop .item { padding:11px 10px; }
+    /* Column/sidebar resize handles: 7px is a mouse affordance, not a finger's. */
+    .col-resizer, .doc-col-resizer, .sb-resizer { width:16px; right:-8px; }
+  }
+
+  /* No hover available (touch): controls that only materialize on :hover are
+     unreachable, so pin them visible. Width-independent on purpose \u2014 this is
+     the tablet's lifeline too. Desktops with a mouse are untouched. */
+  @media (hover: none) {
+    .code-tools { opacity:1; transform:none; pointer-events:auto; }
+    .rowactions { opacity:1; pointer-events:auto; }
+    .doc-th .doc-col-menu, .cal-add, .filerow .facts,
+    .navitem .acts, .sb-section-head .add { opacity:1; }
+    table.doc-table .doc-row-del { opacity:1; }
+    .selcell input { opacity:1; }
+    .rowgrip { color:var(--muted); }
+    .tl-item .tl-h { opacity:1; background:rgba(255,255,255,.35); }
+    /* Neutralize the stickiest tap-residue tints (a tap "hovers" until the
+       next tap elsewhere); transient menus/buttons are left alone. */
+    .navitem:hover { background:none; }
+    .iconbtn:hover { background:none; }
+    tbody tr:hover { background:none; }
+    td.cell-td:hover { background:none; }
+    .filerow:hover { background:none; }
+    .cal-day:hover { background:none; }
+    .cal-day.dim:hover { background:var(--surface); }
+  }
+
+  /* Quick Notes window (desktop, loaded at #quick). A transparent body lets the
+     macOS vibrancy blur show through; a translucent panel keeps text readable.
+     The top bar is the window drag region; its buttons opt back out. */
+  body.quicknote { background:transparent; }
+  /* The main app lays #app out as a flex row (sidebar + main); the quick-note
+     route has a single child, so override to a full-bleed block or the panel
+     shrinks to its content width and the window's vibrancy shows through. */
+  body.quicknote #app { display:block; width:100vw; height:100vh; height:100dvh; }
+  .qn { display:flex; flex-direction:column; width:100%; height:100vh; height:100dvh; overflow:hidden;
+    background:color-mix(in srgb, var(--bg) 20%, transparent); }
+  .qn-bar { display:flex; align-items:center; gap:6px; padding:4px 10px 4px 76px;
+    user-select:none; -webkit-app-region:drag;
+    background:color-mix(in srgb, var(--surface) 30%, transparent); }
+  .qn-brand { flex:1; min-width:0; font-size:12px; font-weight:600; color:var(--fg-soft);
+    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  .qn-actions { display:flex; gap:2px; -webkit-app-region:no-drag; }
+  .qn-actions .iconbtn { width:26px; height:26px; }
+  .qn-actions .iconbtn.active { color:var(--accent); background:var(--hover-2); }
+  .qn-body { flex:1; overflow:auto; -webkit-app-region:no-drag; }
+  .qn-body .doc { max-width:none; margin:0; padding:14px 22px 30vh; }
+  .qn-body .doc-title { font-size:24px; margin-bottom:2px; }
+  .qn-body .doc-meta { display:none; }
+  /* A native checkbox paints an opaque white box when unchecked, which breaks
+     the window's vibrancy blur. Draw a custom box so the unchecked background
+     stays transparent; checked falls back to the accent fill + checkmark. */
+  body.quicknote .b-todo .marker input {
+    appearance:none; -webkit-appearance:none; box-sizing:border-box;
+    border:1.5px solid color-mix(in srgb, var(--fg-soft) 55%, transparent);
+    border-radius:4px; background:transparent; }
+  body.quicknote .b-todo .marker input:checked {
+    border-color:var(--accent);
+    background:var(--accent) center/10px no-repeat
+      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E"); }
+  /* Compact menus inside the quick-note window only (dropdown + slash command
+     share .pop/.item/.lico with the main app; scope under body.quicknote so the
+     main app keeps its roomier density). */
+  body.quicknote .pop { padding:5px; border-radius:9px; }
+  body.quicknote .pop .lbl { padding:4px 8px 2px; font-size:10px; }
+  body.quicknote .pop .item { padding:5px 9px; gap:8px; font-size:var(--fs-sm); }
+  body.quicknote .pop .item .t { font-size:var(--fs-sm); }
+  body.quicknote .pop .item .d { font-size:10.5px; }
+  body.quicknote .pop .item .lico { width:22px; height:22px; }
+  body.quicknote .pop .item .lico.plain { width:20px; height:20px; }
+  body.quicknote .pop .sep { margin:4px 4px; }
+
+  /* Quick Notes settings rows (desktop only). */
+  .qn-set-row { display:flex; align-items:center; gap:14px; padding:12px 0; border-top:1px solid var(--line); }
+  .qn-set-row:first-of-type { border-top:0; }
+  .qn-set-main { flex:1; min-width:0; }
+  .qn-set-name { font-weight:600; }
+  .qn-set-desc { color:var(--muted); font-size:13px; margin-top:2px; }
+  .qn-shortcut { min-width:140px; justify-content:center; font-family:var(--mono); }
+  .qn-shortcut.capturing { outline:2px solid var(--accent); color:var(--accent); }
+`;
+
+// src/webui/server/assets.ts
+var RUNNING_FROM_SOURCE = import.meta.url.includes("/src/webui/");
+var HTML = `<!doctype html>
+<html lang="zh">
+<head>
+<meta charset="utf-8" />
+<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="apple-mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-status-bar-style" content="default" />
+<title>Metahub</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<!-- Load web fonts without blocking first paint: media="print" keeps the
+     stylesheet non-render-blocking, then onload flips it to "all". The page
+     paints instantly with the system-font fallbacks baked into --ui/--mono and
+     swaps to the web fonts when they arrive (or stays on system fonts offline).
+     This is what kept the desktop cold-start white for seconds on slow networks. -->
+<link rel="stylesheet" media="print" onload="this.media='all'" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap">
+<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
+     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>
+<link rel="stylesheet" href="/webui.css">
+</head>
+<body>
+<div id="app"></div>
+<script type="module" src="/webui.js"></script>
+</body>
+</html>`;
+var injectedJs = null;
+function setWebuiBundle(js) {
+  injectedJs = js;
+}
+var cachedJs = null;
+var cachedJsMtime = 0;
+function newestSourceMtime(dir) {
+  let newest = 0;
+  for (const e of readdirSync(dir, { withFileTypes: true })) {
+    if (e.name === "server" || e.name.startsWith("."))
+      continue;
+    const p = join3(dir, e.name);
+    if (e.isDirectory())
+      newest = Math.max(newest, newestSourceMtime(p));
+    else if (/\.tsx?$/.test(e.name))
+      newest = Math.max(newest, statSync(p).mtimeMs);
+  }
+  return newest;
+}
+async function getJs() {
+  if (injectedJs != null)
+    return injectedJs;
+  if (RUNNING_FROM_SOURCE) {
+    const srcDir = fileURLToPath(new URL("..", import.meta.url));
+    const newest = newestSourceMtime(srcDir);
+    if (cachedJs == null || newest > cachedJsMtime) {
+      const entry = fileURLToPath(new URL("../app.tsx", import.meta.url));
+      const res = await Bun.build({ entrypoints: [entry], target: "browser" });
+      if (!res.success)
+        throw new AggregateError(res.logs, "webui build failed");
+      cachedJs = await res.outputs[0].text();
+      cachedJsMtime = newest;
+    }
+    return cachedJs;
+  }
+  if (cachedJs == null) {
+    const prebuilt = Bun.file(fileURLToPath(new URL("./webui.js", import.meta.url)));
+    if (!await prebuilt.exists()) {
+      throw new Error("webui bundle missing: dist/webui.js was not built \u2014 run `bun run build`");
+    }
+    cachedJs = await prebuilt.text();
+  }
+  return cachedJs;
+}
+async function getCss() {
+  if (RUNNING_FROM_SOURCE) {
+    return Bun.file(fileURLToPath(new URL("../styles.css", import.meta.url))).text();
+  }
+  return styles_default;
+}
+async function warmWebui() {
+  try {
+    await getJs();
+  } catch {}
+}
+function asset(body, contentType) {
+  return new Response(body, {
+    headers: { "content-type": contentType, "cache-control": "no-store" }
+  });
+}
+async function serveWebui(req) {
+  if (req.method !== "GET")
+    return null;
+  const { pathname } = new URL(req.url);
+  if (pathname === "/")
+    return asset(HTML, "text/html; charset=utf-8");
+  if (pathname === "/webui.css")
+    return asset(await getCss(), "text/css; charset=utf-8");
+  if (pathname === "/webui.js") {
+    try {
+      return asset(await getJs(), "text/javascript; charset=utf-8");
+    } catch (e) {
+      console.error("[webui] failed to serve /webui.js \u2014", e);
+      return new Response(`webui build failed: ${e}`, { status: 500 });
+    }
+  }
+  return null;
+}
+// src/webui/server/routes.ts
+init_errors();
+
+// src/core/history.ts
+init_crdt();
+init_errors();
+var REVISION_GAP_MS = 1500;
+function hlcMillis(hlc2) {
+  return Number(hlc2.slice(0, 15));
+}
+function hlcIso(hlc2) {
+  return new Date(hlcMillis(hlc2)).toISOString();
+}
+function clusterRevisions(changes) {
+  const groups = [];
+  let cur = [];
+  for (const c of changes) {
+    const prev = cur[cur.length - 1];
+    if (prev && (prev.node_id !== c.node_id || hlcMillis(c.hlc) - hlcMillis(prev.hlc) > REVISION_GAP_MS)) {
+      groups.push(cur);
+      cur = [];
+    }
+    cur.push(c);
+  }
+  if (cur.length)
+    groups.push(cur);
+  return groups;
+}
+function flagSet(value) {
+  return value !== null && value !== "0" && value !== "false" && value !== "null";
+}
+function registersAt(changes, at) {
+  const out = new Map;
+  for (const c of changes) {
+    if (c.hlc > at)
+      continue;
+    const cur = out.get(c.col);
+    if (!cur || c.hlc > cur.hlc)
+      out.set(c.col, { value: c.value, hlc: c.hlc });
+  }
+  return out;
+}
+function rowChanges(db2, dataset, rowId) {
+  return db2.query("SELECT hlc, node_id, dataset, row_id, col, value FROM crdt_changes WHERE dataset = ? AND row_id = ? ORDER BY hlc").all(dataset, rowId);
+}
+function everBlockIds(db2, docId) {
+  return db2.query("SELECT DISTINCT row_id FROM crdt_changes WHERE dataset = 'doc_blocks' AND col = 'doc_id' AND value = ?").all(JSON.stringify(docId)).map((r) => r.row_id);
+}
+function docChanges(db2, docId) {
+  const blocks2 = everBlockIds(db2, docId);
+  const placeholders = blocks2.map(() => "?").join(",");
+  const blockClause = blocks2.length ? ` OR (dataset = 'doc_blocks' AND row_id IN (${placeholders}))` : "";
+  return db2.query(`SELECT hlc, node_id, dataset, row_id, col, value FROM crdt_changes
+       WHERE (dataset = 'documents' AND row_id = ?)${blockClause}
+       ORDER BY hlc`).all(docId, ...blocks2);
+}
+function listDocumentRevisions(db2, id) {
+  const changes = docChanges(db2, id);
+  if (!changes.length)
+    throw new MhError("not_found", `no such document: ${id}`);
+  return clusterRevisions(changes).map((group) => {
+    const changedBlocks = new Set;
+    const deletedBlocks = new Set;
+    let created = false;
+    let deleted = false;
+    let titleChanged = false;
+    for (const c of group) {
+      if (c.dataset === "documents") {
+        if (c.col === "created_hlc")
+          created = true;
+        else if (c.col === "title")
+          titleChanged = true;
+        else if (c.col === "__deleted")
+          deleted = flagSet(c.value);
+      } else if (c.col === "__deleted" && flagSet(c.value)) {
+        deletedBlocks.add(c.row_id);
+      } else if (c.col === "text") {
+        changedBlocks.add(c.row_id);
+      }
+    }
+    const last = group[group.length - 1];
+    return {
+      version: last.hlc,
+      at: hlcIso(last.hlc),
+      node_id: last.node_id,
+      changes: group.length,
+      created,
+      deleted,
+      title_changed: titleChanged,
+      blocks_changed: changedBlocks.size,
+      blocks_deleted: deletedBlocks.size
+    };
+  }).reverse();
+}
+function documentAtVersion(db2, id, at) {
+  if (!at)
+    throw new MhError("invalid_input", "missing version cutoff");
+  const changes = docChanges(db2, id).filter((c) => c.hlc <= at);
+  if (!changes.length)
+    throw new MhError("not_found", `no version of document ${id} at or before ${at}`);
+  const docRegs = registersAt(changes.filter((c) => c.dataset === "documents"), at);
+  const parse5 = (col) => {
+    const r = docRegs.get(col);
+    return r?.value == null ? undefined : JSON.parse(r.value);
+  };
+  const byBlock = new Map;
+  for (const c of changes) {
+    if (c.dataset !== "doc_blocks")
+      continue;
+    (byBlock.get(c.row_id) ?? byBlock.set(c.row_id, []).get(c.row_id)).push(c);
+  }
+  const blocks2 = [];
+  for (const [blockId, blockChanges] of byBlock) {
+    const regs = registersAt(blockChanges, at);
+    const reg = (col) => {
+      const r = regs.get(col);
+      return r?.value == null ? undefined : JSON.parse(r.value);
+    };
+    if (reg("doc_id") !== id)
+      continue;
+    if (regs.get("__deleted") && flagSet(regs.get("__deleted").value))
+      continue;
+    const text = reg("text");
+    if (typeof text !== "string" || !text)
+      continue;
+    blocks2.push({
+      id: blockId,
+      text,
+      order_key: reg("order_key") ?? null,
+      blankAfter: reg("blank_after") ?? 0
+    });
+  }
+  blocks2.sort((a, b) => {
+    if (a.order_key !== b.order_key) {
+      if (a.order_key === null)
+        return -1;
+      if (b.order_key === null)
+        return 1;
+      return a.order_key < b.order_key ? -1 : 1;
+    }
+    return a.id < b.id ? -1 : 1;
+  });
+  const body = byBlock.size ? serializeDocBlocks(blocks2) : parse5("body") ?? "";
+  return {
+    id,
+    title: parse5("title") ?? "",
+    body,
+    deleted: docRegs.get("__deleted") ? flagSet(docRegs.get("__deleted").value) : false,
+    version: changes[changes.length - 1].hlc
+  };
+}
+function revertDocument(db2, id, to, opts = {}) {
+  const cur = getDocument(db2, id);
+  if (!cur)
+    throw new MhError("not_found", `no such document: ${id}`);
+  if (opts.ifMatch !== undefined && documentVersion(db2, id) !== opts.ifMatch)
+    throw new MhError("stale", `stale: document changed since ${opts.ifMatch}; re-read first`);
+  const past = documentAtVersion(db2, id, to);
+  if (past.deleted)
+    throw new MhError("invalid_input", "target version is a deleted state; use doc delete instead");
+  const fields = {};
+  if (past.title !== cur.title)
+    fields.title = past.title;
+  if (past.body !== (cur.body ?? ""))
+    fields.body = past.body;
+  if (Object.keys(fields).length)
+    updateDocument(db2, id, fields);
+  return {
+    id,
+    changed: Object.keys(fields).length > 0,
+    restored: past.version,
+    version: documentVersion(db2, id)
+  };
+}
+var RECORD_META2 = new Set(["database_id", "created_hlc", "order_key", "__deleted"]);
+function listRecordRevisions(db2, id) {
+  const changes = rowChanges(db2, "records", id);
+  if (!changes.length)
+    throw new MhError("not_found", `no such record: ${id}`);
+  return clusterRevisions(changes).map((group) => {
+    const fields = new Set;
+    let created = false;
+    let deleted = false;
+    let moved = false;
+    for (const c of group) {
+      if (c.col === "created_hlc")
+        created = true;
+      else if (c.col === "__deleted")
+        deleted = flagSet(c.value);
+      else if (c.col === "order_key")
+        moved = true;
+      else if (!RECORD_META2.has(c.col))
+        fields.add(c.col);
+    }
+    const last = group[group.length - 1];
+    return {
+      version: last.hlc,
+      at: hlcIso(last.hlc),
+      node_id: last.node_id,
+      changes: group.length,
+      created,
+      deleted,
+      fields: [...fields],
+      moved
+    };
+  }).reverse();
+}
+function recordAtVersion(db2, id, at) {
+  if (!at)
+    throw new MhError("invalid_input", "missing version cutoff");
+  const changes = rowChanges(db2, "records", id).filter((c) => c.hlc <= at);
+  if (!changes.length)
+    throw new MhError("not_found", `no version of record ${id} at or before ${at}`);
+  const regs = registersAt(changes, at);
+  const data = {};
+  for (const [col, reg] of regs) {
+    if (RECORD_META2.has(col))
+      continue;
+    if (reg.value === null)
+      continue;
+    data[col] = JSON.parse(reg.value);
+  }
+  const dbReg = regs.get("database_id");
+  return {
+    id,
+    database_id: dbReg?.value == null ? null : JSON.parse(dbReg.value),
+    deleted: regs.get("__deleted") ? flagSet(regs.get("__deleted").value) : false,
+    data,
+    version: changes[changes.length - 1].hlc
+  };
+}
+function revertRecord(db2, id, to) {
+  const cur = db2.query("SELECT database_id, data, __deleted FROM records WHERE id = ?").get(id);
+  if (!cur)
+    throw new MhError("not_found", `no such record: ${id}`);
+  const past = recordAtVersion(db2, id, to);
+  if (past.deleted)
+    throw new MhError("invalid_input", "target version is a deleted state; use record delete instead");
+  const liveProps = new Set(cur.database_id ? listProperties(db2, cur.database_id).map((p) => p.id) : []);
+  const curData = JSON.parse(cur.data || "{}");
+  const fields = [];
+  for (const propId of liveProps) {
+    const inPast = Object.hasOwn(past.data, propId);
+    const inCur = Object.hasOwn(curData, propId);
+    if (inPast && (!inCur || JSON.stringify(past.data[propId]) !== JSON.stringify(curData[propId]))) {
+      emit(db2, "records", id, propId, past.data[propId]);
+      fields.push(propId);
+    } else if (!inPast && inCur) {
+      emit(db2, "records", id, propId, undefined);
+      fields.push(propId);
+    }
+  }
+  const undeleted = cur.__deleted !== 0;
+  if (undeleted)
+    emit(db2, "records", id, "__deleted", 0);
+  return { id, changed: fields.length > 0 || undeleted, fields, undeleted, restored: past.version };
+}
+
+// src/webui/server/routes.ts
+var DatabaseSchema = exports_external.object({
+  id: exports_external.string(),
+  name: exports_external.string(),
+  icon: exports_external.string().nullable(),
+  created_hlc: exports_external.string()
+});
+var PropertySchema = exports_external.object({
+  id: exports_external.string(),
+  database_id: exports_external.string(),
+  name: exports_external.string(),
+  type: exports_external.string(),
+  config: exports_external.any().nullable(),
+  position: exports_external.number()
+});
+var RecordSchema = exports_external.object({
+  id: exports_external.string(),
+  database_id: exports_external.string(),
+  values: exports_external.record(exports_external.string(), exports_external.any()).describe('Field values keyed by property name (e.g. {"Amount":35}). Reads nest cells here; writes take a flat {column: value} map.')
+});
+var MoveRecordReq = exports_external.object({
+  target: exports_external.string(),
+  where: exports_external.enum(["before", "after"])
+});
+var DocumentSummarySchema = exports_external.object({
+  id: exports_external.string(),
+  title: exports_external.string(),
+  database_id: exports_external.string().nullable(),
+  parent_id: exports_external.string().nullable(),
+  created_hlc: exports_external.string(),
+  order_key: exports_external.string().nullable()
+});
+var MoveDocumentReq = exports_external.object({
+  target: exports_external.string(),
+  where: exports_external.enum(["before", "after", "into"])
+});
+var DocumentSchema = DocumentSummarySchema.extend({
+  body: exports_external.string().nullable(),
+  version: exports_external.string().optional()
+});
+var SearchHitSchema = exports_external.object({
+  type: exports_external.string(),
+  id: exports_external.string(),
+  database_id: exports_external.string().nullable(),
+  title: exports_external.string().optional(),
+  snippet: exports_external.string()
+});
+var OkSchema2 = exports_external.object({ ok: exports_external.boolean() });
+var CreateDatabaseReq = exports_external.object({ name: exports_external.string(), icon: exports_external.string().optional() });
+var UpdateDatabaseReq = exports_external.object({
+  name: exports_external.string().optional(),
+  icon: exports_external.string().nullable().optional()
+});
+var CreatePropertyReq = exports_external.object({
+  db: exports_external.string(),
+  name: exports_external.string(),
+  type: exports_external.string(),
+  config: exports_external.any().optional()
+});
+var UpdatePropertyReq = exports_external.object({
+  name: exports_external.string().optional(),
+  type: exports_external.string().optional(),
+  config: exports_external.any().optional(),
+  position: exports_external.number().optional()
+});
+var SetWidthReq = exports_external.object({ width: exports_external.number() });
+var RecordValuesReq = exports_external.record(exports_external.string(), exports_external.any()).describe("Flat { column: value } cell patch (keyed by property name).");
+var CreateDocumentReq = exports_external.object({
+  title: exports_external.string(),
+  body: exports_external.string().optional(),
+  database_id: exports_external.string().optional(),
+  parent_id: exports_external.string().optional()
+});
+var UpdateDocumentReq = exports_external.object({
+  title: exports_external.string().optional(),
+  body: exports_external.string().optional(),
+  parent_id: exports_external.string().nullable().optional(),
+  if_match: exports_external.string().optional()
+});
+var RevisionBase = exports_external.object({
+  version: exports_external.string(),
+  at: exports_external.string().describe("Wall-clock time of the revision (ISO 8601)"),
+  node_id: exports_external.string(),
+  changes: exports_external.number(),
+  created: exports_external.boolean(),
+  deleted: exports_external.boolean()
+});
+var DocRevisionSchema = RevisionBase.extend({
+  title_changed: exports_external.boolean(),
+  blocks_changed: exports_external.number(),
+  blocks_deleted: exports_external.number()
+});
+var RecordRevisionSchema = RevisionBase.extend({
+  fields: exports_external.array(exports_external.string()).describe("Property ids of the cells written"),
+  moved: exports_external.boolean()
+});
+var DocumentVersionStateSchema = exports_external.object({
+  id: exports_external.string(),
+  title: exports_external.string(),
+  body: exports_external.string(),
+  deleted: exports_external.boolean(),
+  version: exports_external.string()
+});
+var RevertDocumentReq = exports_external.object({
+  to: exports_external.string().describe("Version token from /api/document/history"),
+  if_match: exports_external.string().optional()
+});
+var RevertRecordReq = exports_external.object({
+  to: exports_external.string().describe("Version token from /api/record/history")
+});
+var RevertDocResultSchema = exports_external.object({
+  id: exports_external.string(),
+  changed: exports_external.boolean(),
+  restored: exports_external.string(),
+  version: exports_external.string()
+});
+var RevertRecordResultSchema = exports_external.object({
+  id: exports_external.string(),
+  changed: exports_external.boolean(),
+  fields: exports_external.array(exports_external.string()),
+  undeleted: exports_external.boolean(),
+  restored: exports_external.string()
+});
+function need3(req, key) {
+  const v = new URL(req.url).searchParams.get(key);
+  if (!v)
+    throw new Error(`missing query param: ${key}`);
+  return v;
+}
+function opt(req, key) {
+  return new URL(req.url).searchParams.get(key) ?? undefined;
+}
+function handle3(fn) {
+  return async (req, ctx) => {
+    try {
+      const out = await fn(req, ctx);
+      if (out instanceof Response)
+        return out;
+      return Response.json(out ?? null);
+    } catch (e) {
+      return errorResponse(e);
+    }
+  };
+}
+var VersionSchema = exports_external.object({ version: exports_external.string() });
+var webuiRoutes = [
+  {
+    method: "GET",
+    path: "/api/version",
+    summary: "Version of the running core (sidecar). Used by the desktop app's settings footer.",
+    response: VersionSchema,
+    handler: () => Response.json({ version: package_default.version })
+  },
+  {
+    method: "GET",
+    path: "/api/databases",
+    summary: "List all databases",
+    response: exports_external.array(DatabaseSchema),
+    handler: handle3((_req, { db: db2 }) => listDatabases(db2))
+  },
+  {
+    method: "POST",
+    path: "/api/databases",
+    summary: "Create a database",
+    request: CreateDatabaseReq,
+    response: DatabaseSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return createDatabase(db2, body);
+    })
+  },
+  {
+    method: "PATCH",
+    path: "/api/database",
+    summary: "Rename a database or change its icon. Query: ?id=<id>",
+    request: UpdateDatabaseReq,
+    response: DatabaseSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return updateDatabase(db2, need3(req, "id"), body);
+    })
+  },
+  {
+    method: "DELETE",
+    path: "/api/database",
+    summary: "Delete a database (and stop it being the current one). Query: ?id=<id>",
+    response: OkSchema2,
+    handler: handle3((req, { db: db2 }) => ({ ok: deleteDatabase(db2, need3(req, "id")) }))
+  },
+  {
+    method: "GET",
+    path: "/api/properties",
+    summary: "List a database's properties (columns). Query: ?db=<id>",
+    response: exports_external.array(PropertySchema),
+    handler: handle3((req, { db: db2 }) => listProperties(db2, need3(req, "db")))
+  },
+  {
+    method: "POST",
+    path: "/api/properties",
+    summary: "Add a property to a database",
+    request: CreatePropertyReq,
+    response: PropertySchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return addProperty(db2, body.db, { name: body.name, type: body.type, config: body.config });
+    })
+  },
+  {
+    method: "PATCH",
+    path: "/api/property",
+    summary: "Update a property: rename, change type, edit config/options, reorder. Query: ?id=<id>",
+    request: UpdatePropertyReq,
+    response: PropertySchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return updateProperty(db2, need3(req, "id"), body);
+    })
+  },
+  {
+    method: "PATCH",
+    path: "/api/property/width",
+    summary: "Set a property's table column width (px). Query: ?id=<id>",
+    request: SetWidthReq,
+    response: PropertySchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return setPropertyWidth(db2, need3(req, "id"), body.width);
+    })
+  },
+  {
+    method: "DELETE",
+    path: "/api/property",
+    summary: "Delete a property (column) and its cells. Query: ?id=<id>",
+    response: OkSchema2,
+    handler: handle3((req, { db: db2 }) => ({ ok: removeProperty(db2, need3(req, "id")) }))
+  },
+  {
+    method: "GET",
+    path: "/api/records",
+    summary: "List records in a database. Query: ?db=<id>&sort=<field>&limit=<n>",
+    response: exports_external.array(RecordSchema),
+    handler: handle3((req, { db: db2 }) => {
+      const limit = opt(req, "limit");
+      return listRecords(db2, need3(req, "db"), {
+        sort: opt(req, "sort"),
+        limit: limit ? Number(limit) : undefined
+      });
+    })
+  },
+  {
+    method: "POST",
+    path: "/api/records",
+    summary: "Create a record. Query: ?db=<id>; body is a {field: value} map",
+    request: RecordValuesReq,
+    response: RecordSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const values = await req.json();
+      return createRecord(db2, need3(req, "db"), values);
+    })
+  },
+  {
+    method: "GET",
+    path: "/api/record",
+    summary: "Get one record. Query: ?id=<id>",
+    response: RecordSchema,
+    handler: handle3((req, { db: db2 }) => {
+      const id = need3(req, "id");
+      const rec = getRecord(db2, id);
+      if (!rec)
+        throw new MhError("not_found", `no such record: ${id}`);
+      return rec;
+    })
+  },
+  {
+    method: "PATCH",
+    path: "/api/record",
+    summary: "Update record fields. Query: ?id=<id>; body is a {field: value} map",
+    request: RecordValuesReq,
+    response: RecordSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const values = await req.json();
+      return updateRecord(db2, need3(req, "id"), values);
+    })
+  },
+  {
+    method: "PATCH",
+    path: "/api/record/order",
+    summary: "Move a record before or after another record. Query: ?id=<id>",
+    request: MoveRecordReq,
+    response: RecordSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return moveRecord(db2, need3(req, "id"), body.target, body.where);
+    })
+  },
+  {
+    method: "GET",
+    path: "/api/record/history",
+    summary: "List a record's revisions, newest first. Query: ?id=<id>",
+    response: exports_external.array(RecordRevisionSchema),
+    handler: handle3((req, { db: db2 }) => listRecordRevisions(db2, need3(req, "id")))
+  },
+  {
+    method: "POST",
+    path: "/api/record/revert",
+    summary: "Restore a record's cells to a past version, recorded as a new revision. Query: ?id=<id>",
+    request: RevertRecordReq,
+    response: RevertRecordResultSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return revertRecord(db2, need3(req, "id"), body.to);
+    })
+  },
+  {
+    method: "DELETE",
+    path: "/api/record",
+    summary: "Delete a record. Query: ?id=<id>",
+    response: OkSchema2,
+    handler: handle3((req, { db: db2 }) => ({ ok: deleteRecord(db2, need3(req, "id")) }))
+  },
+  {
+    method: "GET",
+    path: "/api/documents",
+    summary: "List documents. Optional query: ?db=<id> or ?parent=<id>",
+    response: exports_external.array(DocumentSummarySchema),
+    handler: handle3((req, { db: db2 }) => listDocuments(db2, { database_id: opt(req, "db"), parent_id: opt(req, "parent") }))
+  },
+  {
+    method: "POST",
+    path: "/api/documents",
+    summary: "Create a document",
+    request: CreateDocumentReq,
+    response: DocumentSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return createDocument(db2, body);
+    })
+  },
+  {
+    method: "GET",
+    path: "/api/document",
+    summary: "Get one document with full body. Query: ?id=<id>",
+    response: DocumentSchema,
+    handler: handle3((req, { db: db2 }) => {
+      const id = need3(req, "id");
+      const doc2 = getDocument(db2, id);
+      if (!doc2)
+        throw new MhError("not_found", `no such document: ${id}`);
+      return { ...doc2, version: documentVersion(db2, doc2.id) };
+    })
+  },
+  {
+    method: "PATCH",
+    path: "/api/document",
+    summary: "Update a document's title/body/parent_id (null = top level). Query: ?id=<id>",
+    request: UpdateDocumentReq,
+    response: DocumentSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      const { if_match, ...fields } = body;
+      const doc2 = updateDocument(db2, need3(req, "id"), fields, { ifMatch: if_match });
+      return { ...doc2, version: documentVersion(db2, doc2.id) };
+    })
+  },
+  {
+    method: "PATCH",
+    path: "/api/document/move",
+    summary: "Move a document before/after another, or into it as a child. Query: ?id=<id>",
+    request: MoveDocumentReq,
+    response: DocumentSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return moveDocument(db2, need3(req, "id"), body.target, body.where);
+    })
+  },
+  {
+    method: "GET",
+    path: "/api/document/history",
+    summary: "List a document's revisions, newest first. Query: ?id=<id>",
+    response: exports_external.array(DocRevisionSchema),
+    handler: handle3((req, { db: db2 }) => listDocumentRevisions(db2, need3(req, "id")))
+  },
+  {
+    method: "GET",
+    path: "/api/document/at",
+    summary: "A document's title/body as of a past version. Query: ?id=<id>&version=<token>",
+    response: DocumentVersionStateSchema,
+    handler: handle3((req, { db: db2 }) => documentAtVersion(db2, need3(req, "id"), need3(req, "version")))
+  },
+  {
+    method: "POST",
+    path: "/api/document/revert",
+    summary: "Restore a document's title/body to a past version, recorded as a new revision. Query: ?id=<id>",
+    request: RevertDocumentReq,
+    response: RevertDocResultSchema,
+    handler: handle3(async (req, { db: db2 }) => {
+      const body = await req.json();
+      return revertDocument(db2, need3(req, "id"), body.to, { ifMatch: body.if_match });
+    })
+  },
+  {
+    method: "DELETE",
+    path: "/api/document",
+    summary: "Delete a document. Query: ?id=<id>",
+    response: OkSchema2,
+    handler: handle3((req, { db: db2 }) => ({ ok: deleteDocument(db2, need3(req, "id")) }))
+  },
+  {
+    method: "GET",
+    path: "/api/search",
+    summary: "Full-text search across documents and records. Query: ?q=<text>&limit=<n>",
+    response: exports_external.array(SearchHitSchema),
+    handler: handle3((req, { db: db2 }) => {
+      const limit = opt(req, "limit");
+      return search(db2, need3(req, "q"), { limit: limit ? Number(limit) : undefined });
+    })
+  }
+];
 export {
+  webuiRoutes,
+  warmWebui,
+  updateSite,
   updateRecord,
   updateProperty,
   updateDocument,
@@ -18028,8 +18992,10 @@ export {
   syncWithPeer,
   startServer,
   slugify,
+  setWebuiBundle,
   setPropertyWidth,
   setCurrentDatabase,
+  serveWebui,
   serializeDocBlocks,
   search,
   runSchema,
@@ -18048,11 +19014,15 @@ export {
   parseDocBlocks,
   openMetahub,
   observeHlc,
+  normalizeSitePath,
+  normalizeSiteName,
   nextHlc,
   newId,
   moveRecord,
+  moveDocument,
   migrateRecords,
   migratePeers,
+  migrateDocuments,
   migrateDocBlocks,
   metahubHome,
   maybeAutoIndex,
@@ -18081,6 +19051,7 @@ export {
   getBlob,
   ftsAvailable,
   formatHlc,
+  errorCode,
   ensurePropIndex,
   ensureDirs,
   emitFields,
@@ -18103,6 +19074,7 @@ export {
   cacheDir,
   blobPath,
   backfillRecordOrderKeys,
+  backfillDocumentOrderKeys,
   applyChange,
   appendDocument,
   addProperty,
@@ -18115,9 +19087,10 @@ export {
   PairRequestSchema,
   PROP_TYPES,
   PAIR_PATH,
+  MhError,
   HealthResponseSchema,
   HEALTH_PATH,
   ChangeSchema
 };
 
-//# debugId=D4C8ECDF76A598A964756E2164756E21
+//# debugId=3270CE1250D22E6A64756E2164756E21