@tensorix/metahub 0.2.2 → 0.3.1

package/dist/cli.js

@@ -1443,7 +1443,7 @@ var init_crdt = __esm(() => {
   DOMAIN = {
     databases: {
       table: "databases",
-      cols: new Set(["name", "icon", "created_hlc", "__deleted"])
+      cols: new Set(["name", "icon", "meta", "created_hlc", "__deleted"])
     },
     properties: {
       table: "properties",
@@ -2283,11 +2283,17 @@ var init_properties = __esm(() => {
 });
 
 // src/core/databases.ts
+function rowOut(r3) {
+  if (!r3)
+    return null;
+  return { ...r3, meta: r3.meta === null ? null : JSON.parse(r3.meta) };
+}
 function getDatabase(db, id) {
-  return db.query(`SELECT ${DATABASE_SELECT} FROM databases WHERE id = ? AND __deleted = 0`).get(id);
+  return rowOut(db.query(`SELECT ${DATABASE_SELECT} FROM databases WHERE id = ? AND __deleted = 0`).get(id));
 }
 function listDatabases(db) {
-  return db.query(`SELECT ${DATABASE_SELECT} FROM databases WHERE __deleted = 0 ORDER BY created_hlc`).all();
+  const rows = db.query(`SELECT ${DATABASE_SELECT} FROM databases WHERE __deleted = 0 ORDER BY created_hlc`).all();
+  return rows.map((r3) => rowOut(r3));
 }
 function liveChildren(db, table, col, parentId) {
   return db.query(`SELECT id FROM ${table} WHERE ${col} = ? AND __deleted = 0`).all(parentId).map((r3) => r3.id);
@@ -2299,7 +2305,7 @@ var init_databases = __esm(() => {
   init_errors();
   init_properties();
   init_records();
-  DATABASE_COLS = ["id", "name", "icon", "created_hlc"];
+  DATABASE_COLS = ["id", "name", "icon", "meta", "created_hlc"];
   DATABASE_SELECT = DATABASE_COLS.join(", ");
   createDatabase = grouped(function createDatabase2(db, opts) {
     const id = newId("db", opts.name);
@@ -2316,6 +2322,11 @@ var init_databases = __esm(() => {
       emit(db, "databases", id, "name", fields.name);
     if (fields.icon !== undefined)
       emit(db, "databases", id, "icon", fields.icon);
+    if (fields.meta !== undefined) {
+      if (fields.meta !== null && (typeof fields.meta !== "object" || Array.isArray(fields.meta)))
+        throw new MhError("invalid_input", "meta must be a JSON object or null");
+      emit(db, "databases", id, "meta", fields.meta);
+    }
     return getDatabase(db, id);
   });
   duplicateDatabase = grouped(function duplicateDatabase2(db, id, opts = {}) {
@@ -2326,6 +2337,11 @@ var init_databases = __esm(() => {
       name: opts.name ?? src2.name,
       icon: opts.icon ?? src2.icon ?? undefined
     });
+    if (src2.meta !== null) {
+      const { collapsed: _hidden, ...meta } = src2.meta;
+      if (Object.keys(meta).length)
+        emit(db, "databases", dup.id, "meta", meta);
+    }
     const propIdMap = new Map;
     for (const p of listProperties(db, id)) {
       const config = p.config?.database === id ? { ...p.config, database: dup.id } : p.config ?? undefined;
@@ -2966,7 +2982,7 @@ function countOccurrences(haystack, needle) {
   }
   return n2;
 }
-var DOCUMENT_COLS, DOCUMENT_SELECT, DOC_SUMMARY_COLS, DOC_SUMMARY_SELECT, createDocument, ORDER_BY = "ORDER BY order_key IS NULL, order_key, created_hlc, id", backfillDocumentOrderKeys, moveDocument, duplicateDocument, updateDocument, editDocument, appendDocument, prependDocument, deleteDocument;
+var DOCUMENT_COLS, DOCUMENT_SELECT, DOC_SUMMARY_COLS, DOC_SUMMARY_SELECT, createDocument, ORDER_BY = "ORDER BY order_key IS NULL, order_key, created_hlc, id", backfillDocumentOrderKeys, moveDocument, duplicateDocument, updateDocument, editDocument, editDocumentBatch, appendDocument, prependDocument, deleteDocument;
 var init_documents = __esm(() => {
   init_ids();
   init_crdt();
@@ -3096,6 +3112,33 @@ var init_documents = __esm(() => {
     reconcileBody(db, id, newBody);
     return { id, changed: newBody !== body, replaced: opts.replaceAll ? count : 1, version: documentVersion(db, id) };
   });
+  editDocumentBatch = grouped(function editDocumentBatch2(db, id, opts) {
+    if (!getDocument(db, id))
+      throw new MhError("not_found", `no such document: ${id}`);
+    if (opts.edits.length === 0)
+      throw new MhError("invalid_input", "no edits given");
+    if (opts.ifMatch !== undefined && documentVersion(db, id) !== opts.ifMatch)
+      throw new MhError("stale", `stale: document changed since ${opts.ifMatch}; re-read first`);
+    ensureBlocks(db, id);
+    const orig = serializeDocBlocks(liveBlocks(db, id).map((b2) => ({ text: b2.text, blankAfter: b2.blank_after })));
+    let body = orig;
+    let total = 0;
+    opts.edits.forEach((e2, i2) => {
+      if (e2.old === "")
+        throw new MhError("invalid_input", `edit[${i2}]: old must not be empty`);
+      const count = countOccurrences(body, e2.old);
+      if (count === 0)
+        throw new MhError("invalid_input", `edit[${i2}]: anchor not found: no match for old`);
+      if (count > 1 && !e2.replaceAll)
+        throw new MhError("ambiguous", `edit[${i2}]: ${count} matches for old; add surrounding context or set replaceAll`);
+      const repl = e2.new ?? "";
+      body = e2.replaceAll ? body.replaceAll(e2.old, repl) : body.replace(e2.old, repl);
+      total += e2.replaceAll ? count : 1;
+    });
+    if (body !== orig)
+      reconcileBody(db, id, body);
+    return { id, changed: body !== orig, replaced: total, version: documentVersion(db, id) };
+  });
   appendDocument = grouped(function appendDocument2(db, id, body) {
     if (!getDocument(db, id))
       throw new MhError("not_found", `no such document: ${id}`);
@@ -19646,29 +19689,280 @@ var init_sites_serve = __esm(() => {
   init_sites();
 });
 
+// src/core/md/grammar.ts
+function matchQuoteLine(text) {
+  const m3 = text.match(RE.quote);
+  return m3 ? m3[1] : null;
+}
+function matchListLine(line, minIndent) {
+  const indent = leadingIndent(line);
+  if (indent < minIndent)
+    return null;
+  const text = stripIndent(line, indent);
+  let m3 = text.match(/^[-*+]\s+\[([ xX])\][ \t](.*)$/);
+  if (m3) {
+    return {
+      indent,
+      type: "todo",
+      checked: m3[1].toLowerCase() === "x",
+      content: m3[2]
+    };
+  }
+  m3 = text.match(/^(\d+)[.)][ \t]+(.*)$/);
+  if (m3)
+    return { indent, type: "numbered", content: m3[2], num: parseInt(m3[1], 10) };
+  m3 = text.match(/^[-*+][ \t]+(.*)$/);
+  if (m3)
+    return { indent, type: "bullet", content: m3[1] };
+  return null;
+}
+function leadingIndent(line) {
+  let indent = 0;
+  for (const ch of line) {
+    if (ch === " ")
+      indent++;
+    else if (ch === "\t")
+      indent += 4;
+    else
+      break;
+  }
+  return indent;
+}
+function stripIndent(line, columns) {
+  let indent = 0;
+  let i2 = 0;
+  for (;i2 < line.length && indent < columns; i2++) {
+    const ch = line[i2];
+    if (ch === " ")
+      indent++;
+    else if (ch === "\t")
+      indent += 4;
+    else
+      break;
+  }
+  return line.slice(i2);
+}
+function isFenceClose(line, char, len) {
+  const trimmed = line.trim();
+  if (!trimmed || trimmed[0] !== char)
+    return false;
+  for (const ch of trimmed) {
+    if (ch !== char)
+      return false;
+  }
+  return trimmed.length >= len;
+}
+function cleanLang(lang) {
+  return lang.trim().replace(/[^A-Za-z0-9_+.#-]/g, "");
+}
+function looksLikeTableAt(lines, i2, minIndent) {
+  const head = lines[i2];
+  const delim = lines[i2 + 1];
+  if (head == null || delim == null)
+    return false;
+  if (leadingIndent(head) < minIndent || leadingIndent(delim) < minIndent)
+    return false;
+  const headText = stripIndent(head, minIndent);
+  const delimText = stripIndent(delim, minIndent);
+  if (!headText.includes("|") || !delimText.includes("|"))
+    return false;
+  const cells = splitTableRow(delimText);
+  return cells.length > 0 && cells.every((c3) => RE_DELIM_CELL.test(c3));
+}
+function splitTableRow(line) {
+  const cells = [];
+  let cur = "";
+  for (let i2 = 0;i2 < line.length; i2++) {
+    const ch = line[i2];
+    if (ch === "\\" && line[i2 + 1] === "|") {
+      cur += "|";
+      i2++;
+      continue;
+    }
+    if (ch === "|") {
+      cells.push(cur);
+      cur = "";
+      continue;
+    }
+    cur += ch;
+  }
+  cells.push(cur);
+  if (cells.length && cells[0].trim() === "")
+    cells.shift();
+  if (cells.length && cells[cells.length - 1].trim() === "")
+    cells.pop();
+  return cells.map((c3) => c3.trim());
+}
+var HTML_FENCE = "mh-html", RE, RE_DELIM_CELL;
+var init_grammar = __esm(() => {
+  RE = {
+    fenceOpen: /^\s*(`{3,}|~{3,})\s*([^\s`]*)?.*$/,
+    h: /^(#{1,6})\s+(.*)$/,
+    todo: /^\s*[-*+]\s+\[([ xX])\][ \t](.*)$/,
+    bullet: /^\s*[-*+]\s+(.*)$/,
+    numbered: /^\s*(\d+)[.)]\s+(.*)$/,
+    quote: /^>[ \t](.*)$/,
+    divider: /^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/
+  };
+  RE_DELIM_CELL = /^\s*:?-+:?\s*$/;
+});
+
+// src/core/md/inline.ts
+function tokenizeInline(text) {
+  if (!text)
+    return [];
+  const cands = [];
+  for (const p2 of PATTERNS) {
+    p2.re.lastIndex = 0;
+    let m3;
+    while (m3 = p2.re.exec(text)) {
+      const start = m3.index;
+      const end = start + m3[0].length;
+      let innerFrom;
+      let innerTo;
+      let url2;
+      let alt;
+      if (p2.kind === "link") {
+        innerFrom = start + 1;
+        innerTo = start + 1 + m3[1].length;
+        url2 = m3[2];
+      } else if (p2.kind === "image") {
+        innerFrom = start + 2;
+        innerTo = start + 2 + m3[1].length;
+        url2 = m3[2];
+        alt = m3[1];
+      } else {
+        innerFrom = start + p2.delim;
+        innerTo = end - p2.delim;
+        if (innerTo <= innerFrom)
+          continue;
+      }
+      cands.push({ kind: p2.kind, start, end, innerFrom, innerTo, url: url2, alt, rank: p2.rank });
+    }
+  }
+  cands.sort((a2, b3) => a2.start - b3.start || a2.rank - b3.rank || b3.end - a2.end);
+  const out = [];
+  let cursor = 0;
+  for (const c3 of cands) {
+    if (c3.start < cursor)
+      continue;
+    cursor = c3.end;
+    out.push({
+      kind: c3.kind,
+      start: c3.start,
+      end: c3.end,
+      innerFrom: c3.innerFrom,
+      innerTo: c3.innerTo,
+      ...c3.url !== undefined ? { url: c3.url } : {},
+      ...c3.alt !== undefined ? { alt: c3.alt } : {}
+    });
+  }
+  return out;
+}
+var PATTERNS;
+var init_inline = __esm(() => {
+  PATTERNS = [
+    { kind: "code", re: /(?<!\\)`([^`\n]+)`/g, delim: 1, rank: 0 },
+    { kind: "image", re: /(?<!\\)!\[([^\]\n]*)\]\(([^)\s]+)\)/g, delim: 0, rank: 1 },
+    { kind: "strong", re: /(?<!\\)\*\*([^*\n]+?)(?<!\\)\*\*/g, delim: 2, rank: 2 },
+    { kind: "strong", re: /(?<!\\)__([^_\n]+?)(?<!\\)__/g, delim: 2, rank: 2 },
+    { kind: "del", re: /(?<!\\)~~([^~\n]+?)(?<!\\)~~/g, delim: 2, rank: 3 },
+    { kind: "em", re: /(?<![*\w])(?<!\\)\*([^*\n]+?)(?<!\\)\*(?!\*)/g, delim: 1, rank: 4 },
+    { kind: "em", re: /(?<![_\w])(?<!\\)_([^_\n]+?)(?<!\\)_(?!_)/g, delim: 1, rank: 4 },
+    { kind: "link", re: /(?<!\\)\[([^\]\n]+)\]\(([^)\s]+)\)/g, delim: 0, rank: 5 }
+  ];
+});
+
+// src/core/md/heal.ts
+function fenceMask(lines) {
+  const mask = new Array(lines.length).fill(false);
+  for (let i2 = 0;i2 < lines.length; i2++) {
+    const m3 = lines[i2].match(RE.fenceOpen);
+    if (!m3)
+      continue;
+    const ch = m3[1][0];
+    const len = m3[1].length;
+    let close = -1;
+    for (let j2 = i2 + 1;j2 < lines.length; j2++) {
+      if (isFenceClose(lines[j2], ch, len)) {
+        close = j2;
+        break;
+      }
+    }
+    if (close === -1)
+      continue;
+    for (let j2 = i2;j2 <= close; j2++)
+      mask[j2] = true;
+    i2 = close;
+  }
+  return mask;
+}
+function healLegacyMarkdown(src2) {
+  if (!MAYBE_LEGACY.test(src2))
+    return src2;
+  const lines = src2.split(`
+`);
+  const inFence = fenceMask(lines);
+  const quoteish = (i2) => i2 >= 0 && i2 < lines.length && !inFence[i2] && matchQuoteLine(lines[i2].replace(/^[ \t]*/, "")) !== null;
+  let changed = false;
+  for (let i2 = 0;i2 < lines.length; i2++) {
+    if (inFence[i2])
+      continue;
+    const line = lines[i2];
+    if (LEGACY_EMPTY_TODO.test(line)) {
+      lines[i2] = line + " ";
+      changed = true;
+    } else if (BARE_QUOTE.test(line) && (quoteish(i2 - 1) || quoteish(i2 + 1))) {
+      lines[i2] = line + " ";
+      changed = true;
+    }
+  }
+  return changed ? lines.join(`
+`) : src2;
+}
+var LEGACY_EMPTY_TODO, BARE_QUOTE, MAYBE_LEGACY;
+var init_heal = __esm(() => {
+  init_grammar();
+  LEGACY_EMPTY_TODO = /^[ \t]*[-*+][ \t]+\[[ xX]\]$/;
+  BARE_QUOTE = /^[ \t]*>$/;
+  MAYBE_LEGACY = /^[ \t]*(?:[-*+][ \t]+\[[ xX]\]|>)$/m;
+});
+
 // src/core/sync/share-render.ts
 function escapeHtml(s2) {
   return s2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function renderInline(src2, opts = {}) {
-  const codes = [];
-  let s2 = src2.replace(/`([^`]+)`/g, (_m, c3) => {
-    codes.push(c3);
-    return A4 + (codes.length - 1) + B3;
-  });
-  s2 = escapeHtml(s2);
-  s2 = s2.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (_m, alt, u3) => {
-    const url2 = rewrite(String(u3), opts).replace(/"/g, "&quot;");
-    return `<img src="${url2}" alt="${escapeHtml(String(alt))}" loading="lazy">`;
-  });
-  s2 = s2.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (_m, t2, u3) => {
-    const url2 = rewrite(String(u3), opts).replace(/"/g, "&quot;");
-    return `<a href="${url2}" target="_blank" rel="noreferrer noopener">${t2}</a>`;
-  });
-  s2 = s2.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
-  s2 = s2.replace(/(^|[^*])\*([^*\n]+)\*/g, "$1<em>$2</em>");
-  s2 = s2.replace(RESTORE, (_m, i2) => `<code>${escapeHtml(codes[+i2] ?? "")}</code>`);
-  return s2;
+  const tokens = tokenizeInline(src2);
+  let out = "";
+  let pos = 0;
+  for (const t2 of tokens) {
+    out += escapeHtml(src2.slice(pos, t2.start));
+    const inner = src2.slice(t2.innerFrom, t2.innerTo);
+    const url2 = rewrite(t2.url ?? "", opts).replace(/"/g, "&quot;");
+    switch (t2.kind) {
+      case "code":
+        out += `<code>${escapeHtml(inner)}</code>`;
+        break;
+      case "strong":
+        out += `<strong>${escapeHtml(inner)}</strong>`;
+        break;
+      case "em":
+        out += `<em>${escapeHtml(inner)}</em>`;
+        break;
+      case "del":
+        out += `<del>${escapeHtml(inner)}</del>`;
+        break;
+      case "link":
+        out += `<a href="${url2}" target="_blank" rel="noreferrer noopener">${escapeHtml(inner)}</a>`;
+        break;
+      case "image":
+        out += `<img src="${url2}" alt="${escapeHtml(t2.alt ?? "")}" loading="lazy">`;
+        break;
+    }
+    pos = t2.end;
+  }
+  return out + escapeHtml(src2.slice(pos));
 }
 function rewrite(url2, opts) {
   if (opts.rewriteBlob && url2.startsWith("/blob/"))
@@ -19676,8 +19970,9 @@ function rewrite(url2, opts) {
   return url2;
 }
 function renderMarkdown(md, opts = {}) {
-  const lines = (md ?? "").replace(/\r\n?/g, `
-`).split(`
+  const healed = healLegacyMarkdown((md ?? "").replace(/\r\n?/g, `
+`));
+  const lines = healed.split(`
 `);
   const out = [];
   let i2 = 0;
@@ -19690,38 +19985,39 @@ function renderMarkdown(md, opts = {}) {
   };
   while (i2 < lines.length) {
     const line = lines[i2];
-    const fence = line.match(FENCE);
+    const fence = line.match(RE.fenceOpen);
     if (fence) {
-      flushPara();
       const marker = fence[1][0];
-      const info = (fence[2] ?? "").trim();
-      const body = [];
-      i2++;
-      while (i2 < lines.length) {
-        const m3 = lines[i2].match(/^\s*(`{3,}|~{3,})\s*$/);
-        if (m3 && m3[1][0] === marker) {
-          i2++;
+      const len = fence[1].length;
+      let close = -1;
+      for (let j2 = i2 + 1;j2 < lines.length; j2++) {
+        if (isFenceClose(lines[j2], marker, len)) {
+          close = j2;
           break;
         }
-        body.push(lines[i2]);
-        i2++;
       }
-      if (info === "mh-html") {
-        out.push(`<iframe class="mh-embed" sandbox="allow-scripts allow-popups" srcdoc="${escapeHtml(body.join(`
+      if (close !== -1) {
+        flushPara();
+        const info = cleanLang(fence[2] ?? "");
+        const body = lines.slice(i2 + 1, close);
+        i2 = close + 1;
+        if (info === HTML_FENCE) {
+          out.push(`<iframe class="mh-embed" sandbox="allow-scripts allow-popups" srcdoc="${escapeHtml(body.join(`
 `))}"></iframe>`);
-      } else {
-        const cls = info ? ` class="language-${escapeHtml(info)}"` : "";
-        out.push(`<pre><code${cls}>${escapeHtml(body.join(`
+        } else {
+          const cls = info ? ` class="language-${escapeHtml(info)}"` : "";
+          out.push(`<pre><code${cls}>${escapeHtml(body.join(`
 `))}</code></pre>`);
+        }
+        continue;
       }
-      continue;
     }
     if (line.trim() === "") {
       flushPara();
       i2++;
       continue;
     }
-    const h3 = line.match(/^(#{1,6})\s+(.*)$/);
+    const h3 = stripLead(line).match(RE.h);
     if (h3) {
       flushPara();
       const level = h3[1].length;
@@ -19729,30 +20025,33 @@ function renderMarkdown(md, opts = {}) {
       i2++;
       continue;
     }
-    if (/^\s*([-*_])(\s*\1){2,}\s*$/.test(line)) {
+    if (RE.divider.test(line)) {
       flushPara();
       out.push("<hr>");
       i2++;
       continue;
     }
-    if (/^\s*>\s?/.test(line)) {
+    if (matchQuoteLine(stripLead(line)) !== null) {
       flushPara();
       const q3 = [];
-      while (i2 < lines.length && /^\s*>\s?/.test(lines[i2])) {
-        q3.push(lines[i2].replace(/^\s*>\s?/, ""));
+      while (i2 < lines.length) {
+        const content = matchQuoteLine(stripLead(lines[i2]));
+        if (content === null)
+          break;
+        q3.push(content);
         i2++;
       }
       out.push(`<blockquote>${renderMarkdown(q3.join(`
 `), opts)}</blockquote>`);
       continue;
     }
-    if (line.includes("|") && i2 + 1 < lines.length && /^\s*\|?[\s:|-]+\|?\s*$/.test(lines[i2 + 1]) && lines[i2 + 1].includes("-")) {
+    if (looksLikeTableAt(lines, i2, 0)) {
       flushPara();
       const rows = [];
-      const head = splitRow(line);
+      const head = splitTableRow(stripLead(lines[i2]));
       i2 += 2;
       while (i2 < lines.length && lines[i2].includes("|") && lines[i2].trim() !== "") {
-        rows.push(splitRow(lines[i2]));
+        rows.push(splitTableRow(stripLead(lines[i2])));
         i2++;
       }
       const th = head.map((c3) => `<th>${renderInline(c3, opts)}</th>`).join("");
@@ -19760,19 +20059,25 @@ function renderMarkdown(md, opts = {}) {
       out.push(`<table><thead><tr>${th}</tr></thead><tbody>${body}</tbody></table>`);
       continue;
     }
-    const ul = line.match(/^\s*[-*+]\s+/);
-    const ol = line.match(/^\s*\d+[.)]\s+/);
-    if (ul || ol) {
+    const first = matchListLine(line, 0);
+    if (first) {
       flushPara();
-      const ordered = !!ol;
-      const items = [];
-      const re = ordered ? /^\s*\d+[.)]\s+/ : /^\s*[-*+]\s+/;
-      while (i2 < lines.length && re.test(lines[i2])) {
-        items.push(lines[i2].replace(re, ""));
+      const ordered = first.type === "numbered";
+      const lis = [];
+      while (i2 < lines.length) {
+        const it3 = matchListLine(lines[i2], 0);
+        if (!it3 || it3.type === "numbered" !== ordered)
+          break;
+        if (it3.type === "todo") {
+          lis.push(`<li class="todo"><input type="checkbox" disabled${it3.checked ? " checked" : ""}> ${renderInline(it3.content, opts)}</li>`);
+        } else if (it3.type === "numbered" && it3.num !== undefined) {
+          lis.push(`<li value="${it3.num}">${renderInline(it3.content, opts)}</li>`);
+        } else {
+          lis.push(`<li>${renderInline(it3.content, opts)}</li>`);
+        }
         i2++;
       }
-      const lis = items.map((t2) => `<li>${renderInline(t2, opts)}</li>`).join("");
-      out.push(ordered ? `<ol>${lis}</ol>` : `<ul>${lis}</ul>`);
+      out.push(ordered ? `<ol>${lis.join("")}</ol>` : `<ul>${lis.join("")}</ul>`);
       continue;
     }
     if (/^\s*!\[[^\]]*\]\([^)\s]+\)\s*$/.test(line)) {
@@ -19788,20 +20093,13 @@ function renderMarkdown(md, opts = {}) {
   return out.join(`
 `);
 }
-function splitRow(line) {
-  let s2 = line.trim();
-  if (s2.startsWith("|"))
-    s2 = s2.slice(1);
-  if (s2.endsWith("|"))
-    s2 = s2.slice(0, -1);
-  return s2.split("|").map((c3) => c3.trim());
+function stripLead(line) {
+  return stripIndent(line, Number.MAX_SAFE_INTEGER);
 }
-var A4, B3, RESTORE, FENCE;
 var init_share_render = __esm(() => {
-  A4 = String.fromCharCode(57344);
-  B3 = String.fromCharCode(57345);
-  RESTORE = new RegExp(A4 + "(\\d+)" + B3, "g");
-  FENCE = /^\s*(`{3,}|~{3,})(.*)$/;
+  init_grammar();
+  init_inline();
+  init_heal();
 });
 
 // src/core/sync/share-serve.ts
@@ -21657,7 +21955,7 @@ async function runMain(cmd, opts = {}) {
 // package.json
 var package_default = {
   name: "@tensorix/metahub",
-  version: "0.2.2",
+  version: "0.3.1",
   description: "Metahub core library and CLI",
   license: "AGPL-3.0-only",
   type: "module",
@@ -21687,16 +21985,21 @@ var package_default = {
     "build:shell": "bun run scripts/build-shell.ts",
     "build:share-viewer": "bun run scripts/build-share-viewer.ts",
     "build:binaries": "bun run scripts/compile-binaries.ts",
+    "build:binaries:host": "HOST_ONLY=1 bun run scripts/compile-binaries.ts",
     prepublishOnly: "bun run build",
     test: "bun test",
     release: "bun run scripts/tag-release.ts"
   },
   dependencies: {
     "@clack/prompts": "^1.5.0",
+    "@codemirror/commands": "6.10.4",
+    "@codemirror/state": "6.7.0",
+    "@codemirror/view": "6.43.4",
     "@sqlite.org/sqlite-wasm": "^3.53.0-build1",
     aws4fetch: "^1.0.20",
     citty: "^0.1.6",
     "highlight.js": "^11.11.1",
+    jsqr: "^1.4.0",
     preact: "^10.29.2",
     "qrcode-generator": "^2.0.4",
     turndown: "^7.2.4",
@@ -21705,8 +22008,17 @@ var package_default = {
   },
   devDependencies: {
     "@happy-dom/global-registrator": "^20.10.2",
+    "@prettier/plugin-php": "^0.25.0",
     "@types/bun": "latest",
     "@types/turndown": "^5.0.6",
+    "@wasm-fmt/clang-format": "^22.1.8",
+    "@wasm-fmt/gofmt": "^0.7.3",
+    "@wasm-fmt/lua_fmt": "^0.3.3",
+    "@wasm-fmt/ruff_fmt": "^0.15.20",
+    "@wasm-fmt/taplo_fmt": "^0.2.5",
+    "mvdan-sh": "^0.10.1",
+    prettier: "^3.6",
+    "sql-formatter": "^15",
     typescript: "^5"
   }
 };
@@ -21850,6 +22162,7 @@ CREATE TABLE IF NOT EXISTS databases (
   id          TEXT PRIMARY KEY,
   name        TEXT,
   icon        TEXT,
+  meta        TEXT,               -- JSON: generic replicated metadata (e.g. UI flags), one LWW register
   created_hlc TEXT,
   __deleted   INTEGER NOT NULL DEFAULT 0
 );
@@ -22132,9 +22445,25 @@ function migrateStoragePeerUrls(db) {
   });
   tx();
 }
+function migrateDatabases(db) {
+  if (hasColumn(db, "databases", "meta"))
+    return;
+  db.exec("ALTER TABLE databases ADD COLUMN meta TEXT");
+  db.exec(`
+    UPDATE databases SET meta = (
+      SELECT c.value FROM crdt_changes c
+      WHERE c.dataset = 'databases' AND c.col = 'meta' AND c.row_id = databases.id
+      ORDER BY c.hlc DESC LIMIT 1
+    )
+    WHERE id IN (
+      SELECT DISTINCT row_id FROM crdt_changes WHERE dataset = 'databases' AND col = 'meta'
+    )
+  `);
+}
 function initSchema(db) {
   runSchema(db);
   migrateOplog(db);
+  migrateDatabases(db);
   migrateCrdtChangesSeq(db);
   migrateRecords(db);
   migratePeers(db);
@@ -22378,6 +22707,18 @@ mh doc edit <ref> --old "old text" --new "new text"
 mh doc edit <ref> --old "TODO" --new "DONE" --replace-all
 mh doc edit <ref> --old "..." --new "..." --if-match <version-from-read>
 
+# EDIT (batch): apply several pairs in ONE atomic call \u2014 prefer this for many
+#   scattered deltas. One --if-match check, one revision, no re-read between edits.
+#   Pairs fold in order (a later "old" can match an earlier "new"); if ANY pair's
+#   anchor is missing/ambiguous the whole batch aborts and the doc is untouched.
+mh doc edit <ref> --if-match <version> --edits @- <<'JSON'
+[{"old":"(draft)","new":""},
+ {"old":"status: todo","new":"status: done"},
+ {"old":"FIXME","new":"FIXED","replaceAll":true}]
+JSON
+# Keep anchors in prose. Don't let --old/--new (or a batch pair) cut into the
+# interior of a table, code fence, or media block, or the block won't round-trip.
+
 # WRITE more: add blocks at the tail or head
 mh doc append  <ref> --body "a new paragraph"
 mh doc prepend <ref> --body "## Summary"
@@ -22393,8 +22734,11 @@ Required agent loop for revising a document (treat \`--if-match\` as mandatory \
 without it a concurrent edit from another session/the WebUI is silently
 clobbered):
 1. \`mh doc read <ref>\` \u2192 capture \`body\` and \`version\`.
-2. Compute a minimal \`--old\`/\`--new\` pair (unique anchor text).
-3. \`mh doc edit <ref> --old ... --new ... --if-match <version>\`.
+2. Compute the minimal \`--old\`/\`--new\` pair(s) (unique anchor text). Revising
+   several spots at once? Collect them into one \`--edits\` batch instead of
+   editing serially \u2014 the version bumps on the whole doc after any edit, so
+   serial \`--if-match\` edits force a re-read between each.
+3. \`mh doc edit <ref> --old ... --new ... --if-match <version>\` (or \`--edits\`).
 4. On exit 5 (\`stale\`), re-read and retry from step 1.
 
 ## Media & attachments (images / video / audio / files)
@@ -22554,24 +22898,45 @@ will prompt interactively** \u2014 always pass their flags explicitly:
 - **JSON by default** when piped; add \`--pretty\` only when a human will read it.
 `;
 
-// src/cli/claude-skill.ts
+// src/cli/agent-skill.ts
 import { mkdirSync as mkdirSync2 } from "fs";
 import { homedir as homedir2 } from "os";
 import { join as join2 } from "path";
+var CODEX_OPENAI_YAML = `interface:
+  display_name: "Metahub"
+  short_description: "Use mh for durable agent memory"
+  default_prompt: "Use $mh to store, recall, search, and edit durable working memory with metahub."
+`;
 function claudeHome() {
   return process.env.CLAUDE_CONFIG_DIR ?? join2(homedir2(), ".claude");
 }
+function codexHome() {
+  return process.env.CODEX_HOME ?? join2(homedir2(), ".codex");
+}
+async function writeIfChanged(path, content) {
+  const prev = await Bun.file(path).exists() ? await Bun.file(path).text() : null;
+  if (prev === content)
+    return false;
+  await Bun.write(path, content);
+  return true;
+}
 async function scaffoldClaudeSkill() {
   const dir = join2(claudeHome(), "skills", "mh");
   const path = join2(dir, "SKILL.md");
-  const prev = await Bun.file(path).exists() ? await Bun.file(path).text() : null;
-  const changed = prev !== SKILL_default;
-  if (changed) {
-    mkdirSync2(dir, { recursive: true });
-    await Bun.write(path, SKILL_default);
-  }
+  mkdirSync2(dir, { recursive: true });
+  const changed = await writeIfChanged(path, SKILL_default);
   return { path, changed };
 }
+async function scaffoldCodexSkill() {
+  const dir = join2(codexHome(), "skills", "mh");
+  const path = join2(dir, "SKILL.md");
+  const metadataDir = join2(dir, "agents");
+  const metadataPath = join2(metadataDir, "openai.yaml");
+  mkdirSync2(metadataDir, { recursive: true });
+  const skillChanged = await writeIfChanged(path, SKILL_default);
+  const metadataChanged = await writeIfChanged(metadataPath, CODEX_OPENAI_YAML);
+  return { path, metadataPath, changed: skillChanged || metadataChanged };
+}
 
 // src/cli/commands/init.ts
 var init_default = defineCommand({
@@ -22583,13 +22948,43 @@ var init_default = defineCommand({
     claude: {
       type: "boolean",
       description: "Install a Claude Code /mh skill into ~/.claude (does not touch ~/.metahub)"
+    },
+    codex: {
+      type: "boolean",
+      description: "Install a Codex $mh skill into ~/.codex (does not touch ~/.metahub)"
     }
   },
   async run({ args }) {
-    if (args.claude) {
-      const r3 = await scaffoldClaudeSkill();
-      print({ changed: r3.changed, skill: r3.path }, () => (r3.changed ? `Installed ${r3.path}` : `Up to date: ${r3.path}`) + `
+    if (args.claude || args.codex) {
+      const claude = args.claude ? await scaffoldClaudeSkill() : null;
+      const codex = args.codex ? await scaffoldCodexSkill() : null;
+      if (claude && !codex) {
+        print({ changed: claude.changed, skill: claude.path }, () => (claude.changed ? `Installed ${claude.path}` : `Up to date: ${claude.path}`) + `
+Use /mh in Claude Code (any project).`);
+        return;
+      }
+      if (codex && !claude) {
+        print({ changed: codex.changed, skill: codex.path, metadata: codex.metadataPath }, () => (codex.changed ? `Installed ${codex.path}` : `Up to date: ${codex.path}`) + `
+Use $mh in Codex (restart Codex if it was already running).`);
+        return;
+      }
+      print({
+        changed: !!claude?.changed || !!codex?.changed,
+        claude: claude ? { changed: claude.changed, skill: claude.path } : null,
+        codex: codex ? { changed: codex.changed, skill: codex.path, metadata: codex.metadataPath } : null
+      }, () => {
+        const lines = [];
+        if (claude) {
+          lines.push((claude.changed ? `Installed ${claude.path}` : `Up to date: ${claude.path}`) + `
 Use /mh in Claude Code (any project).`);
+        }
+        if (codex) {
+          lines.push((codex.changed ? `Installed ${codex.path}` : `Up to date: ${codex.path}`) + `
+Use $mh in Codex (restart Codex if it was already running).`);
+        }
+        return lines.join(`
+`);
+      });
       return;
     }
     const db = openMetahub();
@@ -23756,23 +24151,54 @@ var read = defineCommand({
     }, () => body);
   })
 });
+function parseEditPairs(raw) {
+  if (!Array.isArray(raw) || raw.length === 0)
+    throw new MhError("invalid_input", "--edits must be a non-empty JSON array");
+  return raw.map((e2, i2) => {
+    if (typeof e2 !== "object" || e2 === null)
+      throw new MhError("invalid_input", `--edits[${i2}] must be an object`);
+    const { old, new: repl, replaceAll } = e2;
+    if (typeof old !== "string" || old === "")
+      throw new MhError("invalid_input", `--edits[${i2}].old must be a non-empty string`);
+    if (repl !== undefined && typeof repl !== "string")
+      throw new MhError("invalid_input", `--edits[${i2}].new must be a string`);
+    if (replaceAll !== undefined && typeof replaceAll !== "boolean")
+      throw new MhError("invalid_input", `--edits[${i2}].replaceAll must be a boolean`);
+    return { old, new: repl, replaceAll };
+  });
+}
 var edit = defineCommand({
   meta: {
     name: "edit",
-    description: "Anchored find/replace; --old must match exactly once unless --replace-all"
+    description: "Anchored find/replace; --old must match exactly once unless --replace-all. --edits applies a JSON batch of pairs atomically"
   },
   args: {
     id: { type: "positional", required: true, description: "Document ref (id/prefix/title)" },
-    old: { type: "string", required: true, description: "Exact text to find (@file/@- ok)" },
+    old: { type: "string", description: "Exact text to find (@file/@- ok)" },
     new: { type: "string", description: "Replacement text (@file/@- ok)" },
     "replace-all": { type: "boolean", description: "Replace every occurrence" },
+    edits: {
+      type: "string",
+      description: 'Batch JSON: [{"old","new"?,"replaceAll"?}], applied in order (@file/@- ok)'
+    },
     "if-match": { type: "string", description: "Version from `doc read`; reject if changed" }
   },
   run: guard(async (args) => {
     const db = openMetahub();
+    const id = docId(db, args.id);
+    if (args.edits != null) {
+      if (args.old != null || args.new != null || args["replace-all"])
+        throw new MhError("invalid_input", "use --old/--new/--replace-all or --edits, not both");
+      const edits = parseEditPairs(await resolveJson(args.edits));
+      const r4 = editDocumentBatch(db, id, { edits, ifMatch: args["if-match"] });
+      print(r4, () => `edited ${r4.id} (${r4.replaced} replaced across ${edits.length} edit(s))`);
+      return;
+    }
+    if (args.old == null)
+      throw new MhError("invalid_input", "need --old or --edits");
     const oldText = await resolveValue2(args.old);
     const newText = await resolveValue2(args.new) ?? "";
-    const r3 = editDocument(db, docId(db, args.id), {
+    const r3 = editDocument(db, id, {
       old: oldText,
       new: newText,
       replaceAll: args["replace-all"],
@@ -28356,56 +28782,196 @@ function wantsHtml(req) {
   return req.method === "GET" && (req.headers.get("accept") ?? "").includes("text/html");
 }
 var HTML_HEADERS = { "content-type": "text/html; charset=utf-8" };
+var CUBE_SVG = '<path d="M21 7.5 12 2 3 7.5v9L12 22l9-5.5z"/><path d="m3 7.5 9 5.5 9-5.5M12 22v-9"/>';
+var EYE_SVG = '<path d="M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3"/>';
+var EYE_OFF_SVG = '<path d="M4 4l16 16M9.5 9.5a3 3 0 0 0 4 4M6.5 6.7C4.5 8 3 10 2 12c2 4 6 7 10 7 1.6 0 3-.4 4.4-1.1M9.5 5.2A9.7 9.7 0 0 1 12 5c4 0 8 3 10 7-.6 1.3-1.5 2.5-2.5 3.5"/>';
+var UNLOCK_CSS = `
+  :root{color-scheme:light;
+    --bg:#ffffff;--surface:#fbfbfa;--surface-2:#f1f1ef;--fg:#2c2c30;--fg-soft:#5b5b62;
+    --muted:#75757f;--line:#ebebe8;--line-strong:#dededb;--accent:#4a55d6;--accent-fg:#ffffff;
+    --accent-soft:#eef0ff;--danger:#d6473b;--danger-soft:#fdeceb;--code-bg:#f8f8f6}
+  :root[data-resolved="dark"]{color-scheme:dark;
+    --bg:#1a1a1c;--surface:#202022;--surface-2:#2a2a2d;--fg:#e6e6e9;--fg-soft:#b4b4bb;
+    --muted:#8b8b95;--line:#2c2c30;--line-strong:#3a3a40;--accent:#7b86ff;--accent-fg:#14141a;
+    --accent-soft:#23243a;--danger:#f87168;--danger-soft:#341e1c;--code-bg:#26262a}
+  *{box-sizing:border-box}
+  html,body{margin:0;min-height:100%}
+  body{font-family:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
+    color:var(--fg);background:var(--bg);line-height:1.55;
+    display:flex;align-items:center;justify-content:center;min-height:100dvh;
+    padding:calc(24px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));
+    -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}
+  /* Ambient wash: two faint accent blooms behind the card. */
+  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
+    background:
+      radial-gradient(58vmax 58vmax at 14% -8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%),
+      radial-gradient(50vmax 50vmax at 108% 112%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%)}
+  .card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--surface);
+    border:1px solid var(--line);border-radius:18px;padding:32px 26px 26px;
+    box-shadow:0 24px 60px rgba(20,20,40,.14),0 4px 14px rgba(20,20,40,.06);
+    animation:rise .45s cubic-bezier(.2,.7,.3,1) both}
+  @keyframes rise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
+  .brand{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
+    background:var(--accent-soft);color:var(--accent);margin-bottom:18px}
+  .brand svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;
+    stroke-linecap:round;stroke-linejoin:round}
+  .brand path{stroke-dasharray:120;stroke-dashoffset:120;animation:draw .9s .12s ease forwards}
+  @keyframes draw{to{stroke-dashoffset:0}}
+  h1{font-size:21px;font-weight:650;letter-spacing:-.01em;margin:0 0 8px}
+  .sub{color:var(--muted);font-size:13.5px;margin:0 0 22px;line-height:1.6}
+  .sub code{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;font-size:12.5px;
+    background:var(--code-bg);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--fg-soft);
+    white-space:nowrap}
+  .field{position:relative;display:flex;align-items:center}
+  input{width:100%;height:50px;padding:0 48px 0 15px;font-size:16px; /* 16px: never let iOS Safari zoom on focus */
+    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;letter-spacing:.01em;
+    color:var(--fg);background:var(--bg);border:1.5px solid var(--line-strong);border-radius:12px;
+    outline:none;transition:border-color .15s,box-shadow .15s}
+  input::placeholder{font-family:var(--ui,inherit);letter-spacing:normal;color:var(--muted);opacity:.8}
+  input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
+  .card.bad input{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}
+  .card.bad .field{animation:shake .34s cubic-bezier(.36,.07,.19,.97)}
+  @keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}
+    30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}
+  .peek{position:absolute;right:6px;width:40px;height:40px;border:0;background:none;cursor:pointer;
+    color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:9px}
+  .peek:hover{color:var(--fg-soft)}
+  .peek svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;
+    stroke-linecap:round;stroke-linejoin:round}
+  .err{color:var(--danger);font-size:13px;font-weight:500;margin:11px 2px 0;
+    display:flex;gap:6px;align-items:center;animation:fade .2s ease both}
+  @keyframes fade{from{opacity:0}to{opacity:1}}
+  button.go{width:100%;height:48px;margin-top:20px;border:0;border-radius:12px;cursor:pointer;
+    background:var(--accent);color:var(--accent-fg);font-size:15px;font-weight:600;font-family:inherit;
+    display:flex;align-items:center;justify-content:center;gap:9px;
+    transition:filter .15s,transform .05s}
+  button.go:hover{filter:brightness(1.06)}
+  button.go:active{transform:translateY(1px)}
+  button.go:disabled{opacity:.7;cursor:default}
+  .spin{width:17px;height:17px;border:2px solid color-mix(in srgb,var(--accent-fg) 45%,transparent);
+    border-top-color:var(--accent-fg);border-radius:50%;animation:spin .7s linear infinite}
+  /* Full-page loader shown while a silent renewal is in flight. */
+  .boot{position:fixed;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--bg)}
+  .boot svg{width:40px;height:40px;fill:none;stroke:var(--accent);stroke-width:1.4;
+    stroke-linecap:round;stroke-linejoin:round;animation:breathe 1.5s ease-in-out infinite}
+  @keyframes breathe{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
+  @keyframes spin{to{transform:rotate(360deg)}}
+  @media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}
+    .brand path{stroke-dashoffset:0}}
+`;
 function unlockPage() {
-  return `<!doctype html><html lang="en"><head>
-<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
-<title>Unlock</title>
-<style>
-  body{font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
-    display:flex;min-height:100vh;margin:0;align-items:center;justify-content:center;
-    background:#0d1117;color:#e6edf3}
-  form{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:28px;width:300px}
-  h1{font-size:16px;margin:0 0 14px}
-  input{width:100%;box-sizing:border-box;padding:8px;border-radius:6px;border:1px solid #30363d;
-    background:#0d1117;color:inherit;margin-bottom:12px}
-  button{width:100%;padding:8px;border:0;border-radius:6px;background:#238636;color:#fff;cursor:pointer}
-  .err{color:#f85149;margin:0 0 12px;font-size:13px}
-</style></head><body>
-<form id="f" style="display:none">
-  <h1>\uD83D\uDD12 This server requires a token</h1>
-  <p class="err" id="e" style="display:none">Token rejected \u2014 try again.</p>
-  <input id="t" type="password" placeholder="Token" autocomplete="current-password">
-  <button type="submit">Unlock</button>
+  return `<!doctype html><html lang="zh-CN"><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+<meta name="theme-color" content="#ffffff">
+<title>\u9A8C\u8BC1\u8BBF\u95EE\u4EE4\u724C \xB7 metahub</title>
+<script>
+  // FOUC-guard theme resolution, same key/logic as src/webui/theme.ts.
+  try {
+    var mt = localStorage.getItem("mh-theme");
+    var dark = mt === "dark" || (mt !== "light" && matchMedia("(prefers-color-scheme: dark)").matches);
+    document.documentElement.dataset.resolved = dark ? "dark" : "light";
+    document.head.querySelector('meta[name=theme-color]').setAttribute("content", dark ? "#1a1a1c" : "#ffffff");
+  } catch (e) {}
+</script>
+<style>${UNLOCK_CSS}</style></head><body>
+<div class="boot" id="boot"><svg viewBox="0 0 24 24">${CUBE_SVG}</svg></div>
+<form class="card" id="f" style="display:none" autocomplete="on">
+  <div class="brand"><svg viewBox="0 0 24 24">${CUBE_SVG}</svg></div>
+  <h1>\u8F93\u5165\u8BBF\u95EE\u4EE4\u724C</h1>
+  <p class="sub">\u6B64\u670D\u52A1\u5668\u5DF2\u5F00\u542F\u8BBF\u95EE\u4FDD\u62A4\u3002\u5728\u5DF2\u767B\u5F55\u8BBE\u5907\u7684\u300C\u8BBE\u7F6E \u2192 \u8BBE\u5907\u4E0E\u6388\u6743\u300D\u83B7\u53D6\u767B\u5F55\u94FE\u63A5\u6216\u4E8C\u7EF4\u7801,\u6216\u5728\u670D\u52A1\u5668\u4E0A\u8FD0\u884C <code>mh token show</code>\u3002</p>
+  <div class="field">
+    <input id="t" type="password" placeholder="\u7C98\u8D34\u8BBF\u95EE\u4EE4\u724C\u6216\u767B\u5F55\u94FE\u63A5"
+      autocomplete="current-password" autocapitalize="off" autocorrect="off" spellcheck="false" enterkeyhint="go">
+    <button type="button" class="peek" id="peek" aria-label="\u663E\u793A\u4EE4\u724C"><svg viewBox="0 0 24 24">${EYE_SVG}</svg></button>
+  </div>
+  <p class="err" id="e" style="display:none"></p>
+  <button type="submit" class="go" id="go">\u89E3\u9501\u5E76\u8FDB\u5165</button>
 </form>
 <script>
   var KEY = "mh_token";
+  var form = document.getElementById("f"), boot = document.getElementById("boot");
+  var input = document.getElementById("t"), errEl = document.getElementById("e");
+  var goBtn = document.getElementById("go"), peek = document.getElementById("peek");
+
   function save(t) {
     localStorage.setItem(KEY, t);
     document.cookie = "${COOKIE}=" + encodeURIComponent(t) + "; ${COOKIE_ATTRS}" +
       (location.protocol === "https:" ? "; Secure" : "");
   }
-  function showForm() {
-    document.getElementById("f").style.display = "block";
-    // A leftover token means an attempt (or silent renewal) failed the gate.
-    if (localStorage.getItem(KEY)) document.getElementById("e").style.display = "block";
-    document.getElementById("t").focus();
-  }
-  document.getElementById("f").addEventListener("submit", function (ev) {
+  // Accept a pasted "\u2026/?token=xxx" login link, not just the bare token.
+  function normalize(v) {
+    v = (v || "").trim();
+    var m = /[?&#]token=([^&\\s]+)/.exec(v);
+    if (m) { try { return decodeURIComponent(m[1]); } catch (e) { return m[1]; } }
+    return v;
+  }
+  function showForm(msg) {
+    boot.style.display = "none";
+    form.style.display = "block";
+    if (msg) { errEl.textContent = msg; errEl.style.display = "flex"; }
+    input.focus();
+  }
+  function fail(msg) {
+    goBtn.disabled = false;
+    goBtn.innerHTML = "\u89E3\u9501\u5E76\u8FDB\u5165";
+    errEl.textContent = msg;
+    errEl.style.display = "flex";
+    form.classList.remove("bad");
+    void form.offsetWidth; // reflow so the shake animation restarts
+    form.classList.add("bad");
+    input.focus();
+    input.select();
+  }
+  peek.addEventListener("click", function () {
+    var pw = input.type === "password";
+    input.type = pw ? "text" : "password";
+    peek.innerHTML = '<svg viewBox="0 0 24 24">' + (pw ? ${JSON.stringify(EYE_OFF_SVG)} : ${JSON.stringify(EYE_SVG)}) + "</svg>";
+    peek.setAttribute("aria-label", pw ? "\u9690\u85CF\u4EE4\u724C" : "\u663E\u793A\u4EE4\u724C");
+    input.focus();
+  });
+  input.addEventListener("input", function () {
+    if (errEl.style.display !== "none") { errEl.style.display = "none"; form.classList.remove("bad"); }
+  });
+
+  form.addEventListener("submit", function (ev) {
     ev.preventDefault();
-    save(document.getElementById("t").value);
-    location.reload();
+    var token = normalize(input.value);
+    if (!token) { fail("\u8BF7\u8F93\u5165\u8BBF\u95EE\u4EE4\u724C\u3002"); return; }
+    goBtn.disabled = true;
+    goBtn.innerHTML = '<span class="spin"></span>\u9A8C\u8BC1\u4E2D\u2026';
+    var hdr = { headers: { authorization: "Bearer " + token } };
+    // Prefer the renewal endpoint (managed mode returns the canonical token,
+    // also upgrading a pasted in-grace token). Fall back to a cheap
+    // authenticated probe so we can reject a bad token *inline* instead of
+    // storing it and reloading into another gate.
+    fetch("${RENEW_PATH}", hdr)
+      .then(function (r) { return r.ok ? r.json() : null; })
+      .then(function (d) {
+        if (d && d.token) { save(d.token); location.reload(); return; }
+        return fetch("/api/version", hdr).then(function (r) {
+          if (r.status === 401) { fail("\u4EE4\u724C\u65E0\u6548,\u8BF7\u68C0\u67E5\u540E\u91CD\u8BD5\u3002"); return; }
+          // 200 (static-token mode) or no UI (404) \u2192 trust it and reload.
+          save(token); location.reload();
+        });
+      })
+      .catch(function () { save(token); location.reload(); }); // network hiccup \u2192 old behavior
   });
-  // Seamless renewal for top-level navigation: if we hold a token, try swapping
-  // it for the current one before prompting. Covers the case where the token
-  // rotated while this browser held the (in-grace) previous one.
+
+  // Silent renewal on load: a held token may just need swapping for the current
+  // one (rotation while this browser held the in-grace previous). Show the boot
+  // loader meanwhile; drop to the form (with a hint) if it can't be renewed.
   var stored = localStorage.getItem(KEY);
   if (stored) {
     fetch("${RENEW_PATH}", { headers: { authorization: "Bearer " + stored } })
       .then(function (r) { return r.ok ? r.json() : null; })
-      .then(function (d) { if (d && d.token) { save(d.token); location.reload(); } else { showForm(); } })
-      .catch(showForm);
+      .then(function (d) {
+        if (d && d.token) { save(d.token); location.reload(); }
+        else showForm("\u767B\u5F55\u5DF2\u8FC7\u671F,\u8BF7\u91CD\u65B0\u8F93\u5165\u4EE4\u724C\u3002");
+      })
+      .catch(function () { showForm(""); });
   } else {
-    showForm();
+    showForm("");
   }
 </script>
 </body></html>`;
@@ -28681,6 +29247,11 @@ var styles_default = `  :root {
   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; }
+  /* Every window (incl. quicknote) gets the same thin translucent scrollbar:
+     transparent track, rounded translucent thumb. In Chromium 121+ the
+     inherited html scrollbar-width/color renders it; the ::-webkit rules
+     cover Safari. Both force classic (layout-consuming) mode \u2014 tight layouts
+     pair scrollbar-gutter:stable with rebalanced insets (see .qn-body). */
   ::-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; }
@@ -28729,12 +29300,45 @@ var styles_default = `  :root {
   .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); }
+  /* Notion-style list switcher: the active tab is an icon+label pill, inactive
+     tabs are icon-only. One absolutely-positioned indicator slides & stretches
+     under the active button; JS keeps it in sync via ResizeObserver so it
+     chases the label's 0fr\u21921fr expansion instead of jumping to a stale width. */
+  .sb-tabs { position:relative; display:flex; align-items:center; gap:2px; margin:2px 12px 8px; }
+  .sb-tab { position:relative; z-index:1; display:flex; align-items:center;
+    padding:5px 7px; border-radius:var(--radius-sm); color:var(--muted); cursor:pointer;
+    font-size:var(--fs-ui); transition:color .18s; }
+  .sb-tab:hover { color:var(--fg-soft); }
+  .sb-tab.on { color:var(--fg); font-weight:600; }
+  /* Label expansion: animating the grid track times correctly for any label
+     width (max-width can't); the inner span clips during the ride. The
+     icon-text gap rides the same curve so collapsing leaves no seam. */
+  .sb-tab .tab-label { display:grid; grid-template-columns:0fr; opacity:0;
+    transition:grid-template-columns .24s cubic-bezier(.22,1,.36,1), opacity .18s ease; }
+  .sb-tab .tab-label > span { overflow:hidden; white-space:nowrap; min-width:0;
+    transition:padding-left .24s cubic-bezier(.22,1,.36,1); }
+  .sb-tab.on .tab-label { grid-template-columns:1fr; opacity:1; }
+  .sb-tab.on .tab-label > span { padding-left:6px; }
+  .sb-tab-ind { position:absolute; left:0; top:0; bottom:0; z-index:0; width:0;
+    border-radius:var(--radius-sm); background:var(--hover-2);
+    transition:transform .24s cubic-bezier(.22,1,.36,1), width .24s cubic-bezier(.22,1,.36,1); }
+  .sb-tabs .add { margin-left:auto; padding:3px; border-radius:5px; color:var(--muted); }
+  .sb-tabs .add:hover { background:var(--hover-2); color:var(--fg); }
+  /* Pane swap: the entering list slides in from the side its tab lives on. */
+  .sb-pane { margin-top:4px; }
+  .sb-pane.in-r { animation:sb-pane-r .2s cubic-bezier(.22,1,.36,1); }
+  .sb-pane.in-l { animation:sb-pane-l .2s cubic-bezier(.22,1,.36,1); }
+  @keyframes sb-pane-r { from { opacity:0; transform:translateX(14px); } }
+  @keyframes sb-pane-l { from { opacity:0; transform:translateX(-14px); } }
+  .sb-subfold .chev { transition:transform .12s; }
+  .sb-subfold .chev.open { transform:rotate(90deg); }
+  /* Collapsed-databases group: a quiet tail row inside the \u6570\u636E\u8868 list for
+     tables flagged meta.collapsed (site-facing / rarely browsed). */
+  .sb-subfold { display:flex; align-items:center; gap:2px; width:100%; text-align:left;
+    padding:4px 6px; margin-top:2px; border-radius:var(--radius-sm);
+    color:var(--muted); font-size:var(--fs-micro); cursor:pointer; }
+  .sb-subfold:hover { background:var(--hover-2); color:var(--fg-soft); }
+  .navitem.dim { opacity:.62; }
   .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); }
@@ -28824,6 +29428,23 @@ var styles_default = `  :root {
   .set-block-title { font-size:14px; font-weight:650; color:var(--fg); letter-spacing:-.005em; }
   .set-block-desc { color:var(--fg-soft); font-size:var(--fs-sm); line-height:1.55; margin-bottom:14px; max-width:56ch; }
   .set-block-desc:last-child { margin-bottom:0; }
+  /* title+desc on the left, a control (e.g. a switch) pinned right \u2014 used for
+     single boolean settings where a whole card of chrome would be overkill */
+  .set-toggle-row { display:flex; align-items:center; justify-content:space-between; gap:24px; }
+  .set-toggle-text { min-width:0; }
+  .set-toggle-text .set-block-head { margin-bottom:4px; }
+  .set-toggle-text .set-block-desc { margin-bottom:0; }
+  /* iOS-style switch: a hidden checkbox drives a sliding track+thumb */
+  .set-switch { position:relative; flex:none; display:inline-flex; align-items:center; cursor:pointer; }
+  .set-switch input { position:absolute; width:1px; height:1px; opacity:0; margin:0; }
+  .set-switch-track { display:inline-flex; align-items:center; width:40px; height:23px; padding:0 2px;
+    border-radius:999px; background:var(--line-strong); transition:background .2s ease; }
+  .set-switch-thumb { width:19px; height:19px; border-radius:50%; background:#fff;
+    box-shadow:0 1px 3px rgba(20,20,40,.28); transition:transform .2s cubic-bezier(.4,0,.2,1); }
+  .set-switch input:checked + .set-switch-track { background:var(--accent); }
+  .set-switch input:checked + .set-switch-track .set-switch-thumb { transform:translateX(17px); }
+  .set-switch:hover .set-switch-track { filter:brightness(.97); }
+  .set-switch input:focus-visible + .set-switch-track { outline:2px solid var(--accent); outline-offset:2px; }
   /* two-fact meta line under a block title (who publishes \xB7 where creds live) \u2014
      answers the questions hiding under "is this bucket for server or browser?" */
   .set-meta { display:flex; flex-wrap:wrap; gap:8px 16px; margin:0 0 12px; }
@@ -29023,10 +29644,19 @@ var styles_default = `  :root {
   .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; }
+  /* Long titles ellipsize on one line \u2014 never wrap and grow the topbar. */
+  .crumb > span:not(.emoji) { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .crumb .emoji { font-size:15px; flex:none; } .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; }
+  /* Reserve the classic-scrollbar gutter up front: view width never changes
+     when content grows past one screen \u2014 no jump / rewrap flicker. stable
+     ONLY (never both-edges): a left-edge gutter desyncs Chromium's composited
+     scroll cull rect by the gutter width, leaving a permanent unpainted
+     stripe over the rightmost 15px of the scrollport (content reaching into
+     it gets visibly sliced \u2014 first seen slicing the quicknote file card).
+     Inert on mobile, where .content becomes overflow:visible. */
+  .content { flex:1; overflow:auto; scrollbar-gutter:stable; }
   .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); }
@@ -29091,9 +29721,9 @@ var styles_default = `  :root {
   .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; }
+  /* wide mode (\u22EF menu): lift the column cap; the 60px side padding stays as the
+     reading gutter and keeps the fixed .doc-toc ticks off the text. */
+  .doc.wide-mode { max-width:none; }
   /* 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. */
@@ -29132,49 +29762,33 @@ var styles_default = `  :root {
   /* 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-h4 .editable { font-size:16px; font-weight:600; padding-top:2px; }
-  .b-h5 .editable { font-size:14px; font-weight:600; }
-  .b-h6 .editable { font-size:13px; font-weight:600; color:var(--fg-soft); }
-  .b-h1 .gutter { top:22px; } .b-h2 .gutter { top:14px; } .b-h3 .gutter { top:7px; }
-  .b-h4 .gutter { top:4px; } .b-h5 .gutter { top:3px; } .b-h6 .gutter { top:2px; }
-  .b-quote .editable { border-left:3px solid var(--line-strong); padding:1px 0 1px 16px; color:var(--fg-soft); font-style:italic; }
+  /* floating word count: a small pill in the bottom-right gutter (fixed to the
+     viewport, aligned with .doc-toc's right edge). Collapsed it hugs the \u5B57\u6570;
+     hover expands the whole pill (square-off + surface bg) and reveals the char
+     count + reading estimate. Centre-aligned throughout, and the collapsed detail
+     is width:0 so its wider text can't stretch the pill. Purely client-side. */
+  .doc-wc { position:fixed; right:18px; bottom:calc(16px + env(safe-area-inset-bottom)); z-index:40;
+    display:flex; flex-direction:column; align-items:center; justify-content:center;
+    padding:4px 12px; border:1px solid var(--line); border-radius:999px; background:var(--bg);
+    color:var(--muted); font-size:var(--fs-sm); line-height:1.2; user-select:none;
+    box-shadow:var(--shadow-sm); opacity:.66;
+    transition:opacity .18s ease, border-radius .2s ease, background .18s ease, box-shadow .2s ease, color .18s ease; }
+  .doc-wc:hover { opacity:1; border-radius:var(--radius); background:var(--surface); border-color:var(--line-strong);
+    box-shadow:var(--shadow-md); color:var(--fg-soft); }
+  .doc-wc-num { font-variant-numeric:tabular-nums; white-space:nowrap; }
+  .doc-wc.sel .doc-wc-num { color:var(--accent); font-weight:550; }
+  /* detail rows: collapsed to zero size until hover. width:0 keeps them from
+     widening the pill; no container gap (a phantom gap would push the collapsed
+     count off-centre) \u2014 the spacing comes from margin-top only when expanded. */
+  .doc-wc-detail { display:flex; flex-direction:column; align-items:center; gap:2px;
+    width:0; max-height:0; margin-top:0; overflow:hidden; opacity:0; font-size:12px; color:var(--muted);
+    transition:max-height .2s ease, opacity .18s ease, margin-top .2s ease; }
+  .doc-wc-detail span { font-variant-numeric:tabular-nums; white-space:nowrap; }
+  .doc-wc:hover .doc-wc-detail { width:auto; max-height:40px; margin-top:4px; opacity:1; }
+  /* quick-note mini window has no room for it */
+  .qn-body .doc-wc { display:none; }
 
   /* 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 */
@@ -29183,27 +29797,57 @@ var styles_default = `  :root {
     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; }
+  /* hidden while editing (textarea focused) or whole-block selected \u2014 the pill would cover the
+     bottom-right of the editing area; keep it if focus is on the pill itself (lang dropdown open) */
+  .cm-void-code:focus-within .code-tools:not(:focus-within),
+  .codeblock.ci-selected .code-tools:not(:focus-within) { opacity:0; transform:translateY(3px); pointer-events:none; }
   .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-copy, .code-fmt, .code-wrap-btn { 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; white-space:nowrap; }
+  .code-copy:hover, .code-fmt:hover, .code-wrap-btn:hover { background:var(--hover-2); color:var(--fg-soft); }
+  .code-copy.ok, .code-fmt.ok, .code-wrap-btn.on { color:var(--accent); }
+  .code-fmt.err { color:var(--danger); }
+  /* Default (no wrap): lines run long, the textarea scrolls horizontally and
+     mirrors its scrollLeft onto the highlight layer; the gutter is a separate
+     flex column of "1\\n2\\n3" (every logical line is exactly one row high). */
+  .code-body { display:flex; align-items:stretch; font-family:var(--mono); font-size:var(--code-fs); line-height:var(--code-lh);
+    --code-ln-ch:1ch; --code-gutter-w:calc(var(--code-ln-ch) + 20px); }
   .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-hl code { display:block; font:inherit; background:none; padding:0; counter-reset:code-ln; }
+  .code-hl-line { counter-increment:code-ln;
+    min-height:calc(var(--code-fs) * var(--code-lh)); /* empty logical line still occupies its row */ }
   .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); }
+  /* Wrap mode (.wrap, global toggle in the tools pill, persisted): textarea and
+     mirror share pre-wrap + break-word (the UA textarea wrap rules), so their
+     wrap points match and the caret stays on the glyphs. The flex gutter would
+     misalign (a logical line can span several visual rows), so it hides and
+     line numbers become CSS counters on the mirror's per-logical-line blocks \u2014
+     a wrapped line grows its block and the next number moves with it, no JS
+     height sync. --code-ln-ch (digit count) is set by paint(). */
+  .code-body.wrap { display:block; position:relative; }
+  .code-body.wrap::before { content:""; position:absolute; left:var(--code-gutter-w); top:0; bottom:0;
+    width:1px; background:var(--line); }
+  .code-body.wrap .code-gutter { display:none; }
+  .code-body.wrap .code-hl, .code-body.wrap .code-input {
+    padding-left:calc(var(--code-gutter-w) + 17px);
+    white-space:pre-wrap; overflow-wrap:break-word; }
+  .code-body.wrap .code-input { overflow:hidden; }
+  .code-body.wrap .code-hl-line { position:relative; }
+  .code-body.wrap .code-hl-line::before { content:counter(code-ln); position:absolute; top:0;
+    left:calc(-17px - var(--code-gutter-w)); width:calc(var(--code-gutter-w) - 8px);
+    text-align:right; color:var(--muted); opacity:.55; font-variant-numeric:tabular-nums; }
 
   /* highlight.js token theme (cohesive with the app palette) */
   .hljs-comment, .hljs-quote { color:var(--hl-cmt); font-style:italic; }
@@ -29217,24 +29861,50 @@ var styles_default = `  :root {
   .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 images (pasted/dropped \u2192 /blob/<hash>); fetched on demand */
-  .editable img.doc-img { max-width:100%; height:auto; border-radius:8px; margin:6px 0; display:block; vertical-align:bottom; }
 
-  /* ---- block-level void embeds: image / video / audio / file / html ---- */
-  .void-host { flex:1; min-width:0; outline:none; padding:2px 0; }
-  .block.selected:has(.void-host) { background:transparent; }
-  .block.selected .void-block, .void-host:focus-visible .void-block { box-shadow:0 0 0 2px var(--accent); }
+  /* CodeIsland (CM6 void widget): the tools pill (lang + copy) is the only
+     focus-state chrome \u2014 an absolute overlay, so revealing it never changes the
+     block's height (no layout shift on click). .ci-selected marks the island
+     when the CM selection spans the whole void (Escape from inside / Backspace
+     from the line below). */
+  .cm-void-code .codeblock.ci-selected { box-shadow:0 0 0 2px var(--accent); }
+
+  /* Whole-void selected (the CM selection spans the block \u2014 click-to-select on
+     media, Backspace-from-below, select-all): 2px accent ring, the old editor's
+     \`.block.selected .void-block\` treatment. Code draws its own via .ci-selected. */
+  /* Intrinsic-width firewall (same problem the doc table solved with
+     contain:inline-size on .doc-table-wrap): a void widget's max-content \u2014
+     e.g. a file card whose nowrap filename caps at 480px \u2014 must not propagate
+     into .cm-content and push the whole editor wider than a narrow window
+     (quick notes), shoving the card's right edge offscreen. width:0 zeroes the
+     host's intrinsic contribution; min-width:100% restores the line width at
+     layout time; the card's own min-width:0 + ellipsis then get to run.
+     NOT contain:inline-size: Chromium 130's ink-overflow culling clips a
+     size-contained host's paint at a stale boundary on 2x displays \u2014 the
+     card's right border and selection ring were visibly sliced off. */
+  .cm-void { box-sizing:border-box; width:0; min-width:100%; }
+  .cm-void.selected .void-block { box-shadow:0 0 0 2px var(--accent); }
+  .cm-void.selected table.doc-table { box-shadow:0 0 0 2px var(--accent), var(--shadow-sm); }
+
+  /* Editor text selection: one accent tint for BOTH the native ::selection and
+     .cm-mk-sel, the class block-deco puts on marker widgets (bullet / ordered
+     number / checkbox) whose marker range the selection covers. Native selection
+     cannot paint replaced widgets, which left holes in the marker column during
+     drag-select / select-all; unifying the two colors makes the line read as one
+     continuous highlight (and tracks the theme in dark mode). */
+  .cm-content ::selection { background: color-mix(in srgb, var(--accent) 24%, transparent); }
+  .cm-content .cm-mk-sel { background: color-mix(in srgb, var(--accent) 24%, transparent); }
+  /* bullet/number boxes are 24px + 2px margin-right; the margin can't take a
+     background, so a same-color shadow fills the seam up to the content column */
+  .cm-content .cm-bullet.cm-mk-sel, .cm-content .cm-ol-num.cm-mk-sel {
+    box-shadow: 2px 0 0 color-mix(in srgb, var(--accent) 24%, transparent);
+  }
+  /* the glyph/number text inside a painted marker also sits in the DOM selection;
+     without this it gets the ::selection tint ON TOP of the span background and
+     reads darker than the rest of the line */
+  .cm-content .cm-mk-sel::selection, .cm-content .cm-mk-sel ::selection { background: transparent; }
 
+  /* ---- block-level void embeds: image / video / audio / file / html ---- */
   .void-image { position:relative; display:inline-block; max-width:100%; border-radius:8px; line-height:0; }
   .void-image img { display:block; width:100%; max-width:100%; height:auto; border-radius:8px; user-select:none; }
   .void-image .void-expand { position:absolute; top:8px; right:8px; width:28px; height:28px; display:grid; place-items:center;
@@ -29272,7 +29942,6 @@ var styles_default = `  :root {
     color:var(--fg-soft); font-size:var(--fs-micro); transition:background .12s; }
   .void-html .html-toggle:hover { background:var(--hover-2); color:var(--fg); }
   .void-html .html-toggle.on { background:var(--accent-soft); color:var(--accent); }
-  .void-html .html-source { width:100%; min-height:120px; padding:12px; border:0; background:var(--bg); resize:vertical; }
   .void-html .html-frame { display:block; width:100%; border:0; background:var(--bg); }
   .void-html .html-empty { padding:24px; text-align:center; color:var(--muted); cursor:text; font-size:var(--fs-ui); }
 
@@ -29283,30 +29952,47 @@ var styles_default = `  :root {
   .lightbox-toolbar { flex:none; display:flex; align-items:center; gap:6px; padding:10px 14px; color:#fff; }
   .lightbox-toolbar .lightbox-name { font-size:var(--fs-ui); opacity:.85; max-width:40vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
   .lightbox-toolbar .lightbox-spacer { flex:1; }
-  .lightbox-toolbar button { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:#fff;
+  .lightbox-toolbar > button { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:#fff;
     background:rgba(255,255,255,.08); transition:background .12s; }
-  .lightbox-toolbar button:hover { background:rgba(255,255,255,.2); }
+  .lightbox-toolbar > button:hover { background:rgba(255,255,255,.2); }
   .lightbox-toolbar .lightbox-pct { width:auto; min-width:52px; font-size:var(--fs-micro); font-variant-numeric:tabular-nums; }
+  .lightbox-toolbar .ico { width:16px; height:16px; stroke-width:2; }
   .lightbox-stage { flex:1; min-height:0; overflow:hidden; display:grid; place-items:center; }
   .lightbox-stage img { max-width:94vw; max-height:100%; will-change:transform; -webkit-user-drag:none; user-select:none; }
 
   /* ---- image annotator ---- */
   .annot { flex:1; min-height:0; display:flex; flex-direction:column; }
-  .annot-toolbar { flex:none; display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:8px 14px; }
-  .annot-tools, .annot-colors, .annot-actions { display:flex; align-items:center; gap:6px; }
-  .annot-actions { margin-left:auto; }
-  .annot-tool { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:#fff; background:rgba(255,255,255,.08); transition:background .12s; }
-  .annot-tool:hover { background:rgba(255,255,255,.2); }
-  .annot-tool.on { background:var(--accent); color:var(--accent-fg); }
-  .annot-tool:disabled { opacity:.4; cursor:default; }
-  .annot-swatch { width:22px; height:22px; border-radius:50%; border:2px solid rgba(255,255,255,.5); transition:transform .1s; }
-  .annot-swatch.on { transform:scale(1.18); border-color:#fff; box-shadow:0 0 0 2px var(--accent); }
+  /* Single-row chrome: filename \xB7 segmented tools \xB7 colors \xB7 undo/redo \xB7
+     cancel/save \xB7 close. Wraps only as a narrow-window fallback. */
+  .annot-bar { flex-wrap:wrap; row-gap:6px; }
+  .annot-seg { display:flex; align-items:center; gap:2px; padding:2px; border-radius:9px; background:rgba(255,255,255,.1); }
+  .annot-seg-btn { width:30px; height:26px; display:grid; place-items:center; border-radius:7px;
+    color:rgba(255,255,255,.72); transition:background .12s, color .12s; }
+  .annot-seg-btn:hover { color:#fff; background:rgba(255,255,255,.12); }
+  .annot-seg-btn.on { background:#fff; color:#1c1c26; box-shadow:0 1px 2px rgba(0,0,0,.3); }
+  .annot-div { flex:none; width:1px; height:18px; margin:0 5px; background:rgba(255,255,255,.18); }
+  .annot-colors { display:flex; align-items:center; gap:8px; padding:0 2px; }
+  .annot-swatch { width:15px; height:15px; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
+    transition:transform .12s, box-shadow .12s; }
+  .annot-swatch:hover { transform:scale(1.18); }
+  .annot-swatch.on { box-shadow:inset 0 0 0 1px rgba(255,255,255,.3), 0 0 0 2px rgba(12,12,18,.9), 0 0 0 3.5px rgba(255,255,255,.92); }
+  .annot-bar .annot-icon-btn { width:30px; height:30px; display:grid; place-items:center; border-radius:7px;
+    color:rgba(255,255,255,.85); background:none; transition:background .12s; }
+  .annot-bar .annot-icon-btn:hover { background:rgba(255,255,255,.14); }
+  .annot-bar .annot-icon-btn:disabled { opacity:.35; cursor:default; background:none; }
+  .annot-actions { display:flex; align-items:center; gap:8px; margin:0 2px 0 4px; }
   .annot-stage { flex:1; min-height:0; overflow:auto; display:grid; place-items:center; padding:8px 14px 18px; }
   .annot-img-wrap { position:relative; line-height:0; }
   .annot-img-wrap img { display:block; max-width:90vw; max-height:78vh; width:auto; height:auto; -webkit-user-drag:none; user-select:none; }
-  .annot-canvas { position:absolute; inset:0; width:100%; height:100%; }
+  .annot-canvas { position:absolute; inset:0; width:100%; height:100%; touch-action:none; }
   .annot-canvas.tool-text { cursor:text; }
   .annot-canvas.tool-rect, .annot-canvas.tool-arrow { cursor:crosshair; }
+  /* Inline text overlay: WYSIWYG twin of the flattened canvas text (same font,
+     line-height and halo), plus an accent ring so the edit region reads. */
+  .annot-text-input { position:absolute; z-index:2; min-width:60px; padding:2px 4px; margin:0; border:0; outline:none;
+    resize:none; overflow:hidden; white-space:pre; background:transparent; border-radius:4px; caret-color:currentColor;
+    font:600 20px/1.3 system-ui, -apple-system, sans-serif; text-shadow:0 1px 2px rgba(0,0,0,.55);
+    box-shadow:0 0 0 1.5px var(--accent), 0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent); }
 
   /* ---- transient "uploading" placeholder + unavailable fallback ---- */
   .ico.spin { animation:mh-spin .8s linear infinite; }
@@ -29315,7 +30001,10 @@ var styles_default = `  :root {
     display:flex; align-items:center; gap:12px; margin:2px 0; max-width:480px; padding:12px 14px;
     border:1px solid var(--line-strong); border-radius:var(--radius); background:var(--surface); color:var(--fg-soft); }
   .void-uploading { border-style:dashed; }
-  .void-uploading .vu-name, .void-unavailable .vu-name { font-weight:600; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  /* min-width:0: .void-uploading's vu-name is a direct flex item \u2014 without it a
+     long nowrap filename sets the item's min-content floor and the placeholder
+     card overflows a narrow window instead of ellipsizing. */
+  .void-uploading .vu-name, .void-unavailable .vu-name { font-weight:600; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
   .void-uploading .vu-sub, .void-unavailable .vu-sub { font-size:var(--fs-micro); color:var(--muted); }
   .void-unavailable { border-color:var(--danger-soft); color:var(--danger); }
   .void-unavailable .ico { color:var(--danger); flex:none; }
@@ -29361,24 +30050,53 @@ var styles_default = `  :root {
   /* Chrome rides the theme-tinted glass \u2192 theme-aware (var(--fg)), readable on a
      light or dark tint alike. */
   body.preview-window .lightbox-toolbar { color:var(--fg); }
-  body.preview-window .lightbox-toolbar button,
-  body.preview-window .annot-tool { color:var(--fg); background:color-mix(in srgb, var(--fg) 10%, transparent); }
-  body.preview-window .lightbox-toolbar button:hover,
-  body.preview-window .annot-tool:hover { background:color-mix(in srgb, var(--fg) 20%, transparent); }
-  body.preview-window .annot-tool.on { color:var(--accent-fg); background:var(--accent); }
-  body.preview-window .annot-swatch { border-color:color-mix(in srgb, var(--fg) 45%, transparent); }
+  body.preview-window .lightbox-toolbar > button { color:var(--fg); background:color-mix(in srgb, var(--fg) 10%, transparent); }
+  body.preview-window .lightbox-toolbar > button:hover { background:color-mix(in srgb, var(--fg) 20%, transparent); }
+  body.preview-window .annot-seg { background:color-mix(in srgb, var(--fg) 8%, transparent); }
+  body.preview-window .annot-seg-btn { color:color-mix(in srgb, var(--fg) 65%, transparent); }
+  body.preview-window .annot-seg-btn:hover { color:var(--fg); background:color-mix(in srgb, var(--fg) 10%, transparent); }
+  body.preview-window .annot-seg-btn.on { background:var(--bg); color:var(--fg); box-shadow:var(--shadow-sm); }
+  body.preview-window .annot-div { background:color-mix(in srgb, var(--fg) 15%, transparent); }
+  body.preview-window .annot-swatch { box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 25%, transparent); }
+  body.preview-window .annot-swatch.on { box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 25%, transparent),
+    0 0 0 2px var(--bg), 0 0 0 3.5px color-mix(in srgb, var(--fg) 78%, transparent); }
+  body.preview-window .annot-bar .annot-icon-btn { color:var(--fg); background:none; }
+  body.preview-window .annot-bar .annot-icon-btn:hover { background:color-mix(in srgb, var(--fg) 12%, transparent); }
+  body.preview-window .annot-bar .annot-icon-btn:disabled { background:none; }
   /* In the frameless window the toolbar doubles as the OS drag region; its
      buttons opt back out so they stay clickable. */
   .lightbox-toolbar.app-drag { -webkit-app-region:drag; }
   .lightbox-toolbar.app-drag button { -webkit-app-region:no-drag; }
 
-  /* document table (GFM pipe table block) */
-  .b-table .doc-table-wrap { flex:1; min-width:0; margin:4px 0; }
+  /* document table (GFM pipe table block). contain:inline-size zeroes the
+     widget's intrinsic-width contribution \u2014 otherwise the inner
+     width:max-content propagates through overflow-x:auto into .cm-content's
+     min-width:auto floor (intrinsic sizing ignores overflow) and pushes the
+     whole page wider than the viewport on narrow screens. With the intrinsic
+     loop broken, .doc-table-wrap resolves to the doc column width and the
+     scroll box below finally gets to scroll. container-type additionally
+     unlocks cqw for the sticky add-row bar (old engines fall back to contain);
+     position:relative anchors the gutter row handle explicitly rather than
+     leaning on container-type's implied containing block. */
+  .doc-table-wrap { position:relative; contain:inline-size; container-type:inline-size; }
   .doc-table-scroll { overflow-x:auto; padding:2px 0; }
-  .doc-table-inner { width:max-content; }
+  .doc-table-inner { position:relative; width:max-content; } /* anchors the drag outline / drop lines so they track horizontal scroll */
   .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); }
+  /* Default (no manual widths yet): browser auto table layout sizes columns by
+     content, capped to the wrap (cqw works despite the max-content .doc-table-inner;
+     26px keeps the add-col button inside) so it wraps instead of scrolling. The
+     first resizer drag freezes measured widths and drops this class (table-block.tsx). */
+  table.doc-table.autofit { table-layout:auto; width:auto; max-width:calc(100cqw - 26px); }
+  table.doc-table.autofit .doc-td { min-width:48px; } /* empty columns don't collapse */
+  /* Code tokens are atomic: raising the column's min-content makes the auto
+     algorithm shed width into wrappable prose columns instead of breaking
+     \`file-names.md\` at hyphens; an over-long token falls back to the scroll
+     box. Autofit only \u2014 in manual fixed layout nowrap can't grow the column,
+     it would overflow the cell. Phones relax this (see the 560px block):
+     there the atom IS the cap, and it crushes prose columns to their floor. */
+  table.doc-table.autofit .doc-td code { white-space:nowrap; }
   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; }
@@ -29390,24 +30108,59 @@ var styles_default = `  :root {
   .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:-4px; width:7px; height:100%; cursor:col-resize; z-index:3; touch-action:none; }
-  /* 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); }
+  /* Row/column pill handles (Notion-style): one per axis, tracked onto the
+     active cell (hovered on desktop, focused on touch) by JS. They live on
+     .doc-table-wrap OUTSIDE .doc-table-scroll so overflow-x can't clip them,
+     straddling the table's left/top border \u2014 never on cell text. Resting =
+     quiet grey pill; pressed/dragging (.grab) = accent pill with light dots
+     plus the source outline + drop line below. touch-action:none so a finger
+     drag on the handle reorders instead of scrolling. Data rows only get a
+     row pill (the block gutter's +/grip pins at the header row's y). */
+  .doc-row-handle, .doc-col-handle { position:absolute; display:grid; place-items:center; z-index:7;
+    color:var(--muted); background:var(--bg); border:1px solid var(--line); box-shadow:var(--shadow-sm);
+    cursor:grab; touch-action:none; animation:gripFade .12s ease both;
+    transition:background .12s,color .12s,border-color .12s; }
+  .doc-row-handle { left:-8px; width:15px; height:28px; border-radius:8px; }
+  .doc-col-handle { top:-6px; width:28px; height:15px; border-radius:8px; transform:translateX(-50%); }
+  .doc-row-handle svg, .doc-col-handle svg { width:13px; height:13px; }
+  .doc-row-handle:hover, .doc-col-handle:hover { background:var(--surface); color:var(--fg); }
+  .doc-row-handle.grab, .doc-col-handle.grab { background:var(--accent); color:var(--accent-fg,#fff);
+    border-color:var(--accent); cursor:grabbing; }
+  .doc-row-handle::after { content:""; position:absolute; inset:-4px; }
+  .doc-col-handle::after { content:""; position:absolute; inset:-4px; }
+  /* drag-reorder overlays (inside .doc-table-inner, so they scroll with the
+     table): accent outline on the source row/column, 2px line at the drop
+     boundary (grid .rowdrop's cousin) */
+  .doc-drag-outline { position:absolute; border:2px solid var(--accent); border-radius:6px;
+    pointer-events:none; z-index:6; box-sizing:border-box; }
+  .doc-rowdrop { position:absolute; height:2px; margin-top:-1px; background:var(--accent); border-radius:1px; pointer-events:none; z-index:6; }
+  .doc-coldrop { position:absolute; width:2px; margin-left:-1px; background:var(--accent); border-radius:1px; pointer-events:none; z-index:6; }
+  /* touch selection action bar: the OSK has no Delete/\u2318C, so the cell
+     rectangle gets on-screen verbs; sits on the wrap layer above the selection */
+  .doc-sel-bar { position:absolute; z-index:8; display:flex; gap:2px; padding:3px;
+    background:var(--accent); border-radius:9px; box-shadow:var(--shadow-sm); animation:gripFade .12s ease both; }
+  .doc-sel-bar button { color:var(--accent-fg,#fff); font-size:13px; line-height:1; padding:5px 9px; border-radius:6px; }
+  .doc-sel-bar button:active { background:color-mix(in srgb, #000 18%, transparent); }
   /* 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; }
+    border:1px dashed var(--line-strong); border-radius:var(--radius-sm); background:var(--surface); transition:background .12s,color .12s,border-color .12s,opacity .12s; }
+  /* sticky + 100cqw (the wrap is the container): on a wide table the bar pins
+     to the scrollport at any horizontal offset; narrow tables never hit the
+     max-width and keep their table-wide bar. Engines without cqw just ignore
+     the cap and fall back to scrolling with the table. */
+  .doc-table-addrow { width:100%; max-width:100cqw; position:sticky; left:0; 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,opacity .12s; }
   .doc-table-addcol:hover, .doc-table-addrow:hover { background:var(--accent-soft); color:var(--accent); border-color:var(--accent); }
+  /* Notion-style: the add bars only materialize while the table is active \u2014
+     hover or keyboard focus on desktop, an editing (focused) cell on touch.
+     Opacity-only so nothing shifts; pointer-events gates off the invisible
+     bars (a touch tap must not hit a bar it can't see). */
+  .doc-table-addrow, .doc-table-addcol { opacity:0; pointer-events:none; }
+  .doc-table-wrap:focus-within :is(.doc-table-addrow, .doc-table-addcol) { opacity:1; pointer-events:auto; }
+  @media (hover:hover) and (pointer:fine) {
+    .doc-table-wrap:hover :is(.doc-table-addrow, .doc-table-addcol) { opacity:1; pointer-events:auto; }
+  }
   /* cell range selection (box select): soft fill per cell; the accent rectangle
      outline is drawn via inline inset box-shadow on the edge cells (see
      cell-select.ts edgeShadow). While selecting, suppress the caret + native
@@ -29602,7 +30355,7 @@ var styles_default = `  :root {
   .shv-search { display:flex; align-items:center; gap:6px; background:var(--bg); border:1px solid var(--line-strong); border-radius:var(--radius-sm); padding:5px 10px; color:var(--muted); }
   .shv-search input { border:0; background:none; outline:none; color:var(--fg); font-size:13px; width:180px; }
 
-  .shv-list { display:flex; flex-direction:column; gap:8px; }
+  .shv-list { display:flex; flex-direction:column; gap:8px; list-style:none; padding:0; margin:0; }
   .shv-row { display:flex; align-items:center; gap:13px; padding:13px 15px; background:var(--bg); border:1px solid var(--line);
     border-radius:var(--radius-lg); transition:border-color .12s, box-shadow .12s; }
   .shv-row:hover { border-color:var(--line-strong); box-shadow:var(--shadow-sm); }
@@ -29624,7 +30377,25 @@ var styles_default = `  :root {
   .shv-exp.dead { text-decoration:line-through; }
   .shv-actions { display:flex; align-items:center; gap:6px; flex:none; }
   .shv-actions .btn { padding:5px 10px; font-size:12px; }
-  @media (max-width:640px){ .shv-row{ flex-wrap:wrap; } .shv-actions{ width:100%; justify-content:flex-end; } }
+  @media (max-width:640px){
+    /* head stacks: title/desc full row, then segmented tabs, then search */
+    .shares-page .db-head { flex-direction:column; align-items:stretch; gap:12px; }
+    .shv-tools { margin-left:0; width:100%; }
+    .shv-seg { display:flex; width:100%; }
+    .shv-seg-btn { flex:1; text-align:center; }
+    .shv-search { flex:1; }
+    .shv-search input { width:100%; flex:1; }
+
+    /* cards: title clamps to two lines, meta wraps naturally */
+    .shv-row { flex-wrap:wrap; }
+    .shv-title { max-width:100%; white-space:normal; display:-webkit-box;
+      -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:left; }
+    .shv-meta { white-space:normal; overflow:visible; text-overflow:clip; }
+
+    /* actions: full row of evenly stretched touch targets */
+    .shv-actions { width:100%; }
+    .shv-actions .btn { flex:1; justify-content:center; padding:7px 10px; }
+  }
 
   /* in-context "\u5DF2\u5206\u4EAB" badge on docs / tables / site cards */
   .share-badge { display:inline-grid; place-items:center; width:22px; height:22px; border-radius:6px; color:var(--accent);
@@ -29701,7 +30472,9 @@ var styles_default = `  :root {
     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; }
+  /* Same stable-gutter treatment as .content (stable only \u2014 see .content on
+     why both-edges is forbidden). */
+  .peek-body { overflow:auto; scrollbar-gutter:stable; 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); }
@@ -29758,7 +30531,7 @@ var styles_default = `  :root {
   .hist-restore { margin-top:8px; align-self:flex-start; }
 
   /* menu / popover */
-  .menu-layer { position:fixed; inset:0; z-index:90; }
+  .menu-layer { position:fixed; inset:0; z-index:115; }
   .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); } }
@@ -29776,6 +30549,9 @@ var styles_default = `  :root {
   .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; }
+  /* shortcut badge, mirrors .sb-search kbd; margin-left:auto pins it right (and
+     a trailing .chk, whose own auto then collapses, rides the gap beside it) */
+  .pop .item kbd { margin-left:auto; font-family:var(--mono); font-size:10px; color:var(--muted); border:1px solid var(--line-strong); border-radius:4px; padding:1px 4px; }
   .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; }
@@ -29895,24 +30671,28 @@ var styles_default = `  :root {
   .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); }
 
-  /* ---- find in document (Ctrl-F) ---- */
-  /* CSS Custom Highlight overlays \u2014 no DOM mutation, safe over contentEditable. */
-  ::highlight(mh-find-all) { background:color-mix(in srgb, var(--accent) 26%, transparent); border-radius:2px; }
-  ::highlight(mh-find-current) { background:var(--accent); color:var(--accent-fg); }
+  /* ---- find in document (Ctrl-F, CM6 bar) ---- */
+  /* Match highlights are CM6 Decoration.marks (.cm-find/.cm-find-cur, editor-theme.ts).
+     Matches INSIDE void widgets (code mirror, table cells) can't be mark
+     decorations \u2014 the block replace widget swallows them \u2014 so those paint via
+     the CSS Custom Highlight API (find.ts collectMatches/applyHighlights). */
+  ::highlight(mh-find-all) { background: color-mix(in srgb, var(--accent) 26%, transparent); border-radius: 2px; }
+  ::highlight(mh-find-current) { background: var(--accent); color: var(--accent-fg); }
   .find-bar {
-    position:fixed; top:58px; right:18px; z-index:40;   /* below the ~50px topbar */
+    position:fixed; top:58px; right:18px; z-index:96;   /* below the ~50px topbar */
     display:flex; align-items:center; gap:4px;
     padding:5px 6px; background:var(--bg); border:1px solid var(--line-strong);
     border-radius:var(--radius); box-shadow:var(--shadow-lg);
   }
   .find-bar .find-ico { color:var(--muted); margin:0 2px; flex:none; }
   .find-bar input {
-    width:200px; max-width:42vw; border:0; outline:0; background:transparent;
+    width:200px; max-width:42vw; min-width:0; border:0; outline:0; background:transparent;
     color:var(--fg); font-size:13px; padding:3px 2px;
   }
   .find-bar input::placeholder { color:var(--muted); }
-  .find-count { font-size:12px; color:var(--muted); min-width:48px; text-align:right; padding:0 2px; font-variant-numeric:tabular-nums; }
+  .find-count { font-size:12px; color:var(--muted); min-width:48px; text-align:right; padding:0 2px; font-variant-numeric:tabular-nums; flex:none; }
   .find-opt {
+    flex:none; white-space:nowrap;
     border:1px solid var(--line-strong); background:transparent; color:var(--fg-soft);
     border-radius:var(--radius-sm); font-size:12px; line-height:1; padding:4px 6px; cursor:pointer;
     transition:background .12s, color .12s, border-color .12s;
@@ -29932,6 +30712,14 @@ var styles_default = `  :root {
     .find-bar { left:12px; right:12px; }
     .find-bar input { width:auto; flex:1; max-width:none; }
   }
+  /* Very narrow windows (quicknote resizes down to 280px): drop the reserved
+     count width and tighten gaps so the option buttons never get crushed. */
+  @media (max-width:360px) {
+    .find-bar { gap:2px; padding:5px 4px; }
+    .find-count { min-width:0; }
+  }
+  /* Quicknote window: its qn-bar is ~34px, not the main ~50px topbar. */
+  body.quicknote .find-bar { top:42px; }
 
   /* ---- board (kanban) view ---- */
   .board-wrap { margin-top:4px; }
@@ -30088,8 +30876,7 @@ var styles_default = `  :root {
     .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 */
+    .sb-search kbd, .pop .item 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. */
@@ -30104,17 +30891,26 @@ var styles_default = `  :root {
     /* 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; }
+    /* CM6 editor (single-document): its .cm-editor inherits from here, so the whole
+       body incl. table cells gets 16px on mobile \u2014 same iOS anti-zoom reason. */
+    .doc .cm-doc-body { 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); }
+    /* CM6 hover gutter: no hover on touch, and -52px overlays would overflow
+       the tight mobile margins \u2014 hide. */
+    .cm-gutter-layer { display:none; }
+    /* Autofit tables: on phones the atomic code span IS the width cap \u2014 one
+       long \`file-name.md\` becomes the column's min-content, eats the whole
+       100cqw budget and crushes prose columns to their 48px floor. Let code
+       wrap at its natural break points (hyphens/slashes) instead; wider
+       layouts keep the atomic-code tradeoff (see the autofit rules). */
+    table.doc-table.autofit .doc-td code { white-space:pre-wrap; overflow-wrap:normal; word-break:normal; }
     /* Find bar clears the taller mobile topbar (49px min + notch inset). */
     .find-bar { top:calc(49px + env(safe-area-inset-top) + 8px); }
     /* narrower handle gutter on phones; .db left padding must be \u2265 --grip-gutter */
     .db { padding:16px 14px 90px 24px; }
+    /* pages reusing .db without row grips don't need the left gutter \u2014 keep padding symmetric */
+    .shares-page.db { padding-left:14px; }
     .gridhost { --grip-gutter:24px; }
     .peek { width:100%; }
     /* history drawer: the side-by-side list/preview doesn't fit a phone \u2014 stack. */
@@ -30149,13 +30945,19 @@ var styles_default = `  :root {
   @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; }
+    input, textarea, .text-input, input.inlineedit { font-size:16px; }
     .navitem .acts button { width:34px; height:34px; }
+    .sb-tab { min-height:40px; padding:8px 10px; }
+    .sb-tabs .add { width:40px; height:40px; display:grid; place-items:center; padding:0; }
     .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; }
+    /* cell-rectangle corner handle: big enough to grab with a finger (it is the
+       only way to grow a touch selection \u2014 pan gestures stay scrolls) */
+    .doc-cell-handle { width:12px; height:12px; right:-6px; bottom:-6px; }
+    .doc-cell-handle::after { inset:-10px; }
   }
 
   /* No hover available (touch): controls that only materialize on :hover are
@@ -30164,9 +30966,11 @@ var styles_default = `  :root {
   @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; }
+    .cal-add, .filerow .facts,
+    .navitem .acts { opacity:1; }
+    /* the pill handles survive on touch (focus-driven, not hover-driven), but
+       sticky tap-hover must not tint them */
+    .doc-row-handle:hover, .doc-col-handle:hover { background:var(--bg); color:var(--muted); }
     .selcell input { opacity:1; }
     .tl-item .tl-h { opacity:1; }
     /* Neutralize the stickiest tap-residue tints (a tap "hovers" until the
@@ -30178,12 +30982,16 @@ var styles_default = `  :root {
     .filerow:hover { background:none; }
     .cal-day:hover { background:none; }
     .cal-day.dim:hover { background:var(--surface); }
+    .doc-table-addcol:hover, .doc-table-addrow:hover { background:var(--surface); color:var(--muted); border-color:var(--line-strong); }
   }
 
   /* 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; }
+  /* --pop-top-inset: editor popups (slash menu) clamp their upward growth below
+     this line, so they never cover the drag bar / macOS traffic lights (bar =
+     26px actions + 2\xD74px padding). */
+  body.quicknote { background:transparent; --pop-top-inset:38px; }
   /* html carries an opaque bg for the iOS 26 Safari toolbar tint; the vibrancy
      window needs the root transparent again or the blur is walled off. */
   html:has(body.quicknote) { background:transparent; }
@@ -30203,22 +31011,32 @@ var styles_default = `  :root {
   .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; }
+  /* Quicknote scrolling: the app-wide thin translucent scrollbar (transparent
+     track, so the reserved lane just reads as right margin). stable reserves
+     the lane up front so width never jumps when the doc grows past one
+     screen; the doc's right padding + lane \u2248 left padding, keeping the prose
+     visually centered. stable only, NEVER both-edges \u2014 see .content: a left
+     gutter desyncs Chromium's scroll cull rect and paints a blank stripe over
+     the rightmost 15px of content (it sliced this window's file cards). */
+  /* scrollbar-width does NOT inherit (unlike scrollbar-color): without an
+     explicit thin here the lane is the classic 15px. thin = 11px, so the
+     doc's 1px right padding + 11px lane mirrors the 12px left padding. */
+  .qn-body { flex:1; overflow:auto; scrollbar-gutter:stable; scrollbar-width:thin; -webkit-app-region:no-drag; }
+  .qn-body .doc { max-width:none; margin:0; padding:14px 1px 30vh 12px; }
   .qn-body .doc-title { font-size:24px; margin-bottom:2px; }
   .qn-body .doc-meta { display:none; }
-  /* The narrow-width gutter hide is now gated on (pointer:coarse), which this
-     desktop window never matches \u2014 re-hide explicitly: quick notes offer no
+  /* The CM6 hover gutter never fits the compact window: quick notes offer no
      block insert/drag handles (Enter / slash commands cover insertion). */
-  body.quicknote .block .gutter { display:none; }
+  body.quicknote .cm-gutter-layer { 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 {
+     stays transparent; checked falls back to the accent fill + checkmark.
+     (Same treatment main gave \`.b-todo .marker input\`.) */
+  body.quicknote .cm-todo-box {
     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 {
+  body.quicknote .cm-todo-box: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"); }
@@ -30240,8 +31058,11 @@ var styles_default = `  :root {
   .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 { min-width:140px; justify-content:center; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif; }
   .qn-shortcut.capturing { outline:2px solid var(--accent); color:var(--accent); }
+  .qn-keys { display:inline-flex; align-items:center; gap:6px; }
+  .qn-key { line-height:1; }
+  .qn-key.sym { font-size:1.15em; line-height:1; }  /* \u2318 \u21E7 glyphs render smaller \u2014 bump to match letters */
 
   /* No-origin bootstrap: enroll screen + hydration splash (data-blind shell). */
   .enroll-splash { min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:24px; }
@@ -30255,6 +31076,44 @@ var styles_default = `  :root {
   .enroll-err { color:var(--danger); font-size:13px; margin-top:12px; }
   .enroll-go { width:100%; justify-content:center; margin-top:18px; }
   .enroll-hint { font-size:12px; margin-top:14px; line-height:1.5; }
+  .enroll-card { animation:enroll-in .35s ease both; }
+  @keyframes enroll-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
+
+  /* Scan-first enroll: square viewfinder (corner frame + sweeping accent beam)
+     over the live camera feed. The chip stays black in both themes \u2014 the feed
+     brings its own colors; accent carries the beam and the success flash. */
+  .enroll-scan { position:relative; aspect-ratio:1/1; margin:2px 0 12px; border-radius:16px; overflow:hidden; background:#0b0b0e; }
+  .enroll-scan video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
+  .enroll-scan::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; box-shadow:inset 0 0 44px rgba(0,0,0,.35); }
+  .enroll-scan-frame { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:rgba(255,255,255,.92); stroke-width:2.5; stroke-linecap:round; pointer-events:none; }
+  .enroll-scan-beam { position:absolute; left:9%; right:9%; top:12%; height:2px; border-radius:2px; pointer-events:none; opacity:.85;
+    background:linear-gradient(90deg, transparent, var(--accent), transparent);
+    animation:enroll-beam 2.4s ease-in-out infinite alternate; }
+  @keyframes enroll-beam { to { top:86%; } }
+  .enroll-scan.hit .enroll-scan-frame { stroke:var(--accent); }
+  .enroll-scan.hit::after { animation:enroll-hit .38s ease-out; }
+  @keyframes enroll-hit { from { box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 60px rgba(0,0,0,.2); } to { box-shadow:inset 0 0 44px rgba(0,0,0,.35); } }
+  .enroll-scan-wait { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.45); }
+  .enroll-scan-waitico { width:30px; height:30px; animation:enroll-wait 1.6s ease-in-out infinite; }
+  @keyframes enroll-wait { 0%,100% { opacity:.4; } 50% { opacity:.9; } }
+  .enroll-cam-err { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:20px; text-align:center; color:rgba(255,255,255,.9); font-size:13px; }
+  .enroll-cam-err .muted { color:rgba(255,255,255,.55); font-size:12px; }
+  .enroll-cam-errico { width:26px; height:26px; opacity:.7; }
+  .enroll-cam-err .btn { margin-top:8px; }
+  .enroll-paste { width:100%; font-size:13px; }
+  .enroll-switch { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:14px; }
+  .enroll-switch-dot { color:var(--muted); }
+  .enroll-link { background:none; border:0; padding:0; font:inherit; font-size:13px; color:var(--accent); cursor:pointer; }
+  .enroll-link:hover { text-decoration:underline; }
+  /* Unlock step: compact bucket summary chip above the passphrase field. */
+  .enroll-bucket-card { display:flex; align-items:center; gap:10px; padding:12px 14px; margin:2px 0 14px; border:1px solid var(--line); border-radius:12px; background:var(--bg); }
+  .enroll-bucket-ico { width:18px; height:18px; color:var(--muted); }
+  .enroll-bucket-meta { flex:1; min-width:0; }
+  .enroll-bucket-name { font-weight:600; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .enroll-bucket-host { font-family:var(--mono); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+  .enroll-bucket-badge { display:inline-flex; align-items:center; gap:4px; flex:none; font-size:11px; color:var(--accent); padding:3px 8px; border-radius:999px;
+    border:1px solid color-mix(in srgb, var(--accent) 35%, transparent); }
+  .enroll-bucket-badge .ico { width:12px; height:12px; }
 
   /* Enroll QR (settings \u2192 \u540C\u6B65\u5B58\u50A8 \u2192 \u5728\u624B\u673A\u4E0A\u6253\u5F00). The QR inverts with the
      theme: light = dark modules on a light chip, dark = light modules on a dark
@@ -30457,6 +31316,42 @@ var ICON_192 = "iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAA
 var ICON_512 = "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";
 var ICON_180 = "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";
 
+// src/webui/fmt/manifest.ts
+var FMT_PROVIDERS = [
+  { id: "core", js: "/webui-fmt.js", entry: "fmt/fmt-core.ts" },
+  {
+    id: "ruff",
+    js: "/webui-fmt-ruff.js",
+    entry: "fmt/fmt-ruff.ts",
+    wasm: { route: "/webui-fmt-ruff.wasm", pkg: "@wasm-fmt/ruff_fmt", file: "ruff_fmt_bg.wasm" }
+  },
+  {
+    id: "gofmt",
+    js: "/webui-fmt-gofmt.js",
+    entry: "fmt/fmt-gofmt.ts",
+    wasm: { route: "/webui-fmt-gofmt.wasm", pkg: "@wasm-fmt/gofmt", file: "gofmt.wasm" }
+  },
+  {
+    id: "clang",
+    js: "/webui-fmt-clang.js",
+    entry: "fmt/fmt-clang.ts",
+    wasm: { route: "/webui-fmt-clang.wasm", pkg: "@wasm-fmt/clang-format", file: "clang-format.wasm" }
+  },
+  {
+    id: "lua",
+    js: "/webui-fmt-lua.js",
+    entry: "fmt/fmt-lua.ts",
+    wasm: { route: "/webui-fmt-lua.wasm", pkg: "@wasm-fmt/lua_fmt", file: "lua_fmt_bg.wasm" }
+  },
+  {
+    id: "taplo",
+    js: "/webui-fmt-taplo.js",
+    entry: "fmt/fmt-taplo.ts",
+    wasm: { route: "/webui-fmt-taplo.wasm", pkg: "@wasm-fmt/taplo_fmt", file: "taplo_fmt_bg.wasm" }
+  },
+  { id: "sh", js: "/webui-fmt-sh.js", entry: "fmt/fmt-sh.ts" }
+];
+
 // src/webui/server/assets.ts
 var RUNNING_FROM_SOURCE = import.meta.url.includes("/src/webui/");
 var HTML2 = `<!doctype html>
@@ -30501,6 +31396,7 @@ var injected = {
   sdk: null
 };
 var injectedWasm = null;
+var injectedFmtWasm = {};
 function newestSourceMtime(dir) {
   let newest = 0;
   for (const e3 of readdirSync4(dir, { withFileTypes: true })) {
@@ -30549,6 +31445,24 @@ function bundleGetter(opts) {
 }
 var getJs = bundleGetter({ key: "js", entry: "../app.tsx", dist: "webui.js" });
 var getSwRaw = bundleGetter({ key: "sw", entry: "../sw.ts", dist: "sw.js" });
+var fmtJs = {};
+for (const p2 of FMT_PROVIDERS) {
+  injected[`fmt_${p2.id}`] = null;
+  fmtJs[p2.js] = bundleGetter({ key: `fmt_${p2.id}`, entry: `../${p2.entry}`, dist: p2.js.slice(1) });
+}
+var fmtWasmByRoute = Object.fromEntries(FMT_PROVIDERS.filter((p2) => p2.wasm).map((p2) => [p2.wasm.route, p2]));
+async function getFmtWasm(p2) {
+  const w4 = p2.wasm;
+  const embedded = injectedFmtWasm[w4.route];
+  if (embedded != null)
+    return embedded;
+  const path = RUNNING_FROM_SOURCE ? join9(dirname(Bun.resolveSync(w4.pkg, fileURLToPath(new URL(".", import.meta.url)))), w4.file) : fileURLToPath(new URL(`.${w4.route}`, import.meta.url));
+  const f4 = Bun.file(path);
+  if (!await f4.exists()) {
+    throw new Error(`${w4.route} missing at ${path} \u2014 run \`bun install\` / \`bun run build\``);
+  }
+  return f4.arrayBuffer();
+}
 var getDbWorker = bundleGetter({ key: "dbWorker", entry: "../data/db-worker.ts", dist: "db-worker.js" });
 var getRuntime = bundleGetter({ key: "runtime", entry: "../runtime.ts", dist: "mh-runtime.js" });
 var getSdk = bundleGetter({ key: "sdk", entry: "../../sdk/client.ts", dist: "metahub-sdk.js", extraDirs: ["../../sdk"] });
@@ -30630,12 +31544,24 @@ async function serveWebui(req) {
       return new Response(`sqlite3.wasm unavailable: ${e3}`, { status: 500 });
     }
   }
+  const fmtWasmProvider = fmtWasmByRoute[pathname];
+  if (fmtWasmProvider) {
+    try {
+      return new Response(await getFmtWasm(fmtWasmProvider), {
+        headers: { "content-type": "application/wasm", "cache-control": "public, max-age=86400" }
+      });
+    } catch (e3) {
+      console.error(`[webui] failed to serve ${pathname} \u2014`, e3);
+      return new Response(`${pathname} unavailable: ${e3}`, { status: 500 });
+    }
+  }
   const script = {
     "/webui.js": getJsStamped,
     "/sw.js": getSw,
     "/db-worker.js": getDbWorker,
     "/mh-runtime.js": getRuntime,
-    "/metahub-sdk.js": getSdk
+    "/metahub-sdk.js": getSdk,
+    ...fmtJs
   };
   const getter = script[pathname];
   if (getter) {
@@ -31800,6 +32726,7 @@ COMMANDS
   setup
     init                              Create ~/.metahub (SQLite db + cache dir)
     init --claude                     Install the /mh skill into ~/.claude (Claude Code)
+    init --codex                      Install the $mh skill into ~/.codex (Codex)
   databases
     db create <name> [--icon]         Create a database (table)
     db list | get <ref> | delete <ref>
@@ -31879,6 +32806,7 @@ var EXAMPLES = {
   init: [
     "mh init",
     "mh init --claude   # install the /mh skill into ~/.claude (Claude Code)",
+    "mh init --codex    # install the $mh skill into ~/.codex (Codex)",
     "METAHUB_HOME=/tmp/mh mh init   # use an alternate home"
   ],
   "db create": ['mh db create "Tasks"', 'mh db create "Notes" --icon \uD83D\uDCD3'],
@@ -32077,4 +33005,4 @@ if (argv2.includes("--server")) {
   runMain(main, { showUsage: showUsage2 });
 }
 
-//# debugId=DFF4B33AB2E4208164756E2164756E21
+//# debugId=6B3DFB027376050D64756E2164756E21