@panphora/clayjs 1.22.0 → 1.23.0

package/dist/clay.standalone.js

@@ -1,4 +1,4 @@
-/* clayjs 1.22.0 standalone build: every clayjs module in one file. https://clayjs.com/offline
+/* clayjs 1.23.0 standalone build: every clayjs module in one file. https://clayjs.com/offline
    Third-party code inside keeps its own license (Sortable MIT, Squire MIT, DOMPurify Apache-2.0 OR MPL-2.0, MicroModal MIT, parse5 MIT, Highlights from Pierre Apache-2.0): https://clayjs.com/THIRD-PARTY-NOTICES.md */
 (() => {
   var __create = Object.create;
@@ -2110,6 +2110,7 @@
     currentCaptureId: () => currentCaptureId,
     getPageContents: () => getPageContents,
     noscriptBlocks: () => noscriptBlocks,
+    noscriptsAsText: () => noscriptsAsText,
     onSnapshot: () => onSnapshot,
     originalSnapshotNode: () => originalSnapshotNode,
     prepareForCompare: () => prepareForCompare,
@@ -2220,6 +2221,22 @@
     collect(clone);
     return blocks;
   }
+  function noscriptsAsText(doc) {
+    const found = [];
+    const collect = (node) => {
+      for (const child of node.childNodes) {
+        if (child.nodeType !== 1) continue;
+        if (child.localName === "noscript" && child.namespaceURI === XHTML_NS) {
+          if (child.firstChild) found.push(child);
+          continue;
+        }
+        collect(child.localName === "template" && child.content ? child.content : child);
+      }
+    };
+    collect(doc.documentElement ?? doc);
+    for (const el12 of found) el12.replaceChildren(el12.ownerDocument.createTextNode(el12.innerHTML));
+    return doc;
+  }
   function swapNoscriptMarkers(blocks) {
     const nonce2 = Math.random().toString(36).slice(2);
     return blocks.map(([el12, kids], i2) => {
@@ -2517,7 +2534,16 @@
     for (const name of TAB_LOCAL_ROOT_ATTRS) bareRoot.removeAttribute(name);
     const shell = bareRoot.outerHTML;
     const endTag = `</${bareRoot.localName}>`;
-    return "<!DOCTYPE html>" + shell.slice(0, shell.length - endTag.length) + clone.innerHTML + endTag;
+    const blocks = noscriptBlocks(clone);
+    const raw = blocks.length ? swapNoscriptMarkers(blocks) : [];
+    let inner;
+    try {
+      inner = clone.innerHTML;
+    } finally {
+      for (const [el12, kids] of blocks) el12.replaceChildren(...kids);
+    }
+    for (const [marker2, text6] of raw) inner = inner.split(marker2).join(text6);
+    return "<!DOCTYPE html>" + shell.slice(0, shell.length - endTag.length) + inner + endTag;
   }
   function copyCaptureClone(clone) {
     return clonePreventingOnclone(clone);
@@ -2707,8 +2733,8 @@
     const pageView = handle?.loaded?.["plugins/page-view.js"];
     const sync = Array.isArray(handle?.view?.plugins) ? handle.view.plugins.includes("sync/live-sync.js") : Boolean(handle?.loaded?.["sync/live-sync.js"]);
     if (pageView) {
-      const start10 = pageView.restart ?? pageView.start;
-      start10({ sync, represented: accepted2 });
+      const start11 = pageView.restart ?? pageView.start;
+      start11({ sync, represented: accepted2 });
       if (!sync) return void 0;
     }
     const lane = syncLane(handle?.loaded?.["sync/live-sync.js"]);
@@ -3257,10 +3283,10 @@
     const under = el12.isConnected ? headingAbove(el12) : null;
     return under ? `${kind2} under ${under}` : kind2;
   }
-  function textContext(full, start10, end2) {
-    let before = full.slice(Math.max(0, start10 - CONTEXT), start10);
+  function textContext(full, start11, end2) {
+    let before = full.slice(Math.max(0, start11 - CONTEXT), start11);
     let after = full.slice(end2, end2 + CONTEXT);
-    let cutBefore = start10 - CONTEXT > 0;
+    let cutBefore = start11 - CONTEXT > 0;
     let cutAfter = end2 + CONTEXT < full.length;
     if (cutBefore) {
       const i2 = before.indexOf(" ");
@@ -8125,15 +8151,15 @@
       const unconditional = clayTokensOf(node).includes(NO_COPY);
       const conditional2 = features === null ? markers.length > 0 : markers.some((marker2) => features.includes(marker2));
       if (!unconditional && !conditional2) return;
-      const start10 = node.sourceCodeLocation?.startOffset;
-      const end2 = typeof start10 === "number" ? endOffsetFor(node) : null;
-      if (typeof start10 === "number" && start10 >= 0 && end2 !== null && end2 > start10) ranges.push({ start: start10, end: end2 });
+      const start11 = node.sourceCodeLocation?.startOffset;
+      const end2 = typeof start11 === "number" ? endOffsetFor(node) : null;
+      if (typeof start11 === "number" && start11 >= 0 && end2 !== null && end2 > start11) ranges.push({ start: start11, end: end2 });
     });
     return ranges.filter((range, index) => !ranges.some((other, otherIndex) => otherIndex !== index && other.start <= range.start && range.end <= other.end));
   }
-  function leadingRunStart(html, start10) {
-    const newline = html.lastIndexOf("\n", start10 - 1);
-    if (newline < 0 || /\S/.test(html.slice(newline + 1, start10))) return start10;
+  function leadingRunStart(html, start11) {
+    const newline = html.lastIndexOf("\n", start11 - 1);
+    if (newline < 0 || /\S/.test(html.slice(newline + 1, start11))) return start11;
     return html[newline - 1] === "\r" ? newline - 1 : newline;
   }
   function spliceRanges(html, ranges) {
@@ -8141,9 +8167,9 @@
     let stripped = html;
     let limit2 = html.length;
     for (let index = sorted2.length - 1; index >= 0; index -= 1) {
-      const { start: start10, end: end2 } = sorted2[index];
+      const { start: start11, end: end2 } = sorted2[index];
       if (end2 > limit2) continue;
-      const from = leadingRunStart(html, start10);
+      const from = leadingRunStart(html, start11);
       if (from >= end2) continue;
       stripped = stripped.slice(0, from) + stripped.slice(end2);
       limit2 = from;
@@ -8838,7 +8864,7 @@
       scheme: darkInk(rgb) ? "light" : "dark"
     };
   }
-  function uiLook(rect, base2 = BEVEL_SURFACE) {
+  function uiLook(rect, base2 = BEVEL_SURFACE, lean = 0.35) {
     let found = null;
     try {
       found = pageColour(rect);
@@ -8848,7 +8874,7 @@
     const { scheme: scheme2 } = found;
     const own = base2[scheme2], muted = (scheme2 === "dark" ? base2.mutedDark : base2.mutedLight).map((v9) => v9 / 255);
     let surface = null;
-    for (let w6 = 0.35; found.confidence >= 0.75 && !surface && w6 > 0.01; w6 -= 0.05) {
+    for (let w6 = lean; found.confidence >= 0.75 && !surface && w6 > 0.01; w6 -= 0.05) {
       const mix3 = own.map((v9, k8) => Math.round(v9 + (found.colour[k8] - v9) * w6));
       if (contrast(mix3.map((v9) => v9 / 255), muted) >= 4.5) surface = `rgb(${mix3.join(" ")})`;
     }
@@ -8864,19 +8890,19 @@
     else for (const [prop, value] of Object.entries(props)) el12.style.setProperty(prop, value, "important");
     return look;
   }
-  function lookAt(el12, rect, base2) {
-    const look = uiLook(rect, base2);
+  function lookAt(el12, rect, base2, lean) {
+    const look = uiLook(rect, base2, lean);
     el12.style.setProperty("color-scheme", look.scheme, "important");
     if (look.surface) el12.style.setProperty("--bevel-surface", look.surface, "important");
     else el12.style.removeProperty("--bevel-surface");
     return look;
   }
-  function followLook(root4, target, base2) {
+  function followLook(root4, target, base2, lean) {
     let timer = 0;
     const refresh3 = () => {
       timer = 0;
       const rect = target.getBoundingClientRect();
-      if (!document.hidden && root4.isConnected && rect.width && rect.height) lookAt(root4, rect, base2);
+      if (!document.hidden && root4.isConnected && rect.width && rect.height) lookAt(root4, rect, base2, lean);
     };
     const soon = () => {
       clearTimeout(timer);
@@ -8891,6 +8917,14 @@
     watch2.observe(document.body, { attributes: true });
     watch2.observe(root4, { attributes: true, attributeFilter: ["data-corner", "hidden"] });
     refresh3();
+    return () => {
+      clearTimeout(timer);
+      window.removeEventListener("scroll", soon, { capture: true });
+      window.removeEventListener("resize", soon);
+      document.removeEventListener("visibilitychange", soon);
+      window.matchMedia?.("(prefers-color-scheme: dark)").removeEventListener?.("change", soon);
+      watch2.disconnect();
+    };
   }
   var pageScheme2, UI, REPLACED, BAD, TO_LMS, TO_LAB, FROM_LAB, FROM_LMS, clamp, multiply, lin, gamma, oklab, fromOklab, luminance, contrast, darkInk, distance, average, fade, inside, colours, painters, censusAt, censusSize, grid, BEVEL_SURFACE;
   var init_page_colour = __esm({
@@ -9442,16 +9476,16 @@
     if (measure !== "file" || typeof html !== "string") return html;
     const match = PAGE_TAG.exec(html);
     if (!match) return html;
-    let start10 = match.index;
-    let end2 = start10 + match[0].length;
-    const from = html.lastIndexOf("\n", start10 - 1) + 1;
+    let start11 = match.index;
+    let end2 = start11 + match[0].length;
+    const from = html.lastIndexOf("\n", start11 - 1) + 1;
     const newline = html.indexOf("\n", end2);
     const to4 = newline === -1 ? html.length : newline + 1;
-    if (!/\S/.test(html.slice(from, start10)) && !/\S/.test(html.slice(end2, to4))) {
-      start10 = from;
+    if (!/\S/.test(html.slice(from, start11)) && !/\S/.test(html.slice(end2, to4))) {
+      start11 = from;
       end2 = to4;
     }
-    return html.slice(0, start10) + html.slice(end2);
+    return html.slice(0, start11) + html.slice(end2);
   }
   function saveSize(html, maxBytes) {
     const bytes3 = new TextEncoder().encode(html).byteLength;
@@ -12466,9 +12500,17 @@
     const shell = bareRoot.outerHTML;
     const endTag = `</${bareRoot.localName}>`;
     const out = ["<!DOCTYPE html>", shell.slice(0, shell.length - endTag.length)];
-    yield* serializeChildrenSteps(clone, clonePreventingOnclone(clone, false), out, { bytes: 0 });
+    const blocks = noscriptBlocks(clone);
+    const raw = blocks.length ? swapNoscriptMarkers(blocks) : [];
+    try {
+      yield* serializeChildrenSteps(clone, clonePreventingOnclone(clone, false), out, { bytes: 0 });
+    } finally {
+      for (const [el12, kids] of blocks) el12.replaceChildren(...kids);
+    }
     out.push(endTag);
-    return out.join("");
+    let html = out.join("");
+    for (const [marker2, text6] of raw) html = html.split(marker2).join(text6);
+    return html;
   }
   var XHTML_NS2, SLICE_BYTES, SLICE_MIN_ELEMENTS;
   var init_serialize_steps = __esm({
@@ -13797,12 +13839,12 @@
     for (const { markers, tag: tag2 } of pending8) {
       for (const marker2 of markers) {
         for (let at8 = html.indexOf(marker2); at8 >= 0; at8 = html.indexOf(marker2, at8 + marker2.length)) {
-          const start10 = html.lastIndexOf("<", at8);
-          if (start10 < 0 || html.slice(start10 + 1, start10 + 1 + tag2.length).toLowerCase() !== tag2) continue;
+          const start11 = html.lastIndexOf("<", at8);
+          if (start11 < 0 || html.slice(start11 + 1, start11 + 1 + tag2.length).toLowerCase() !== tag2) continue;
           const close = tag2 === "style" ? html.indexOf("</style", at8) : at8;
           if (close < 0) continue;
           const end2 = html.indexOf(">", close);
-          if (end2 >= 0) spans.push([start10, end2 + 1]);
+          if (end2 >= 0) spans.push([start11, end2 + 1]);
         }
       }
     }
@@ -24094,7 +24136,7 @@
   // src/sync/page-relay.js
   function pageRelay(pending8, acceptedHtml, identity) {
     if (!pending8.html.includes("data-page")) return pending8;
-    const parse2 = (html) => new DOMParser().parseFromString(html, "text/html");
+    const parse2 = (html) => noscriptsAsText(new DOMParser().parseFromString(html, "text/html"));
     const outgoing = parse2(pending8.html);
     const article = outgoing.querySelector("article[data-page]");
     if (!article) return pending8;
@@ -26456,6 +26498,7 @@
     if (input == null) return input;
     const doc = typeof input === "string" ? new DOMParser().parseFromString(input, "text/html") : input;
     canonicalizeReceived(doc);
+    noscriptsAsText(doc);
     emptyScratchpads(doc);
     return doc;
   }
@@ -28366,11 +28409,11 @@
     op.peel = chain.length;
     return !op.wrappers.slice(op.peel).some((w6) => chain.some((c4) => c4.tagName === w6.tagName));
   }
-  function peelBlock(fragment, start10, end2, live3) {
+  function peelBlock(fragment, start11, end2, live3) {
     const outer = fragment.childNodes.length === 1 && isEl(fragment.firstChild) ? fragment.firstChild : null;
     if (!outer || !BLOCK_TAGS.has(outer.tagName)) return;
     const range = document.createRange();
-    range.setStart(...start10);
+    range.setStart(...start11);
     range.setEnd(...end2);
     const block2 = scopeOf(range, live3);
     if (block2 === live3 || block2.tagName !== outer.tagName || block2.namespaceURI !== outer.namespaceURI || authored2(block2) !== authored2(outer)) return;
@@ -28412,21 +28455,21 @@
     if (!span) return null;
     const s3 = from + span.s;
     const e20 = from + span.e;
-    let start10 = pointAt(f3, s3, "start");
-    let end2 = s3 === e20 ? start10 : pointAt(f3, e20, "end");
+    let start11 = pointAt(f3, s3, "start");
+    let end2 = s3 === e20 ? start11 : pointAt(f3, e20, "end");
     op.parsed = op.encoding === "html" ? parse(op.fragment) : null;
-    if (op.parsed) peelBlock(op.parsed, start10, end2, live3);
+    if (op.parsed) peelBlock(op.parsed, start11, end2, live3);
     if (op.parsed && hasBlock(op.parsed)) return null;
     op.wrappers = op.parsed ? wrappers(op.parsed) : [];
     if (op.parsed) idsIn(op.parsed, op.ids);
     op.plain = plainOf(op);
-    if (s3 === e20) start10 = end2 = hoist(start10, live3, op.wrappers);
-    op.range.setStart(...start10);
+    if (s3 === e20) start11 = end2 = hoist(start11, live3, op.wrappers);
+    op.range.setStart(...start11);
     op.range.setEnd(...end2);
     if (!reconcile(op, op.range, live3)) return null;
     const scope = scopeOf(op.range, live3);
     const g7 = scope === live3 ? f3 : project(scope);
-    const bs4 = offsetOf(g7, ...start10);
+    const bs4 = offsetOf(g7, ...start11);
     const be10 = s3 === e20 ? bs4 : offsetOf(g7, ...end2);
     if (bs4 === null || be10 === null || g7.text.slice(bs4, be10) !== f3.text.slice(s3, e20)) return null;
     return { ...op, root: live3, f: f3, s: s3, e: e20, scope, before: g7.text, bs: bs4, be: be10 };
@@ -36267,7 +36310,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     setTimer = setTimeout,
     clearTimer = clearTimeout
   } = {}) {
-    function start10({ captureId, html, attempts, initialOutcome, startedAt, onApplied, onUnknown }) {
+    function start11({ captureId, html, attempts, initialOutcome, startedAt, onApplied, onUnknown }) {
       const deadline = startedAt + RECOVERY_WINDOW_MS;
       const ids = uniqueSaveIds(attempts);
       const timers = /* @__PURE__ */ new Set();
@@ -36385,7 +36428,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
       };
     }
-    return { start: start10 };
+    return { start: start11 };
   }
   var RECOVERY_WINDOW_MS, RECOVERY_ROUNDS_MS, QUERY_TIMEOUT_MS, MAX_HISTORY_IDS;
   var init_save_history = __esm({
@@ -53223,11 +53266,11 @@ ${parts.join("\n")}
     let at8 = 0;
     for (let item = flow._start; item && at8 < to4; item = item.right) {
       if (item.deleted || !item.countable) continue;
-      const start10 = at8;
+      const start11 = at8;
       at8 += item.length;
       if (at8 <= from) continue;
-      const lo4 = Math.max(0, from - start10);
-      const hi5 = Math.min(item.length, to4 - start10);
+      const lo4 = Math.max(0, from - start11);
+      const hi5 = Math.min(item.length, to4 - start11);
       for (let offset = lo4; offset < hi5; offset++) out.push({ client: item.id.client, clock: item.id.clock + offset });
     }
     return out;
@@ -53426,15 +53469,15 @@ ${parts.join("\n")}
       if (!isCount(from) || !isCount(to4) || from > w6.tokens || to4 > w6.tokens) fail2(`Logical range ${from}..${to4} is outside the map`);
       const ranges = [];
       if (to4 <= from) return ranges;
-      let start10 = physicalAt(from);
+      let start11 = physicalAt(from);
       for (const span of spans) {
         if (span.at <= from) continue;
         if (span.at > to4) break;
-        if (span.start > start10) ranges.push([start10, span.start]);
-        start10 = span.end;
+        if (span.start > start11) ranges.push([start11, span.start]);
+        start11 = span.end;
       }
       const end2 = physicalAt(to4);
-      if (end2 > start10) ranges.push([start10, end2]);
+      if (end2 > start11) ranges.push([start11, end2]);
       return ranges;
     };
     return { segments, logicalLength: w6.tokens, physicalLength, toPhysical, toLogical, physicalRanges };
@@ -54797,10 +54840,10 @@ ${parts.join("\n")}
       displaced = (item, seen) => seen.some((vector) => item.clock >= (vector.get(item.client) ?? 0));
       mergeRanges = (list3) => {
         const spans = [];
-        for (const [start10, end2] of list3.sort((a2, b6) => a2[0] - b6[0])) {
+        for (const [start11, end2] of list3.sort((a2, b6) => a2[0] - b6[0])) {
           const last = spans[spans.length - 1];
-          if (last && start10 <= last.end) last.end = Math.max(last.end, end2);
-          else spans.push({ start: start10, end: end2 });
+          if (last && start11 <= last.end) last.end = Math.max(last.end, end2);
+          else spans.push({ start: start11, end: end2 });
         }
         return spans;
       };
@@ -54828,16 +54871,16 @@ ${parts.join("\n")}
         let at8 = 0, cursor = 0;
         for (let item = flow._start; item && cursor < ranges.length; item = item.right) {
           if (item.deleted || !item.countable) continue;
-          const start10 = at8;
+          const start11 = at8;
           at8 += item.length;
           const content = item.content;
           const isText = content instanceof nt2;
           if (!isText && !(content instanceof wt2)) continue;
           if (!isText && content.embed.b !== void 0) continue;
-          while (cursor < ranges.length && ranges[cursor][1] <= start10) cursor++;
+          while (cursor < ranges.length && ranges[cursor][1] <= start11) cursor++;
           let range = cursor;
           while (range < ranges.length && ranges[range][0] < at8) {
-            collect(item, Math.max(start10, ranges[range][0]) - start10, Math.min(at8, ranges[range][1]) - start10);
+            collect(item, Math.max(start11, ranges[range][0]) - start11, Math.min(at8, ranges[range][1]) - start11);
             if (ranges[range][1] >= at8) break;
             range++;
           }
@@ -55146,15 +55189,15 @@ ${parts.join("\n")}
         if (hiding && !it9.deleted) hiding.len += it9.length;
         continue;
       }
-      const start10 = starts.get(it9);
-      if (start10) {
+      const start11 = starts.get(it9);
+      if (start11) {
         if (it9.deleted) stops.push({ client: it9.id.client, clock: it9.id.clock, len: it9.length });
-        if (!hiding && exposed(start10.key)) {
+        if (!hiding && exposed(start11.key)) {
           if (!it9.deleted) hideUnit(it9.length);
-          proj.push({ active: [{ blockId: start10.blockId, end: start10.end }], sourceKey: start10.key, root: null });
+          proj.push({ active: [{ blockId: start11.blockId, end: start11.end }], sourceKey: start11.key, root: null });
           continue;
         }
-        const a2 = { legacy: true, key: start10.key, sourceKey: start10.key, blockId: start10.blockId, end: start10.end, sv: [], at: here, live: true, items: [], text: "" };
+        const a2 = { legacy: true, key: start11.key, sourceKey: start11.key, blockId: start11.blockId, end: start11.end, sv: [], at: here, live: true, items: [], text: "" };
         if (hiding) hiding.active.push(a2);
         else hiding = { active: [a2], len: 0, resume: cur };
         hiding.len += 1;
@@ -55331,9 +55374,9 @@ ${parts.join("\n")}
       const item = block2.b.recovered ? pd.gone._map.get(attrKey(block2.b.sourceKey, "parent")) : pd.attrs.get(block2.b.baseId)?._map.get("parent");
       return item?.id ?? { clock: -1, client: -1 };
     };
-    for (const start10 of byId.keys()) {
+    for (const start11 of byId.keys()) {
       const positions = /* @__PURE__ */ new Map(), chain = [];
-      let id = start10;
+      let id = start11;
       while (byId.has(id) && !positions.has(id)) {
         positions.set(id, chain.length);
         chain.push(id);
@@ -55614,8 +55657,8 @@ ${parts.join("\n")}
     let a2 = i2, b6 = i2;
     while (a2 > 0 && mark2.isInSet(kids[a2 - 1].n.marks)) a2--;
     while (b6 < kids.length - 1 && mark2.isInSet(kids[b6 + 1].n.marks)) b6++;
-    const start10 = $p.start();
-    return { from: start10 + kids[a2].off, to: start10 + kids[b6].off + kids[b6].n.nodeSize, href: mark2.attrs.href };
+    const start11 = $p.start();
+    return { from: start11 + kids[a2].off, to: start11 + kids[b6].off + kids[b6].n.nodeSize, href: mark2.attrs.href };
   }
   function setLinkTr(st10, from, to4, href) {
     const tr4 = st10.tr.removeMark(from, to4, LINK);
@@ -56288,9 +56331,9 @@ ${parts.join("\n")}
     if (at8 > ents[lo4].at && at8 < ents[hi5].end) return [];
     const k8 = (next < 0 ? ents.length : next) - 1;
     const chain = chainAfter(ents, byId, k8);
-    const start10 = chain.indexOf(next < 0 ? null : parentOf2(ents[next].node));
+    const start11 = chain.indexOf(next < 0 ? null : parentOf2(ents[next].node));
     const out = [];
-    for (const parent of chain.slice(Math.max(0, start10))) {
+    for (const parent of chain.slice(Math.max(0, start11))) {
       const base2 = parent === null ? 0 : ents[byId.get(parent)].depth + 1;
       const prev = k8 >= 0 && isList(ents[k8].node) && parentOf2(ents[k8].node) === parent ? ents[k8].node : null;
       const top = isList(ents[lo4].node) ? prev ? prev.attrs.indent + 1 : 0 : 0;
@@ -58987,17 +59030,17 @@ ${parts.join("\n")}
       init_address();
       ({ InputRule } = po2);
       N8 = schema.nodes;
-      inlineCode = (st10, start10, end2) => st10.doc.rangeHasMark(start10, end2, schema.marks.code) || !!schema.marks.code.isInSet(st10.storedMarks || st10.selection.$from.marks());
-      blockRule = (re7, item, from = ["paragraph"], entire = false) => new InputRule(re7, (st10, match, start10, end2) => {
-        const $s4 = st10.doc.resolve(start10);
+      inlineCode = (st10, start11, end2) => st10.doc.rangeHasMark(start11, end2, schema.marks.code) || !!schema.marks.code.isInSet(st10.storedMarks || st10.selection.$from.marks());
+      blockRule = (re7, item, from = ["paragraph"], entire = false) => new InputRule(re7, (st10, match, start11, end2) => {
+        const $s4 = st10.doc.resolve(start11);
         if (!st10.selection.empty || $s4.depth !== 1 || $s4.parentOffset !== 0 || !from.includes($s4.parent.type.name)) return null;
-        if (entire && end2 !== $s4.end() || inlineCode(st10, start10, end2)) return null;
-        return asStep(retype(st10.tr.delete(start10, end2), $s4.index(0), typeof item === "function" ? item(match) : item));
+        if (entire && end2 !== $s4.end() || inlineCode(st10, start11, end2)) return null;
+        return asStep(retype(st10.tr.delete(start11, end2), $s4.index(0), typeof item === "function" ? item(match) : item));
       });
-      dividerRule = new InputRule(/^---$/, (st10, match, start10, end2) => {
-        const $s4 = st10.doc.resolve(start10);
-        if (!st10.selection.empty || $s4.depth !== 1 || $s4.parent.type !== N8.paragraph || $s4.parentOffset !== 0 || $s4.parent.content.size !== end2 - start10) return null;
-        if (inlineCode(st10, start10, end2)) return null;
+      dividerRule = new InputRule(/^---$/, (st10, match, start11, end2) => {
+        const $s4 = st10.doc.resolve(start11);
+        if (!st10.selection.empty || $s4.depth !== 1 || $s4.parent.type !== N8.paragraph || $s4.parentOffset !== 0 || $s4.parent.content.size !== end2 - start11) return null;
+        if (inlineCode(st10, start11, end2)) return null;
         return asStep(replaceWithDivider(st10.tr, $s4.index(0)));
       });
       OPENS = `\\s\\(\\[\\{'\u2018\u201C"`;
@@ -59016,25 +59059,25 @@ ${parts.join("\n")}
         if (trailingBackslashes($at.parent.textBetween(0, $at.parentOffset, null, "\uFFFC")) % 2) return false;
         return $at.parentOffset === 0 || OPENS_ONE.test($at.parent.textBetween($at.parentOffset - 1, $at.parentOffset));
       };
-      inline = (st10, match, start10, end2, markOf) => {
+      inline = (st10, match, start11, end2, markOf) => {
         const mark2 = markOf(match);
         if (!mark2 || !st10.selection.empty) return null;
-        if (start10 < 0 || start10 > end2 || end2 > st10.doc.content.size) return null;
-        const $start = st10.doc.resolve(start10), $end = st10.doc.resolve(end2);
+        if (start11 < 0 || start11 > end2 || end2 > st10.doc.content.size) return null;
+        const $start = st10.doc.resolve(start11), $end = st10.doc.resolve(end2);
         if (!$start.sameParent($end) || !$start.parent.inlineContent) return null;
         const [all, prefix, body2, close] = match;
-        if (inlineCode(st10, start10, end2)) return null;
+        if (inlineCode(st10, start11, end2)) return null;
         const open4 = all.slice(prefix.length, all.length - body2.length - close.length);
-        const from = start10 + prefix.length;
+        const from = start11 + prefix.length;
         if (!opensAt(st10, from)) return null;
         if (trailingBackslashes(all.slice(0, all.length - close.length)) % 2) return null;
-        const pending8 = all.length - (end2 - start10);
+        const pending8 = all.length - (end2 - start11);
         if (pending8 < 0) return null;
         const tr4 = st10.tr;
         if (pending8) tr4.insertText(all.slice(-pending8), end2, end2);
         const bodyStart = from + open4.length;
         const bodyEnd = bodyStart + body2.length;
-        tr4.delete(bodyEnd, start10 + all.length);
+        tr4.delete(bodyEnd, start11 + all.length);
         tr4.delete(from, bodyStart);
         tr4.addMark(from, from + body2.length, mark2);
         tr4.removeStoredMark(mark2.type);
@@ -59042,7 +59085,7 @@ ${parts.join("\n")}
       };
       inlineRule = (re7, markOf) => new InputRule(
         re7,
-        (st10, match, start10, end2) => inline(st10, match, start10, end2, markOf),
+        (st10, match, start11, end2) => inline(st10, match, start11, end2, markOf),
         { inCodeMark: false }
       );
       markRule = (open4, close, type) => inlineRule(
@@ -59468,17 +59511,17 @@ ${parts.join("\n")}
               return setRect(view3, anchor, pos);
             }
             const doc = view3.dom.ownerDocument;
-            const start10 = pos;
+            const start11 = pos;
             const move2 = (e20) => {
               const at8 = cellOfEvent(view3, e20);
               if (at8 === null) return;
-              const a2 = cellIds(view3.state.doc, start10), h = cellIds(view3.state.doc, at8);
+              const a2 = cellIds(view3.state.doc, start11), h = cellIds(view3.state.doc, at8);
               if (!a2 || !h || a2.table !== h.table) return;
               const rect = rectKey.getState(view3.state);
               if (a2.row === h.row && a2.col === h.col && !rect) return;
               if (rect && rect.head[0] === h.row && rect.head[1] === h.col) return;
               e20.preventDefault();
-              setRect(view3, start10, at8);
+              setRect(view3, start11, at8);
             };
             const up = () => {
               doc.removeEventListener("mouseover", move2);
@@ -60051,9 +60094,9 @@ ${parts.join("\n")}
     const li5 = event.target.closest?.('.page-li[data-kind="check"]');
     if (!li5 || !view3.dom.contains(li5)) return false;
     const box = li5.getBoundingClientRect();
-    const start10 = parseFloat(getComputedStyle(li5).paddingInlineStart) || 0;
+    const start11 = parseFloat(getComputedStyle(li5).paddingInlineStart) || 0;
     const x5 = getComputedStyle(li5).direction === "rtl" ? box.right - event.clientX : event.clientX - box.left;
-    if (x5 < 0 || x5 > start10) return false;
+    if (x5 < 0 || x5 > start11) return false;
     const pos = view3.posAtDOM(li5, 0) - 1;
     const node = view3.state.doc.nodeAt(pos);
     if (!node) return false;
@@ -61772,8 +61815,8 @@ ${INDENTS.map((n3) => `:where(article[data-page], .page-editor) .page-li[data-in
           const m7 = this.menu;
           if (!m7 || m7.slashAt === null) return;
           const { $head } = this.view.state.selection;
-          const start10 = $head.start();
-          if ($head.pos < m7.slashAt || m7.slashAt < start10 || this.view.state.doc.textBetween(m7.slashAt - 1, m7.slashAt) !== "/") return this.closeMenu();
+          const start11 = $head.start();
+          if ($head.pos < m7.slashAt || m7.slashAt < start11 || this.view.state.doc.textBetween(m7.slashAt - 1, m7.slashAt) !== "/") return this.closeMenu();
           m7.query = this.view.state.doc.textBetween(m7.slashAt, $head.pos);
           m7.active = 0;
           if (/\s$/.test(m7.query) && !this.menuItems(m7).length) return this.closeMenu();
@@ -63639,8 +63682,8 @@ ${INDENTS.map((n3) => `:where(article[data-page], .page-editor) .page-li[data-in
     const pos = cell?.getPos();
     if (pos == null || event.button || event.shiftKey || !view3.editable) return false;
     event.preventDefault();
-    const start10 = event.clientX < cell.contentDOM.getBoundingClientRect().left;
-    view3.dispatch(view3.state.tr.setSelection(TextSelection9.create(view3.state.doc, pos + 1 + (start10 ? 0 : cell.node.content.size))));
+    const start11 = event.clientX < cell.contentDOM.getBoundingClientRect().left;
+    view3.dispatch(view3.state.tr.setSelection(TextSelection9.create(view3.state.doc, pos + 1 + (start11 ? 0 : cell.node.content.size))));
     view3.focus();
     cell.openDate();
     return true;
@@ -64309,13 +64352,13 @@ ${INDENTS.map((n3) => `:where(article[data-page], .page-editor) .page-li[data-in
           });
           handle.addEventListener("pointerdown", (event) => {
             event.preventDefault();
-            const start10 = event.clientX;
+            const start11 = event.clientX;
             const from = this.widthOfColumn(colId);
             this.freeze();
             const rtl = this.dom.ownerDocument.defaultView.getComputedStyle?.(this.dom).direction === "rtl";
             let width = from;
             const move2 = (e20) => {
-              width = widthOf3(from + (rtl ? start10 - e20.clientX : e20.clientX - start10)) ?? from;
+              width = widthOf3(from + (rtl ? start11 - e20.clientX : e20.clientX - start11)) ?? from;
               this.showWidth(colId, width);
             };
             const up = () => {
@@ -68134,7 +68177,7 @@ ${text6}`;
           event.preventDefault();
           event.stopPropagation();
           const col = this.view.dom.getBoundingClientRect().width;
-          const start10 = this.frame.getBoundingClientRect().width;
+          const start11 = this.frame.getBoundingClientRect().width;
           const rtl = this.dom.ownerDocument.defaultView.getComputedStyle(this.dom).direction === "rtl";
           const x0 = event.clientX;
           const target = event.currentTarget;
@@ -68142,7 +68185,7 @@ ${text6}`;
           let width = this.node.attrs.width;
           const move2 = (e20) => {
             const dx = (e20.clientX - x0) * (rtl ? -1 : 1);
-            width = Math.max(MIN_WIDTH2, Math.min(Math.floor(col) || MIN_WIDTH2, Math.round(start10 + dx)));
+            width = Math.max(MIN_WIDTH2, Math.min(Math.floor(col) || MIN_WIDTH2, Math.round(start11 + dx)));
             this.frame.style.width = `${width}px`;
           };
           const done = (commit2) => {
@@ -68329,7 +68372,7 @@ ${text6}`;
   }
   function splitSelectors(selector) {
     const out = [];
-    let start10 = 0, quote2 = null, depth = 0;
+    let start11 = 0, quote2 = null, depth = 0;
     for (let i2 = 0; i2 < selector.length; i2++) {
       const ch = selector[i2];
       if (quote2) {
@@ -68338,11 +68381,11 @@ ${text6}`;
       else if (ch === "(" || ch === "[") depth++;
       else if (ch === ")" || ch === "]") depth--;
       else if (ch === "," && depth === 0) {
-        out.push(selector.slice(start10, i2).trim());
-        start10 = i2 + 1;
+        out.push(selector.slice(start11, i2).trim());
+        start11 = i2 + 1;
       }
     }
-    out.push(selector.slice(start10).trim());
+    out.push(selector.slice(start11).trim());
     return out.filter(Boolean);
   }
   function scopeCss(css, blockSelector) {
@@ -70095,7 +70138,7 @@ ${parsed2.documentElement.outerHTML}`;
       i2 += 1;
       if (key3[i2] !== "[") continue;
       let depth = 0, quoted = false;
-      const start10 = i2;
+      const start11 = i2;
       for (; i2 < key3.length; i2++) {
         const ch = key3[i2];
         if (quoted) {
@@ -70108,7 +70151,7 @@ ${parsed2.documentElement.outerHTML}`;
           break;
         }
       }
-      if (i2 >= key3.length && key3[key3.length - 1] !== "]") throw new SyntaxError(`page: unterminated attrs in mark key ${key3.slice(start10)}`);
+      if (i2 >= key3.length && key3[key3.length - 1] !== "]") throw new SyntaxError(`page: unterminated attrs in mark key ${key3.slice(start11)}`);
     }
     return false;
   }
@@ -74269,14 +74312,14 @@ ${mark2}`;
   function rewalk(pd, previous, marker2, change = null) {
     const formats = change?.formats ?? true, split2 = change?.split ?? null;
     const visible = previous.visible;
-    let index = -1, start10 = 0;
+    let index = -1, start11 = 0;
     for (let i2 = 0; i2 < visible.length; i2++) {
       const seg = visible[i2];
       if (seg.brk && seg.brk.client === marker2.id.client && seg.brk.clock === marker2.id.clock) {
         index = i2;
         break;
       }
-      start10 += seg.len;
+      start11 += seg.len;
     }
     if (index < 0) return null;
     const old = visible[index];
@@ -74290,7 +74333,7 @@ ${mark2}`;
     const first = { ...old, runs: [], len: 1 };
     if (old.items) first.items = [];
     let cur = first, bounded3 = false;
-    const origin = yAfter(previous.holes, start10);
+    const origin = yAfter(previous.holes, start11);
     let at8 = origin + 1;
     for (let it9 = marker2.right; it9; it9 = it9.right) {
       if (it9.deleted) {
@@ -74358,7 +74401,7 @@ ${mark2}`;
     const next = { ...previous, visible: visible.slice(), tokens: previous.tokens + delta };
     next.visible.splice(index, 1, ...parts);
     if (delta) {
-      const end2 = start10 + prefix;
+      const end2 = start11 + prefix;
       next.holes = previous.holes.map((h) => h.at >= end2 ? { at: h.at + delta, len: h.len } : h);
       next.hidden = previous.hidden.map((entry) => entry.at >= cut2 ? { ...entry, at: entry.at + delta, items: entry.items.map(moved) } : entry);
       for (let j9 = index + parts.length; j9 < next.visible.length; j9 += 1) {
@@ -74608,8 +74651,8 @@ ${mark2}`;
     if (p5 > 0 && isHigh2(charAt(oldToks[p5 - 1])) && (isLow(charAt(oldToks[p5])) || isLow(charAt(newToks[p5])))) p5--;
     if (s3 > 0 && isLow(charAt(oldToks[oldToks.length - s3])) && (isHigh2(charAt(oldToks[oldToks.length - s3 - 1])) || isHigh2(charAt(newToks[newToks.length - s3 - 1])))) s3--;
     const om = oldToks.slice(p5, oldToks.length - s3), nm = newToks.slice(p5, newToks.length - s3);
-    const start10 = ta4 + p5;
-    const end2 = start10 + om.length;
+    const start11 = ta4 + p5;
+    const end2 = start11 + om.length;
     const obs = om.filter((t2) => t2.k === "b").map((t2) => t2.id).join(",");
     const sameBreaks = om.some((t2) => t2.k === "b") && obs === nm.filter((t2) => t2.k === "b").map((t2) => t2.id).join(",");
     if (!sameBreaks) {
@@ -74626,7 +74669,7 @@ ${mark2}`;
       const softAt = /* @__PURE__ */ new Set();
       om.forEach((t2, j9) => {
         if (t2.k !== "b" || !t2.brk) return;
-        const abs = start10 + j9;
+        const abs = start11 + j9;
         let next = abs + 1;
         while (next < bt9.length && bt9[next].k !== "b") next++;
         const whole = next <= end2 && next !== abs + 1;
@@ -74636,8 +74679,8 @@ ${mark2}`;
         softAt.add(abs);
       });
       const keep3 = [];
-      let from = start10;
-      for (let q9 = start10; q9 < end2; q9++) if (softAt.has(q9)) {
+      let from = start11;
+      for (let q9 = start11; q9 < end2; q9++) if (softAt.has(q9)) {
         if (q9 > from) keep3.push([from, q9]);
         from = q9 + 1;
       }
@@ -74651,13 +74694,13 @@ ${mark2}`;
           if (!pd.gone.has(removal2)) ctx.tx(() => pd.gone.set(removal2, { blockId: t2.id, end: nextDistinct(pd, key3, t2.id), sv: ctx.sv }));
         }
       }
-      if (nm.length) insertTokens(pd, map.toPhysical(start10, "before"), nm, ctx.tx, ctx.fences);
+      if (nm.length) insertTokens(pd, map.toPhysical(start11, "before"), nm, ctx.tx, ctx.fences);
       return;
     }
     const dels = [];
     const inss = [];
     const attrs = [];
-    let cursor = start10, oi5 = 0, ni5 = 0;
+    let cursor = start11, oi5 = 0, ni5 = 0;
     while (oi5 < om.length || ni5 < nm.length) {
       let ob = oi5;
       while (ob < om.length && om[ob].k !== "b") ob++;
@@ -74786,12 +74829,12 @@ ${mark2}`;
         let at8 = 0;
         for (let it9 = pd.flow._start; it9 && at8 < to4; it9 = it9.right) {
           if (it9.deleted || !it9.countable) continue;
-          const start10 = at8;
+          const start11 = at8;
           at8 += it9.length;
           if (at8 <= from) continue;
           if (it9.content instanceof wt2 && it9.content.embed?.b !== void 0) continue;
-          const lo4 = Math.max(0, from - start10);
-          const hi5 = Math.min(it9.length, to4 - start10);
+          const lo4 = Math.max(0, from - start11);
+          const hi5 = Math.min(it9.length, to4 - start11);
           if (hi5 <= lo4) continue;
           pd.gone.set(textDeleteKey(it9.id.client, it9.id.clock + lo4, ctx.operationId), { length: hi5 - lo4, actor: pd.ydoc.clientID, sv: ctx.sv });
         }
@@ -74951,9 +74994,9 @@ ${mark2}`;
       init_format_codec();
       ({ AddMarkStep, RemoveMarkStep, AttrStep, ReplaceStep, Mapping } = mi2);
       tableRange = (doc, from, to4) => {
-        const start10 = doc.resolve(from), end2 = doc.resolve(to4);
+        const start11 = doc.resolve(from), end2 = doc.resolve(to4);
         return [
-          start10.depth && start10.node(1).type.name === "table" ? start10.before(1) : from,
+          start11.depth && start11.node(1).type.name === "table" ? start11.before(1) : from,
           end2.depth && end2.node(1).type.name === "table" ? end2.after(1) : to4
         ];
       };
@@ -75157,7 +75200,7 @@ ${mark2}`;
       let cursor2 = map.toPhysical(position, "before");
       const spans = [];
       for (const block2 of captured) {
-        const start10 = cursor2;
+        const start11 = cursor2;
         let text6 = null, textAttrs = null;
         const flush = () => {
           if (text6 === null) return;
@@ -75180,7 +75223,7 @@ ${mark2}`;
           }
         }
         flush();
-        const dest = unitIds(pd.flow, start10, cursor2);
+        const dest = unitIds(pd.flow, start11, cursor2);
         if (dest.length !== block2.units.length) throw new Error(`Copied ${block2.seg.id} as ${dest.length} units instead of ${block2.units.length}`);
         for (let i2 = 1; i2 < block2.units.length; i2++) spans.push({ dest: dest[i2], source: block2.units[i2].source });
         origins.recordBoundary(dest[0], block2.seg.recovered ? { blockId: block2.seg.id, kind: "copy", recoveryOf: block2.seg.sourceKey } : { blockId: block2.seg.id, kind: "copy" });
@@ -75323,25 +75366,25 @@ ${mark2}`;
     return true;
   }
   function docDiff(oldDoc, newDoc) {
-    let start10 = oldDoc.content.findDiffStart(newDoc.content);
-    if (start10 === null) return null;
+    let start11 = oldDoc.content.findDiffStart(newDoc.content);
+    if (start11 === null) return null;
     let { a: endA, b: endB } = oldDoc.content.findDiffEnd(newDoc.content);
-    const overlap = start10 - Math.min(endA, endB);
+    const overlap = start11 - Math.min(endA, endB);
     if (overlap > 0) {
       endA += overlap;
       endB += overlap;
     }
     const oneTextblock = (doc, end2) => {
-      const $start = doc.resolve(start10);
+      const $start = doc.resolve(start11);
       return $start.parent.isTextblock && $start.sameParent(doc.resolve(end2));
     };
-    if ((tableSpan(oldDoc, start10) || tableSpan(oldDoc, endA)) && !(oneTextblock(oldDoc, endA) && oneTextblock(newDoc, endB))) {
-      start10 = tableSpan(oldDoc, start10)?.[0] ?? start10;
+    if ((tableSpan(oldDoc, start11) || tableSpan(oldDoc, endA)) && !(oneTextblock(oldDoc, endA) && oneTextblock(newDoc, endB))) {
+      start11 = tableSpan(oldDoc, start11)?.[0] ?? start11;
       endA = tableSpan(oldDoc, endA)?.[1] ?? endA;
       endB = tableSpan(newDoc, endB)?.[1] ?? endB;
-      return { start: start10, endA, endB, tables: true };
+      return { start: start11, endA, endB, tables: true };
     }
-    return { start: start10, endA, endB };
+    return { start: start11, endA, endB };
   }
   function keepViewPos(derived2, current5 = null) {
     const previous = /* @__PURE__ */ new Map();
@@ -75874,7 +75917,7 @@ ${b6}`);
         const from = typeof step.from === "number" ? step.from : typeof step.pos === "number" ? step.pos : null;
         if (from === null) return false;
         const to4 = typeof step.to === "number" ? step.to : from + 1;
-        return ranges.some(([start10, end2]) => from < end2 && to4 > start10);
+        return ranges.some(([start11, end2]) => from < end2 && to4 > start11);
       };
       tableSpan = (doc, pos) => {
         const $pos = doc.resolve(pos);
@@ -78461,16 +78504,16 @@ ${b6}`);
         return false;
       };
       offsetInBlock = (pd, index) => {
-        let at8 = 0, id = null, start10 = 0;
+        let at8 = 0, id = null, start11 = 0;
         for (let it9 = pd.flow._start; it9; it9 = it9.right) {
           if (it9.content instanceof wt2 && it9.content.embed?.b !== void 0) {
             id = it9.content.embed.b;
-            start10 = at8 + it9.length;
+            start11 = at8 + it9.length;
           }
           at8 += it9.length;
-          if (at8 > index && id !== null) return { id, offset: index - start10 };
+          if (at8 > index && id !== null) return { id, offset: index - start11 };
         }
-        return id === null ? null : { id, offset: index - start10 };
+        return id === null ? null : { id, offset: index - start11 };
       };
       placeInBlock = (doc, id, offset) => {
         let found = null;
@@ -81227,7 +81270,7 @@ ${doc.documentElement.outerHTML}`);
   function beginMove(item) {
     const from = item?.parentElement;
     if (!item || !from) return null;
-    const start10 = {
+    const start11 = {
       item,
       from,
       children: [...from.children],
@@ -81236,56 +81279,56 @@ ${doc.documentElement.outerHTML}`);
       nodes: /* @__PURE__ */ new Set([item, ...item.querySelectorAll("*")]),
       held: false
     };
-    open.add(start10);
-    return start10;
+    open.add(start11);
+    return start11;
   }
   function isRuntimeAttribute(name, target) {
     if (!RUNTIME_ATTRS.has(name)) return false;
-    for (const start10 of open) if (start10.nodes.has(target)) return true;
+    for (const start11 of open) if (start11.nodes.has(target)) return true;
     return false;
   }
   function isGestureItem(node) {
-    for (const start10 of open) if (start10.item === node) return true;
+    for (const start11 of open) if (start11.item === node) return true;
     return false;
   }
-  function holdMove(start10) {
+  function holdMove(start11) {
     const undo2 = engine2();
-    if (!start10 || start10.held || !undo2?.pause) return false;
+    if (!start11 || start11.held || !undo2?.pause) return false;
     undo2.pause();
-    start10.held = true;
+    start11.held = true;
     return true;
   }
-  function releaseMove(start10) {
-    if (!start10) return;
-    open.delete(start10);
-    if (!start10.held) return;
-    start10.held = false;
+  function releaseMove(start11) {
+    if (!start11) return;
+    open.delete(start11);
+    if (!start11.held) return;
+    start11.held = false;
     engine2()?.resume?.();
   }
   function releaseAllMoves() {
-    for (const start10 of [...open]) releaseMove(start10);
+    for (const start11 of [...open]) releaseMove(start11);
   }
-  function drifted(start10, result2) {
-    if (!start10.item.isConnected || start10.item.parentElement !== result2.to) return true;
-    const before = start10.children.filter((node) => node !== start10.item);
-    const after = [...start10.from.children].filter((node) => node !== start10.item);
+  function drifted(start11, result2) {
+    if (!start11.item.isConnected || start11.item.parentElement !== result2.to) return true;
+    const before = start11.children.filter((node) => node !== start11.item);
+    const after = [...start11.from.children].filter((node) => node !== start11.item);
     return !sameNodes(before, after);
   }
-  function sameSlot(start10, result2) {
+  function sameSlot(start11, result2) {
     if (result2.from !== result2.to) return false;
     const now3 = [...result2.to.children];
-    return sameNodes(now3, start10.children);
+    return sameNodes(now3, start11.children);
   }
-  function removal(start10) {
-    const member = (node) => node && node.parentNode === start10.from;
-    const next = member(start10.next) ? start10.next : null;
+  function removal(start11) {
+    const member = (node) => node && node.parentNode === start11.from;
+    const next = member(start11.next) ? start11.next : null;
     return {
       kind: "remove",
-      parent: start10.from,
-      nodes: [start10.item],
+      parent: start11.from,
+      nodes: [start11.item],
       before: next,
       afterAuthored: next,
-      beforeAuthored: member(start10.previous) ? start10.previous : null
+      beforeAuthored: member(start11.previous) ? start11.previous : null
     };
   }
   function addition(result2) {
@@ -81298,21 +81341,21 @@ ${doc.documentElement.outerHTML}`);
       beforeAuthored: result2.item.previousSibling
     };
   }
-  function recordMove(start10, result2) {
-    if (!start10 || !result2 || result2.item !== start10.item) return null;
+  function recordMove(start11, result2) {
+    if (!start11 || !result2 || result2.item !== start11.item) return null;
     const label = moveLabel(result2);
-    if (drifted(start10, result2)) {
+    if (drifted(start11, result2)) {
       document.dispatchEvent(new CustomEvent("clay:undo-unavailable", {
         detail: { label, code: "conflicted" }
       }));
       return null;
     }
-    if (sameSlot(start10, result2)) return null;
+    if (sameSlot(start11, result2)) return null;
     const undo2 = engine2();
     if (!undo2?.command || !undo2?.record) return null;
-    holdMove(start10);
+    holdMove(start11);
     return undo2.command(label, () => {
-      undo2.record(removal(start10));
+      undo2.record(removal(start11));
       undo2.record(addition(result2));
     });
   }
@@ -82320,15 +82363,15 @@ ${doc.documentElement.outerHTML}`);
     options.onEnd = function(evt) {
       if (!record6.admitted) return;
       const result2 = { item: evt.item, from: evt.from, to: evt.to, oldIndex: evt.oldIndex, newIndex: evt.newIndex };
-      const start10 = press;
+      const start11 = press;
       press = null;
       if (restoring) {
         restoreRuntimeAttrs(restoring);
         restoring = null;
       }
-      if (start10) {
-        recordMove(start10, result2);
-        releaseMove(start10);
+      if (start11) {
+        recordMove(start11, result2);
+        releaseMove(start11);
       }
       finishMove(result2, onsortedCode);
     };
@@ -82339,10 +82382,10 @@ ${doc.documentElement.outerHTML}`);
     let native = false;
     let ends = [];
     const endPress = () => {
-      const start10 = press;
+      const start11 = press;
       press = null;
       restoring = null;
-      releaseMove(start10);
+      releaseMove(start11);
     };
     const restoreSoon = () => {
       const pending8 = recorded;
@@ -82415,15 +82458,15 @@ ${doc.documentElement.outerHTML}`);
     if (beforeItem !== null && !isItemOf(toContainer, beforeItem)) return refusal4("anchor");
     if (from === toContainer && nextItem(from, item) === beforeItem) return { ok: true, moved: false };
     const oldIndex = elementIndex(from, item);
-    const start10 = beginMove(item);
-    holdMove(start10);
+    const start11 = beginMove(item);
+    holdMove(start11);
     let result2;
     try {
       toContainer.insertBefore(item, beforeItem);
       result2 = { item, from, to: toContainer, oldIndex, newIndex: elementIndex(toContainer, item) };
-      recordMove(start10, result2);
+      recordMove(start11, result2);
     } finally {
-      releaseMove(start10);
+      releaseMove(start11);
     }
     finishMove(result2, from.getAttribute("onsorted"));
     return { ok: true, moved: true, ...result2 };
@@ -83764,16 +83807,16 @@ ${doc.documentElement.outerHTML}`);
       const want = el12.tagName === "TEXTAREA" ? el12.getAttribute("data-value") ?? el12.textContent : el12.getAttribute("value") ?? "";
       if (el12.value === want) return;
       const focused = el12 === document.activeElement;
-      let start10, end2;
+      let start11, end2;
       try {
-        start10 = el12.selectionStart;
+        start11 = el12.selectionStart;
         end2 = el12.selectionEnd;
       } catch {
       }
       el12.value = want;
-      if (focused && start10 != null) {
+      if (focused && start11 != null) {
         try {
-          el12.setSelectionRange(Math.min(start10, want.length), Math.min(end2, want.length));
+          el12.setSelectionRange(Math.min(start11, want.length), Math.min(end2, want.length));
         } catch {
         }
       }
@@ -91140,15 +91183,15 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
           if (!handle && !onBox) return;
           e20.preventDefault();
           stage.setPointerCapture(e20.pointerId);
-          const start10 = { px: e20.clientX, py: e20.clientY, x: x5, y: y6, w: w6, h };
+          const start11 = { px: e20.clientX, py: e20.clientY, x: x5, y: y6, w: w6, h };
           const corner = handle && [...handle.classList].find((c4) => /^qc-(nw|ne|sw|se)$/.test(c4))?.slice(3);
           const move2 = (ev) => {
             if (!corner) {
-              x5 = clamp3(start10.x + (ev.clientX - start10.px), 0, dispW - w6);
-              y6 = clamp3(start10.y + (ev.clientY - start10.py), 0, dispH - h);
+              x5 = clamp3(start11.x + (ev.clientX - start11.px), 0, dispW - w6);
+              y6 = clamp3(start11.y + (ev.clientY - start11.py), 0, dispH - h);
             } else {
-              const ax = corner.includes("w") ? start10.x + start10.w : start10.x;
-              const ay = corner.includes("n") ? start10.y + start10.h : start10.y;
+              const ax = corner.includes("w") ? start11.x + start11.w : start11.x;
+              const ay = corner.includes("n") ? start11.y + start11.h : start11.y;
               const goingE = corner.includes("e"), goingS = corner.includes("s");
               const rect = stage.getBoundingClientRect();
               const dx = Math.abs(ev.clientX - (rect.left + ax));
@@ -92430,20 +92473,26 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
   });
 
-  // src/plugins/menu/claygoo.svg.js
-  var claygoo_svg_default;
-  var init_claygoo_svg = __esm({
-    "src/plugins/menu/claygoo.svg.js"() {
-      claygoo_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="-45.87 -57.96 100.26 60.98" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M44.35 -4.56Q40.03 -0.52 34.69 -0.39Q29.34 -0.25 24.81 -0.14Q20.27 -0.02 15.6 0Q10.93 0.02 6.41 0Q1.89 -0.02 -2.79 -0.02Q-7.48 -0.02 -12.11 -0.14Q-16.73 -0.25 -21.64 -0.27Q-26.55 -0.3 -31.72 -2.25Q-36.88 -4.2 -39.87 -9.12Q-42.87 -14.03 -42.8 -19.61Q-42.74 -25.18 -40.43 -29.94Q-38.12 -34.69 -34.82 -38.78Q-31.52 -42.87 -27.25 -45.6Q-22.98 -48.33 -18.35 -50.59Q-13.73 -52.85 -8.7 -53.88Q-3.68 -54.91 1.32 -54.93Q6.32 -54.96 11.44 -54.56Q16.55 -54.16 21.35 -52.2Q26.16 -50.24 30.69 -48.01Q35.22 -45.78 38.99 -42.18Q42.76 -38.59 45.67 -34.37Q48.59 -30.15 49.99 -24.87Q51.39 -19.59 50.04 -14.09Q48.68 -8.6 44.35 -4.56ZM0.66 -30.49C0.5 -28.73 -0.88 -27.42 -2.42 -27.57C-3.96 -27.71 -5.08 -29.25 -4.91 -31.01C-4.75 -32.77 -3.36 -34.08 -1.83 -33.94C-0.29 -33.79 0.83 -32.25 0.66 -30.49ZM13.61 -29.28C13.44 -27.52 12.06 -26.21 10.52 -26.35C8.98 -26.5 7.87 -28.04 8.03 -29.8C8.2 -31.56 9.58 -32.87 11.12 -32.73C12.66 -32.58 13.77 -31.04 13.61 -29.28ZM-1.23 -17.71Q-0.62 -17.35 -0.03 -17.08Q0.56 -16.81 1.15 -16.54Q1.73 -16.28 2.4 -16Q3.07 -15.72 3.87 -15.6Q4.66 -15.48 5.4 -15.55Q6.13 -15.62 6.77 -15.79Q7.41 -15.96 7.97 -16.23Q8.53 -16.5 9 -16.91Q9.46 -17.32 9.73 -17.9Q9.99 -18.47 10.08 -19.12Q10.17 -19.77 10.08 -20.42Q9.99 -21.06 9.45 -21.32Q8.91 -21.58 8.27 -21.38Q7.63 -21.17 6.99 -20.91Q6.36 -20.65 5.7 -20.61Q5.04 -20.56 4.33 -20.73Q3.62 -20.9 2.92 -21.14Q2.23 -21.39 1.54 -21.68Q0.85 -21.97 0.16 -22.27Q-0.52 -22.56 -1.22 -22.79Q-1.92 -23.03 -2.49 -22.61Q-3.05 -22.19 -3.23 -21.5Q-3.4 -20.81 -3.2 -20.09Q-3.01 -19.38 -3.02 -19.15Q-3.02 -18.93 -2.42 -18.5Q-1.83 -18.06 -1.23 -17.71Z"/></svg>';
-    }
-  });
-
-  // src/plugins/menu/style.js
-  var MENU_SURFACE, MENU_BASE, MENU_FLOATING, MENU_SKIN, MENU_TOUCH, style_default;
-  var init_style2 = __esm({
-    "src/plugins/menu/style.js"() {
-      MENU_SURFACE = { light: [255, 252, 246], dark: [26, 29, 44], mutedLight: [107, 89, 66], mutedDark: [163, 169, 194] };
-      MENU_BASE = `.clay-menu-dock, .clay-menu-spots, .clay-seo {
+  // src/plugins/menu/shell-style.js
+  var MENU_SAFETY, SHELL_A, SHELL_B, SHELL_C, SHELL_BASE, SHELL_FLOATING, MENU_SKIN, MENU_TOUCH;
+  var init_shell_style = __esm({
+    "src/plugins/menu/shell-style.js"() {
+      MENU_SAFETY = `@layer clay-menu-safety {
+  .clay-menu-dock [hidden], .clay-menu-spots[hidden], .clay-menu-dock[hidden] { display: none !important; }
+  .clay-menu :focus-visible:not(.clay-menu-edit) { outline: 2px solid var(--bevel-brass) !important; outline-offset: -2px !important; }
+  @media (pointer: coarse), (max-width: 680px) {
+    .clay-menu-goo, .clay-menu-list [part~="dismiss"], .clay-menu-list [part~="step"], .clay-menu-list [role^="menuitem"] { min-width: 44px !important; min-height: 44px !important; }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .clay-menu-dock *, .clay-menu-dock *::before, .clay-menu-dock *::after { transition: none !important; animation: none !important; }
+  }
+  @media (forced-colors: active) {
+    .clay-menu-list { border: 1px solid CanvasText !important; }
+    .clay-menu :focus-visible:not(.clay-menu-edit) { outline-color: Highlight !important; }
+  }
+}
+`;
+      SHELL_A = `.clay-menu-dock, .clay-menu-spots, .clay-seo {
   --bevel-font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
   --bevel-font-serif: Newsreader, Georgia, "Times New Roman", serif;
   --bevel-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
@@ -92486,13 +92535,100 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 
 .clay-menu { box-sizing: border-box; display: inline-flex; align-items: center; gap: 2px; user-select: none; -webkit-user-select: none; }
 
-.clay-menu-edit { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 28px; margin: 0; padding: 0 8px 0 5px; border: 0; background: none; font: 500 13px/1 var(--bevel-font-sans); color: var(--bevel-ink); cursor: pointer; }
+`;
+      SHELL_B = `.clay-menu-goo { position: relative; display: inline-grid; place-items: center; box-sizing: border-box; margin: 0; padding: 0; cursor: pointer; }
+.clay-menu-goo svg { display: block; }
+.clay-menu-dot { position: absolute; top: -1px; right: -2px; width: 8px; height: 8px; border-radius: 50%; background: var(--bevel-brass); box-shadow: 0 0 0 2px var(--bevel-surface); }
+
+.clay-menu :focus-visible, .clay-roster:focus-visible { outline: 2px solid var(--bevel-brass); outline-offset: 2px; }
+.clay-menu-edit:focus-visible { outline: none; }
+.clay-menu-edit:focus-visible .clay-menu-track { outline: 2px solid var(--bevel-brass); outline-offset: 2px; }
+
+`;
+      SHELL_C = `/* Popovers: the menu, the people panel, the status note. Below the dock, above it in a bottom corner. */
+.clay-menu-list, .clay-people, .clay-menu-note { position: absolute; z-index: 1; top: calc(100% + 8px); right: 0; box-sizing: border-box; margin: 0; color: var(--bevel-ink); text-align: left; }
+.clay-people, .clay-menu-note { border: 1px solid var(--bevel-line-2); background: var(--bevel-surface); box-shadow: var(--clay-shadow); }
+
+.clay-menu-list { width: max-content; max-width: calc(100vw - 24px); max-height: calc(100dvh - 72px); overflow-y: auto; overscroll-behavior: contain; }
+.clay-menu-list[popover] { position: fixed; inset: auto; margin: 0; }
+.clay-menu-list [role^="menuitem"] { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 0; border: 0; background: none; text-align: left; text-decoration: none; cursor: pointer; }
+.clay-menu-list [role^="menuitem"]:hover:not([aria-disabled="true"]), .clay-menu-list [role^="menuitem"]:focus-visible { outline: none; background: var(--bevel-sunk); }
+.clay-menu-list [role^="menuitem"][aria-disabled="true"] { cursor: default; }
+.clay-menu-pair { display: flex; gap: 12px; padding: 3px 9px; }
+.clay-menu-list .clay-menu-pair [role="menuitem"] { flex: none; width: auto; justify-content: flex-start; gap: 9px; }
+.clay-menu-list kbd { flex: none; white-space: nowrap; }
+.clay-menu-row { display: flex; align-items: center; gap: 2px; }
+.clay-menu-list .clay-menu-row > [part~="item"] { flex: 1; width: auto; min-width: 0; }
+.clay-menu-list .clay-menu-row > [part~="dismiss"] { flex: none; width: 28px; justify-content: center; padding: 0; }
+.clay-menu-row > [part~="dismiss"] svg { display: block; width: 10px; height: 10px; fill: currentColor; }
+.clay-menu-upgrade { display: inline-flex; align-items: center; gap: 8px; }
+.clay-menu-upgrade::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--bevel-brass); }
+.clay-menu-toggle .clay-menu-track { flex: none; }
+.clay-menu-version { box-sizing: border-box; margin: 0; padding: 7px 9px; }
+
+.clay-menu-note { z-index: 2; width: max-content; max-width: 264px; padding: 8px 12px; font-size: 13px; line-height: 1.45; }
+
+.clay-menu-stepper { display: flex; align-items: center; gap: 2px; padding-left: 9px; font: 400 13px/1.35 var(--bevel-font-sans); color: var(--bevel-ink); }
+.clay-menu-stepper-label { flex: 1; margin-right: 12px; white-space: nowrap; }
+.clay-menu-stepper-value { min-width: 5.5em; text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; }
+.clay-menu-list .clay-menu-stepper [role="menuitem"] { flex: none; display: inline-grid; place-items: center; box-sizing: border-box; width: 36px; min-height: 36px; padding: 0; }
+.clay-menu-stepper svg { display: block; width: 16px; height: 16px; fill: currentColor; }
+
+`;
+      SHELL_BASE = SHELL_A + SHELL_B + SHELL_C;
+      SHELL_FLOATING = `/* The dock: the roster (when a page opts in) and the capsule, fixed in one corner. */
+.clay-menu-dock { position: fixed; z-index: 2147482000; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); }
+.clay-menu-dock[data-corner$="left"] { right: auto; left: max(12px, env(safe-area-inset-left)); flex-direction: row-reverse; }
+.clay-menu-dock[data-corner^="bottom"] { top: auto; bottom: max(12px, env(safe-area-inset-bottom)); }
+.clay-menu-dock[data-corner$="left"] :is(.clay-menu-list, .clay-people, .clay-menu-note) { right: auto; left: 0; }
+.clay-menu-dock[data-corner^="bottom"] :is(.clay-menu-list, .clay-people, .clay-menu-note) { top: auto; bottom: calc(100% + 8px); }
+`;
+      MENU_SKIN = `.clay-menu { height: 34px; padding: 0 4px 0 2px; border: 1px solid var(--bevel-line-3); background: var(--bevel-surface); box-shadow: var(--clay-shadow); }
+.clay-menu-goo { width: 28px; height: 28px; min-height: 0; border-radius: 0; border: 2px solid transparent; background: none; color: var(--bevel-ink); }
+.clay-menu-goo::before { content: ""; position: absolute; inset: -8px -8px -8px -4px; }
+.clay-menu-goo svg { width: 18px; height: auto; fill: currentColor; }
+.clay-menu-goo:hover svg { translate: 0 -1px; }
+.clay-menu-goo:active, .clay-menu-goo[aria-expanded="true"] { background: var(--bevel-face-in); border-color: var(--bevel-edge-in) var(--bevel-edge-in-hi) var(--bevel-edge-in-hi) var(--bevel-edge-in); }
+.clay-menu-goo:active svg, .clay-menu-goo[aria-expanded="true"] svg { translate: 1px 1px; }
+.clay-menu-list { min-width: 284px; padding: 6px; border: 1px solid var(--bevel-line-2); background: var(--bevel-surface); box-shadow: var(--clay-shadow); }
+.clay-menu-list [role^="menuitem"] { min-height: 32px; padding: 5px 9px; font: 400 13px/1.35 var(--bevel-font-sans); color: var(--bevel-ink); }
+.clay-menu-list [role^="menuitem"][aria-disabled="true"] { color: var(--bevel-faint); }
+.clay-menu-list [role^="menuitem"][aria-disabled="true"] kbd { opacity: .6; }
+.clay-menu-list .clay-menu-pair [role="menuitem"] { min-height: 30px; padding: 4px 6px 4px 9px; border: 1px solid var(--bevel-line); }
+.clay-menu-list kbd { font: 500 11px/1 var(--bevel-font-mono); padding: 3px 5px; border: 1px solid var(--bevel-line-2); background: var(--bevel-sunk); color: var(--bevel-muted); }
+.clay-menu-list [part~="quiet"] { font-size: 12px; color: var(--bevel-muted); }
+.clay-menu-sep { height: 1px; margin: 4px 2px; background: var(--bevel-line); }
+.clay-menu-version { font: 400 11.5px/1.4 var(--bevel-font-mono); color: var(--bevel-muted); }
+`;
+      MENU_TOUCH = `@media (pointer: coarse), (max-width: 680px) {
+  .clay-menu-list [role^="menuitem"] { min-height: 44px; font-size: 15px; }
+  .clay-menu-list .clay-menu-pair [role="menuitem"] { min-height: 44px; }
+  .clay-menu-list .clay-menu-stepper [role="menuitem"] { width: 44px; min-height: 44px; }
+  :is(.clay-menu-dock, .clay-seo) :is(input, textarea, select) { font-size: 16px; }
+  .clay-seo-input, .clay-people-input { min-height: 40px; }
+  .clay-menu-btn { min-height: 40px; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .clay-menu-track, .clay-menu-thumb { transition: none; }
+}
+`;
+    }
+  });
+
+  // src/plugins/menu/style.js
+  var MENU_SURFACE, OWNER_1, OWNER_2, OWNER_3, MENU_BASE, MENU_FLOATING, style_default;
+  var init_style2 = __esm({
+    "src/plugins/menu/style.js"() {
+      init_shell_style();
+      init_shell_style();
+      MENU_SURFACE = { light: [255, 252, 246], dark: [26, 29, 44], mutedLight: [107, 89, 66], mutedDark: [163, 169, 194] };
+      OWNER_1 = `.clay-menu-edit { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 28px; margin: 0; padding: 0 8px 0 5px; border: 0; background: none; font: 500 13px/1 var(--bevel-font-sans); color: var(--bevel-ink); cursor: pointer; }
 .clay-menu-edit::before { content: ""; position: absolute; inset: -8px 0; }
 .clay-menu-track { position: relative; display: block; box-sizing: border-box; width: 36px; height: 20px; border: 1px solid var(--bevel-line-2); background: var(--bevel-sunk); transition: background-color .14s, border-color .14s; }
 .clay-menu-thumb { position: absolute; top: 2px; left: 2px; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid; border-color: var(--bevel-knob-hi) var(--bevel-edge-lo) var(--bevel-edge-lo) var(--bevel-knob-hi); background: var(--bevel-knob); transition: translate .15s cubic-bezier(.4, 0, .2, 1); }
-.clay-menu-edit:hover .clay-menu-track { border-color: var(--bevel-faint); }
-.clay-menu-edit[aria-checked="true"] .clay-menu-track { background: #256056; border-color: light-dark(#256056, #3C7E72); }
-.clay-menu-edit[aria-checked="true"] .clay-menu-thumb { translate: 16px 0; background: light-dark(var(--bevel-knob), #8EDCC5); border-color: light-dark(var(--bevel-knob-hi), #C2F0E2) light-dark(var(--bevel-edge-lo), #4F9C86) light-dark(var(--bevel-edge-lo), #4F9C86) light-dark(var(--bevel-knob-hi), #C2F0E2); }
+:is(.clay-menu-edit, .clay-menu-toggle):hover .clay-menu-track { border-color: var(--bevel-faint); }
+:is(.clay-menu-edit, .clay-menu-toggle)[aria-checked="true"] .clay-menu-track { background: #256056; border-color: light-dark(#256056, #3C7E72); }
+:is(.clay-menu-edit, .clay-menu-toggle)[aria-checked="true"] .clay-menu-thumb { translate: 16px 0; background: light-dark(var(--bevel-knob), #8EDCC5); border-color: light-dark(var(--bevel-knob-hi), #C2F0E2) light-dark(var(--bevel-edge-lo), #4F9C86) light-dark(var(--bevel-edge-lo), #4F9C86) light-dark(var(--bevel-knob-hi), #C2F0E2); }
 .clay-menu-edit[aria-busy="true"] { cursor: progress; color: var(--bevel-muted); }
 .clay-menu-edit[aria-busy="true"] .clay-menu-track { background: var(--bevel-line); border-color: var(--bevel-line-2); }
 .clay-menu-edit[aria-busy="true"] .clay-menu-thumb { translate: 8px 0; opacity: .7; }
@@ -92500,15 +92636,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 
 .clay-menu-divider { width: 1px; height: 18px; margin: 0 2px; background: var(--bevel-line-2); }
 
-.clay-menu-goo { position: relative; display: inline-grid; place-items: center; box-sizing: border-box; margin: 0; padding: 0; cursor: pointer; }
-.clay-menu-goo svg { display: block; }
-.clay-menu-dot { position: absolute; top: -1px; right: -2px; width: 8px; height: 8px; border-radius: 50%; background: var(--bevel-brass); box-shadow: 0 0 0 2px var(--bevel-surface); }
-
-.clay-menu :focus-visible, .clay-roster:focus-visible { outline: 2px solid var(--bevel-brass); outline-offset: 2px; }
-.clay-menu-edit:focus-visible { outline: none; }
-.clay-menu-edit:focus-visible .clay-menu-track { outline: 2px solid var(--bevel-brass); outline-offset: 2px; }
-
-/* The roster, beside the capsule, only on a page that opts in. Flat, like the capsule. */
+`;
+      OWNER_2 = `/* The roster, beside the capsule, only on a page that opts in. Flat, like the capsule. */
 .clay-roster { box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; height: 34px; margin: 0; padding: 0 10px 0 5px; border: 1px solid var(--bevel-line-3); background: var(--bevel-surface); box-shadow: var(--clay-shadow); font: 400 12px/1 var(--bevel-font-mono); color: var(--bevel-muted); cursor: pointer; }
 .clay-roster:hover, .clay-roster[aria-expanded="true"] { background: var(--bevel-sunk); }
 .clay-roster-faces { display: inline-flex; }
@@ -92525,29 +92654,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 .clay-avatar[data-tone="brass"] { background: var(--bevel-brass-soft); color: var(--bevel-brass); border-color: color-mix(in srgb, var(--bevel-brass) 35%, var(--bevel-brass-soft)); }
 .clay-avatar[data-tone="teal"] { background: var(--bevel-teal-soft); color: var(--bevel-teal); border-color: color-mix(in srgb, var(--bevel-teal) 35%, var(--bevel-teal-soft)); }
 
-/* Popovers: the menu, the people panel, the status note. Below the dock, above it in a bottom corner. */
-.clay-menu-list, .clay-people, .clay-menu-note { position: absolute; z-index: 1; top: calc(100% + 8px); right: 0; box-sizing: border-box; margin: 0; color: var(--bevel-ink); text-align: left; }
-.clay-people, .clay-menu-note { border: 1px solid var(--bevel-line-2); background: var(--bevel-surface); box-shadow: var(--clay-shadow); }
-
-.clay-menu-list { width: max-content; max-width: calc(100vw - 24px); max-height: calc(100dvh - 72px); overflow-y: auto; overscroll-behavior: contain; }
-.clay-menu-list[popover] { position: fixed; inset: auto; margin: 0; }
-.clay-menu-list [role="menuitem"] { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 0; border: 0; background: none; text-align: left; text-decoration: none; cursor: pointer; }
-.clay-menu-list [role="menuitem"]:hover:not([aria-disabled="true"]), .clay-menu-list [role="menuitem"]:focus-visible { outline: none; background: var(--bevel-sunk); }
-.clay-menu-list [role="menuitem"][aria-disabled="true"] { cursor: default; }
-.clay-menu-pair { display: flex; gap: 12px; padding: 3px 9px; }
-.clay-menu-list .clay-menu-pair [role="menuitem"] { flex: none; width: auto; justify-content: flex-start; gap: 9px; }
-.clay-menu-list kbd { flex: none; white-space: nowrap; }
-.clay-menu-row { display: flex; align-items: center; gap: 2px; }
-.clay-menu-list .clay-menu-row > [part~="item"] { flex: 1; width: auto; min-width: 0; }
-.clay-menu-list .clay-menu-row > [part~="dismiss"] { flex: none; width: 28px; justify-content: center; padding: 0; }
-.clay-menu-row > [part~="dismiss"] svg { display: block; width: 10px; height: 10px; fill: currentColor; }
-.clay-menu-upgrade { display: inline-flex; align-items: center; gap: 8px; }
-.clay-menu-upgrade::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--bevel-brass); }
-.clay-menu-version { margin: 0; }
-
-.clay-menu-note { z-index: 2; width: max-content; max-width: 264px; padding: 8px 12px; font-size: 13px; line-height: 1.45; }
-
-/* The people panel: no lines between people, one line between sections. */
+`;
+      OWNER_3 = `/* The people panel: no lines between people, one line between sections. */
 .clay-people { width: 300px; max-width: calc(100vw - 24px); padding: 0; }
 .clay-people-head { display: flex; align-items: center; gap: 10px; padding: 10px 8px 10px 14px; border-bottom: 1px solid var(--bevel-line); }
 .clay-people-title { flex: 1; margin: 0; font: 500 16px/1.2 var(--bevel-font-serif); }
@@ -92580,13 +92688,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 .clay-menu-btn-primary { --bevel-face: var(--bevel-ink); --bevel-edge-hi: color-mix(in srgb, var(--bevel-ink), light-dark(#FFFCF6, #FFFFFF) 22%); --bevel-edge-lo: color-mix(in srgb, var(--bevel-ink), light-dark(#0B0C13, #6A7090) 34%); color: var(--bevel-ground); }
 .clay-menu-btn-primary:hover { background: color-mix(in srgb, var(--bevel-ink), var(--bevel-ground) 12%); }
 `;
-      MENU_FLOATING = `/* The dock: the roster (when a page opts in) and the capsule, fixed in one corner. */
-.clay-menu-dock { position: fixed; z-index: 2147482000; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); }
-.clay-menu-dock[data-corner$="left"] { right: auto; left: max(12px, env(safe-area-inset-left)); flex-direction: row-reverse; }
-.clay-menu-dock[data-corner^="bottom"] { top: auto; bottom: max(12px, env(safe-area-inset-bottom)); }
-.clay-menu-dock[data-corner$="left"] :is(.clay-menu-list, .clay-people, .clay-menu-note) { right: auto; left: 0; }
-.clay-menu-dock[data-corner^="bottom"] :is(.clay-menu-list, .clay-people, .clay-menu-note) { top: auto; bottom: calc(100% + 8px); }
-.clay-menu-dock[data-dragging] .clay-menu { border-color: var(--bevel-brass); cursor: grabbing; }
+      MENU_BASE = SHELL_A + OWNER_1 + SHELL_B + OWNER_2 + SHELL_C + OWNER_3;
+      MENU_FLOATING = SHELL_FLOATING + `.clay-menu-dock[data-dragging] .clay-menu { border-color: var(--bevel-brass); cursor: grabbing; }
 .clay-menu-grip { position: relative; display: inline-grid; place-items: center; width: 18px; height: 28px; margin: 0; padding: 0; border: 0; background: none; color: var(--bevel-faint); cursor: grab; touch-action: none; }
 .clay-menu-grip::before { content: ""; position: absolute; inset: -8px -2px -8px -10px; }
 .clay-menu-grip:hover { color: var(--bevel-ink-2); }
@@ -92600,34 +92703,6 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 .clay-menu-spot[data-to$="left"] { left: 12px; }
 .clay-menu-spot[data-to$="right"] { right: 12px; }
 .clay-menu-spot[data-near] { border: 2px solid var(--bevel-brass); background: var(--bevel-brass-soft); }
-`;
-      MENU_SKIN = `.clay-menu { height: 34px; padding: 0 4px 0 2px; border: 1px solid var(--bevel-line-3); background: var(--bevel-surface); box-shadow: var(--clay-shadow); }
-.clay-menu-goo { width: 28px; height: 28px; min-height: 0; border-radius: 0; border: 2px solid transparent; background: none; color: var(--bevel-ink); }
-.clay-menu-goo::before { content: ""; position: absolute; inset: -8px -8px -8px -4px; }
-.clay-menu-goo svg { width: 18px; height: auto; fill: currentColor; }
-.clay-menu-goo:hover svg { translate: 0 -1px; }
-.clay-menu-goo:active, .clay-menu-goo[aria-expanded="true"] { background: var(--bevel-face-in); border-color: var(--bevel-edge-in) var(--bevel-edge-in-hi) var(--bevel-edge-in-hi) var(--bevel-edge-in); }
-.clay-menu-goo:active svg, .clay-menu-goo[aria-expanded="true"] svg { translate: 1px 1px; }
-.clay-menu-list { min-width: 284px; padding: 6px; border: 1px solid var(--bevel-line-2); background: var(--bevel-surface); box-shadow: var(--clay-shadow); }
-.clay-menu-list [role="menuitem"] { min-height: 32px; padding: 5px 9px; font: 400 13px/1.35 var(--bevel-font-sans); color: var(--bevel-ink); }
-.clay-menu-list [role="menuitem"][aria-disabled="true"] { color: var(--bevel-faint); }
-.clay-menu-list [role="menuitem"][aria-disabled="true"] kbd { opacity: .6; }
-.clay-menu-list .clay-menu-pair [role="menuitem"] { min-height: 30px; padding: 4px 6px 4px 9px; border: 1px solid var(--bevel-line); }
-.clay-menu-list kbd { font: 500 11px/1 var(--bevel-font-mono); padding: 3px 5px; border: 1px solid var(--bevel-line-2); background: var(--bevel-sunk); color: var(--bevel-muted); }
-.clay-menu-list [part~="quiet"] { font-size: 12px; color: var(--bevel-muted); }
-.clay-menu-sep { height: 1px; margin: 4px 2px; background: var(--bevel-line); }
-.clay-menu-version { padding: 6px 9px 4px; font: 400 11.5px/1.4 var(--bevel-font-mono); color: var(--bevel-muted); }
-`;
-      MENU_TOUCH = `@media (pointer: coarse), (max-width: 680px) {
-  .clay-menu-list [role="menuitem"] { min-height: 44px; font-size: 15px; }
-  .clay-menu-list .clay-menu-pair [role="menuitem"] { min-height: 44px; }
-  :is(.clay-menu-dock, .clay-seo) :is(input, textarea, select) { font-size: 16px; }
-  .clay-seo-input, .clay-people-input { min-height: 40px; }
-  .clay-menu-btn { min-height: 40px; }
-}
-@media (prefers-reduced-motion: reduce) {
-  .clay-menu-track, .clay-menu-thumb { transition: none; }
-}
 `;
       style_default = MENU_BASE + MENU_FLOATING + MENU_SKIN + MENU_TOUCH;
     }
@@ -92764,10 +92839,10 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   // src/plugins/menu/actions.js
   function whenPresent(get5, ms4 = READY_MS) {
     return new Promise((resolve2) => {
-      const start10 = Date.now();
+      const start11 = Date.now();
       const tick = () => {
         const value = get5();
-        if (value || Date.now() - start10 >= ms4) resolve2(value || null);
+        if (value || Date.now() - start11 >= ms4) resolve2(value || null);
         else setTimeout(tick, 50);
       };
       tick();
@@ -93189,6 +93264,40 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
   });
 
+  // src/plugins/menu/looks.js
+  function wantedLook() {
+    const name = document.documentElement.getAttribute("look");
+    return name && looks().some((style3) => nameOf(style3) === name) ? name : null;
+  }
+  function activeLook() {
+    const all = looks();
+    const wanted = wantedLook();
+    return all.find((style3) => nameOf(style3) === wanted) || all.find((style3) => style3.getAttribute("media") !== OFF) || all[0] || null;
+  }
+  function paintLook2(name = wantedLook()) {
+    document.querySelector("style[clay-look-hint]")?.remove();
+    if (!name) return;
+    for (const style3 of looks()) {
+      if (nameOf(style3) === name) style3.removeAttribute("media");
+      else if (style3.getAttribute("media") !== OFF) style3.setAttribute("media", OFF);
+    }
+  }
+  function recordLook(name) {
+    if (!carriesLook()) return;
+    if (name) document.documentElement.setAttribute("look", name);
+    else document.documentElement.removeAttribute("look");
+  }
+  var OFF, looks, nameOf, labelOf2, carriesLook;
+  var init_looks = __esm({
+    "src/plugins/menu/looks.js"() {
+      OFF = "not all";
+      looks = () => [...document.querySelectorAll("head style[clay-variant]")];
+      nameOf = (style3) => style3.getAttribute("clay-variant");
+      labelOf2 = (style3) => style3.getAttribute("clay-variant-label") || `Variant ${nameOf(style3)}`;
+      carriesLook = () => /"html@look"/.test(document.querySelector('script[data-rules-name~="api"]')?.textContent ?? "");
+    }
+  });
+
   // src/plugins/menu/variants.js
   function savedName() {
     const all = looks();
@@ -93208,15 +93317,17 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
   }
   function joinNames(list3) {
-    const named = list3.map((name) => `Variant ${name}`);
+    const named = list3.map(labelFor);
     return named.length < 2 ? named.join("") : `${named.slice(0, -1).join(", ")} and ${named[named.length - 1]}`;
   }
   function attachVariants({ root: root4, capsule, addItem, removeItem, note, currentMode: currentMode2 }) {
+    paintLook2();
     let previewing = null;
     let pending8 = null;
     let copy13 = null;
     let pill = null;
     let drawn = null;
+    const wantsRow = Boolean(document.querySelector("[clay-menu-slot]")?.hasAttribute("clay-menu-looks"));
     const isEdit = () => currentMode2() === "edit";
     const shown3 = () => previewing ?? savedName();
     const storage2 = () => window.clay && window.clay.storage && window.clay.storage.session;
@@ -93250,6 +93361,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       if (!names().includes(name)) return { ok: false, code: "unknown-variant" };
       pending8 = previewing = null;
       writeHead(CHOOSE_LABEL, () => {
+        recordLook(name);
         for (const style3 of looks()) {
           if (nameOf(style3) === name) style3.removeAttribute("media");
           else if (style3.getAttribute("media") !== OFF) style3.setAttribute("media", OFF);
@@ -93267,6 +93379,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     function keepNow(name) {
       pending8 = previewing = null;
       writeHead(KEEP_LABEL, () => {
+        recordLook(name);
         for (const style3 of looks()) {
           if (nameOf(style3) === name) {
             style3.removeAttribute("clay-variant");
@@ -93284,7 +93397,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       const name = savedName();
       const others = names().filter((other) => other !== name);
       if (!others.length) return Promise.resolve({ ok: false, code: "unknown-variant" });
-      const text6 = `Keep Variant ${name} and delete ${joinNames(others)}? The switcher goes away. Version history still has them.`;
+      const text6 = `Keep ${labelFor(name)} and delete ${joinNames(others)}? The switcher goes away. Version history still has them.`;
       return Promise.resolve().then(() => (init_dialogs(), dialogs_exports)).then((m7) => m7.consent(text6)).then(
         () => {
           keepNow(name);
@@ -93349,20 +93462,46 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       if (all.length < 2) {
         pill?.remove();
         pill = null;
+        removeItem("clay.look");
+        removeItem("clay.look.use");
         removeItem(KEEP_ID);
         return;
       }
+      if (root4.hasAttribute("data-embedded")) {
+        const name2 = shown3();
+        if (wantsRow) {
+          addItem({
+            id: "clay.look",
+            section: "start",
+            stepper: {
+              label: "Switch look",
+              value: `${labelFor(name2)} ${all.indexOf(name2) + 1}/${all.length}`,
+              prev: () => step(-1),
+              next: () => step(1),
+              prevLabel: "Previous look",
+              nextLabel: "Next look"
+            }
+          });
+        } else {
+          removeItem("clay.look");
+        }
+        if (!isEdit() && previewing !== null) addItem({ id: "clay.look.use", section: "start", label: "Use this look", run: useShown });
+        else removeItem("clay.look.use");
+        if (isEdit()) addItem({ id: KEEP_ID, label: `Keep ${labelFor(savedName())}, remove the others\u2026`, run: () => keep3() });
+        else removeItem(KEEP_ID);
+        return;
+      }
       if (!pill) pill = buildPill();
       if (!pill.isConnected) root4.insertBefore(pill, root4.querySelector(".clay-roster") ?? capsule);
       const name = shown3();
       const label = pill.querySelector(".clay-variants-name");
-      label.textContent = `Variant ${name} `;
+      label.textContent = `${labelFor(name)} `;
       const count3 = document.createElement("small");
       count3.textContent = `(${all.indexOf(name) + 1}/${all.length})`;
       label.append(count3);
       pill.querySelector(".clay-variants-use").hidden = isEdit() || previewing === null;
       pill.querySelector(".clay-variants-keep").hidden = !isEdit();
-      if (isEdit()) addItem({ id: KEEP_ID, label: `Keep Variant ${savedName()}, remove the others\u2026`, run: () => keep3() });
+      if (isEdit()) addItem({ id: KEEP_ID, label: `Keep ${labelFor(savedName())}, remove the others\u2026`, run: () => keep3() });
       else removeItem(KEEP_ID);
     }
     function refresh3() {
@@ -93383,16 +93522,23 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       }
       refresh3();
     });
+    const followRecord = () => {
+      if (document.documentElement.hasAttribute("look") && names().length > 1) recordLook(savedName());
+    };
     document.addEventListener("clay:sync-applied", () => {
-      if (current5()) refresh3();
+      if (!current5()) return;
+      followRecord();
+      refresh3();
     });
     document.addEventListener("clay:undo-change", () => {
-      if (current5() && state2() !== drawn) refresh3();
+      if (!current5() || state2() === drawn) return;
+      followRecord();
+      refresh3();
     });
     api = window.clay.variants = {
       list: () => {
         const active4 = savedName();
-        return names().map((name) => ({ name, label: `Variant ${name}`, active: name === active4 }));
+        return names().map((name) => ({ name, label: labelFor(name), active: name === active4 }));
       },
       get active() {
         return savedName();
@@ -93409,20 +93555,442 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       refresh3();
     }
   }
-  var OFF, RECEIPT, KEEP_ID, CHOOSE_LABEL, KEEP_LABEL, PREV, NEXT, looks, nameOf, names;
+  var RECEIPT, KEEP_ID, CHOOSE_LABEL, KEEP_LABEL, PREV, NEXT, names, labelFor;
   var init_variants = __esm({
     "src/plugins/menu/variants.js"() {
       init_mode_refusal();
-      OFF = "not all";
+      init_looks();
       RECEIPT = "variants-choose";
       KEEP_ID = "clay.variants.keep";
       CHOOSE_LABEL = "Change the page look";
       KEEP_LABEL = "Keep one page look";
       PREV = '<svg viewBox="0 0 6 10" aria-hidden="true" focusable="false"><rect x="4" width="2" height="2"/><rect x="2" y="2" width="2" height="2"/><rect y="4" width="2" height="2"/><rect x="2" y="6" width="2" height="2"/><rect x="4" y="8" width="2" height="2"/></svg>';
       NEXT = '<svg viewBox="0 0 6 10" aria-hidden="true" focusable="false"><rect width="2" height="2"/><rect x="2" y="2" width="2" height="2"/><rect x="4" y="4" width="2" height="2"/><rect x="2" y="6" width="2" height="2"/><rect y="8" width="2" height="2"/></svg>';
-      looks = () => [...document.querySelectorAll("head style[clay-variant]")];
-      nameOf = (style3) => style3.getAttribute("clay-variant");
       names = () => looks().map(nameOf);
+      labelFor = (name) => {
+        const style3 = looks().find((candidate) => nameOf(candidate) === name);
+        return style3 ? labelOf2(style3) : `Variant ${name}`;
+      };
+    }
+  });
+
+  // src/plugins/menu/dom-items.js
+  async function removeAndSave(el12) {
+    await window.clay?.ready;
+    if (!canSave() || !el12.isConnected) return false;
+    const undo2 = window.clay?.undo;
+    if (undo2 && typeof undo2.commit === "function") undo2.commit("Remove this item", () => el12.remove());
+    else el12.remove();
+    window.clay?.save?.soon?.();
+    return true;
+  }
+  function attachDomItems({ addItem, removeItem, beforeOpen }) {
+    const shown3 = /* @__PURE__ */ new Set();
+    function sync() {
+      const seen = /* @__PURE__ */ new Set();
+      for (const el12 of document.querySelectorAll(SELECTOR5)) {
+        const key3 = el12.getAttribute("data-id") || el12.id;
+        if (!key3) {
+          console.warn("[clay] A clay-menu-item needs a data-id or an id.", el12);
+          continue;
+        }
+        const id = `dom.${key3}`;
+        seen.add(id);
+        const dismiss5 = el12.getAttribute("clay-menu-dismiss");
+        addItem({
+          id,
+          label: el12.textContent.trim(),
+          href: el12.getAttribute("href") || "",
+          section: el12.getAttribute("clay-menu-section") || void 0,
+          quiet: el12.hasAttribute("clay-menu-quiet"),
+          run: el12.hasAttribute("href") ? null : () => el12.click(),
+          dismiss: dismiss5 && canSave() ? { label: dismiss5, run: () => removeAndSave(el12) } : void 0
+        });
+      }
+      for (const id of shown3) if (!seen.has(id)) removeItem(id);
+      shown3.clear();
+      for (const id of seen) shown3.add(id);
+    }
+    beforeOpen.push(sync);
+    for (const name of ["clay:drafts-restored", "clay:sync-applied", "clay:modechange"]) document.addEventListener(name, sync);
+    sync();
+  }
+  var SELECTOR5, canSave;
+  var init_dom_items = __esm({
+    "src/plugins/menu/dom-items.js"() {
+      SELECTOR5 = "[clay-menu-item]:not([cms-template])";
+      canSave = () => window.clay?.mode === "edit" || window.clay?.mode === "draft";
+    }
+  });
+
+  // src/plugins/menu/claygoo.svg.js
+  var claygoo_svg_default;
+  var init_claygoo_svg = __esm({
+    "src/plugins/menu/claygoo.svg.js"() {
+      claygoo_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="-45.87 -57.96 100.26 60.98" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M44.35 -4.56Q40.03 -0.52 34.69 -0.39Q29.34 -0.25 24.81 -0.14Q20.27 -0.02 15.6 0Q10.93 0.02 6.41 0Q1.89 -0.02 -2.79 -0.02Q-7.48 -0.02 -12.11 -0.14Q-16.73 -0.25 -21.64 -0.27Q-26.55 -0.3 -31.72 -2.25Q-36.88 -4.2 -39.87 -9.12Q-42.87 -14.03 -42.8 -19.61Q-42.74 -25.18 -40.43 -29.94Q-38.12 -34.69 -34.82 -38.78Q-31.52 -42.87 -27.25 -45.6Q-22.98 -48.33 -18.35 -50.59Q-13.73 -52.85 -8.7 -53.88Q-3.68 -54.91 1.32 -54.93Q6.32 -54.96 11.44 -54.56Q16.55 -54.16 21.35 -52.2Q26.16 -50.24 30.69 -48.01Q35.22 -45.78 38.99 -42.18Q42.76 -38.59 45.67 -34.37Q48.59 -30.15 49.99 -24.87Q51.39 -19.59 50.04 -14.09Q48.68 -8.6 44.35 -4.56ZM0.66 -30.49C0.5 -28.73 -0.88 -27.42 -2.42 -27.57C-3.96 -27.71 -5.08 -29.25 -4.91 -31.01C-4.75 -32.77 -3.36 -34.08 -1.83 -33.94C-0.29 -33.79 0.83 -32.25 0.66 -30.49ZM13.61 -29.28C13.44 -27.52 12.06 -26.21 10.52 -26.35C8.98 -26.5 7.87 -28.04 8.03 -29.8C8.2 -31.56 9.58 -32.87 11.12 -32.73C12.66 -32.58 13.77 -31.04 13.61 -29.28ZM-1.23 -17.71Q-0.62 -17.35 -0.03 -17.08Q0.56 -16.81 1.15 -16.54Q1.73 -16.28 2.4 -16Q3.07 -15.72 3.87 -15.6Q4.66 -15.48 5.4 -15.55Q6.13 -15.62 6.77 -15.79Q7.41 -15.96 7.97 -16.23Q8.53 -16.5 9 -16.91Q9.46 -17.32 9.73 -17.9Q9.99 -18.47 10.08 -19.12Q10.17 -19.77 10.08 -20.42Q9.99 -21.06 9.45 -21.32Q8.91 -21.58 8.27 -21.38Q7.63 -21.17 6.99 -20.91Q6.36 -20.65 5.7 -20.61Q5.04 -20.56 4.33 -20.73Q3.62 -20.9 2.92 -21.14Q2.23 -21.39 1.54 -21.68Q0.85 -21.97 0.16 -22.27Q-0.52 -22.56 -1.22 -22.79Q-1.92 -23.03 -2.49 -22.61Q-3.05 -22.19 -3.23 -21.5Q-3.4 -20.81 -3.2 -20.09Q-3.01 -19.38 -3.02 -19.15Q-3.02 -18.93 -2.42 -18.5Q-1.83 -18.06 -1.23 -17.71Z"/></svg>';
+    }
+  });
+
+  // src/plugins/menu/shell.js
+  function findSlot() {
+    const slots = document.querySelectorAll("[clay-menu-slot]");
+    if (slots.length > 1) console.warn("[clay] This page has more than one clay-menu-slot. The menu uses the first.");
+    return slots[0] || null;
+  }
+  function pageSkin() {
+    const style3 = document.querySelector("style[clay-menu-skin]");
+    if (!style3) return null;
+    if (style3.getAttribute("clay-menu-skin") !== SKIN_VERSION) {
+      console.warn(`[clay] This runtime reads clay-menu-skin="${SKIN_VERSION}". The menu keeps its default look.`);
+      return null;
+    }
+    return style3.textContent;
+  }
+  function createShell({ capsuleStart = "", sections = [null] } = {}) {
+    const slotted = new Set(sections.flat().filter(Boolean));
+    const slot3 = findSlot();
+    const embedded = Boolean(slot3);
+    const skin = embedded ? pageSkin() : null;
+    const root4 = document.createElement("div");
+    root4.className = "clay-menu-dock";
+    root4.setAttribute("clay", "editor-ui");
+    root4.setAttribute("part", "dock");
+    if (embedded) root4.dataset.embedded = "";
+    root4.dataset.corner = "top-right";
+    root4.innerHTML = `<div class="clay-menu" part="capsule" clay="editor-ui">` + capsuleStart + `<button type="button" class="clay-menu-goo" part="button" aria-haspopup="menu" aria-expanded="false" aria-label="Clay menu">${claygoo_svg_default}</button></div><div class="clay-menu-list" part="list" role="menu" aria-label="Clay menu" hidden></div><div class="clay-menu-note" part="note" role="status" hidden></div>`;
+    const goo = root4.querySelector(".clay-menu-goo");
+    const list3 = root4.querySelector(".clay-menu-list");
+    const noteEl = root4.querySelector(".clay-menu-note");
+    const items = /* @__PURE__ */ new Map();
+    const beforeOpen = [];
+    if (embedded) {
+      const icon2 = slot3.querySelector("template[clay-menu-icon]");
+      if (icon2) goo.replaceChildren(icon2.content.cloneNode(true));
+      const name = slot3.getAttribute("clay-menu-label");
+      if (name) {
+        goo.setAttribute("aria-label", name);
+        goo.title = name;
+        list3.setAttribute("aria-label", name);
+      }
+    }
+    const topLayer = embedded && typeof list3.showPopover === "function";
+    if (topLayer) list3.setAttribute("popover", "manual");
+    function placeList() {
+      const anchor = goo.getBoundingClientRect();
+      const { offsetWidth: width, offsetHeight: height } = list3;
+      const left = Math.max(EDGE_GAP, Math.min(anchor.right - width, window.innerWidth - width - EDGE_GAP));
+      const below = anchor.bottom + EDGE_GAP;
+      const top = below + height > window.innerHeight - EDGE_GAP ? Math.max(EDGE_GAP, anchor.top - height - EDGE_GAP) : below;
+      list3.style.left = `${Math.round(left)}px`;
+      list3.style.top = `${Math.round(top)}px`;
+    }
+    const focusedEl = () => root4.getRootNode().activeElement || null;
+    const isOpen = () => !list3.hidden;
+    function setExpanded(open5) {
+      list3.hidden = !open5;
+      goo.setAttribute("aria-expanded", open5 ? "true" : "false");
+      if (!topLayer) return;
+      if (open5) {
+        list3.showPopover();
+        placeList();
+      } else if (list3.matches(":popover-open")) {
+        list3.hidePopover();
+      }
+    }
+    const buttons2 = () => [...list3.querySelectorAll('[role^="menuitem"]:not([aria-disabled="true"])')];
+    function focusItem(index) {
+      const all = buttons2();
+      if (!all.length) return;
+      all[(index + all.length) % all.length].focus();
+    }
+    function close() {
+      if (!isOpen()) return;
+      setExpanded(false);
+    }
+    function open4() {
+      if (isOpen()) return;
+      for (const fn5 of beforeOpen) fn5();
+      render4();
+      setExpanded(true);
+    }
+    function itemButton(item) {
+      const link2 = item.href && !item.disabled;
+      const button4 = document.createElement(link2 ? "a" : "button");
+      if (link2) {
+        button4.href = item.href;
+        button4.target = "_blank";
+        button4.rel = "noopener";
+      } else {
+        button4.type = "button";
+      }
+      button4.setAttribute("role", "menuitem");
+      button4.setAttribute("part", item.quiet ? "item quiet" : "item");
+      button4.dataset.menuId = item.id;
+      if (item.badge && item.id === "upgrade") {
+        const label = document.createElement("span");
+        label.className = "clay-menu-upgrade";
+        label.textContent = item.label;
+        button4.append(label);
+      } else {
+        button4.textContent = item.label;
+      }
+      if (item.keys) {
+        const kbd = document.createElement("kbd");
+        kbd.textContent = item.keys;
+        button4.append(kbd);
+      }
+      if (item.toggle) {
+        button4.setAttribute("role", "menuitemcheckbox");
+        button4.setAttribute("aria-checked", item.checked ? "true" : "false");
+        button4.classList.add("clay-menu-toggle");
+        button4.insertAdjacentHTML("beforeend", TRACK);
+      }
+      if (item.disabled) button4.setAttribute("aria-disabled", "true");
+      button4.addEventListener("click", () => {
+        if (item.disabled) return;
+        if (!item.toggle && !item.keepOpen) close();
+        if (item.run) item.run({ anchor: goo });
+      });
+      return button4;
+    }
+    function itemNode(item) {
+      if (item.text) {
+        const line = document.createElement("p");
+        line.className = "clay-menu-version";
+        line.setAttribute("part", "text");
+        line.dataset.menuId = item.id;
+        line.textContent = item.label;
+        return line;
+      }
+      if (item.pair) {
+        const pair2 = document.createElement("div");
+        pair2.className = "clay-menu-pair";
+        pair2.dataset.menuId = item.id;
+        for (const part of item.pair) pair2.append(itemButton(part));
+        return pair2;
+      }
+      if (item.stepper) return stepperRow(item);
+      if (item.dismiss) return dismissibleRow(item);
+      return itemButton(item);
+    }
+    function dismissibleRow(item) {
+      const row = document.createElement("div");
+      row.className = "clay-menu-row";
+      row.dataset.menuId = item.id;
+      const dismiss5 = document.createElement("button");
+      dismiss5.type = "button";
+      dismiss5.setAttribute("role", "menuitem");
+      dismiss5.setAttribute("part", "dismiss");
+      dismiss5.dataset.menuId = `${item.id}.dismiss`;
+      dismiss5.setAttribute("aria-label", item.dismiss.label);
+      dismiss5.title = item.dismiss.label;
+      dismiss5.innerHTML = DISMISS_ICON;
+      dismiss5.addEventListener("click", async () => {
+        dismiss5.disabled = true;
+        let result2;
+        try {
+          result2 = await item.dismiss.run?.();
+        } catch (error2) {
+          console.warn("[clay] A menu item could not be removed.", error2);
+          dismiss5.disabled = false;
+          note("That didn't work. Try again.");
+          return;
+        }
+        if (result2 === false) {
+          dismiss5.disabled = false;
+          return;
+        }
+        removeItem(item.id);
+      });
+      row.append(itemButton(item), dismiss5);
+      return row;
+    }
+    function stepperRow(item) {
+      const { label, value, prevLabel, nextLabel } = item.stepper;
+      const row = document.createElement("div");
+      row.className = "clay-menu-stepper";
+      row.setAttribute("part", "stepper");
+      row.dataset.menuId = item.id;
+      const text6 = document.createElement("span");
+      text6.className = "clay-menu-stepper-label";
+      text6.textContent = label;
+      const shown3 = document.createElement("span");
+      shown3.className = "clay-menu-stepper-value";
+      shown3.setAttribute("aria-live", "polite");
+      shown3.textContent = value;
+      const step = (suffix, icon2, name) => {
+        const button4 = document.createElement("button");
+        button4.type = "button";
+        button4.setAttribute("role", "menuitem");
+        button4.setAttribute("part", "step");
+        button4.setAttribute("aria-label", name);
+        button4.dataset.menuId = `${item.id}.${suffix}`;
+        button4.innerHTML = icon2;
+        button4.addEventListener("click", () => items.get(item.id)?.stepper?.[suffix]?.());
+        return button4;
+      };
+      row.append(text6, step("prev", ARROW_PREV, prevLabel), shown3, step("next", ARROW_NEXT, nextLabel));
+      return row;
+    }
+    function grouped() {
+      const inSection = (name) => [...items.values()].filter((item) => item.section === name);
+      const extra = [...items.keys()].filter((id) => !slotted.has(id) && !items.get(id).section);
+      const fixed = sections.map((ids) => (ids || extra).map((id) => items.get(id)).filter(Boolean));
+      return [inSection("start"), ...fixed, inSection("end")].filter((group) => group.length);
+    }
+    function render4() {
+      const now3 = focusedEl();
+      const focused = now3 && list3.contains(now3) ? now3.dataset.menuId : null;
+      list3.textContent = "";
+      grouped().forEach((group, index) => {
+        if (index) {
+          const sep = document.createElement("div");
+          sep.className = "clay-menu-sep";
+          sep.setAttribute("role", "separator");
+          sep.setAttribute("part", "separator");
+          list3.append(sep);
+        }
+        for (const item of group) list3.append(itemNode(item));
+      });
+      const dot2 = goo.querySelector(".clay-menu-dot");
+      const wanted = [...items.values()].some((item) => item.badge);
+      if (wanted && !dot2) {
+        const mark2 = document.createElement("span");
+        mark2.className = "clay-menu-dot";
+        mark2.setAttribute("aria-hidden", "true");
+        goo.append(mark2);
+      } else if (!wanted && dot2) {
+        dot2.remove();
+      }
+      if (focused) {
+        const again = buttons2().find((button4) => button4.dataset.menuId === focused);
+        if (again) again.focus();
+        else focusItem(0);
+      }
+    }
+    const clean2 = ({ id, label, run: run5, badge, keys: keys2, disabled, href, keepOpen }) => ({
+      id,
+      href: typeof href === "string" ? href : "",
+      label: String(label ?? ""),
+      run: typeof run5 === "function" ? run5 : null,
+      badge: Boolean(badge),
+      keys: keys2 ? String(keys2) : "",
+      disabled: Boolean(disabled),
+      keepOpen: Boolean(keepOpen)
+    });
+    function addItem({ id, label, run: run5, badge, keys: keys2, disabled, text: text6, pair: pair2, href, section, quiet, dismiss: dismiss5, toggle: toggle3, checked, keepOpen, stepper } = {}) {
+      if (!id) return null;
+      const item = clean2({ id, label, run: run5, badge, keys: keys2, disabled, href, keepOpen });
+      if (section === "start" || section === "end") item.section = section;
+      if (quiet) item.quiet = true;
+      if (stepper) {
+        item.stepper = {
+          label: String(stepper.label ?? ""),
+          value: String(stepper.value ?? ""),
+          prev: typeof stepper.prev === "function" ? stepper.prev : null,
+          next: typeof stepper.next === "function" ? stepper.next : null,
+          prevLabel: String(stepper.prevLabel || "Previous"),
+          nextLabel: String(stepper.nextLabel || "Next")
+        };
+        const shown3 = [...list3.querySelectorAll(".clay-menu-stepper")].find((row) => row.dataset.menuId === id)?.querySelector(".clay-menu-stepper-value");
+        const before = items.get(id);
+        const same8 = before?.stepper && ["label", "prevLabel", "nextLabel"].every((key3) => before.stepper[key3] === item.stepper[key3]) && before.section === item.section && before.quiet === item.quiet;
+        if (same8 && shown3) {
+          items.set(id, item);
+          shown3.textContent = item.stepper.value;
+          return id;
+        }
+      }
+      if (text6) item.text = true;
+      if (Array.isArray(pair2)) item.pair = pair2.map(clean2);
+      if (toggle3) {
+        item.toggle = true;
+        item.checked = Boolean(checked);
+      }
+      if (dismiss5) item.dismiss = { label: String(dismiss5.label || "Dismiss"), run: typeof dismiss5.run === "function" ? dismiss5.run : null };
+      items.set(id, item);
+      render4();
+      return id;
+    }
+    function removeItem(id) {
+      if (items.delete(id)) render4();
+    }
+    function note(text6) {
+      if (!text6) return;
+      noteEl.textContent = text6;
+      noteEl.hidden = false;
+      clearTimeout(noteTimer);
+      noteTimer = setTimeout(() => {
+        noteEl.hidden = true;
+        noteEl.textContent = "";
+      }, NOTE_MS);
+    }
+    let noteTimer = 0;
+    goo.addEventListener("click", () => {
+      if (isOpen()) close();
+      else open4();
+    });
+    document.addEventListener("click", (event) => {
+      if (isOpen() && !event.composedPath().includes(root4)) close();
+    });
+    root4.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        if (!isOpen()) return;
+        event.preventDefault();
+        close();
+        goo.focus();
+        return;
+      }
+      if (event.target === goo && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        if (isOpen()) close();
+        else {
+          open4();
+          focusItem(0);
+        }
+        return;
+      }
+      if (!isOpen()) return;
+      if (event.key === "Enter" && list3.contains(event.target)) {
+        event.preventDefault();
+        event.target.click();
+        return;
+      }
+      const all = buttons2();
+      if (!all.length) return;
+      const at8 = all.indexOf(focusedEl());
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        focusItem(at8 < 0 ? 0 : at8 + 1);
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        focusItem(at8 < 0 ? all.length - 1 : at8 - 1);
+      }
+    });
+    function mount6(css) {
+      const ui7 = mountEditorUI({ name: "menu", content: root4, css, parent: slot3 || document.body, attributes: { "clay-mode-toggle": "" } });
+      if (embedded) {
+        window.addEventListener("resize", close);
+        window.addEventListener("scroll", () => {
+          if (topLayer && isOpen()) placeList();
+        }, { capture: true, passive: true });
+      }
+      return ui7;
+    }
+    return { root: root4, goo, list: list3, slot: slot3, embedded, skin, items, addItem, removeItem, render: render4, open: open4, close, isOpen, note, beforeOpen, focusedEl, mount: mount6 };
+  }
+  var SKIN_VERSION, EDGE_GAP, DISMISS_ICON, ARROW_PREV, ARROW_NEXT, TRACK, NOTE_MS;
+  var init_shell = __esm({
+    "src/plugins/menu/shell.js"() {
+      init_claygoo_svg();
+      init_editor_ui();
+      SKIN_VERSION = "1";
+      EDGE_GAP = 8;
+      DISMISS_ICON = '<svg viewBox="0 0 10 10" aria-hidden="true" focusable="false"><path d="M1 0 5 4l4-4 1 1-4 4 4 4-1 1-4-4-4 4-1-1 4-4-4-4z"/></svg>';
+      ARROW_PREV = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" aria-hidden="true" focusable="false"><path d="M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z"/></svg>';
+      ARROW_NEXT = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" aria-hidden="true" focusable="false"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"/></svg>';
+      TRACK = '<span class="clay-menu-track" aria-hidden="true"><span class="clay-menu-thumb"></span></span>';
+      NOTE_MS = 6e3;
     }
   });
 
@@ -94410,247 +94978,36 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
 
   // src/plugins/menu.js
   var menu_exports = {};
-  function findSlot() {
-    const slots = document.querySelectorAll("[clay-menu-slot]");
-    if (slots.length > 1) console.warn("[clay] This page has more than one clay-menu-slot. The menu uses the first.");
-    return slots[0] || null;
-  }
-  function pageSkin() {
-    const style3 = document.querySelector("style[clay-menu-skin]");
-    if (!style3) return null;
-    if (style3.getAttribute("clay-menu-skin") !== SKIN_VERSION) {
-      console.warn(`[clay] This runtime reads clay-menu-skin="${SKIN_VERSION}". The menu keeps its default look.`);
-      return null;
-    }
-    return style3.textContent;
-  }
   function mount3() {
     if (document.querySelector('clay-editor-ui[data-clay-ui="menu"]')) return;
-    const slot3 = findSlot();
-    const embedded = Boolean(slot3);
-    const skin = embedded ? pageSkin() : null;
+    const shell = createShell({
+      sections: SECTIONS,
+      capsuleStart: `<button type="button" class="clay-menu-grip" aria-label="Move the menu. Drag it, or use the arrow keys to move it to another corner.">${GRIP}</button><button type="button" class="clay-menu-edit" part="edit" role="switch" aria-checked="false">` + TRACK + `<span class="clay-menu-label">Edit</span></button><span class="clay-menu-divider" aria-hidden="true"></span>`
+    });
+    const { root: root4, goo, slot: slot3, embedded, skin, addItem, removeItem, open: open4, close, note: showNote2, beforeOpen, focusedEl, mount: mountShell } = shell;
     const hideSwitch = embedded && slot3.hasAttribute("no-edit-switch");
-    const root4 = document.createElement("div");
-    root4.className = "clay-menu-dock";
-    root4.setAttribute("clay", "editor-ui");
-    root4.setAttribute("part", "dock");
-    if (embedded) root4.dataset.embedded = "";
-    root4.dataset.corner = "top-right";
-    root4.innerHTML = `<div class="clay-menu" part="capsule" clay="editor-ui"><button type="button" class="clay-menu-grip" aria-label="Move the menu. Drag it, or use the arrow keys to move it to another corner.">${GRIP}</button><button type="button" class="clay-menu-edit" part="edit" role="switch" aria-checked="false"><span class="clay-menu-track" aria-hidden="true"><span class="clay-menu-thumb"></span></span><span class="clay-menu-label">Edit</span></button><span class="clay-menu-divider" aria-hidden="true"></span><button type="button" class="clay-menu-goo" part="button" aria-haspopup="menu" aria-expanded="false" aria-label="Clay menu">${claygoo_svg_default}</button></div><div class="clay-menu-list" part="list" role="menu" aria-label="Clay menu" hidden></div><div class="clay-menu-note" part="note" role="status" hidden></div>`;
     const grip = root4.querySelector(".clay-menu-grip");
     const edit3 = root4.querySelector(".clay-menu-edit");
-    const goo = root4.querySelector(".clay-menu-goo");
-    const list3 = root4.querySelector(".clay-menu-list");
-    const noteEl = root4.querySelector(".clay-menu-note");
-    const items = /* @__PURE__ */ new Map();
     if (embedded) {
       grip.hidden = true;
-      const icon2 = slot3.querySelector("template[clay-menu-icon]");
-      if (icon2) goo.replaceChildren(icon2.content.cloneNode(true));
-      const name = slot3.getAttribute("clay-menu-label");
-      if (name) {
-        goo.setAttribute("aria-label", name);
-        goo.title = name;
-        list3.setAttribute("aria-label", name);
-      }
       if (hideSwitch) {
         edit3.hidden = true;
         root4.querySelector(".clay-menu-divider").hidden = true;
       }
     }
-    const topLayer = embedded && typeof list3.showPopover === "function";
-    if (topLayer) list3.setAttribute("popover", "manual");
-    function placeList() {
-      const anchor = goo.getBoundingClientRect();
-      const { offsetWidth: width, offsetHeight: height } = list3;
-      const left = Math.max(EDGE_GAP, Math.min(anchor.right - width, window.innerWidth - width - EDGE_GAP));
-      const below = anchor.bottom + EDGE_GAP;
-      const top = below + height > window.innerHeight - EDGE_GAP ? Math.max(EDGE_GAP, anchor.top - height - EDGE_GAP) : below;
-      list3.style.left = `${Math.round(left)}px`;
-      list3.style.top = `${Math.round(top)}px`;
-    }
-    const focusedEl = () => root4.getRootNode().activeElement || null;
-    const isOpen = () => !list3.hidden;
-    function setExpanded(open5) {
-      list3.hidden = !open5;
-      goo.setAttribute("aria-expanded", open5 ? "true" : "false");
-      if (!topLayer) return;
-      if (open5) {
-        list3.showPopover();
-        placeList();
-      } else if (list3.matches(":popover-open")) {
-        list3.hidePopover();
-      }
-    }
-    const buttons2 = () => [...list3.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')];
-    function focusItem(index) {
-      const all = buttons2();
-      if (!all.length) return;
-      all[(index + all.length) % all.length].focus();
-    }
-    function close() {
-      if (!isOpen()) return;
-      setExpanded(false);
-    }
     let actions = null;
     let people2 = null;
-    function open4() {
-      if (isOpen()) return;
+    beforeOpen.push(() => {
       people2?.close({ restore: false });
       actions?.refresh();
-      render4();
-      setExpanded(true);
-    }
-    function itemButton(item) {
-      const link2 = item.href && !item.disabled;
-      const button4 = document.createElement(link2 ? "a" : "button");
-      if (link2) {
-        button4.href = item.href;
-        button4.target = "_blank";
-        button4.rel = "noopener";
-      } else {
-        button4.type = "button";
-      }
-      button4.setAttribute("role", "menuitem");
-      button4.setAttribute("part", item.quiet ? "item quiet" : "item");
-      button4.dataset.menuId = item.id;
-      if (item.badge && item.id === "upgrade") {
-        const label = document.createElement("span");
-        label.className = "clay-menu-upgrade";
-        label.textContent = item.label;
-        button4.append(label);
-      } else {
-        button4.textContent = item.label;
-      }
-      if (item.keys) {
-        const kbd = document.createElement("kbd");
-        kbd.textContent = item.keys;
-        button4.append(kbd);
-      }
-      if (item.disabled) button4.setAttribute("aria-disabled", "true");
-      button4.addEventListener("click", () => {
-        if (item.disabled) return;
-        close();
-        if (item.run) item.run({ anchor: goo });
-      });
-      return button4;
-    }
-    function itemNode(item) {
-      if (item.text) {
-        const line = document.createElement("p");
-        line.className = "clay-menu-version";
-        line.setAttribute("part", "text");
-        line.dataset.menuId = item.id;
-        line.textContent = item.label;
-        return line;
-      }
-      if (item.pair) {
-        const pair2 = document.createElement("div");
-        pair2.className = "clay-menu-pair";
-        pair2.dataset.menuId = item.id;
-        for (const part of item.pair) pair2.append(itemButton(part));
-        return pair2;
-      }
-      if (item.dismiss) return dismissibleRow(item);
-      return itemButton(item);
-    }
-    function dismissibleRow(item) {
-      const row = document.createElement("div");
-      row.className = "clay-menu-row";
-      row.dataset.menuId = item.id;
-      const dismiss5 = document.createElement("button");
-      dismiss5.type = "button";
-      dismiss5.setAttribute("role", "menuitem");
-      dismiss5.setAttribute("part", "dismiss");
-      dismiss5.dataset.menuId = `${item.id}.dismiss`;
-      dismiss5.setAttribute("aria-label", item.dismiss.label);
-      dismiss5.title = item.dismiss.label;
-      dismiss5.innerHTML = DISMISS_ICON;
-      dismiss5.addEventListener("click", () => {
-        removeItem(item.id);
-        item.dismiss.run?.();
-      });
-      row.append(itemButton(item), dismiss5);
-      return row;
-    }
-    function sections() {
-      const inSection = (name) => [...items.values()].filter((item) => item.section === name);
-      const extra = [...items.keys()].filter((id) => !SLOTTED.has(id) && !items.get(id).section);
-      const fixed = SECTIONS.map((ids) => (ids || extra).map((id) => items.get(id)).filter(Boolean));
-      return [inSection("start"), ...fixed, inSection("end")].filter((group) => group.length);
-    }
-    function render4() {
-      const now3 = focusedEl();
-      const focused = now3 && list3.contains(now3) ? now3.dataset.menuId : null;
-      list3.textContent = "";
-      sections().forEach((group, index) => {
-        if (index) {
-          const sep = document.createElement("div");
-          sep.className = "clay-menu-sep";
-          sep.setAttribute("role", "separator");
-          sep.setAttribute("part", "separator");
-          list3.append(sep);
-        }
-        for (const item of group) list3.append(itemNode(item));
-      });
-      const dot2 = goo.querySelector(".clay-menu-dot");
-      const wanted = [...items.values()].some((item) => item.badge);
-      if (wanted && !dot2) {
-        const mark2 = document.createElement("span");
-        mark2.className = "clay-menu-dot";
-        mark2.setAttribute("aria-hidden", "true");
-        goo.append(mark2);
-      } else if (!wanted && dot2) {
-        dot2.remove();
-      }
-      if (focused) {
-        const again = buttons2().find((button4) => button4.dataset.menuId === focused);
-        if (again) again.focus();
-        else focusItem(0);
-      }
-    }
-    const clean2 = ({ id, label, run: run5, badge, keys: keys2, disabled, href }) => ({
-      id,
-      href: typeof href === "string" ? href : "",
-      label: String(label ?? ""),
-      run: typeof run5 === "function" ? run5 : null,
-      badge: Boolean(badge),
-      keys: keys2 ? String(keys2) : "",
-      disabled: Boolean(disabled)
     });
-    function addItem({ id, label, run: run5, badge, keys: keys2, disabled, text: text6, pair: pair2, href, section, quiet, dismiss: dismiss5 } = {}) {
-      if (!id) return null;
-      const item = clean2({ id, label, run: run5, badge, keys: keys2, disabled, href });
-      if (text6) item.text = true;
-      if (Array.isArray(pair2)) item.pair = pair2.map(clean2);
-      if (section === "start" || section === "end") item.section = section;
-      if (quiet) item.quiet = true;
-      if (dismiss5) item.dismiss = { label: String(dismiss5.label || "Dismiss"), run: typeof dismiss5.run === "function" ? dismiss5.run : null };
-      items.set(id, item);
-      render4();
-      return id;
-    }
-    function removeItem(id) {
-      if (items.delete(id)) render4();
-    }
-    function showNote2(text6) {
-      if (!text6) return;
-      noteEl.textContent = text6;
-      noteEl.hidden = false;
-      clearTimeout(noteTimer);
-      noteTimer = setTimeout(() => {
-        noteEl.hidden = true;
-        noteEl.textContent = "";
-      }, NOTE_MS);
-    }
-    let noteTimer = 0;
     let busy2 = false;
     const applyHidden = () => {
       root4.hidden = !canEdit && currentMode() !== "edit";
     };
     function setChecked() {
       edit3.setAttribute("aria-checked", currentMode() === "edit" ? "true" : "false");
-      if (hideSwitch) addItem({ id: "clay.mode", label: currentMode() === "edit" ? "View mode" : "Edit mode", section: "start", run: () => edit3.click() });
+      if (hideSwitch) addItem({ id: "clay.mode", label: "Edit mode", toggle: true, checked: currentMode() === "edit", run: () => edit3.click() });
     }
     setChecked();
     document.addEventListener("clay:modechange", setChecked);
@@ -94681,47 +95038,6 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
         setChecked();
       }
     });
-    goo.addEventListener("click", () => {
-      if (isOpen()) close();
-      else open4();
-    });
-    document.addEventListener("click", (event) => {
-      if (isOpen() && !event.composedPath().includes(root4)) close();
-    });
-    root4.addEventListener("keydown", (event) => {
-      if (event.key === "Escape") {
-        if (!isOpen()) return;
-        event.preventDefault();
-        close();
-        goo.focus();
-        return;
-      }
-      if (event.target === goo && (event.key === "Enter" || event.key === " ")) {
-        event.preventDefault();
-        if (isOpen()) close();
-        else {
-          open4();
-          focusItem(0);
-        }
-        return;
-      }
-      if (!isOpen()) return;
-      if (event.key === "Enter" && list3.contains(event.target)) {
-        event.preventDefault();
-        event.target.click();
-        return;
-      }
-      const all = buttons2();
-      if (!all.length) return;
-      const at8 = all.indexOf(focusedEl());
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        focusItem(at8 < 0 ? 0 : at8 + 1);
-      } else if (event.key === "ArrowUp") {
-        event.preventDefault();
-        focusItem(at8 < 0 ? all.length - 1 : at8 - 1);
-      }
-    });
     const doc = document;
     let introObserver = null;
     let watched = null;
@@ -94763,14 +95079,9 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
       const rect = root4.getBoundingClientRect();
       vars.textContent = `:root { --clay-menu-width: ${Math.ceil(rect.width)}px; --clay-menu-height: ${Math.ceil(rect.height)}px; }`;
     }
-    const css = embedded ? [MENU_BASE, skin ?? MENU_SKIN, MENU_TOUCH] : [MENU_BASE, MENU_FLOATING, MENU_SKIN, MENU_TOUCH];
-    const ui7 = mountEditorUI({ name: "menu", content: root4, css, parent: slot3 || document.body, attributes: { "clay-mode-toggle": "" } });
-    if (embedded) {
-      window.addEventListener("resize", close);
-      window.addEventListener("scroll", () => {
-        if (topLayer && isOpen()) placeList();
-      }, { capture: true, passive: true });
-    } else {
+    const css = embedded ? [MENU_SAFETY, MENU_BASE, skin ?? MENU_SKIN, MENU_TOUCH] : [MENU_SAFETY, MENU_BASE, MENU_FLOATING, MENU_SKIN, MENU_TOUCH];
+    const ui7 = mountShell(css);
+    if (!embedded) {
       attachPlacement({
         dock: root4,
         container: ui7.shadow,
@@ -94792,6 +95103,7 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     actions = attachActions({ addItem, note: showNote2, currentMode });
     people2 = attachPeople({ root: root4, capsule: root4.querySelector(".clay-menu"), addItem, removeItem, closeMenu: close, note: showNote2 });
     attachVariants({ root: root4, capsule: root4.querySelector(".clay-menu"), addItem, removeItem, note: showNote2, currentMode });
+    attachDomItems({ addItem, removeItem, beforeOpen });
     if (SEO_ITEM) {
       addItem({
         id: "seo",
@@ -94816,25 +95128,22 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     mounted = true;
     mount3();
   }
-  var SEO_ITEM, SKIN_VERSION, EDGE_GAP, DISMISS_ICON, NOTE_MS, INTRO_GAP, GRIP, SECTIONS, SLOTTED, currentMode, mounted, followCapability, shouldMount;
+  var SEO_ITEM, INTRO_GAP, GRIP, SECTIONS, currentMode, mounted, followCapability, shouldMount;
   var init_menu = __esm({
     "src/plugins/menu.js"() {
       init_is_edit_mode();
       init_dom_ready();
-      init_claygoo_svg();
       init_mode_refusal();
       init_style2();
       init_placement();
       init_actions();
       init_people2();
       init_variants();
+      init_dom_items();
       init_page_colour();
-      init_editor_ui();
+      init_shell();
+      init_shell_style();
       SEO_ITEM = true;
-      SKIN_VERSION = "1";
-      EDGE_GAP = 8;
-      DISMISS_ICON = '<svg viewBox="0 0 10 10" aria-hidden="true" focusable="false"><path d="M1 0 5 4l4-4 1 1-4 4 4 4-1 1-4-4-4 4-1-1 4-4-4-4z"/></svg>';
-      NOTE_MS = 6e3;
       INTRO_GAP = 12;
       GRIP = '<svg viewBox="0 0 6 12" aria-hidden="true" focusable="false"><rect width="2" height="2"/><rect x="4" width="2" height="2"/><rect y="5" width="2" height="2"/><rect x="4" y="5" width="2" height="2"/><rect y="10" width="2" height="2"/><rect x="4" y="10" width="2" height="2"/></svg>';
       SECTIONS = [
@@ -94843,9 +95152,8 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
         ["clay.duplicate", "clay.download", "clay.export", "clay.reveal"],
         ["clay.versions"],
         null,
-        ["upgrade"]
+        ["clay.mode", "upgrade"]
       ];
-      SLOTTED = new Set(SECTIONS.flat().filter(Boolean));
       currentMode = () => window.clay && typeof window.clay.mode === "string" ? window.clay.mode : mode;
       mounted = false;
       followCapability = null;
@@ -95794,7 +96102,7 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
       itemOf = (el12) => el12.getAttribute("like") || el12.id;
       if (typeof document !== "undefined") {
         document.addEventListener("click", onClick2);
-        const start10 = () => {
+        const start11 = () => {
           if (document.querySelector("[like]")) refresh2();
           let queued3 = false;
           new MutationObserver((records3) => {
@@ -95809,8 +96117,8 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
             });
           }).observe(document.body, { childList: true, subtree: true });
         };
-        if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", start10);
-        else start10();
+        if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", start11);
+        else start11();
       }
       like = { toggle: toggle2, refresh: refresh2, counts: () => counts ? structuredClone(counts) : null };
       like_default = like;
@@ -95884,8 +96192,8 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     const before = document.createRange();
     before.selectNodeContents(target);
     before.setEnd(range.startContainer, range.startOffset);
-    const start10 = before.toString().length;
-    return { text: text6, start: start10, end: start10 + text6.length };
+    const start11 = before.toString().length;
+    return { text: text6, start: start11, end: start11 + text6.length };
   }
   function quoteFromSelection(scope) {
     const range = liveRange();
@@ -95926,9 +96234,9 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     enableContentEditable();
   }
   function candidateFrom(html, tag2) {
-    const start10 = html.search(new RegExp("<" + tag2 + "(\\s|>)", "i"));
-    if (start10 === -1) return null;
-    const cleaned = html.slice(start10).replace(/\s*`{1,3}\s*$/, "");
+    const start11 = html.search(new RegExp("<" + tag2 + "(\\s|>)", "i"));
+    if (start11 === -1) return null;
+    const cleaned = html.slice(start11).replace(/\s*`{1,3}\s*$/, "");
     if (tag2.toLowerCase() === "body") {
       return new DOMParser().parseFromString(cleaned, "text/html").body;
     }
@@ -98472,6 +98780,32 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     let base2 = null;
     let unparked = null;
     let stopped2 = false;
+    let own = null;
+    const newId4 = () => Math.random().toString(36).slice(2, 10) + Math.random().toString(36).slice(2, 6);
+    const resetKey = key3 + ":reset";
+    function rootId() {
+      try {
+        return "root:" + (storage2?.getItem(resetKey) ?? "");
+      } catch {
+        return "root:";
+      }
+    }
+    function legacyId(raw) {
+      let hash = 2166136261;
+      for (let i2 = 0; i2 < raw.length; i2++) hash = Math.imul(hash ^ raw.charCodeAt(i2), 16777619);
+      return "legacy:" + (hash >>> 0).toString(36) + "." + raw.length.toString(36);
+    }
+    function lineageOf3(record6, raw) {
+      if (!record6) return null;
+      if (!record6.id) return [legacyId(raw)];
+      return Array.isArray(record6.ancestry) ? [record6.id, ...record6.ancestry].slice(0, LINEAGE2) : null;
+    }
+    function forked(record6) {
+      if (!own || own.raw !== lastRaw || !own.ancestry || !record6?.id || record6.id === own.id) return false;
+      const seen = record6.ancestry;
+      if (!Array.isArray(seen) || seen.includes(own.id)) return false;
+      return seen.includes(own.ancestry[0]) || seen.length >= LINEAGE2;
+    }
     function getRaw() {
       try {
         if (!storage2) return null;
@@ -98627,15 +98961,15 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     function merge2(mine) {
       const current5 = getRaw();
       const record6 = current5 == null ? null : parse2(current5);
-      if (!record6) return { data: mine, stored: null };
+      if (!record6) return { data: mine, stored: null, ancestry: [rootId()], parentData: base2 };
       let data = mine;
       if (current5 !== lastRaw) {
-        const merged2 = merge3(base2, mine, record6.data);
+        const merged2 = merge3(forked(record6) ? own.parentData : base2, mine, record6.data);
         if (merged2.conflict) keepConflict(current5);
         data = merged2.value;
       }
       data = complete(data, record6.data);
-      return { data, stored: same6(data, record6.data) ? current5 : null };
+      return { data, stored: same6(data, record6.data) ? current5 : null, ancestry: lineageOf3(record6, current5), parentData: record6.data };
     }
     function adopt7(data) {
       const fitted = fit(data);
@@ -98660,8 +98994,9 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
         doc.dispatchEvent(new CustomEvent("clay:drafts-saved", { detail: { data: mine, unchanged: true } }));
         return mine;
       }
-      const { data, stored } = merge2(mine);
-      const raw = stored ?? JSON.stringify({ v: RECORD_VERSION, savedAt: now3().toISOString(), data });
+      const { data, stored, ancestry, parentData } = merge2(mine);
+      const id = newId4();
+      const raw = stored ?? JSON.stringify({ v: RECORD_VERSION, savedAt: now3().toISOString(), id, ancestry, data });
       if (!stored) {
         try {
           if (!storage2) throw new Error("no storage");
@@ -98669,6 +99004,7 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
         } catch (error2) {
           throw storageFailure(doc, error2);
         }
+        own = { id, ancestry, parentData, raw };
       }
       const taken2 = Object.keys(mine).filter((name) => !fitsInto(mine[name], data[name]));
       if (taken2.length) adopt7(Object.fromEntries(taken2.map((name) => [name, data[name]])));
@@ -98693,8 +99029,14 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     function adoptExternal() {
       if (stopped2) return false;
       const raw = getRaw();
+      if (raw == null && lastRaw != null && !changed2()) {
+        stopped2 = true;
+        window.location.reload();
+        return true;
+      }
       if (raw == null || raw === lastRaw || changed2()) return false;
       const record6 = parse2(raw);
+      if (forked(record6) && typeof window.clay?.getHTML === "function") return writeLive();
       const adopted = record6 && adopt7(record6.data);
       if (!adopted) return false;
       lastRaw = raw;
@@ -98709,16 +99051,21 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
         storage2.removeItem(key3);
       } catch {
       }
+      try {
+        storage2.setItem(resetKey, newId4());
+      } catch {
+      }
     }
     return { slot: slot3, key: key3, rules, read: read2, restore: restore3, write: write3, writeLive, flush, changed: changed2, adoptExternal, park, clear: clear2, snapshot };
   }
-  var KEY_PREFIX, RECORD_VERSION, legacyKey, draftKey, isPlain4, hasIds, sameIds, savedAtOf;
+  var KEY_PREFIX, RECORD_VERSION, LINEAGE2, legacyKey, draftKey, isPlain4, hasIds, sameIds, savedAtOf;
   var init_store3 = __esm({
     "src/plugins/visitor-drafts/store.js"() {
       init_hyper_html_api_data_vendor();
       init_draft_mode();
       KEY_PREFIX = "clay:visitor-drafts:";
       RECORD_VERSION = 1;
+      LINEAGE2 = 32;
       legacyKey = (slot3) => KEY_PREFIX + slot3;
       draftKey = (slot3, path = draftPath()) => `${KEY_PREFIX}${slot3}@${path}`;
       isPlain4 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
@@ -99125,7 +99472,7 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
       if (t2) {
         const act = t2.getAttribute("data-hcp");
         if (act === "open") {
-          set3("card", "open");
+          set3("card", root4.getAttribute("data-hcp-reason") === "error" ? void 0 : "open");
           linkEl.focus();
         } else if (act === "minimize") {
           set3("mini");
@@ -99170,7 +99517,7 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     function clearError() {
       if (root4.getAttribute("data-hcp-reason") === "error") root4.setAttribute("data-hcp-reason", "use");
     }
-    const api = { set: set3, root: root4, showError, clearError };
+    const api = { set: set3, root: root4, showError, clearError, download: () => linkEl.click() };
     document.addEventListener("input", onUse, true);
     document.addEventListener("change", onUse, true);
     document.addEventListener("focusin", onFocusIn);
@@ -99237,6 +99584,7 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
       editOriginal,
       backToDraft,
       downloadUrl: () => DOWNLOAD_URL,
+      download: () => Promise.resolve(false),
       source: null
     };
   }
@@ -99319,6 +99667,7 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
       });
     }
     function liftOff() {
+      unfollow?.();
       removeEventListener("scroll", lift);
       removeEventListener("resize", lift);
       document.removeEventListener(BOTTOM_UI_CHANGED, lift);
@@ -99334,6 +99683,7 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     window.addEventListener("hashchange", lift);
     chip3.addEventListener("transitionend", lift);
     lift();
+    const unfollow = followLook(chip3, chip3, void 0, OWNER_LEAN);
     chip3.liftOff = liftOff;
     chip3.unmount = () => {
       liftOff();
@@ -99341,12 +99691,14 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
     };
     return chip3;
   }
-  var COPY, CHIP_CSS, ownerChip;
+  var OWNER_LEAN, COPY, CHIP_CSS, ownerChip;
   var init_owner_chip = __esm({
     "src/plugins/visitor-drafts/owner-chip.js"() {
       init_is_edit_mode();
       init_bottom_ui();
       init_editor_ui();
+      init_page_colour();
+      OWNER_LEAN = 0.8;
       COPY = {
         draft: "You're seeing a private draft, like a visitor.",
         draftAction: "Edit the original",
@@ -99355,29 +99707,17 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
         close: "Hide this note"
       };
       CHIP_CSS = `.clay-owner {
-  --hcp-ground: #FDF8F0;
-  --hcp-surface: #FFFCF6;
-  --hcp-sunk: #F4ECDF;
-  --hcp-ink: #2B241B;
-  --hcp-ink-2: #4A4033;
-  --hcp-muted: #6B5942;
-  --hcp-line: #E8DCC6;
-  --hcp-line-2: #D8C8AF;
-  --hcp-brass: #8F6310;
-  --hcp-shadow: 0 1px 2px rgba(23, 28, 36, .06), 0 14px 34px -14px rgba(43, 36, 27, .32);
+  --hcp-surface: light-dark(#FFFCF6, #11131E);
+  --hcp-ground: var(--bevel-surface, var(--hcp-surface));
+  --hcp-ink: light-dark(#2B241B, #ECEAF2);
+  --hcp-ink-2: light-dark(#4A4033, #C9CDE0);
+  --hcp-muted: light-dark(#6B5942, #8A90AB);
+  --hcp-line-2: color-mix(in srgb, var(--hcp-ink) 22%, var(--hcp-ground));
+  --hcp-brass: light-dark(#8F6310, #D9A445);
+  --hcp-shadow: 0 1px 2px light-dark(rgba(23, 28, 36, .06), rgba(0, 0, 0, .4)), 0 14px 34px -14px light-dark(rgba(43, 36, 27, .32), rgba(0, 0, 0, .7));
   --hcp-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
   --hcp-lift: 0px;
-  color-scheme: light;
-}
-@media (prefers-color-scheme: dark) {
-  .clay-owner {
-    --hcp-surface: #11131E; --hcp-sunk: #1A1D2C;
-    --hcp-ink: #ECEAF2; --hcp-ink-2: #C9CDE0; --hcp-muted: #8A90AB;
-    --hcp-line: #262B42; --hcp-line-2: #353B52;
-    --hcp-brass: #D9A445;
-    --hcp-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 38px -14px rgba(0, 0, 0, .7);
-    color-scheme: dark;
-  }
+  color-scheme: light dark;
 }
 .clay-owner, .clay-owner *, .clay-owner *::before, .clay-owner *::after {
   box-sizing: border-box; margin: 0; padding: 0; border: 0;
@@ -99390,8 +99730,8 @@ textarea.clay-seo-input.is-short { min-height: 32px; }
   max-width: min(460px, calc(100vw - 24px));
   padding: 8px 8px 8px 12px;
   font-family: var(--hcp-sans); font-size: 13px; font-weight: 400; line-height: 1.45;
-  color: var(--hcp-ink-2); text-align: left; background: var(--hcp-surface);
-  border: 1px solid var(--hcp-line-2); border-left: 3px solid var(--hcp-brass);
+  color: var(--hcp-ink-2); text-align: left; background: var(--hcp-ground);
+  border: 1px solid var(--hcp-line-2);
   box-shadow: var(--hcp-shadow);
   -webkit-font-smoothing: antialiased;
 }
@@ -99449,6 +99789,12 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
 .clay-intro__close:focus-visible { opacity: 1; outline: 2px solid currentColor; outline-offset: 2px; }
 .clay-intro__close svg { display: block; width: 12px; height: 12px; fill: currentColor; stroke: none; }
 @media (pointer: coarse) { .clay-intro__close { width: 44px; height: 44px; top: 4px; right: 4px; } }
+.clay-intro__close[data-manual] {
+  width: auto; height: 36px; padding: 0 14px;
+  border-radius: 999px; font-size: 12px; font-weight: 500;
+  text-transform: uppercase; letter-spacing: .04em; white-space: nowrap;
+}
+@media (pointer: coarse), (max-width: 680px) { .clay-intro__close[data-manual] { height: 44px; } }
 `;
     }
   });
@@ -99486,16 +99832,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     if (next) next.focus({ preventScroll: true });
     else document.body.focus({ preventScroll: true });
   }
-  function mountIntro({ memory, template, appName, hadDraft }) {
-    if (!template || !template.content.textContent.trim() && !template.content.querySelector("img, svg, video, canvas")) return null;
-    if (!forced()) {
-      if (memory.get().intro.done || hadDraft) return null;
-      if (bootPhase.servedHash) return null;
-      if (window.matchMedia && window.matchMedia("print").matches) return null;
-    }
-    return mount4({ memory, template, appName });
-  }
-  function mount4({ memory, template, appName }) {
+  function buildSection({ template, appName, labelText, onClose }) {
     stylesOnce();
     const section = document.createElement("section");
     section.className = "clay-intro";
@@ -99506,10 +99843,43 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     const close = document.createElement("button");
     close.type = "button";
     close.className = "clay-intro__close";
-    close.setAttribute("aria-label", COPY2.close);
-    close.innerHTML = '<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true"><path d="M1.4 0 6 4.6 10.6 0 12 1.4 7.4 6 12 10.6 10.6 12 6 7.4 1.4 12 0 10.6 4.6 6 0 1.4z"/></svg>';
-    close.addEventListener("click", () => dismiss5("closed"));
+    if (labelText) {
+      close.textContent = labelText;
+      close.setAttribute("data-manual", "");
+    } else {
+      close.setAttribute("aria-label", COPY2.close);
+      close.innerHTML = '<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true"><path d="M1.4 0 6 4.6 10.6 0 12 1.4 7.4 6 12 10.6 10.6 12 6 7.4 1.4 12 0 10.6 4.6 6 0 1.4z"/></svg>';
+    }
+    close.addEventListener("click", () => onClose());
     mountEditorUI({ name: "intro-close", content: close, css: [CLOSE_CSS], parent: section });
+    section.addEventListener("click", (event) => {
+      if (event.target.closest("[visitor-intro-dismiss]")) {
+        onClose();
+        return;
+      }
+      if (event.target.closest("[visitor-intro-start]")) {
+        event.preventDefault();
+        window.scrollTo({ top: window.scrollY + section.getBoundingClientRect().bottom, behavior: "smooth" });
+      }
+    });
+    return section;
+  }
+  function mountIntro({ memory, template, appName, hadDraft }) {
+    if (!template || !template.content.textContent.trim() && !template.content.querySelector("img, svg, video, canvas")) return null;
+    if (template.getAttribute("visitor-intro") === "manual") {
+      const printing = window.matchMedia && window.matchMedia("print").matches;
+      const open4 = forced() || !(memory.get().intro.done || hadDraft || bootPhase.servedHash || printing);
+      return mountManual({ memory, template, appName, open: open4 });
+    }
+    if (!forced()) {
+      if (memory.get().intro.done || hadDraft) return null;
+      if (bootPhase.servedHash) return null;
+      if (window.matchMedia && window.matchMedia("print").matches) return null;
+    }
+    return mount4({ memory, template, appName });
+  }
+  function mount4({ memory, template, appName }) {
+    const section = buildSection({ template, appName, onClose: () => dismiss5("closed") });
     let gone = false;
     let frame = 0;
     function dismiss5(reason) {
@@ -99538,21 +99908,44 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
         if (bottom < 1 || atEnd && bottom < innerHeight) dismiss5("scrolled");
       });
     }
-    section.addEventListener("click", (event) => {
-      if (event.target.closest("[visitor-intro-dismiss]")) {
-        dismiss5("closed");
-        return;
-      }
-      if (event.target.closest("[visitor-intro-start]")) {
-        event.preventDefault();
-        window.scrollTo({ top: window.scrollY + section.getBoundingClientRect().bottom, behavior: "smooth" });
-      }
-    });
     document.body.prepend(section);
     announceBottomUi();
     addEventListener("scroll", onScroll, { passive: true });
     return section;
   }
+  function mountManual({ memory, template, appName, open: open4 }) {
+    let section = null;
+    const showRow = (wanted) => {
+      const menu = window.clay?.menu;
+      if (!menu) return;
+      if (wanted) menu.addItem({ id: "clay.intro", label: COPY2.show, run: show3 });
+      else menu.removeItem("clay.intro");
+    };
+    function attach() {
+      section ??= buildSection({ template, appName, labelText: COPY2.hide, onClose: hide });
+      document.body.prepend(section);
+      announceBottomUi();
+      showRow(false);
+    }
+    function hide() {
+      memory.get().intro.done = "closed";
+      memory.save();
+      section.remove();
+      announceBottomUi();
+      showRow(true);
+      focusApp();
+    }
+    function show3() {
+      memory.get().intro.done = null;
+      memory.save();
+      attach();
+      window.scrollTo(0, 0);
+    }
+    document.addEventListener("clay:menu-ready", () => showRow(!section?.isConnected));
+    if (open4) attach();
+    else showRow(true);
+    return section;
+  }
   var COPY2, FOCUSABLE2, TEXT_ENTRY, NON_TEXT_INPUT;
   var init_intro = __esm({
     "src/plugins/visitor-drafts/intro.js"() {
@@ -99562,6 +99955,8 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
       init_boot_phase();
       COPY2 = {
         close: "Hide this introduction",
+        hide: "Hide intro",
+        show: "Show intro",
         label: (appName) => `About ${appName}`
       };
       FOCUSABLE2 = "a[href], button, input, select, textarea, [tabindex]:not([tabindex='-1'])";
@@ -99620,14 +100015,14 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
         downloadLink = downloadUrl(source);
         const appName = document.querySelector('meta[name="application-name"]')?.content?.trim() || document.title.split(/:|\s\|\s/)[0].trim() || "This app";
         const template = document.querySelector("template[visitor-intro]");
-        const start10 = () => {
+        const start11 = () => {
           ready7 = mountPrompt({ memory, appName, link: downloadLink }).then((prompt) => mountIntroLate({ memory, template, appName, hadDraft: result2.hadDraft }).then(() => prompt)).then((prompt) => {
             document.addEventListener("clay:drafts-store-failed", () => prompt.showError());
             document.addEventListener("clay:drafts-saved", () => prompt.clearError());
             return (isOwner ? mountChip() : Promise.resolve(null)).then(() => prompt);
           });
         };
-        document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", start10, { once: true }) : start10();
+        document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", start11, { once: true }) : start11();
         setDraftFlush(() => store.flush());
         window.addEventListener("storage", (event) => {
           if (event.key === store.key) store.adoptExternal();
@@ -99668,6 +100063,10 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
         editOriginal,
         backToDraft,
         downloadUrl: () => downloadLink,
+        download: () => ready7.then((prompt) => {
+          store.flush();
+          return prompt?.download();
+        }),
         source
       } : inertVisitorDrafts();
     }
@@ -99751,6 +100150,106 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     }
   });
 
+  // src/plugins/menu/visitor.js
+  var visitor_exports = {};
+  __export(visitor_exports, {
+    start: () => start6
+  });
+  function attachLooks({ addItem, removeItem, slot: slot3 }) {
+    const announce4 = () => {
+      const name = activeLook() && nameOf(activeLook());
+      document.dispatchEvent(new CustomEvent("clay:variant-change", { detail: { active: name, shown: name } }));
+    };
+    const draw = () => {
+      const all = looks();
+      if (all.length < 2 || !slot3?.hasAttribute("clay-menu-looks")) return removeItem("clay.look");
+      const current5 = activeLook();
+      const by = (delta) => () => choose(nameOf(all[(all.indexOf(activeLook()) + delta + all.length) % all.length]));
+      addItem({
+        id: "clay.look",
+        section: "start",
+        stepper: {
+          label: "Switch look",
+          value: `${labelOf2(current5)} ${all.indexOf(current5) + 1}/${all.length}`,
+          prev: by(-1),
+          next: by(1),
+          prevLabel: "Previous look",
+          nextLabel: "Next look"
+        }
+      });
+    };
+    const choose = (name) => {
+      if (!looks().some((style3) => nameOf(style3) === name)) return { ok: false, code: "unknown-variant" };
+      document.documentElement.setAttribute("look", name);
+      paintLook2(name);
+      window.clay?.save?.soon?.();
+      draw();
+      announce4();
+      return { ok: true };
+    };
+    if (looks().length >= 2) {
+      window.clay.variants = {
+        list: () => looks().map((style3) => ({ name: nameOf(style3), label: labelOf2(style3), active: style3 === activeLook() })),
+        get active() {
+          return activeLook() && nameOf(activeLook());
+        },
+        get shown() {
+          return activeLook() && nameOf(activeLook());
+        },
+        preview: choose,
+        choose,
+        keep: () => Promise.resolve({ ok: false, code: "not-editing" })
+      };
+      document.addEventListener("clay:drafts-restored", () => {
+        draw();
+        announce4();
+      });
+      draw();
+    }
+  }
+  function startOver() {
+    return Promise.resolve().then(() => (init_dialogs(), dialogs_exports)).then((m7) => m7.consent(START_OVER)).then(() => window.clay.visitorDrafts.reset(), () => false);
+  }
+  function start6() {
+    if (document.querySelector('clay-editor-ui[data-clay-ui="menu"]')) return;
+    const shell = createShell({ sections: [null] });
+    const { slot: slot3, embedded, skin, addItem, removeItem, open: open4, close, note, goo } = shell;
+    shell.mount(embedded ? [MENU_SAFETY, SHELL_BASE, skin ?? MENU_SKIN, MENU_TOUCH] : [MENU_SAFETY, SHELL_BASE, SHELL_FLOATING, MENU_SKIN, MENU_TOUCH]);
+    attachLooks({ addItem, removeItem, slot: slot3 });
+    addItem({ id: "clay.download", label: "Download a copy", run: () => window.clay.visitorDrafts.download() });
+    addItem({ id: "clay.start-over", label: "Start over", run: startOver });
+    attachDomItems(shell);
+    window.clay.menu = { addItem, removeItem, open: open4, close, note, embedded, button: goo };
+    document.dispatchEvent(new CustomEvent("clay:menu-ready"));
+  }
+  var START_OVER;
+  var init_visitor = __esm({
+    "src/plugins/menu/visitor.js"() {
+      init_shell();
+      init_dom_items();
+      init_shell_style();
+      init_looks();
+      START_OVER = "Start over? Your changes in this browser are deleted, and the page goes back to how its owner saved it.";
+    }
+  });
+
+  // src/plugins/visitor-menu.js
+  var visitor_menu_exports = {};
+  var init_visitor_menu = __esm({
+    "src/plugins/visitor-menu.js"() {
+      init_is_edit_mode();
+      init_dom_ready();
+      init_looks();
+      if (isDraftMode) {
+        paintLook2();
+        document.addEventListener("clay:drafts-restored", () => paintLook2());
+        dom_ready_default(() => {
+          Promise.resolve().then(() => (init_visitor(), visitor_exports)).then((m7) => m7.start()).catch((error2) => console.warn("visitor-menu: the menu did not load", error2));
+        });
+      }
+    }
+  });
+
   // src/plugins/bind-text.js
   var bind_text_exports = {};
   __export(bind_text_exports, {
@@ -100894,7 +101393,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     renderSave: () => renderSave,
     renderSaveSteps: () => renderSaveSteps,
     repairGeneration: () => repairGeneration,
-    start: () => start6,
+    start: () => start7,
     stats: () => stats,
     text: () => text5,
     unpaired: () => unpaired
@@ -101281,7 +101780,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     state.refetch = false;
     setSaveRenderer(null);
   }
-  function start6({ context: context2 = null, latest = null } = {}) {
+  function start7({ context: context2 = null, latest = null } = {}) {
     return install9(window.location.href, context2, 0, true, latest);
   }
   var state, SUPERSEDED_RETRIES, now2, SLICED_STEP_BUDGET_MS, SUPERSEDED2, PROJECTED_MAP_PREFIX, isProjected, MAX_PRINT_ROUNDS, installed5, repairGeneration;
@@ -101576,10 +102075,11 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
   }
   async function replace(html, { etag } = {}) {
     if (typeof html !== "string" || html === "") return failed();
+    const pinned = etag !== void 0;
     const given = typeof etag === "string" && etag ? etag : null;
     if (!conditionalSaves()) await seedEtag();
     if (!conditionalSaves()) return { ok: false, code: "unsupported" };
-    const stamp3 = given || lastSeenEtag();
+    const stamp3 = pinned ? given : lastSeenEtag();
     if (!stamp3) return { ok: false, code: "conflict" };
     const controller2 = new AbortController();
     const timeoutId = setTimeout(() => controller2.abort(), TIMEOUT_MS);
@@ -102876,6 +103376,13 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
         return { ok: false, code: "flush", state: flushed.state, message: "This document has changes that could not be saved. Nothing was changed." };
       }
     }
+    if (etag === void 0 && !lastSeenEtag()) {
+      try {
+        await seedEtag();
+      } catch {
+      }
+    }
+    const stamp3 = etag !== void 0 ? etag : lastSeenEtag();
     let source3 = doc;
     if (pageClay.isEditMode && typeof pageClay.getHTML === "function") {
       try {
@@ -102883,13 +103390,15 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
       } catch {
         return { ok: false, code: "failed", message: SAVE_FAILED2 };
       }
+    } else {
+      source3 = new DOMParser().parseFromString("<!DOCTYPE html>\n" + doc.documentElement.outerHTML, "text/html");
     }
     const prepared = await prepare(update2, { doc: source3, loc, fetchFn });
     if (!prepared.ok) return prepared;
     const save2 = typeof replace3 === "function" ? replace3 : pageClay.save && typeof pageClay.save.replace === "function" ? pageClay.save.replace : replace;
     let result2;
     try {
-      result2 = await save2(prepared.html, { etag: etag !== void 0 ? etag : lastSeenEtag() });
+      result2 = await save2(prepared.html, { etag: stamp3 });
     } catch {
       return { ok: false, code: "failed", message: SAVE_FAILED2 };
     }
@@ -102960,7 +103469,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
       return false;
     }
   }
-  async function start7(update2, options = {}) {
+  async function start8(update2, options = {}) {
     const doc = options.doc || document;
     const clay6 = options.clay || (typeof window !== "undefined" ? window.clay : null) || {};
     if (clay6.isDraftMode) return null;
@@ -103057,7 +103566,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
   __export(upgrade_run_exports, {
     apply: () => apply,
     prepare: () => prepare,
-    start: () => start7
+    start: () => start8
   });
   var init_upgrade_run2 = __esm({
     "src/plugins/upgrade-run.js"() {
@@ -103072,7 +103581,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     checkUpdate: () => checkUpdate2,
     findUpdate: () => findUpdate,
     replace: () => replace2,
-    start: () => start8
+    start: () => start9
   });
   function readMeta(doc, name) {
     const el12 = doc.querySelector(`meta[name="${name}"]`);
@@ -103228,7 +103737,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     }
     return null;
   }
-  async function start8(options = {}) {
+  async function start9(options = {}) {
     if (started3) return null;
     started3 = true;
     const clay6 = window.clay;
@@ -103264,9 +103773,9 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
       if (bootClay && bootClay.canEdit && !bootClay.isDraftMode) {
         document.addEventListener("clay:upgrade-requested", onUpgradeRequested);
         const ready10 = bootClay.ready;
-        if (ready10 && typeof ready10.then === "function") ready10.then(() => start8(), () => {
+        if (ready10 && typeof ready10.then === "function") ready10.then(() => start9(), () => {
         });
-        else start8();
+        else start9();
       }
     }
   });
@@ -107758,24 +108267,24 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
       if (tw.start < lastEnd - EPSILON) {
         throw new Error(`uimotion: two ${tweens[0].prop} tweens overlap on the same element at ${Math.round(tw.start)} ms (the earlier one ends at ${Math.round(lastEnd)} ms, from ${lastTween.source ?? "a step"})`);
       }
-      const start10 = Math.max(tw.start, lastEnd);
+      const start11 = Math.max(tw.start, lastEnd);
       const from = tw.from ?? cur;
       const to4 = tw.toInitial ? initialValue(keys2) : tw.to ?? from;
       const last = keys2[keys2.length - 1];
-      if (keys2.length && !same7(from, cur)) keys2.push({ t: start10, v: cur, ease: ease.linear });
-      if (!(last && last.t === start10 && same7(last.v, from))) keys2.push({ t: start10, v: from, ease: ease.linear });
+      if (keys2.length && !same7(from, cur)) keys2.push({ t: start11, v: cur, ease: ease.linear });
+      if (!(last && last.t === start11 && same7(last.v, from))) keys2.push({ t: start11, v: from, ease: ease.linear });
       const head = keys2[keys2.length - 1];
       if (tw.path) {
         for (let i2 = 1; i2 <= SAMPLES; i2++) {
           const u4 = i2 / SAMPLES;
-          keys2.push({ t: start10 + tw.dur * u4, v: tw.path(bezierAt(tw.ease, u4)), ease: ease.linear });
+          keys2.push({ t: start11 + tw.dur * u4, v: tw.path(bezierAt(tw.ease, u4)), ease: ease.linear });
         }
       } else {
         head.ease = tw.ease;
-        keys2.push({ t: start10 + tw.dur, v: to4, ease: ease.linear });
+        keys2.push({ t: start11 + tw.dur, v: to4, ease: ease.linear });
       }
       cur = keys2[keys2.length - 1].v;
-      lastEnd = start10 + tw.dur;
+      lastEnd = start11 + tw.dur;
       lastTween = tw;
     }
     return keys2;
@@ -107804,7 +108313,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
     return new Scene(stage, options);
   }
   function rewind(s3, keep3 = []) {
-    return s3.step("rewind", (start10) => {
+    return s3.step("rewind", (start11) => {
       const groups = /* @__PURE__ */ new Map();
       for (const tw of s3.tweens) {
         if (tw.prop === "opacity" && keep3.includes(tw.el)) continue;
@@ -107817,7 +108326,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
         for (const [prop, list3] of props) {
           const keys2 = resolve(list3, s3.resets);
           const v9 = initialValue(keys2);
-          if (!same7(valueAt(keys2, start10, prop), v9)) s3.add(el12, prop, start10, 0, v9, { ease: "linear" });
+          if (!same7(valueAt(keys2, start11, prop), v9)) s3.add(el12, prop, start11, 0, v9, { ease: "linear" });
         }
       }
       return 0;
@@ -107854,7 +108363,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
       io4?.disconnect();
       doc.removeEventListener("visibilitychange", sync);
     };
-    const start10 = (force) => {
+    const start11 = (force) => {
       if (done) return;
       if (!stage.isConnected) return stop6();
       const w6 = stage.offsetWidth;
@@ -107882,7 +108391,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
         queued3 = false;
         const f3 = queuedForce;
         queuedForce = false;
-        start10(f3);
+        start11(f3);
       });
     };
     const ro4 = new ResizeObserver(() => stage.isConnected ? queue2(false) : stop6());
@@ -107894,7 +108403,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
     io4?.observe(stage);
     doc.addEventListener("visibilitychange", sync);
     if (doc.fonts && doc.fonts.status !== "loaded") doc.fonts.ready.then(() => queue2(true));
-    start10(false);
+    start11(false);
     return { stop: stop6, get scene() {
       return s3;
     } };
@@ -107985,13 +108494,13 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
           const resume = this.animations ? { time: this.time, playing: this.playing } : null;
           this.animations?.forEach((a2) => a2.cancel());
           this.animations = null;
-          const start10 = this.nextStart();
+          const start11 = this.nextStart();
           this.mode = null;
-          this.source = `${name} at ${Math.round(start10)} ms`;
+          this.source = `${name} at ${Math.round(start11)} ms`;
           const before = this.tweens.length;
-          let end2 = start10 + build6(start10);
+          let end2 = start11 + build6(start11);
           for (const tw of this.tweens.slice(before)) end2 = Math.max(end2, tw.start + tw.dur);
-          this.last = { start: start10, end: end2 };
+          this.last = { start: start11, end: end2 };
           this.t = Math.max(this.t, end2);
           if (resume) {
             this.seek(resume.time);
@@ -107999,11 +108508,11 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
           }
           return this;
         }
-        add(el12, prop, start10, dur, to4, { from, ease: e20 = "standard", path } = {}) {
+        add(el12, prop, start11, dur, to4, { from, ease: e20 = "standard", path } = {}) {
           this.tweens.push({
             el: el12,
             prop,
-            start: start10,
+            start: start11,
             dur,
             from: from == null ? void 0 : vec(prop, from),
             to: to4 == null ? void 0 : vec(prop, to4),
@@ -108100,8 +108609,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
           this.stage.append(el12);
           this.cursor = el12;
           const [w6, h] = this.stageSize();
-          const start10 = this.cursorStart ?? [w6 * 0.7, h * 0.85];
-          this.tweens.push({ el: el12, prop: "translate", start: 0, dur: 0, to: start10, from: start10, ease: ease.linear, source: "cursor start" });
+          const start11 = this.cursorStart ?? [w6 * 0.7, h * 0.85];
+          this.tweens.push({ el: el12, prop: "translate", start: 0, dur: 0, to: start11, from: start11, ease: ease.linear, source: "cursor start" });
           return el12;
         }
         with(offset = 0) {
@@ -108116,26 +108625,26 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
           return this.step("wait", () => ms4);
         }
         set(target, values) {
-          return this.step("set", (start10) => {
+          return this.step("set", (start11) => {
             for (const el12 of this.els(target)) {
-              for (const [prop, v9] of Object.entries(values)) this.add(el12, prop, start10, 0, v9, { ease: "linear" });
+              for (const [prop, v9] of Object.entries(values)) this.add(el12, prop, start11, 0, v9, { ease: "linear" });
             }
             return 0;
           });
         }
         tween(target, prop, to4, { duration = 300, delay = 0, stagger = 0, ...opts } = {}) {
-          return this.step("tween", (start10) => {
+          return this.step("tween", (start11) => {
             const list3 = this.els(target);
-            list3.forEach((el12, i2) => this.add(el12, prop, start10 + delay + i2 * stagger, duration, to4, opts));
+            list3.forEach((el12, i2) => this.add(el12, prop, start11 + delay + i2 * stagger, duration, to4, opts));
             return delay + (list3.length - 1) * stagger + duration;
           });
         }
         rise(target, opts) {
           const o3 = { ...defaults.rise, ...opts };
-          return this.step("rise", (start10) => {
+          return this.step("rise", (start11) => {
             const list3 = this.els(target);
             list3.forEach((el12, i2) => {
-              const t2 = start10 + i2 * o3.stagger;
+              const t2 = start11 + i2 * o3.stagger;
               this.add(el12, "translate", t2, o3.duration, [0, 0], { from: [0, o3.distance], ease: o3.ease });
               this.add(el12, "opacity", t2, o3.fadeDuration, 1, { from: o3.fade, ease: "linear" });
             });
@@ -108144,10 +108653,10 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
         }
         cascade(target, opts) {
           const o3 = { ...defaults.cascade, ...opts };
-          return this.step("cascade", (start10) => {
+          return this.step("cascade", (start11) => {
             const list3 = this.els(target);
             list3.forEach((el12, i2) => {
-              const t2 = start10 + i2 * o3.stagger;
+              const t2 = start11 + i2 * o3.stagger;
               this.add(el12, "translate", t2, o3.duration, [0, 0], { from: [-o3.dx, -o3.dy], ease: o3.ease });
               this.add(el12, "opacity", t2, o3.fadeDuration, 1, { from: o3.fade, ease: "out" });
             });
@@ -108156,14 +108665,14 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
         }
         pop(target, opts) {
           const o3 = { ...defaults.pop, ...opts };
-          return this.step("pop", (start10) => {
+          return this.step("pop", (start11) => {
             for (const el12 of this.els(target)) {
-              if (o3.fade !== false) this.add(el12, "opacity", start10, o3.fadeDuration, 1, { from: o3.fade, ease: "linear" });
+              if (o3.fade !== false) this.add(el12, "opacity", start11, o3.fadeDuration, 1, { from: o3.fade, ease: "linear" });
               if (o3.overshoot) {
-                this.add(el12, "scale", start10, o3.up, o3.peak, { from: o3.from, ease: "linear" });
-                this.add(el12, "scale", start10 + o3.up, o3.down, 1, { ease: "linear" });
+                this.add(el12, "scale", start11, o3.up, o3.peak, { from: o3.from, ease: "linear" });
+                this.add(el12, "scale", start11 + o3.up, o3.down, 1, { ease: "linear" });
               } else {
-                this.add(el12, "scale", start10, o3.duration, 1, { from: o3.from, ease: o3.ease });
+                this.add(el12, "scale", start11, o3.duration, 1, { from: o3.from, ease: o3.ease });
               }
             }
             return o3.overshoot ? o3.up + o3.down : o3.duration;
@@ -108171,21 +108680,21 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
         }
         exit(target, opts) {
           const o3 = { ...defaults.exit, ...opts };
-          return this.step("exit", (start10) => {
+          return this.step("exit", (start11) => {
             for (const el12 of this.els(target)) {
-              const d2 = this.current(el12, "translate", start10);
-              this.add(el12, "translate", start10, o3.duration, [d2[0], d2[1] - o3.distance], { ease: o3.ease });
-              this.add(el12, "opacity", start10, o3.duration, o3.opacity, { ease: "linear" });
+              const d2 = this.current(el12, "translate", start11);
+              this.add(el12, "translate", start11, o3.duration, [d2[0], d2[1] - o3.distance], { ease: o3.ease });
+              this.add(el12, "opacity", start11, o3.duration, o3.opacity, { ease: "linear" });
             }
             return o3.duration;
           });
         }
         slideOff(target, opts) {
           const o3 = { ...defaults.slideOff, ...opts };
-          return this.step("slideOff", (start10) => {
+          return this.step("slideOff", (start11) => {
             const list3 = this.els(target);
             list3.forEach((el12, i2) => {
-              const t2 = start10 + i2 * o3.stagger;
+              const t2 = start11 + i2 * o3.stagger;
               const d2 = this.current(el12, "translate", t2);
               this.add(el12, "translate", t2, o3.duration, [d2[0] + o3.dx, d2[1] + o3.dy], { ease: o3.ease });
               this.add(el12, "opacity", t2, o3.duration, 0, { ease: "linear" });
@@ -108195,15 +108704,15 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
         }
         hover(target, opts) {
           const o3 = { ...defaults.hover, ...opts };
-          return this.step("hover", (start10) => {
+          return this.step("hover", (start11) => {
             for (const el12 of this.els(target)) {
-              const d2 = this.current(el12, "translate", start10);
-              const s3 = this.current(el12, "scale", start10);
-              const r45 = this.current(el12, "rotate", start10);
-              const back = start10 + o3.duration + o3.hold;
-              this.add(el12, "translate", start10, o3.duration, [d2[0], d2[1] - o3.lift], { ease: o3.ease });
-              this.add(el12, "scale", start10, o3.duration, [s3[0] * o3.scale, s3[1] * o3.scale], { ease: o3.ease });
-              this.add(el12, "rotate", start10, o3.duration, [r45[0] + o3.rotate], { ease: o3.ease });
+              const d2 = this.current(el12, "translate", start11);
+              const s3 = this.current(el12, "scale", start11);
+              const r45 = this.current(el12, "rotate", start11);
+              const back = start11 + o3.duration + o3.hold;
+              this.add(el12, "translate", start11, o3.duration, [d2[0], d2[1] - o3.lift], { ease: o3.ease });
+              this.add(el12, "scale", start11, o3.duration, [s3[0] * o3.scale, s3[1] * o3.scale], { ease: o3.ease });
+              this.add(el12, "rotate", start11, o3.duration, [r45[0] + o3.rotate], { ease: o3.ease });
               this.add(el12, "translate", back, o3.back, d2, { ease: o3.ease });
               this.add(el12, "scale", back, o3.back, s3, { ease: o3.ease });
               this.add(el12, "rotate", back, o3.back, r45, { ease: o3.ease });
@@ -108218,24 +108727,24 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
         }
         press(target, opts) {
           const o3 = { ...defaults.press, ...opts };
-          return this.step("press", (start10) => {
-            for (const el12 of this.els(target)) this.pulse(el12, start10, o3.scale, o3.up, o3.down);
+          return this.step("press", (start11) => {
+            for (const el12 of this.els(target)) this.pulse(el12, start11, o3.scale, o3.up, o3.down);
             return o3.up + o3.down;
           });
         }
         move(target, opts) {
           const o3 = { ...defaults.move, ...opts };
-          return this.step("move", (start10) => {
+          return this.step("move", (start11) => {
             const c4 = this.cursorEl();
-            const a2 = this.current(c4, "translate", start10);
+            const a2 = this.current(c4, "translate", start11);
             const el12 = Array.isArray(target) ? null : this.el(target);
             const aim = (t2) => el12 ? this.pointAt(el12, t2, o3.offset) : target;
             const timeFor = (d2) => o3.duration ?? (d2 < 120 ? 290 : Math.min(1e3, 400 + d2 * 1.2));
-            let b6 = aim(start10);
+            let b6 = aim(start11);
             let dur = 0;
             for (let i2 = 0; i2 < 3; i2++) {
               dur = timeFor(Math.hypot(b6[0] - a2[0], b6[1] - a2[1]));
-              b6 = aim(start10 + dur);
+              b6 = aim(start11 + dur);
             }
             const dist = Math.hypot(b6[0] - a2[0], b6[1] - a2[1]);
             if (dist < 1) return 0;
@@ -108243,7 +108752,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
             let n3 = [-(b6[1] - a2[1]) / dist, (b6[0] - a2[0]) / dist];
             if (n3[1] < 0) n3 = [-n3[0], -n3[1]];
             const ctrl = [(a2[0] + b6[0]) / 2 + n3[0] * bow, (a2[1] + b6[1]) / 2 + n3[1] * bow];
-            this.add(c4, "translate", start10, dur, b6, { ease: o3.ease, path: (u4) => quad(a2, ctrl, b6, u4) });
+            this.add(c4, "translate", start11, dur, b6, { ease: o3.ease, path: (u4) => quad(a2, ctrl, b6, u4) });
             return dur;
           });
         }
@@ -108258,8 +108767,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
               this.mode = { at: this.last.end };
             }
           }
-          return this.step("click", (start10) => {
-            const t2 = start10 + o3.settle;
+          return this.step("click", (start11) => {
+            const t2 = start11 + o3.settle;
             this.pulse(this.cursorEl(), t2, o3.cursorScale, o3.up, o3.down);
             if (target != null && !Array.isArray(target) && o3.press) this.pulse(this.el(target), t2, o3.targetScale, o3.up, o3.up);
             return o3.settle + o3.up + o3.down;
@@ -108267,39 +108776,39 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
         }
         ripple(target, opts) {
           const o3 = { ...defaults.ripple, ...opts };
-          return this.step("ripple", (start10) => {
+          return this.step("ripple", (start11) => {
             for (const el12 of this.els(target)) {
-              this.add(el12, "scale", start10, o3.duration, 1, { from: o3.from, ease: o3.ease });
-              this.add(el12, "opacity", start10, 0, o3.fade, { from: 0, ease: "linear" });
-              this.add(el12, "opacity", start10 + o3.fadeAt, o3.fadeDuration, 0, { ease: "linear" });
+              this.add(el12, "scale", start11, o3.duration, 1, { from: o3.from, ease: o3.ease });
+              this.add(el12, "opacity", start11, 0, o3.fade, { from: 0, ease: "linear" });
+              this.add(el12, "opacity", start11 + o3.fadeAt, o3.fadeDuration, 0, { ease: "linear" });
             }
             return Math.max(o3.duration, o3.fadeAt + o3.fadeDuration);
           });
         }
         flip(target, opts) {
           const o3 = { ...defaults.flip, ...opts };
-          return this.step("flip", (start10) => {
+          return this.step("flip", (start11) => {
             for (const el12 of this.els(target)) {
-              const r45 = this.current(el12, "rotate", start10);
-              this.add(el12, "rotate", start10, o3.duration, [r45[0] + o3.deg], { ease: o3.ease });
+              const r45 = this.current(el12, "rotate", start11);
+              this.add(el12, "rotate", start11, o3.duration, [r45[0] + o3.deg], { ease: o3.ease });
             }
             return o3.duration;
           });
         }
         grow(target, opts) {
           const o3 = { ...defaults.grow, ...opts };
-          return this.step("grow", (start10) => {
+          return this.step("grow", (start11) => {
             const list3 = this.els(target);
             const from = o3.axis === "x" ? [o3.from, 1] : [1, o3.from];
-            list3.forEach((el12, i2) => this.add(el12, "scale", start10 + i2 * o3.stagger, o3.duration, [1, 1], { from, ease: o3.ease }));
+            list3.forEach((el12, i2) => this.add(el12, "scale", start11 + i2 * o3.stagger, o3.duration, [1, 1], { from, ease: o3.ease }));
             return (list3.length - 1) * o3.stagger + o3.duration;
           });
         }
         zoom(target, opts) {
           const o3 = { ...defaults.zoom, ...opts };
-          return this.step("zoom", (start10) => {
+          return this.step("zoom", (start11) => {
             const el12 = this.el(target);
-            const end2 = start10 + o3.duration;
+            const end2 = start11 + o3.duration;
             const s3 = vec("scale", o3.scale);
             let d2 = [0, 0];
             if (o3.to) {
@@ -108313,25 +108822,25 @@ https://github.com/highlightjs/highlight.js/issues/2277`), x5 = n3, E6 = a2), h
               const y6 = (p5[1] - c4[1]) * s3[1];
               d2 = [f3[0] - c4[0] - (x5 * Math.cos(r45) - y6 * Math.sin(r45)), f3[1] - c4[1] - (x5 * Math.sin(r45) + y6 * Math.cos(r45))];
             }
-            this.add(el12, "scale", start10, o3.duration, s3, { ease: o3.ease });
-            this.add(el12, "translate", start10, o3.duration, d2, { ease: o3.ease });
+            this.add(el12, "scale", start11, o3.duration, s3, { ease: o3.ease });
+            this.add(el12, "translate", start11, o3.duration, d2, { ease: o3.ease });
             return o3.duration;
           });
         }
         zoomOut(target, opts) {
           const o3 = { ...defaults.zoomOut, ...opts };
-          return this.step("zoomOut", (start10) => {
+          return this.step("zoomOut", (start11) => {
             const el12 = this.el(target);
-            this.add(el12, "scale", start10, o3.duration, 1, { ease: o3.ease });
-            this.add(el12, "translate", start10, o3.duration, [0, 0], { ease: o3.ease });
+            this.add(el12, "scale", start11, o3.duration, 1, { ease: o3.ease });
+            this.add(el12, "translate", start11, o3.duration, [0, 0], { ease: o3.ease });
             return o3.duration;
           });
         }
         reset(opts) {
           const o3 = { ...defaults.reset, ...opts };
-          return this.step("reset", (start10) => {
-            if (this.stillAt == null) this.stillAt = start10;
-            this.resets.push({ start: start10, dur: o3.duration, ease: toBezier(o3.ease), source: `reset at ${Math.round(start10)} ms` });
+          return this.step("reset", (start11) => {
+            if (this.stillAt == null) this.stillAt = start11;
+            this.resets.push({ start: start11, dur: o3.duration, ease: toBezier(o3.ease), source: `reset at ${Math.round(start11)} ms` });
             return o3.duration;
           });
         }
@@ -111926,8 +112435,8 @@ ${t2}` : `"use strict"; return (${t2});`;
       }
       return null;
     }
-    function checkSiblings(start10, direction) {
-      let sibling = start10[direction];
+    function checkSiblings(start11, direction) {
+      let sibling = start11[direction];
       while (sibling) {
         const found = checkDeep(sibling);
         if (found) return found;
@@ -112780,7 +113289,7 @@ ${t2}` : `"use strict"; return (${t2});`;
     get: () => get4,
     parseHash: () => parseHash,
     set: () => set2,
-    start: () => start9,
+    start: () => start10,
     stop: () => stop5
   });
   function parseHash(hash) {
@@ -112903,7 +113412,7 @@ ${t2}` : `"use strict"; return (${t2});`;
       observer2.observe(document.body, { childList: true, subtree: true });
     }
   }
-  function start9() {
+  function start10() {
     if (started4) return;
     started4 = true;
     mirrorRoot(parseHash(location.hash));
@@ -112941,7 +113450,7 @@ ${t2}` : `"use strict"; return (${t2});`;
       route = { get: get4, set: set2, apply: apply2 };
       clay5 = window.clay = window.clay || {};
       clay5.route = route;
-      start9();
+      start10();
       route_default = route;
     }
   });
@@ -113246,6 +113755,9 @@ ${t2}` : `"use strict"; return (${t2});`;
     // owner editing the original, gets the owner module: the chip when it applies and
     // the inert `clay.visitorDrafts`, without the drafts UI's 24 KB.
     "visitor-drafts": { path: "plugins/visitor-drafts.js", ownerPath: "plugins/visitor-drafts-owner.js", editOnly: false, default: false },
+    // `draft: true` loads it only in a visitor's draft. The key is short on purpose: every
+    // reader downloads this file, and the reader's Brotli ceiling counts it.
+    "visitor-menu": { path: "plugins/visitor-menu.js", editOnly: true, draft: true },
     // An editor textarea outside the saved records, bound to one record's text
     // element. Edit mode only: the page that asks for it is the page whose owner
     // writes in it.
@@ -113301,12 +113813,13 @@ ${t2}` : `"use strict"; return (${t2});`;
     "plugins/demo.js": () => Promise.resolve().then(() => (init_demo(), demo_exports)),
     "plugins/visitor-drafts.js": () => Promise.resolve().then(() => (init_visitor_drafts(), visitor_drafts_exports)),
     "plugins/visitor-drafts-owner.js": () => Promise.resolve().then(() => (init_visitor_drafts_owner(), visitor_drafts_owner_exports)),
+    "plugins/visitor-menu.js": () => Promise.resolve().then(() => (init_visitor_menu(), visitor_menu_exports)),
     "plugins/bind-text.js": () => Promise.resolve().then(() => (init_bind_text(), bind_text_exports)),
     "plugins/source.js": () => Promise.resolve().then(() => (init_source2(), source_exports)),
     "plugins/derive.js": () => Promise.resolve().then(() => (init_derive(), derive_exports)),
     "plugins/upgrade.js": () => Promise.resolve().then(() => (init_upgrade(), upgrade_exports))
   };
-  var PLUGIN_ORDER = ["visitor-drafts", "richclay", "indicator", "sortable", "undo", "unsent", "quickcrop", "upload", "people", "menu", "upgrade", "cms", "page-view", "sync", "live", "page", "message", "like", "wire", "ai-edit", "demo", "derive", "bind-text", "source"];
+  var PLUGIN_ORDER = ["visitor-drafts", "visitor-menu", "richclay", "indicator", "sortable", "undo", "unsent", "quickcrop", "upload", "people", "menu", "upgrade", "cms", "page-view", "sync", "live", "page", "message", "like", "wire", "ai-edit", "demo", "derive", "bind-text", "source"];
   var IMPLIES = { cms: ["quickcrop", "upload", "menu"], "ai-edit": ["wire"], page: ["live", "sync", "upload"] };
   var DISPLACES = { page: ["richclay"] };
   var LATE = /* @__PURE__ */ new Set(["source", "sortable", "menu", "upgrade"]);
@@ -113368,7 +113881,7 @@ ${t2}` : `"use strict"; return (${t2});`;
     for (const name of PLUGIN_ORDER) {
       if (!enabled.has(name)) continue;
       const spec = PLUGIN_PATHS[name];
-      if (spec.editOnly && !isEditMode2) continue;
+      if (spec.editOnly && !isEditMode2 || spec.draft && !isDraftMode2) continue;
       (LATE.has(name) ? late : plugins).push(spec.ownerPath && !isDraftMode2 ? spec.ownerPath : spec.path);
     }
     return { core, plugins, late };