@panphora/clayjs 1.12.0 → 1.12.2

package/dist/clay.standalone.js

@@ -1,4 +1,4 @@
-/* clayjs 1.12.0 standalone build: every clayjs module in one file. https://clayjs.com/offline
+/* clayjs 1.12.2 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): https://clayjs.com/THIRD-PARTY-NOTICES.md */
 (() => {
   var __create = Object.create;
@@ -102,29 +102,29 @@
   });
 
   // src/lib/region-capabilities.js
-  function hasPolicyToken(element, token) {
+  function hasPolicyToken(element, token2) {
     if (!element || element.nodeType !== 1) return false;
     const clay5 = element.getAttribute?.("clay");
-    return !!(clay5 && clay5.split(/\s+/).includes(token) || element.hasAttribute?.(token));
+    return !!(clay5 && clay5.split(/\s+/).includes(token2) || element.hasAttribute?.(token2));
   }
-  function expandsTo(element, token) {
-    if (hasPolicyToken(element, token)) return true;
+  function expandsTo(element, token2) {
+    if (hasPolicyToken(element, token2)) return true;
     for (const [bundle, members] of Object.entries(BUNDLES)) {
-      if (members.includes(token) && hasPolicyToken(element, bundle)) return true;
+      if (members.includes(token2) && hasPolicyToken(element, bundle)) return true;
     }
     return false;
   }
   function capabilitySelector(capability) {
     const definition = CAPABILITIES[capability];
     if (!definition) throw new Error(`Unknown region capability: ${capability}`);
-    return [...definition.tokens, ...definition.bundles].flatMap((token) => [`[clay~="${token}"]`, `[${token}]`]).join(", ");
+    return [...definition.tokens, ...definition.bundles].flatMap((token2) => [`[clay~="${token2}"]`, `[${token2}]`]).join(", ");
   }
   function closestWithCapability(node, capability) {
     let element = node && node.nodeType === 1 ? node : node?.parentElement;
     while (element && element.nodeType === 1) {
       const definition = CAPABILITIES[capability];
       if (!definition) throw new Error(`Unknown region capability: ${capability}`);
-      if (definition.tokens.some((token) => expandsTo(element, token)) || definition.bundles.some((bundle) => hasPolicyToken(element, bundle))) return element;
+      if (definition.tokens.some((token2) => expandsTo(element, token2)) || definition.bundles.some((bundle) => hasPolicyToken(element, bundle))) return element;
       element = element.parentElement;
     }
     return null;
@@ -569,10 +569,10 @@
     strictestPolicy: () => strictestPolicy,
     windowRegionShape: () => windowRegionShape
   });
-  function addRegionToken(el5, token) {
+  function addRegionToken(el5, token2) {
     const tokens = new Set((el5.getAttribute("clay") || "").trim().split(/\s+/).filter(Boolean));
-    if (tokens.has(token)) return;
-    tokens.add(token);
+    if (tokens.has(token2)) return;
+    tokens.add(token2);
     el5.setAttribute("clay", Array.from(tokens).join(" "));
   }
   function isSnapshotRemoved(node) {
@@ -922,14 +922,14 @@
           }
           this._log("Resumed", this._pauseDepth);
         },
-        _log(message, data = null, type = "log") {
+        _log(message2, data = null, type = "log") {
           if (!this.debug) return;
           const timestamp = (/* @__PURE__ */ new Date()).toISOString();
           const prefix = `[Mutation ${timestamp}]`;
           if (data) {
-            console[type](prefix, message, data);
+            console[type](prefix, message2, data);
           } else {
-            console[type](prefix, message);
+            console[type](prefix, message2);
           }
         },
         _notify(type, changes2, onlyNonPausable = false) {
@@ -1526,7 +1526,7 @@
   }
   function hasOwnCapability(element, capability) {
     const definition = CAPABILITIES[capability];
-    return definition.tokens.some((token) => expandsTo(element, token)) || definition.bundles.some((bundle) => hasPolicyToken(element, bundle));
+    return definition.tokens.some((token2) => expandsTo(element, token2)) || definition.bundles.some((bundle) => hasPolicyToken(element, bundle));
   }
   function pairTree(source3, copy2, maps, drop) {
     if (source3.nodeType === 1 && drop(source3)) {
@@ -2875,8 +2875,8 @@
   }
   async function fetchMeta() {
     if (!/^https?:$/.test(window.location.protocol)) return settle("none");
-    const token = saveToken();
-    const path = token ? `${META_PATH}/${token}` : META_PATH;
+    const token2 = saveToken();
+    const path = token2 ? `${META_PATH}/${token2}` : META_PATH;
     const controller = new AbortController();
     const timeoutId = setTimeout(() => controller.abort(), META_TIMEOUT_MS);
     try {
@@ -2885,7 +2885,7 @@
         // Same rule as the save lane. The token IS the credential, and a host that
         // mints per-document tokens must never send Access-Control-Allow-Credentials
         // back, so asking for cookies gets the answer blocked before it is read.
-        credentials: token ? "omit" : "same-origin",
+        credentials: token2 ? "omit" : "same-origin",
         headers: { "Document-URL": window.location.href },
         cache: "no-store",
         // A redirect is not an answer (§5), and following one would send the
@@ -3162,11 +3162,11 @@
     return { ok: false, msg, msgType: "skipped", code: null, etag: null };
   }
   function buildSaveRequest(content, userDriven, signal, saveId, etag, keepalive = false) {
-    const token = saveToken();
-    const path = token ? `${SAVE_PATH}/${token}` : SAVE_PATH;
+    const token2 = saveToken();
+    const path = token2 ? `${SAVE_PATH}/${token2}` : SAVE_PATH;
     const options = {
       method: "POST",
-      credentials: token ? "omit" : "same-origin",
+      credentials: token2 ? "omit" : "same-origin",
       signal,
       headers: {
         "Document-URL": window.location.href,
@@ -3204,11 +3204,11 @@
     return { ok: status >= 200 && status < 300, status, statusText: status === 200 ? "OK" : "Insufficient Storage", text: () => Promise.resolve(text) };
   }
   function sendToDraftStore(content) {
-    const send3 = draftTransport();
-    if (!send3) return Promise.resolve(draftResponse(503, { msg: "Saving in this browser is not ready yet", msgType: "error", code: "draft-not-ready" }));
+    const send4 = draftTransport();
+    if (!send4) return Promise.resolve(draftResponse(503, { msg: "Saving in this browser is not ready yet", msgType: "error", code: "draft-not-ready" }));
     return Promise.resolve().then(() => {
       try {
-        send3(content);
+        send4(content);
         return draftResponse(200, { msg: "Saved in this browser", msgType: "success" });
       } catch (error) {
         return draftResponse(507, { msg: "Couldn't save in this browser. Storage is full or turned off.", msgType: "error", code: error.code || "draft-storage" });
@@ -3485,12 +3485,12 @@
     changes++;
     scheduleAnnounce();
   }
-  function gateClearIfUnchanged(token) {
-    if (!token) return;
-    if (changes === token.gen) {
-      clearedAt = token.gen;
+  function gateClearIfUnchanged(token2) {
+    if (!token2) return;
+    if (changes === token2.gen) {
+      clearedAt = token2.gen;
     }
-    for (const [el5, sig] of token.probe) {
+    for (const [el5, sig] of token2.probe) {
       if (controlSignature(el5) === sig) probeCache.set(el5, sig);
     }
     scheduleAnnounce();
@@ -4069,8 +4069,8 @@
       for (const name of events) document.addEventListener(name, onSettle);
     });
   }
-  function flushError(message, state2) {
-    return Object.assign(new Error(message), { state: state2 });
+  function flushError(message2, state2) {
+    return Object.assign(new Error(message2), { state: state2 });
   }
   function nextEvent(name, deadline) {
     return new Promise((resolve, reject) => {
@@ -4110,9 +4110,9 @@
     for (let attempt = 0; attempt < 4; attempt++) {
       if (isSaveInProgress()) await settled(deadline);
       if (isSaveConflicted()) throw flushError("This document has a conflict to resolve.", "conflict");
-      const token = gateCaptureToken();
+      const token2 = gateCaptureToken();
       if (!bytesUnsaved()) {
-        gateClearIfUnchanged(token);
+        gateClearIfUnchanged(token2);
         if (hasUnsavedState()) throw flushError("This document has unsaved work a save cannot write.", "blocked");
         return { state: saved2 ? "saved" : "clean", etag: etag ?? lastSeenEtag() };
       }
@@ -4354,8 +4354,8 @@
     setPageDataLiveSync: () => setPageDataLiveSync,
     writeData: () => writeData
   });
-  function refusal(code, message, details) {
-    const error = new Error(message);
+  function refusal(code, message2, details) {
+    const error = new Error(message2);
     error.code = code;
     error.details = details;
     return error;
@@ -4371,8 +4371,8 @@
       body = await responseBody(response) || {};
     } catch {
     }
-    const message = body.message || body.error || response.statusText || `Request failed (${response.status})`;
-    const error = new Error(message);
+    const message2 = body.message || body.error || response.statusText || `Request failed (${response.status})`;
+    const error = new Error(message2);
     error.status = response.status;
     error.error = body.error;
     error.details = body.details;
@@ -4468,7 +4468,7 @@
   }
   function createPageDataApi({
     supports = hostSupports,
-    token = saveToken,
+    token: token2 = saveToken,
     fetchImpl = (...args) => fetch(...args),
     getLocation = () => window.location,
     eventTarget = document,
@@ -4570,7 +4570,7 @@
           "Content-Type": "application/json",
           "If-Match": match
         };
-        const currentToken = token();
+        const currentToken = token2();
         if (currentToken) headers["Save-Token"] = currentToken;
         const body = JSON.stringify(values);
         waiter = syncWaiter(eventTarget, syncTimeoutMs);
@@ -13610,8 +13610,8 @@
       RETRY_MS = 2e3;
       EVENTS = ["focusin", "focusout", "selectionchange", "clay:sync-applied", "clay:workspace-background", "clay:workspace-foreground"];
       EditingSender = class {
-        constructor({ send: send3, now: now3 = () => Date.now() }) {
-          this.send = send3;
+        constructor({ send: send4, now: now3 = () => Date.now() }) {
+          this.send = send4;
           this.now = now3;
           this.others = false;
           this.background = false;
@@ -14149,13 +14149,13 @@
         get unresolvedConflicts() {
           return conflicts.list().filter((c2) => c2.kind !== "apply-incomplete");
         }
-        _log(message, data = null) {
+        _log(message2, data = null) {
           if (!this.debug) return;
           const prefix = `[LiveSync ${(/* @__PURE__ */ new Date()).toISOString()}]`;
           if (data !== null) {
-            console.log(prefix, message, data);
+            console.log(prefix, message2, data);
           } else {
-            console.log(prefix, message);
+            console.log(prefix, message2);
           }
         }
         /**
@@ -15085,7 +15085,7 @@
             ...extra
           };
           const dirty = this.lane === "live" && pageMaybeDirty();
-          const token = gateCaptureToken();
+          const token2 = gateCaptureToken();
           let pending4;
           let localRoot = null;
           let applyId = null;
@@ -15150,7 +15150,7 @@
             }
             throw err;
           }
-          const typedDuringWait = gateCaptureToken().gen !== token.gen;
+          const typedDuringWait = gateCaptureToken().gen !== token2.gen;
           let conflictIds;
           try {
             lineageCapture.prepareComplete(report2, conflicts.list());
@@ -15159,7 +15159,7 @@
             lineageCapture.finish(conflicts.list());
           }
           if (dirty && !report2.localDiverged) {
-            gateClearIfUnchanged(token);
+            gateClearIfUnchanged(token2);
           }
           const mapIds = new Set(isIdMap(identityMap) ? Object.values(identityMap) : []);
           for (const [el5, id2] of report2.identities) {
@@ -15193,7 +15193,7 @@
           this._log("applyUpdate - pausing mutations and morphing");
           this.isPaused = true;
           const scrollX = window.scrollX;
-          const scrollY = window.scrollY;
+          const scrollY2 = window.scrollY;
           mutation_default.pause();
           pauseGate();
           let diverged = false;
@@ -15231,7 +15231,7 @@
             });
             diverged = report2.localDiverged;
             typedDuringWait = typed;
-            window.scrollTo(scrollX, scrollY);
+            window.scrollTo(scrollX, scrollY2);
             this._setPeerBase(html, identityMap, ticket);
             this._applyGen++;
             if (!(this._acceptedSaveTicket > ticket)) {
@@ -15282,7 +15282,7 @@
           this._log(`applyExternal - external disk change (seq=${seq})`);
           this.isPaused = true;
           const scrollX = window.scrollX;
-          const scrollY = window.scrollY;
+          const scrollY2 = window.scrollY;
           mutation_default.pause();
           pauseGate();
           let diverged = false;
@@ -15325,7 +15325,7 @@
             diverged = report2.localDiverged;
             typedDuringWait = typed;
             this._setDiskBase(html, ticket);
-            window.scrollTo(scrollX, scrollY);
+            window.scrollTo(scrollX, scrollY2);
             if (!(this._acceptedSaveTicket > ticket)) {
               if (typeof etag === "string" && etag) {
                 recordEtag(etag);
@@ -16477,12 +16477,12 @@
   function drawBar(m2) {
     const n2 = m2 === "failed" ? failures().length : losses().length;
     const bar2 = bevelSurface("div", ["display:flex", "flex-wrap:wrap", "align-items:center", "gap:10px 12px", "padding:8px 8px 8px 14px", "width:max-content", "max-width:calc(100vw - 24px)"]);
-    const message = barMessage(m2, n2);
-    if (message !== lastAnnounced) {
+    const message2 = barMessage(m2, n2);
+    if (message2 !== lastAnnounced) {
       bar2.setAttribute("role", m2 === "refused" ? "alert" : "status");
-      lastAnnounced = message;
+      lastAnnounced = message2;
     }
-    bar2.append(dot(), bevelText("span", [], message), key(bevelButton("Review", { onClick: openPanel }), "review"));
+    bar2.append(dot(), bevelText("span", [], message2), key(bevelButton("Review", { onClick: openPanel }), "review"));
     return bar2;
   }
   function action(label, name, { variant = "default", onClick: onClick2, push = false } = {}) {
@@ -16806,8 +16806,8 @@
       return;
     }
     if (Date.now() - armedAt < DOUBLE_PRESS_MS) return;
-    const token = armed;
-    const current4 = () => armed === token && token.refusalGeneration === refusalGeneration && token.ledgerRevision === ledgerRevision && token.dirtyGeneration === gateCaptureToken().gen;
+    const token2 = armed;
+    const current4 = () => armed === token2 && token2.refusalGeneration === refusalGeneration && token2.ledgerRevision === ledgerRevision && token2.dirtyGeneration === gateCaptureToken().gen;
     if (!reloadAfterDiscard({ isCurrent: current4, reload: () => window.location.reload() })) {
       disarm();
       armLost = true;
@@ -22888,8 +22888,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     const retired = /* @__PURE__ */ new Set();
     const kept = /* @__PURE__ */ new Map();
     let mirror = { epoch: null, seq: 0, sequencer: null, closedBy: null, stale: false, seen: /* @__PURE__ */ new Map(), stores: /* @__PURE__ */ new Map() };
-    function post(message) {
-      channel?.postMessage({ v: VERSION, ...message });
+    function post2(message2) {
+      channel?.postMessage({ v: VERSION, ...message2 });
     }
     function pushLog(m2, entry) {
       entry.bytes = encoder2.encode(JSON.stringify(entry.ops)).length;
@@ -22981,7 +22981,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     function announce() {
       const state2 = roomState();
-      post({ type: "data-state", state: state2 });
+      post2({ type: "data-state", state: state2 });
       handlers2.state(state2);
     }
     function renewEpoch() {
@@ -23040,7 +23040,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     function closeRoom() {
       if (!room) return;
-      post({ type: "closed", from: clientId, state: roomState() });
+      post2({ type: "closed", from: clientId, state: roomState() });
       room = null;
       releaseLock?.();
       releaseLock = null;
@@ -23100,7 +23100,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       room.lastN.set(nKey, { n: frame.n, seq: room.seq });
       const data = { epoch: room.epoch, seq: room.seq, name: frame.name, ops, from, n: frame.n };
       advance(data);
-      post({ type: "data", data });
+      post2({ type: "data", data });
       handlers2.frame(cloneJson(data));
       return { status: 200, body: { seq: room.seq, epoch: room.epoch }, retryAfter: 0 };
     }
@@ -23186,7 +23186,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (changed2) announce();
       else tellLanded(moved);
     }
-    function request(message) {
+    function request(message2) {
       return new Promise((resolve) => {
         const id2 = ++rid;
         const timer = setTimeout(() => {
@@ -23194,14 +23194,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           ownPosts.delete(id2);
           resolve(null);
         }, REQUEST_MS);
-        if (message.type === "post") ownPosts.set(id2, mirror.sequencer);
+        if (message2.type === "post") ownPosts.set(id2, mirror.sequencer);
         waiting.set(id2, (result2) => {
           clearTimeout(timer);
           waiting.delete(id2);
           ownPosts.delete(id2);
           resolve(result2);
         });
-        post({ ...message, from: clientId, rid: id2 });
+        post2({ ...message2, from: clientId, rid: id2 });
       });
     }
     function onData(data) {
@@ -23236,7 +23236,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return;
       }
       if (!room && m2.type === "data-state" && m2.state?.epoch === mirror.epoch && m2.state.writer !== mirror.sequencer && Number.isInteger(m2.state.seq) && m2.state.seq < mirror.seq) {
-        post({ type: "forked", epoch: mirror.epoch, to: m2.state.writer });
+        post2({ type: "forked", epoch: mirror.epoch, to: m2.state.writer });
         return;
       }
       if (m2.type === "forked") {
@@ -23254,9 +23254,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       } else if (m2.type === "answer") {
         if (m2.to === clientId) waiting.get(m2.rid)?.(m2.result);
       } else if (room && m2.type === "post") {
-        if (m2.epoch === room.epoch) post({ type: "answer", to: m2.from, rid: m2.rid, result: roomApply(m2.from, m2.frame) });
+        if (m2.epoch === room.epoch) post2({ type: "answer", to: m2.from, rid: m2.rid, result: roomApply(m2.from, m2.frame) });
       } else if (room && m2.type === "state-request") {
-        post({ type: "answer", to: m2.from, rid: m2.rid, result: roomState() });
+        post2({ type: "answer", to: m2.from, rid: m2.rid, result: roomState() });
       }
     }
     function onPageHide() {
@@ -23317,7 +23317,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       landed(name, at4) {
         if (stopped || !at4) return;
         if (applyLanded(name, at4)) tellLanded([name]);
-        post({ type: "landed", name, at: { epoch: at4.epoch, seq: at4.seq } });
+        post2({ type: "landed", name, at: { epoch: at4.epoch, seq: at4.seq } });
       },
       get isSequencer() {
         return room !== null;
@@ -32069,8 +32069,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   }
   function send(file, { onProgress, signal }) {
     return new Promise((resolve) => {
-      const token = saveToken();
-      const path = token ? `${UPLOAD_PATH}/${token}` : UPLOAD_PATH;
+      const token2 = saveToken();
+      const path = token2 ? `${UPLOAD_PATH}/${token2}` : UPLOAD_PATH;
       const url = new URL(path, window.location.origin).href;
       const xhr = new XMLHttpRequest();
       let settled2 = false;
@@ -32766,8 +32766,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     return new URL(path, window.location.origin).href;
   }
   function wireToken() {
-    const token = saveToken();
-    return typeof token === "string" && token !== "" ? token : null;
+    const token2 = saveToken();
+    return typeof token2 === "string" && token2 !== "" ? token2 : null;
   }
   function view2(rec) {
     return {
@@ -32800,12 +32800,12 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     rec.state = state2;
     emit3(rec);
   }
-  function arm(rec, ms2, message, { cancelFirst = false, errorCode = null } = {}) {
+  function arm(rec, ms2, message2, { cancelFirst = false, errorCode = null } = {}) {
     clearTimeout(rec.timer);
     rec.timer = setTimeout(() => {
       rec.timer = null;
       if (cancelFirst) postCancel(rec);
-      finish(rec, "error", message, { errorCode, errorSource: "client" });
+      finish(rec, "error", message2, { errorCode, errorSource: "client" });
     }, ms2);
   }
   function disarm2(rec) {
@@ -32821,8 +32821,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   }
   function openStream() {
     if (streamReady) return streamReady;
-    const token = wireToken();
-    const path = `/_/wire/subscribe?page-url=${encodeURIComponent(window.location.href)}` + (token ? `&token=${encodeURIComponent(token)}` : "");
+    const token2 = wireToken();
+    const path = `/_/wire/subscribe?page-url=${encodeURIComponent(window.location.href)}` + (token2 ? `&token=${encodeURIComponent(token2)}` : "");
     stream = new EventSource(wireURL(path));
     stream.onmessage = (event) => {
       let frame;
@@ -33041,8 +33041,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       "Content-Type": "application/json",
       "Page-URL": window.location.href
     };
-    const token = wireToken();
-    if (token) headers["Save-Token"] = token;
+    const token2 = wireToken();
+    if (token2) headers["Save-Token"] = token2;
     const response = await fetch(wireURL("/_/wire/send"), {
       method: "POST",
       headers,
@@ -33272,6 +33272,183 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
   });
 
+  // src/dom/form-data.js
+  function getDataFromForm(container) {
+    const formData = {};
+    const processElement = (elem) => {
+      const name = elem.getAttribute("name");
+      const value = elem.value ?? elem.getAttribute("value");
+      if (!name || elem.disabled) return;
+      switch (elem.type) {
+        case "checkbox":
+          if (!formData[name]) {
+            formData[name] = [];
+          }
+          if (elem.checked) {
+            formData[name].push(value);
+          }
+          break;
+        case "radio":
+          if (elem.checked) {
+            formData[name] = value;
+          }
+          break;
+        case "select-multiple":
+          formData[name] = Array.from(elem.selectedOptions, (option) => option.value);
+          break;
+        case "button":
+        case "submit":
+        case "reset":
+          if (name && value) {
+            formData[name] = value;
+          }
+          break;
+        default:
+          formData[name] = value;
+      }
+    };
+    if (container instanceof HTMLFormElement) {
+      Array.from(container.elements).forEach(processElement);
+    } else {
+      if (container.hasAttribute("name")) {
+        processElement(container);
+      }
+      const elements = container.querySelectorAll("[name]");
+      elements.forEach(processElement);
+    }
+    return formData;
+  }
+  var form_data_default;
+  var init_form_data = __esm({
+    "src/dom/form-data.js"() {
+      form_data_default = getDataFromForm;
+    }
+  });
+
+  // src/plugins/message.js
+  var message_exports = {};
+  __export(message_exports, {
+    default: () => message_default,
+    message: () => message,
+    send: () => send3
+  });
+  function fetchToken() {
+    if (!tokenRequest) {
+      tokenRequest = fetch(TOKEN_PATH, { credentials: "omit", cache: "no-store" }).then((res) => res.ok ? res.json() : null).then((body) => {
+        if (body && typeof body.token === "string") {
+          token = body.token;
+          tokenAt = Date.now();
+        }
+      }).catch(() => {
+      }).finally(() => {
+        tokenRequest = null;
+      });
+    }
+    return tokenRequest;
+  }
+  async function takeToken() {
+    if (!token || Date.now() - tokenAt > TOKEN_MAX_AGE_MS) await fetchToken();
+    const taken = token;
+    token = null;
+    return taken;
+  }
+  function signals() {
+    return { webdriver: navigator.webdriver === true, trusted: { ...trusted } };
+  }
+  function isMessageForm(form) {
+    if (!(form instanceof HTMLFormElement)) return false;
+    if (form.hasAttribute("message-form")) return true;
+    const action2 = form.getAttribute("action");
+    if (!action2) return false;
+    try {
+      const url = new URL(action2, window.location.href);
+      return url.origin === window.location.origin && url.pathname === MESSAGE_PATH;
+    } catch {
+      return false;
+    }
+  }
+  async function send3(data = {}) {
+    const result2 = await post(data);
+    if (result2.code === "form-token") return post(data);
+    return result2;
+  }
+  async function post(data) {
+    const formToken = await takeToken();
+    let res;
+    try {
+      res = await fetch(MESSAGE_PATH, {
+        method: "POST",
+        // A signed-in owner testing their own form must not trip the host's CSRF
+        // guard, and the message never needs the visitor's cookies.
+        credentials: "omit",
+        headers: { "Content-Type": "application/json", "Document-URL": window.location.href },
+        body: JSON.stringify({ ...data, formToken, formSignals: signals() })
+      });
+    } catch {
+      return { ok: false, error: "The message couldn't be sent. Check your connection and try again." };
+    }
+    const body = await res.json().catch(() => null);
+    if (res.ok) return body ? { ok: true, error: null } : { ok: false, error: "This page can't send messages." };
+    if (!body) return { ok: false, error: `The message couldn't be sent (${res.status}).` };
+    const error = body.error || body.msg || `The message couldn't be sent (${res.status}).`;
+    return body.code === "form-token" ? { ok: false, error, code: "form-token" } : { ok: false, error };
+  }
+  async function onSubmit(event) {
+    const form = event.target;
+    if (event.defaultPrevented || !isMessageForm(form)) return;
+    event.preventDefault();
+    if (sending.has(form)) return;
+    sending.add(form);
+    try {
+      const result2 = await send3(form_data_default(form));
+      if (result2.ok) form.reset();
+      const outcome2 = new CustomEvent(result2.ok ? "clay:message-sent" : "clay:message-failed", {
+        bubbles: true,
+        cancelable: true,
+        detail: result2
+      });
+      if (!form.dispatchEvent(outcome2)) return;
+      const toast3 = window.clay?.toast;
+      if (!toast3) return;
+      if (result2.ok) toast3(form.getAttribute("message-form") || "Sent", "success");
+      else toast3(result2.error, "error");
+    } finally {
+      sending.delete(form);
+    }
+  }
+  function warmToken(event) {
+    if (token || tokenRequest) return;
+    const form = event.target?.closest?.("form");
+    if (form && isMessageForm(form)) fetchToken();
+  }
+  var MESSAGE_PATH, TOKEN_PATH, TOKEN_MAX_AGE_MS, TRUSTED_EVENTS, trusted, token, tokenAt, tokenRequest, sending, message, message_default;
+  var init_message = __esm({
+    "src/plugins/message.js"() {
+      init_form_data();
+      MESSAGE_PATH = "/_/message";
+      TOKEN_PATH = "/_/form-token";
+      TOKEN_MAX_AGE_MS = 90 * 60 * 1e3;
+      TRUSTED_EVENTS = ["click", "keydown", "pointerdown", "touchstart", "input", "change"];
+      trusted = Object.fromEntries(TRUSTED_EVENTS.map((type) => [type, 0]));
+      token = null;
+      tokenAt = 0;
+      tokenRequest = null;
+      sending = /* @__PURE__ */ new WeakSet();
+      if (typeof document !== "undefined") {
+        for (const type of TRUSTED_EVENTS) {
+          document.addEventListener(type, (event) => {
+            if (event.isTrusted) trusted[type]++;
+          }, { capture: true, passive: true });
+        }
+        document.addEventListener("focusin", warmToken, true);
+        document.addEventListener("input", warmToken, true);
+        document.addEventListener("submit", onSubmit);
+      }
+      message = { send: send3 };
+      message_default = message;
+    }
+  });
+
   // src/plugins/ai-edit.js
   var ai_edit_exports = {};
   __export(ai_edit_exports, {
@@ -33519,11 +33696,11 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     if (model2) parts.push(`(${model2})`);
     return parts.join(" ");
   }
-  function onError(message) {
+  function onError(message2) {
     if (!session) return;
     revertSession();
     showBar("error");
-    setBarStatus(message, "warn");
+    setBarStatus(message2, "warn");
   }
   function revertSession() {
     const s2 = session;
@@ -35264,8 +35441,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     } };
     return w2;
   }
-  function Ge2(e) {
-    let t = e && e.ownerDocument ? e.ownerDocument : e, n2 = j(G, t, "api");
+  function Xe2(e) {
+    let t = e && e.ownerDocument ? e.ownerDocument : e, n2 = j(X, t, "api");
     if (!n2) throw new R.NoRulesTag("api");
     return n2.rules;
   }
@@ -35347,29 +35524,29 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
     return e instanceof R.WriteRefused ? e.details = e.refusals : e instanceof R.WriteRejected ? e.details = { unknownKeys: e.unknownKeys, unmatched: e.unmatched } : e instanceof R.ShapeMismatch ? e.details = e.mismatches : Array.isArray(e.path) ? e.details = { path: e.path } : typeof e.target == "string" ? e.details = { target: e.target } : e.token !== void 0 ? e.details = { token: e.token } : e.version !== void 0 ? e.details = { version: e.version } : e.details = {}, e;
   }
-  function Xe2(e, t) {
+  function Ge2(e, t) {
     let n2 = Te2(e) ? e : document, r = Te2(e) ? t : e;
-    return r === void 0 ? C(M(n2), n2, Ge2(n2)) : ne2.bind(n2, r).get();
+    return r === void 0 ? C(M(n2), n2, Xe2(n2)) : ne2.bind(n2, r).get();
   }
   function Ye2(e, t, n2) {
     try {
       if (!Te2(e)) throw new Error("hyper-html-api: applyData(root, data, source?) needs a DOM root as the first argument.");
-      let r = n2 === void 0 ? Ge2(e) : ne2.bind(e, n2).rules;
+      let r = n2 === void 0 ? Xe2(e) : ne2.bind(e, n2).rules;
       Wt2(e, r, t);
     } catch (r) {
       throw vt2(r);
     }
     return e;
   }
-  var Qe2, et2, X, Y, re2, $2, Ee2, R, k, W2, L2, P2, v, N, B, H, Z2, oe2, se2, Ne2, Pe2, Tt2, _e2, ee2, wt2, De2, me2, Ot2, xt2, Ct2, It2, x, G, ne2, Te2;
+  var Qe2, et2, G, Y, re2, $2, Ee2, R, k, W2, L2, P2, v, N, B, H, Z2, oe2, se2, Ne2, Pe2, Tt2, _e2, ee2, wt2, De2, me2, Ot2, xt2, Ct2, It2, x, X, ne2, Te2;
   var init_hyper_html_api_data_vendor = __esm({
     "src/vendor/hyper-html-api-data.vendor.js"() {
       Qe2 = Object.defineProperty;
       et2 = (e, t) => {
         for (var n2 in t) Qe2(e, n2, { get: t[n2], enumerable: true });
       };
-      X = ["textContent", "innerText", "innerHTML", "outerHTML", "value", "checked", "selected", "disabled", "readOnly", "type", "tagName", "nodeName", "nodeType", "nodeValue", "childElementCount", "id", "className", "classList", "baseURI", "offsetWidth", "offsetHeight", "clientWidth", "clientHeight", "scrollWidth", "scrollHeight", "dataset", "currentSrc", "duration", "paused", "title", "documentURI", "contentType"];
-      Y = new Set(X);
+      G = ["textContent", "innerText", "innerHTML", "outerHTML", "value", "checked", "selected", "disabled", "readOnly", "type", "tagName", "nodeName", "nodeType", "nodeValue", "childElementCount", "id", "className", "classList", "baseURI", "offsetWidth", "offsetHeight", "clientWidth", "clientHeight", "scrollWidth", "scrollHeight", "dataset", "currentSrc", "duration", "paused", "title", "documentURI", "contentType"];
+      Y = new Set(G);
       re2 = /* @__PURE__ */ new Set(["textContent", "innerText", "innerHTML", "value", "checked", "selected", "disabled", "readOnly", "type", "id", "className", "title"]);
       $2 = /* @__PURE__ */ new Set(["tagName", "nodeName", "nodeType", "nodeValue", "childElementCount", "classList", "baseURI", "documentURI", "contentType", "offsetWidth", "offsetHeight", "clientWidth", "clientHeight", "scrollWidth", "scrollHeight", "currentSrc", "duration", "paused", "dataset"]);
       Ee2 = /* @__PURE__ */ new Set(["checked", "selected", "disabled", "readOnly", "paused"]);
@@ -35500,15 +35677,15 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       }, sameNode(e, t) {
         return e === t;
       } };
-      G = x;
-      ne2 = { extract: (e, t, n2 = {}) => C(M(e, n2), e, t, n2), apply: (e, t, n2, r = {}) => I2(M(e, { ...r, _write: true }), e, t, n2, r), findRulesIn: (e, t) => j(G, e, t), findRules: (e, t) => Ae2(G, e, t), bind: (e, t, n2 = {}) => {
-        let r = Ae2(G, e, t);
+      X = x;
+      ne2 = { extract: (e, t, n2 = {}) => C(M(e, n2), e, t, n2), apply: (e, t, n2, r = {}) => I2(M(e, { ...r, _write: true }), e, t, n2, r), findRulesIn: (e, t) => j(X, e, t), findRules: (e, t) => Ae2(X, e, t), bind: (e, t, n2 = {}) => {
+        let r = Ae2(X, e, t);
         if (!r) {
           let i2 = typeof t == "string" ? `data-rules-name~="${t}"` : "the provided rules object";
           throw new Error(`hyper-html-api: could not resolve rules for ${i2}`);
         }
         return { ...r, get: () => C(M(e, n2), e, r.rules, n2), set: (i2) => I2(M(e, { ...n2, _write: true }), e, r.rules, i2, n2) };
-      }, parseStrict: de2, parseRelaxed: z2, ruleAttrIndex: b, splitRule: le2, errors: R, DOM_PROPERTIES: X };
+      }, parseStrict: de2, parseRelaxed: z2, ruleAttrIndex: b, splitRule: le2, errors: R, DOM_PROPERTIES: G };
       Te2 = (e) => !!e && typeof e.nodeType == "number";
     }
   });
@@ -35615,12 +35792,12 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       return { raw, record: parse2(raw) };
     }
     function live2() {
-      return Xe2(doc, rules);
+      return Ge2(doc, rules);
     }
     function captured() {
       const getHTML = window.clay?.getHTML;
       if (typeof getHTML !== "function") return live2();
-      return Xe2(new DOMParser().parseFromString(getHTML.call(window.clay), "text/html"), rules);
+      return Ge2(new DOMParser().parseFromString(getHTML.call(window.clay), "text/html"), rules);
     }
     function storedKeys() {
       try {
@@ -35695,7 +35872,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
           dropped.push(...failing);
           continue;
         }
-        const got = Xe2(trial, rules);
+        const got = Ge2(trial, rules);
         const misfits = Object.keys(wanted).filter((name) => !fitsInto(wanted[name], got[name]));
         if (!misfits.length) return { data: wanted, dropped };
         for (const name of misfits) delete wanted[name];
@@ -35773,7 +35950,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       if (unparked != null && park(unparked, { keepSlot: true }) === null) {
         throw storageFailure(doc, new Error("an earlier saved copy could not be kept aside"));
       }
-      const mine = Xe2(new DOMParser().parseFromString(html, "text/html"), rules);
+      const mine = Ge2(new DOMParser().parseFromString(html, "text/html"), rules);
       const current4 = getRaw();
       if (fitsInto(mine, base) && (current4 === lastRaw || current4 == null)) {
         setDraftStoreFailed(false);
@@ -35895,11 +36072,6 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     if (path && !/\.(html|htmlclay)$/.test(path)) path += ".html";
     return `/_/download${path}?as=htmlclay${src ? `&src=${encodeURIComponent(src)}` : ""}`;
   }
-  function signupTag(slot2, template) {
-    const explicit = template?.getAttribute("signup-tag");
-    const name = explicit || slot2.replace(/-v\d+$/, "");
-    return `app-${name}`.slice(0, 50);
-  }
   var SRC;
   var init_source = __esm({
     "src/plugins/visitor-drafts/source.js"() {
@@ -35967,14 +36139,22 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   transition: bottom .25s ease, opacity .2s ease;
   pointer-events: none;
 }
-.hcp[hidden], .hcp[data-hcp-state="dismissed"], .hcp[data-hcp-state="off"], .hcp[data-hcp-intro] { display: none; }
+.hcp[hidden], .hcp[data-hcp-state="dismissed"], .hcp[data-hcp-state="off"] { display: none; }
 .hcp[data-hcp-typing] { opacity: 0; visibility: hidden; }
 .hcp > * { pointer-events: auto; }
-.hcp svg { display: block; flex: none; }
+.hcp svg {
+  display: block; flex: none; width: 16px; height: 16px; line-height: 1;
+  fill: none; stroke: none; stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter;
+}
+.hcp .hcp-x svg, .hcp .hcp-actions .hcp-btn svg, .hcp-tab svg, .hcp-file svg { fill: currentColor; }
+.hcp .hcp-file svg { width: 20px; height: 20px; }
+.hcp .hcp-tab svg { width: 16px; height: 18px; }
+.hcp .hcp-dock .hcp-x svg { width: 12px; height: 12px; }
+.hcp button, .hcp a { border-radius: 0; line-height: 1.5; }
 
 .hcp-btn {
   display: inline-flex; align-items: center; justify-content: center; gap: 7px;
-  height: 34px; padding: 0 14px;
+  height: 34px; min-height: 0; padding: 0 14px;
   font-family: var(--hcp-sans); font-size: 14px; font-weight: 500; line-height: 1.5;
   white-space: nowrap; text-decoration: none; cursor: pointer; user-select: none;
   color: var(--hcp-ink); background: var(--hcp-face);
@@ -35982,7 +36162,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   border-color: var(--hcp-edge-hi) var(--hcp-edge-lo) var(--hcp-edge-lo) var(--hcp-edge-hi);
   outline: none;
 }
-.hcp-btn:hover { background: color-mix(in srgb, var(--hcp-face), var(--hcp-edge-hi) 45%); color: var(--hcp-ink); }
+.hcp .hcp-btn:hover { background: color-mix(in srgb, var(--hcp-face), var(--hcp-edge-hi) 45%); color: var(--hcp-ink); }
 .hcp-btn:active { border-color: var(--hcp-edge-lo) var(--hcp-edge-hi) var(--hcp-edge-hi) var(--hcp-edge-lo); }
 .hcp-btn:active > span { translate: 1px 1px; }
 .hcp-btn > span { display: inline-flex; align-items: center; gap: 7px; }
@@ -35993,18 +36173,20 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   --hcp-edge-lo: color-mix(in srgb, var(--hcp-ink), black 32%);
   color: var(--hcp-ground);
 }
-.hcp-btn--primary:hover { background: color-mix(in srgb, var(--hcp-ink), var(--hcp-ground) 12%); color: var(--hcp-ground); }
+.hcp .hcp-btn--primary:hover { background: color-mix(in srgb, var(--hcp-ink), var(--hcp-ground) 12%); color: var(--hcp-ground); }
 
 .hcp-dock { display: flex; align-items: stretch; box-shadow: 0 6px 16px -8px rgba(43, 36, 27, .45); }
+.hcp:not([data-hcp-arrived]) .hcp-dock { animation: hcp-arrive 2.4s cubic-bezier(.16, 1, .3, 1) 3s both; }
+@keyframes hcp-arrive { from { transform: translateX(calc(100% + 48px)); } to { transform: none; } }
 .hcp-tab { font-size: 13.5px; padding: 0 12px 0 10px; }
 .hcp-tab svg { color: var(--hcp-brass); }
 .hcp-dock .hcp-x {
-  width: 26px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
+  width: 26px; height: 34px; min-height: 0; border-radius: 0; display: inline-flex; align-items: center; justify-content: center;
   background: var(--hcp-face); color: var(--hcp-muted); cursor: pointer;
   border: 2px solid; border-left: 0;
   border-color: var(--hcp-edge-hi) var(--hcp-edge-lo) var(--hcp-edge-lo) var(--hcp-edge-hi);
 }
-.hcp-dock .hcp-x:hover { color: var(--hcp-ink); }
+.hcp .hcp-dock .hcp-x:hover { color: var(--hcp-ink); background: var(--hcp-face); }
 .hcp-tab__label { display: inline; }
 .hcp[data-hcp-state="mini"] .hcp-tab__label,
 .hcp[data-hcp-state="mini"] .hcp-dock .hcp-x { display: none; }
@@ -36022,11 +36204,13 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 @keyframes hcp-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
 
 .hcp-card .hcp-x {
-  position: absolute; top: 10px; right: 10px; width: 28px; height: 28px;
+  position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; min-height: 0;
   display: inline-flex; align-items: center; justify-content: center;
+  border: 1px solid var(--hcp-line-2); border-radius: 3px; background: var(--hcp-surface);
   color: var(--hcp-muted); cursor: pointer;
 }
-.hcp-card .hcp-x:hover { color: var(--hcp-ink); background: var(--hcp-sunk); }
+.hcp .hcp-card .hcp-x:hover { color: var(--hcp-ink); border-color: var(--hcp-muted); background: var(--hcp-surface); }
+.hcp .hcp-card .hcp-x svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; }
 .hcp-kicker {
   display: flex; align-items: center; gap: 8px;
   font-family: var(--hcp-mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
@@ -36054,14 +36238,14 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 .hcp-file small { display: block; font-size: 12px; color: var(--hcp-muted); line-height: 1.4; }
 .hcp-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
 .hcp-actions .hcp-btn--primary { flex: 1 1 auto; }
-.hcp-foot { margin-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
-.hcp-foot small { font-size: 12px; color: var(--hcp-muted); }
+.hcp-foot { margin-top: 12px; display: flex; justify-content: flex-end; }
 .hcp-quiet {
+  min-height: 0; border-radius: 0;
   font-size: 12px; color: var(--hcp-muted); cursor: pointer;
   text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--hcp-line-2);
   white-space: nowrap;
 }
-.hcp-quiet:hover { color: var(--hcp-ink); }
+.hcp .hcp-quiet:hover { color: var(--hcp-ink); background: none; }
 
 @media (max-width: 480px) {
   .hcp { right: 12px; bottom: calc(12px + var(--hcp-lift)); }
@@ -36070,12 +36254,14 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 }
 @media (pointer: coarse) {
   .hcp-btn, .hcp-dock .hcp-x, .hcp-card .hcp-x { min-height: 44px; }
-  .hcp-card .hcp-x { width: 44px; }
+  .hcp-card .hcp-x { width: 44px; height: 44px; top: 6px; right: 6px; }
   .hcp-quiet { display: inline-flex; align-items: center; min-height: 44px; }
 }
 @media (prefers-reduced-motion: reduce) {
   .hcp { transition: none; }
   .hcp[data-hcp-state="card"] .hcp-card { animation: none; }
+  .hcp:not([data-hcp-arrived]) .hcp-dock { animation: hcp-arrive-fade .4s ease 3s both; }
+  @keyframes hcp-arrive-fade { from { opacity: 0; } to { opacity: 1; } }
   .hcp-btn:active > span { translate: none; }
 }
 @media (forced-colors: active) {
@@ -36087,8 +36273,43 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
   });
 
+  // src/plugins/visitor-drafts/bottom-ui.js
+  function announceBottomUi() {
+    document.dispatchEvent(new CustomEvent(BOTTOM_UI_CHANGED));
+  }
+  function bottomBarHeight(x3, skip) {
+    const h = window.innerHeight;
+    let raise = 0;
+    const hits = document.elementsFromPoint ? document.elementsFromPoint(x3, h - 3) : [];
+    for (const hit of hits) {
+      for (let el5 = hit; el5 && el5 !== document.body && el5 !== document.documentElement; el5 = el5.parentElement) {
+        if (skip(el5)) break;
+        const position = getComputedStyle(el5).position;
+        if (position === "fixed" || position === "sticky") {
+          const height = Math.ceil(h - el5.getBoundingClientRect().top);
+          if (height < h / 3) raise = Math.max(raise, height);
+          break;
+        }
+      }
+    }
+    return raise;
+  }
+  function promptPanel(box) {
+    const panel2 = document.querySelector("#hcp:not([hidden])");
+    if (!panel2) return 0;
+    const r = panel2.getBoundingClientRect();
+    if (!r.width || !r.height || r.right <= box.left || r.left >= box.right) return 0;
+    return Math.ceil(window.innerHeight - r.top);
+  }
+  var BOTTOM_UI_CHANGED;
+  var init_bottom_ui = __esm({
+    "src/plugins/visitor-drafts/bottom-ui.js"() {
+      BOTTOM_UI_CHANGED = "clay:bottom-ui-changed";
+    }
+  });
+
   // src/plugins/visitor-drafts/prompt.js
-  function mountPrompt({ memory, appName, link: link2, onError: onError2 }) {
+  function mountPrompt({ memory, appName, link: link2 }) {
     if (!document.getElementById("hcp-style")) {
       document.head.insertAdjacentHTML("beforeend", `<link rel="stylesheet" clay="editor-ui" href="${FONT_HREF}">
 <style clay="editor-ui" id="hcp-style">${PROMPT_CSS}</style>`);
@@ -36101,6 +36322,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     const USES_TO_SHOW = 3;
     const IDLE_MS = 2500;
     const TEXTY = /^(INPUT|TEXTAREA|SELECT)$/;
+    const OUR_UI = "#hcp, .clay-intro, .clay-owner";
     const linkEl = root3.querySelector("[data-hcp-link]");
     linkEl.href = link2;
     if (appName) root3.querySelector("[data-hcp-name]").textContent = appName;
@@ -36113,11 +36335,12 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       if (state2 === "card") {
         mem.shown = true;
         memory.save();
+        root3.setAttribute("data-hcp-arrived", "");
       }
       lift();
     }
     function isHostField(el5) {
-      return el5 && !root3.contains(el5) && (TEXTY.test(el5.tagName) || el5.isContentEditable);
+      return el5 && !root3.contains(el5) && !el5.closest(OUR_UI) && (TEXTY.test(el5.tagName) || el5.isContentEditable);
     }
     let timer = null;
     function maybeShow(reason) {
@@ -36156,20 +36379,10 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       if (liftFrame) return;
       liftFrame = requestAnimationFrame(() => {
         liftFrame = 0;
-        const y2 = innerHeight - 3, x3 = innerWidth - 24;
-        let raise = 0;
-        const hits = document.elementsFromPoint ? document.elementsFromPoint(x3, y2) : [];
-        for (let i2 = 0; i2 < hits.length; i2++) {
-          for (let el5 = hits[i2]; el5 && el5 !== document.body && el5 !== document.documentElement; el5 = el5.parentElement) {
-            if (root3.contains(el5) || el5.closest("[data-hcp-preview]")) break;
-            const pos = getComputedStyle(el5).position;
-            if (pos === "fixed" || pos === "sticky") {
-              raise = Math.max(raise, Math.ceil(innerHeight - el5.getBoundingClientRect().top));
-              break;
-            }
-          }
-        }
-        root3.style.setProperty("--hcp-lift", (raise > 0 && raise < innerHeight / 3 ? raise : 0) + "px");
+        const raise = bottomBarHeight(innerWidth - 24, (el5) => root3.contains(el5) || el5.closest("[data-hcp-preview], .clay-owner"));
+        const next = raise + "px";
+        if (root3.style.getPropertyValue("--hcp-lift") !== next) root3.style.setProperty("--hcp-lift", next);
+        announceBottomUi();
       });
     }
     function downloadCurrent() {
@@ -36218,6 +36431,9 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
         memory.save();
       }
     });
+    root3.addEventListener("animationend", (e) => {
+      if (e.animationName === "hcp-arrive" || e.animationName === "hcp-arrive-fade") root3.setAttribute("data-hcp-arrived", "");
+    });
     root3.addEventListener("keydown", (e) => {
       if (e.key === "Escape" && root3.getAttribute("data-hcp-state") === "card") {
         set3("mini");
@@ -36230,11 +36446,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     function clearError() {
       if (root3.getAttribute("data-hcp-reason") === "error") root3.setAttribute("data-hcp-reason", "use");
     }
-    function hideForIntro(on2) {
-      if (on2) root3.setAttribute("data-hcp-intro", "");
-      else root3.removeAttribute("data-hcp-intro");
-    }
-    const api = { set: set3, root: root3, showError, clearError, hideForIntro };
+    const api = { set: set3, root: root3, showError, clearError };
     if (mem.dismissed) {
       root3.setAttribute("data-hcp-state", "dismissed");
       return api;
@@ -36254,26 +36466,25 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   var init_prompt = __esm({
     "src/plugins/visitor-drafts/prompt.js"() {
       init_prompt_style();
+      init_bottom_ui();
       FONT_HREF = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=IBM+Plex+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,500&display=swap";
       ASIDE = `<aside class="hcp" id="hcp" hidden aria-label="Download this app" data-hcp-state="tab" data-hcp-reason="open" sap-ignore clay="editor-ui">
   <section class="hcp-card" id="hcp-card" role="dialog" aria-modal="false" aria-labelledby="hcp-title">
-    <button type="button" class="hcp-x" data-hcp="minimize" aria-label="Minimize"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3 12h10v2H3z"/></svg></button>
+    <button type="button" class="hcp-x" data-hcp="minimize" aria-label="Minimize"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true"><path d="M5 12h14"/></svg></button>
     <div class="hcp-kicker">Free download</div>
-    <h2 class="hcp-title" id="hcp-title"><span data-hcp-for="use">Your numbers are saved in this browser only.</span><span data-hcp-for="open">This app is free to keep.</span><span data-hcp-for="return">Your numbers are saved in this browser only.</span><span data-hcp-for="error">Your work isn't being saved in this browser.</span></h2>
-    <p class="hcp-body"><span data-hcp-for="open">Download it as one file and use it on your computer, no account needed.</span><span data-hcp-for="use">Download the file to keep them on your computer for good.</span><span data-hcp-for="return">Download the file to keep them on your computer for good.</span><span data-hcp-for="error">Storage is full or turned off here. Download the file to keep what you've done.</span></p>
+    <h2 class="hcp-title" id="hcp-title"><span data-hcp-for="use">Your work is saved in this browser only.</span><span data-hcp-for="open">This app is free to keep.</span><span data-hcp-for="return">Your work is saved in this browser only.</span><span data-hcp-for="error">Your work isn't being saved in this browser.</span></h2>
+    <p class="hcp-body"><span data-hcp-for="open">Download it as one file and use it on your computer, no account needed.</span><span data-hcp-for="use">Download the file to keep it on your computer for good.</span><span data-hcp-for="return">Download the file to keep it on your computer for good.</span><span data-hcp-for="error">Storage is full or turned off here. Download the file to keep what you've done.</span></p>
     <div class="hcp-file">
-      <svg width="26" height="30" viewBox="0 0 26 30" fill="none" aria-hidden="true"><path d="M2 1h15l7 7v21H2z" fill="var(--hcp-surface)" stroke="currentColor" stroke-width="2"/><path d="M17 1v7h7" stroke="currentColor" stroke-width="2"/><path d="M7 15h12M7 19h12M7 23h8" stroke="var(--hcp-muted)" stroke-width="2"/></svg>
-      <div><b class="hcp-name" data-hcp-name>This app</b><small>One file with the whole app and your numbers in it</small></div>
+      <svg width="20" height="20" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/></svg>
+      <div><b class="hcp-name" data-hcp-name>This app</b><small>One file with the whole app and your work in it</small></div>
     </div>
-    <p class="hcp-body">Open it with HTML Clay, a free app for Mac, Windows and Linux. It opens the file in a window and saves every change into it, so your numbers stay on your computer.</p>
     <div class="hcp-actions">
-      <a class="hcp-btn hcp-btn--primary" data-hcp-link href="/_/download?as=htmlclay"><span><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7 1h2v8.6l2.8-2.8 1.4 1.4L8 13.4 2.8 8.2l1.4-1.4L7 9.6zM2 13h12v2H2z"/></svg>Download free</span></a>
-      <button type="button" class="hcp-btn" data-hcp="minimize"><span>Not now</span></button>
+      <a class="hcp-btn hcp-btn--primary" data-hcp-link href="/_/download?as=htmlclay"><span><svg width="16" height="16" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/></svg>Download free</span></a>
     </div>
-    <div class="hcp-foot"><small>Free, and the file is yours to keep.</small><button type="button" class="hcp-quiet" data-hcp="dismiss">Don&rsquo;t show again</button></div>
+    <div class="hcp-foot"><button type="button" class="hcp-quiet" data-hcp="dismiss">Don&rsquo;t show again</button></div>
   </section>
   <div class="hcp-dock">
-    <button type="button" class="hcp-btn hcp-tab" data-hcp="open" aria-controls="hcp-card" aria-expanded="false" aria-label="This app is free to keep"><span><svg width="16" height="18" viewBox="0 0 16 18" fill="none" aria-hidden="true"><path d="M1.5 1h8.5l4.5 4.5V17h-13z" stroke="currentColor" stroke-width="2"/><path d="M10 1v5h4.5" stroke="currentColor" stroke-width="2"/><path d="M8 8v6M5.5 11.5 8 14l2.5-2.5" stroke="currentColor" stroke-width="1.8"/></svg><span class="hcp-tab__label">This app is free to keep</span></span></button>
+    <button type="button" class="hcp-btn hcp-tab" data-hcp="open" aria-controls="hcp-card" aria-expanded="false" aria-label="This app is free to keep"><span><svg width="16" height="16" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/></svg><span class="hcp-tab__label">This app is free to keep</span></span></button>
     <button type="button" class="hcp-x" data-hcp="dismiss" aria-label="Hide this for good"><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></button>
   </div>
 </aside>`;
@@ -36284,166 +36495,34 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   var INTRO_CSS;
   var init_intro_style = __esm({
     "src/plugins/visitor-drafts/intro-style.js"() {
-      INTRO_CSS = `.clay-intro, .clay-about {
-  --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-brass-soft: #F0E4CC;
-  --hcp-face: #F1E7D4;
-  --hcp-edge-hi: #FFF9ED;
-  --hcp-edge-lo: #D6C3A5;
-  --hcp-shadow: 0 1px 2px rgba(23, 28, 36, .06), 0 14px 34px -14px rgba(43, 36, 27, .32);
-  --hcp-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
-  --hcp-serif: Newsreader, Georgia, "Times New Roman", serif;
-  --hcp-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
-  color-scheme: light;
-}
-@media (prefers-color-scheme: dark) {
-  .clay-intro, .clay-about {
-    --hcp-ground: #0B0C13; --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-brass-soft: #3A2F17;
-    --hcp-face: #22273E; --hcp-edge-hi: #3C4260; --hcp-edge-lo: #1B2033;
-    --hcp-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 38px -14px rgba(0, 0, 0, .7);
-    color-scheme: dark;
-  }
-}
-
-html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !important; min-height: 100%; overflow-y: auto !important; }
-
-.clay-intro, .clay-intro *, .clay-intro *::before, .clay-intro *::after,
-.clay-about, .clay-about *::before, .clay-about *::after {
-  box-sizing: border-box; margin: 0; padding: 0; border: 0;
-  font: inherit; letter-spacing: normal; text-transform: none; text-shadow: none;
-  line-height: inherit; color: inherit; background: none; float: none; max-width: none;
-}
+      INTRO_CSS = `html:has(> body > .clay-intro) { height: auto !important; overflow-y: auto !important; }
+body:has(> .clay-intro) { height: auto !important; overflow: visible !important; }
 .clay-intro {
-  position: relative; z-index: 1; display: block;
-  min-height: 100svh;
-  background: var(--hcp-ground);
-  font-family: var(--hcp-sans); font-size: 16px; font-weight: 400; line-height: 1.5;
-  color: var(--hcp-ink); text-align: left;
-  -webkit-font-smoothing: antialiased;
-}
-.clay-intro__inner {
-  display: flex; flex-direction: column; gap: 18px;
-  width: 100%; max-width: 720px; min-height: 100svh; margin: 0 auto;
-  padding: max(24px, 6vh) 16px 32px;
-}
-.clay-intro .clay-intro__kicker {
-  font-family: var(--hcp-mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
-  color: var(--hcp-brass);
-}
-.clay-intro__name {
-  font-family: var(--hcp-serif); font-size: clamp(30px, 7vw, 44px); font-weight: 500; line-height: 1.12;
-  color: var(--hcp-ink); font-variation-settings: "opsz" 48;
-}
-.clay-intro__inner > p { font-size: 18px; line-height: 1.55; color: var(--hcp-ink-2); }
-.clay-intro__inner > a { color: var(--hcp-brass); text-decoration: underline; text-underline-offset: 2px; }
-.clay-intro__inner > video, .clay-intro__inner > img {
-  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9;
-  background: var(--hcp-sunk); border: 1px solid var(--hcp-line);
-}
-.clay-intro__inner > ul, .clay-intro__inner > ol { padding-left: 22px; font-size: 18px; line-height: 1.55; color: var(--hcp-ink-2); }
-.clay-intro__inner > ul { list-style: disc; }
-.clay-intro__inner > ol { list-style: decimal; }
-
-.clay-intro__actions { display: flex; flex-direction: column; gap: 14px; align-items: stretch; }
-.clay-intro__download {
-  align-self: flex-start;
-  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-  min-height: 44px; padding: 0 18px;
-  font-family: var(--hcp-sans); font-size: 15px; font-weight: 500; line-height: 1.5;
-  white-space: nowrap; text-decoration: none; cursor: pointer; user-select: none;
-  color: var(--hcp-ground); background: var(--hcp-ink);
-  border: 2px solid;
-  border-color: color-mix(in srgb, var(--hcp-ink), white 24%) color-mix(in srgb, var(--hcp-ink), black 32%) color-mix(in srgb, var(--hcp-ink), black 32%) color-mix(in srgb, var(--hcp-ink), white 24%);
-  transition: background .2s ease;
-}
-.clay-intro__download:hover { background: color-mix(in srgb, var(--hcp-ink), var(--hcp-ground) 12%); }
-
-.clay-intro__signup {
-  display: flex; flex-direction: column; gap: 9px;
-  padding: 14px 16px;
-  background: var(--hcp-surface); border: 1px solid var(--hcp-line); border-left: 3px solid var(--hcp-brass);
-}
-.clay-intro__signup label { font-size: 14px; line-height: 1.45; color: var(--hcp-ink-2); }
-.clay-intro__row { display: flex; gap: 8px; }
-.clay-intro__row input {
-  flex: 1 1 auto; min-width: 0; height: 40px; padding: 0 10px;
-  font-family: var(--hcp-sans); font-size: 15px; color: var(--hcp-ink);
-  background: var(--hcp-ground); border: 1px solid var(--hcp-line-2);
-}
-.clay-intro__row input::placeholder { color: var(--hcp-muted); }
-.clay-intro__row button {
-  flex: none; height: 40px; padding: 0 14px;
-  font-family: var(--hcp-sans); font-size: 14px; font-weight: 500;
-  color: var(--hcp-ink); background: var(--hcp-face); cursor: pointer;
-  border: 2px solid; border-color: var(--hcp-edge-hi) var(--hcp-edge-lo) var(--hcp-edge-lo) var(--hcp-edge-hi);
-}
-.clay-intro__row button:hover { background: color-mix(in srgb, var(--hcp-face), var(--hcp-edge-hi) 45%); }
-.clay-intro__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
-.clay-intro__msg { font-size: 14px; line-height: 1.5; color: var(--hcp-ink-2); }
-.clay-intro__msg[hidden] { display: none; }
-.clay-intro__row[hidden] { display: none; }
-
-.clay-intro__start {
-  margin-top: auto;
-  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
-  width: 100%; min-height: 56px; padding: 0 20px;
-  font-family: var(--hcp-sans); font-size: 16px; font-weight: 500;
-  color: var(--hcp-ground); background: var(--hcp-ink); cursor: pointer;
-  border: 2px solid;
-  border-color: color-mix(in srgb, var(--hcp-ink), white 24%) color-mix(in srgb, var(--hcp-ink), black 32%) color-mix(in srgb, var(--hcp-ink), black 32%) color-mix(in srgb, var(--hcp-ink), white 24%);
-  transition: background .2s ease;
-}
-.clay-intro__start::after { content: "\\2193"; font-size: 15px; line-height: 1; }
-.clay-intro__start:hover { background: color-mix(in srgb, var(--hcp-ink), var(--hcp-ground) 12%); }
-.clay-intro__download:focus-visible, .clay-intro__start:focus-visible,
-.clay-intro__row button:focus-visible, .clay-intro__row input:focus-visible,
-.clay-about:focus-visible { outline: 2px solid var(--hcp-brass); outline-offset: 2px; }
-
-.clay-about {
-  position: fixed; top: 12px; right: 12px; z-index: 2147482000;
-  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
-  height: 34px; padding: 0 12px;
-  font-family: var(--hcp-sans); font-size: 13px; font-weight: 500; line-height: 1.5;
-  white-space: nowrap; cursor: pointer; user-select: none;
-  color: var(--hcp-ink); background: var(--hcp-face);
-  border: 2px solid; border-color: var(--hcp-edge-hi) var(--hcp-edge-lo) var(--hcp-edge-lo) var(--hcp-edge-hi);
-  box-shadow: var(--hcp-shadow);
-  transition: background .2s ease;
-}
-.clay-about:hover { background: color-mix(in srgb, var(--hcp-face), var(--hcp-edge-hi) 45%); }
-
-@media (min-width: 560px) {
-  .clay-intro__actions { flex-direction: row; flex-wrap: wrap; align-items: center; }
-  .clay-intro__signup { flex: 1 1 320px; max-width: 520px; }
-}
-@media (pointer: coarse) {
-  .clay-intro__download, .clay-intro__start, .clay-intro__row input, .clay-intro__row button { min-height: 44px; }
-  .clay-about { min-height: 44px; }
-}
-@media (prefers-reduced-motion: reduce) {
-  .clay-intro, .clay-intro *, .clay-about { transition: none; animation: none; }
+  position: relative;
+  display: block;
 }
-@media (forced-colors: active) {
-  .clay-intro__download, .clay-intro__start, .clay-intro__row button, .clay-about { border: 1px solid ButtonText; }
-  .clay-intro__signup { border: 1px solid CanvasText; }
+.clay-intro__close {
+  position: absolute; top: 10px; right: 10px; z-index: 1;
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 28px; height: 28px; min-height: 0; margin: 0; padding: 0;
+  border: 0; border-radius: 4px; background: none; box-shadow: none;
+  color: inherit; opacity: .55; cursor: pointer; line-height: 1;
 }
-@media print { .clay-intro, .clay-about { display: none; } }
+.clay-intro .clay-intro__close:hover { opacity: 1; background: none; color: inherit; }
+.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; } }
+@media print { .clay-intro { display: none; } }
 `;
     }
   });
 
   // src/plugins/visitor-drafts/intro.js
+  function isTextEntry(el5) {
+    if (el5.isContentEditable || el5.closest(TEXT_ENTRY)) return true;
+    if (el5.tagName !== "INPUT") return false;
+    return NON_TEXT_INPUT.indexOf(el5.type) < 0;
+  }
   function forced() {
     try {
       return new URLSearchParams(window.location.search).get("intro") === "1";
@@ -36461,191 +36540,89 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
   }
   function focusApp() {
     const next = [...document.querySelectorAll(FOCUSABLE2)].find(
-      (el5) => !el5.disabled && !el5.closest("[clay~='editor-ui']") && (typeof el5.checkVisibility !== "function" || el5.checkVisibility())
+      (el5) => !el5.disabled && !isTextEntry(el5) && !el5.closest("[clay~='editor-ui']") && (typeof el5.checkVisibility !== "function" || el5.checkVisibility())
     );
-    if (next) next.focus();
-    else document.body.focus();
-  }
-  function mountIntro({ memory, template, appName, link: link2, tag, source: source3, hadDraft, prompt, snapshot }) {
-    if (!template) return null;
-    const opts = { memory, template, appName, link: link2, tag, source: source3, hadDraft, prompt, snapshot };
-    if (forced()) return mount(opts);
-    if (memory.get().intro.done || hadDraft) return mountAbout(opts);
-    if (window.location.hash) return null;
-    if (window.matchMedia && window.matchMedia("print").matches) return null;
-    return mount(opts);
-  }
-  function mountAbout(opts) {
-    stylesOnce();
-    const button2 = document.createElement("button");
-    button2.type = "button";
-    button2.className = "clay-about";
-    button2.setAttribute("clay", "editor-ui");
-    button2.setAttribute("sap-ignore", "");
-    button2.textContent = COPY.about;
-    button2.addEventListener("click", () => {
-      button2.remove();
-      mount({ ...opts, fromAbout: true });
-    });
-    document.body.appendChild(button2);
-    return button2;
+    if (next) next.focus({ preventScroll: true });
+    else document.body.focus({ preventScroll: true });
   }
-  function mount(opts) {
-    const { memory, template, appName, link: link2, tag, source: source3, prompt, snapshot, fromAbout } = opts;
+  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 (window.location.hash) return null;
+      if (window.matchMedia && window.matchMedia("print").matches) return null;
+    }
+    return mount({ memory, template, appName });
+  }
+  function mount({ memory, template, appName }) {
     stylesOnce();
     const section = document.createElement("section");
     section.className = "clay-intro";
     section.setAttribute("clay", "editor-ui");
     section.setAttribute("sap-ignore", "");
     section.setAttribute("aria-label", COPY.label(appName));
-    const inner = document.createElement("div");
-    inner.className = "clay-intro__inner";
-    const kicker = document.createElement("p");
-    kicker.className = "clay-intro__kicker";
-    kicker.textContent = COPY.kicker;
-    const name = document.createElement("h1");
-    name.className = "clay-intro__name";
-    name.textContent = appName;
-    const actions = document.createElement("div");
-    actions.className = "clay-intro__actions";
-    const download = document.createElement("a");
-    download.className = "clay-intro__download";
-    download.href = link2;
-    download.textContent = COPY.download;
-    const form = document.createElement("form");
-    form.className = "clay-intro__signup";
-    form.noValidate = true;
-    const label = document.createElement("label");
-    label.setAttribute("for", "clay-intro-email");
-    label.textContent = COPY.signupLabel;
-    const row = document.createElement("div");
-    row.className = "clay-intro__row";
-    const email = document.createElement("input");
-    email.id = "clay-intro-email";
-    email.type = "email";
-    email.autocomplete = "email";
-    email.required = true;
-    email.placeholder = COPY.emailPlaceholder;
-    const send3 = document.createElement("button");
-    send3.type = "submit";
-    send3.textContent = COPY.signup;
-    row.append(email, send3);
-    const honey = document.createElement("input");
-    honey.className = "clay-intro__hp";
-    honey.name = "website";
-    honey.tabIndex = -1;
-    honey.autocomplete = "off";
-    honey.setAttribute("aria-hidden", "true");
-    const message = document.createElement("p");
-    message.className = "clay-intro__msg";
-    message.setAttribute("role", "status");
-    message.hidden = true;
-    form.append(label, row, honey, message);
-    actions.append(download, form);
-    const start2 = document.createElement("button");
-    start2.type = "button";
-    start2.className = "clay-intro__start";
-    start2.textContent = COPY.start(appName);
-    inner.append(kicker, name, template.content.cloneNode(true), actions, start2);
-    section.appendChild(inner);
-    let observer2 = null;
+    section.appendChild(template.content.cloneNode(true));
+    const close = document.createElement("button");
+    close.type = "button";
+    close.className = "clay-intro__close";
+    close.setAttribute("aria-label", COPY.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>';
+    section.appendChild(close);
     let gone = false;
-    function stop2() {
-      document.removeEventListener("input", onUse, true);
-      document.removeEventListener("change", onUse, true);
-      document.removeEventListener("clay:dirty", onUse, true);
-      if (observer2) {
-        observer2.disconnect();
-        observer2 = null;
-      }
-      if (prompt) prompt.hideForIntro(false);
-    }
-    function dismiss3(reason, target) {
+    let frame = 0;
+    function dismiss3(reason) {
       if (gone) return;
       gone = true;
-      const anchor = target && target.getBoundingClientRect ? target : document.activeElement;
-      const before = anchor && anchor.getBoundingClientRect ? anchor.getBoundingClientRect().top : 0;
+      removeEventListener("scroll", onScroll);
+      if (frame) cancelAnimationFrame(frame);
+      const height = section.getBoundingClientRect().height;
+      const before = window.scrollY;
       memory.get().intro.done = reason;
       memory.save();
-      stop2();
       section.remove();
-      if (reason === "button") {
-        window.scrollTo({ top: 0 });
-        focusApp();
-      } else if (anchor && anchor.getBoundingClientRect) {
-        window.scrollBy(0, anchor.getBoundingClientRect().top - before);
+      if (reason === "scrolled") {
+        const locked = /hidden|clip/.test(getComputedStyle(document.body).overflowY + getComputedStyle(document.documentElement).overflowY);
+        window.scrollTo(0, locked ? 0 : Math.max(0, before - height));
       }
-      if (fromAbout) mountAbout(opts);
+      announceBottomUi();
+      if (reason !== "scrolled") focusApp();
     }
-    function unchanged() {
-      return !snapshot || snapshot() === baseline;
+    function onScroll() {
+      if (frame) return;
+      frame = requestAnimationFrame(() => {
+        frame = 0;
+        const bottom = section.getBoundingClientRect().bottom;
+        const atEnd = scrollY > 0 && scrollY + innerHeight >= document.documentElement.scrollHeight - 1;
+        if (bottom < 1 || atEnd && bottom < innerHeight) dismiss3("scrolled");
+      });
     }
-    function onUse(event) {
-      if (section.contains(event.target)) return;
-      if (event.type === "clay:dirty") {
-        if (!unchanged()) dismiss3("use", event.target);
+    section.addEventListener("click", (event) => {
+      if (event.target.closest(".clay-intro__close, [visitor-intro-dismiss]")) {
+        dismiss3("closed");
         return;
       }
-      if (!unchanged() || event.target?.closest?.("[persist]")) {
-        dismiss3("use", event.target);
-        return;
+      if (event.target.closest("[visitor-intro-start]")) {
+        event.preventDefault();
+        window.scrollTo({ top: window.scrollY + section.getBoundingClientRect().bottom, behavior: "smooth" });
       }
-      const target = event.target;
-      setTimeout(() => {
-        if (!gone && !unchanged()) dismiss3("use", target);
-      }, 0);
-    }
-    form.addEventListener("submit", (event) => {
-      event.preventDefault();
-      fetch("/_/newsletter/subscribe", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        credentials: "same-origin",
-        body: JSON.stringify({ email: email.value.trim(), tags: [tag], source: source3, website: honey.value })
-      }).then((response) => {
-        if (!response.ok) throw new Error("signup failed");
-        row.hidden = true;
-        message.textContent = COPY.signupThanks;
-        message.hidden = false;
-      }).catch(() => {
-        message.textContent = COPY.signupFailed;
-        message.hidden = false;
-      });
     });
-    start2.addEventListener("click", () => dismiss3("button"));
-    const baseline = snapshot ? snapshot() : null;
     document.body.prepend(section);
-    document.addEventListener("input", onUse, true);
-    document.addEventListener("change", onUse, true);
-    document.addEventListener("clay:dirty", onUse, true);
-    if (prompt) {
-      prompt.hideForIntro(true);
-      if (typeof IntersectionObserver === "function") {
-        observer2 = new IntersectionObserver((entries3) => {
-          for (const entry of entries3) prompt.hideForIntro(entry.intersectionRatio > 0.3);
-        });
-        observer2.observe(section);
-      }
-    }
+    announceBottomUi();
+    addEventListener("scroll", onScroll, { passive: true });
     return section;
   }
-  var COPY, FOCUSABLE2;
+  var COPY, FOCUSABLE2, TEXT_ENTRY, NON_TEXT_INPUT;
   var init_intro = __esm({
     "src/plugins/visitor-drafts/intro.js"() {
       init_intro_style();
+      init_bottom_ui();
       COPY = {
-        kicker: "Free app",
-        download: "Download free",
-        signupLabel: "I make one of these about every two weeks. Get the next one by email.",
-        emailPlaceholder: "you@example.com",
-        signup: "Send me the next one",
-        signupThanks: "Thanks. Check your email for a link to confirm.",
-        signupFailed: "That didn't go through. Check the address and try again.",
-        start: (appName) => `Start using ${appName}`,
-        about: "About this app",
+        close: "Hide this introduction",
         label: (appName) => `About ${appName}`
       };
       FOCUSABLE2 = "a[href], button, input, select, textarea, [tabindex]:not([tabindex='-1'])";
+      TEXT_ENTRY = "textarea, select";
+      NON_TEXT_INPUT = ["checkbox", "radio", "button", "submit", "reset", "file"];
     }
   });
 
@@ -36689,36 +36666,54 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
     close.addEventListener("click", () => {
       chip2.remove();
       liftOff();
+      release();
     });
     chip2.append(lead, action2, close);
     document.body.appendChild(chip2);
+    const vars = document.createElement("style");
+    vars.id = "clay-owner-vars";
+    vars.setAttribute("clay", "editor-ui");
+    document.head.appendChild(vars);
+    let published = "";
+    function publish(lift2) {
+      const next = `:root { --clay-owner-room: ${Math.ceil(chip2.getBoundingClientRect().height) + 16}px; }`;
+      if (vars.textContent !== next) vars.textContent = next;
+      if (published === next + lift2) return;
+      published = next + lift2;
+      announceBottomUi();
+    }
+    function release() {
+      vars.remove();
+      announceBottomUi();
+    }
     let frame = 0;
     function lift() {
       if (frame) return;
       frame = requestAnimationFrame(() => {
         frame = 0;
-        const y2 = window.innerHeight - 3;
-        let raise = 0;
-        const hits = document.elementsFromPoint ? document.elementsFromPoint(24, y2) : [];
-        for (const hit of hits) {
-          for (let el5 = hit; el5 && el5 !== document.body && el5 !== document.documentElement; el5 = el5.parentElement) {
-            if (chip2.contains(el5)) break;
-            const position = getComputedStyle(el5).position;
-            if (position === "fixed" || position === "sticky") {
-              raise = Math.max(raise, Math.ceil(window.innerHeight - el5.getBoundingClientRect().top));
-              break;
-            }
-          }
-        }
-        chip2.style.setProperty("--hcp-lift", (raise > 0 && raise < window.innerHeight / 3 ? raise : 0) + "px");
+        let lift2 = bottomBarHeight(24, (el5) => chip2.contains(el5) || el5.closest("#hcp"));
+        const panel2 = promptPanel(chip2.getBoundingClientRect());
+        const covered = panel2 >= window.innerHeight / 3;
+        if (panel2 && !covered) lift2 = Math.max(lift2, panel2 - 4);
+        chip2.style.visibility = covered ? "hidden" : "";
+        chip2.style.setProperty("--hcp-lift", lift2 + "px");
+        publish(covered ? -1 : lift2);
       });
     }
     function liftOff() {
       removeEventListener("scroll", lift);
       removeEventListener("resize", lift);
+      document.removeEventListener(BOTTOM_UI_CHANGED, lift);
+      document.removeEventListener("transitionend", lift, true);
+      document.removeEventListener("pointerup", lift, true);
+      window.removeEventListener("hashchange", lift);
     }
     addEventListener("scroll", lift, { passive: true });
     addEventListener("resize", lift);
+    document.addEventListener(BOTTOM_UI_CHANGED, lift);
+    document.addEventListener("transitionend", lift, true);
+    document.addEventListener("pointerup", lift, true);
+    window.addEventListener("hashchange", lift);
     lift();
     return chip2;
   }
@@ -36726,6 +36721,7 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
   var init_owner_chip = __esm({
     "src/plugins/visitor-drafts/owner-chip.js"() {
       init_is_edit_mode();
+      init_bottom_ui();
       COPY2 = {
         draft: "You're seeing a private draft, like a visitor.",
         draftAction: "Edit the original",
@@ -36775,17 +36771,23 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
   -webkit-font-smoothing: antialiased;
 }
 .clay-owner__action {
-  flex: none; font-weight: 600; color: var(--hcp-brass); cursor: pointer;
+  flex: none; min-height: 0; font-weight: 600; color: var(--hcp-brass); cursor: pointer;
   text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--hcp-line-2);
   white-space: nowrap;
 }
-.clay-owner__action:hover { color: var(--hcp-ink); }
+.clay-owner .clay-owner__action:hover { color: var(--hcp-ink); background: none; }
 .clay-owner__x {
   flex: none; display: inline-flex; align-items: center; justify-content: center;
-  width: 24px; height: 24px; font-size: 15px; color: var(--hcp-muted); cursor: pointer;
+  width: 24px; height: 24px; min-height: 0; font-size: 15px; color: var(--hcp-muted); cursor: pointer;
 }
-.clay-owner__x:hover { color: var(--hcp-ink); }
+.clay-owner .clay-owner__x:hover { color: var(--hcp-ink); background: none; }
 .clay-owner__action:focus-visible, .clay-owner__x:focus-visible { outline: 2px solid var(--hcp-brass); outline-offset: 2px; }
+
+.clay-owner svg {
+  display: block; flex: none; width: 1em; height: 1em; line-height: 1;
+  fill: currentColor; stroke: none; stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter;
+}
+.clay-owner button, .clay-owner a { border-radius: 0; line-height: 1.45; }
 @media (pointer: coarse) {
   .clay-owner__action, .clay-owner__x { min-height: 44px; }
   .clay-owner__x { width: 44px; }
@@ -36863,7 +36865,7 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
         const template = document.querySelector("template[visitor-intro]");
         const start2 = () => {
           const prompt = mountPrompt({ memory, appName, link: downloadLink });
-          mountIntro({ memory, template, appName, link: downloadLink, tag: signupTag(slot, template), source, hadDraft: result2.hadDraft, prompt, snapshot: store.snapshot });
+          mountIntro({ memory, template, appName, hadDraft: result2.hadDraft });
           if (isOwner) mountOwnerChip();
           document.addEventListener("clay:drafts-store-failed", () => prompt.showError());
           document.addEventListener("clay:drafts-saved", () => prompt.clearError());
@@ -42515,7 +42517,7 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
           };
           var ot4 = (e) => it4(re4({}, "__esModule", { value: true }), e);
           var Vt3 = {};
-          Se4(Vt3, { applyData: () => xe4, default: () => Ft3, engine: () => X3, extractData: () => Oe4 });
+          Se4(Vt3, { applyData: () => xe4, default: () => Ft3, engine: () => G3, extractData: () => Oe4 });
           var Y3 = ["textContent", "innerText", "innerHTML", "outerHTML", "value", "checked", "selected", "disabled", "readOnly", "type", "tagName", "nodeName", "nodeType", "nodeValue", "childElementCount", "id", "className", "classList", "baseURI", "offsetWidth", "offsetHeight", "clientWidth", "clientHeight", "scrollWidth", "scrollHeight", "dataset", "currentSrc", "duration", "paused", "title", "documentURI", "contentType"], Z4 = new Set(Y3), ie4 = /* @__PURE__ */ new Set(["textContent", "innerText", "innerHTML", "value", "checked", "selected", "disabled", "readOnly", "type", "id", "className", "title"]), $4 = /* @__PURE__ */ new Set(["tagName", "nodeName", "nodeType", "nodeValue", "childElementCount", "classList", "baseURI", "documentURI", "contentType", "offsetWidth", "offsetHeight", "clientWidth", "clientHeight", "scrollWidth", "scrollHeight", "currentSrc", "duration", "paused", "dataset"]), be4 = /* @__PURE__ */ new Set(["checked", "selected", "disabled", "readOnly", "paused"]);
           function oe4(e, t) {
             return t == null ? be4.has(e) ? false : "" : be4.has(e) ? t === "false" ? false : !!t : t;
@@ -43357,13 +43359,13 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
               return p2 ? l.importNode(p2, true) : null;
             } };
           }
-          function Xe4(e) {
+          function Ge4(e) {
             return e && e.nodeType === 1 && e.tagName === "SCRIPT" && e.hasAttribute && e.hasAttribute("data-rules-name");
           }
           function $t4(e) {
             return e ? (e.nodeType === 9 || e.nodeType === 11, e) : null;
           }
-          function Ge4(e, t, n2) {
+          function Xe4(e, t, n2) {
             !e || e.nodeType !== 1 || (t === "value" && e.tagName === "INPUT" ? e.value = n2 === null ? "" : n2 : t === "checked" && e.tagName === "INPUT" ? e.checked = n2 !== null : t === "selected" && e.tagName === "OPTION" && (e.selected = n2 !== null));
           }
           function Ye4(e, t) {
@@ -43382,7 +43384,7 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
             let i2 = $t4(e);
             if (!i2 || !i2.querySelectorAll) return [];
             let r = Array.from(i2.querySelectorAll(t));
-            n2.includeRulesTag || (r = r.filter((c2) => !Xe4(c2)));
+            n2.includeRulesTag || (r = r.filter((c2) => !Ge4(c2)));
             let s2 = [];
             n2.skip && s2.push(n2.skip);
             let l = n2.templateAttr === null ? null : n2.templateAttr || "cms-template";
@@ -43402,9 +43404,9 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
             e.textContent = t, Ye4(e, t);
           }, attr(e, t, n2) {
             if (n2 === void 0) return e.hasAttribute && e.hasAttribute(t) ? e.getAttribute(t) : null;
-            e.setAttribute(t, n2), Ge4(e, t, n2);
+            e.setAttribute(t, n2), Xe4(e, t, n2);
           }, removeAttr(e, t) {
-            e && e.removeAttribute && e.removeAttribute(t), Ge4(e, t, null);
+            e && e.removeAttribute && e.removeAttribute(t), Xe4(e, t, null);
           }, prop(e, t, n2) {
             if (n2 === void 0) {
               let i2 = e ? e[t] : void 0;
@@ -43472,7 +43474,7 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
               let h = f2(a);
               if (!h?.querySelectorAll) return [];
               let y2 = o2().query(p2, h);
-              g.includeRulesTag || (y2 = y2.filter((S2) => !Xe4(S2)));
+              g.includeRulesTag || (y2 = y2.filter((S2) => !Ge4(S2)));
               let A2 = [];
               g.skip && A2.push(g.skip);
               let T2 = g.templateAttr === null ? null : g.templateAttr || "cms-template";
@@ -43579,9 +43581,9 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
             } };
             return w2;
           }
-          var G3 = x3;
-          var X3 = { extract: (e, t, n2 = {}) => C3(M3(e, n2), e, t, n2), apply: (e, t, n2, i2 = {}) => I4(M3(e, { ...i2, _write: true }), e, t, n2, i2), findRulesIn: (e, t) => j3(G3, e, t), findRules: (e, t) => Te4(G3, e, t), bind: (e, t, n2 = {}) => {
-            let i2 = Te4(G3, e, t);
+          var X3 = x3;
+          var G3 = { extract: (e, t, n2 = {}) => C3(M3(e, n2), e, t, n2), apply: (e, t, n2, i2 = {}) => I4(M3(e, { ...i2, _write: true }), e, t, n2, i2), findRulesIn: (e, t) => j3(X3, e, t), findRules: (e, t) => Te4(X3, e, t), bind: (e, t, n2 = {}) => {
+            let i2 = Te4(X3, e, t);
             if (!i2) {
               let r = typeof t == "string" ? `data-rules-name~="${t}"` : "the provided rules object";
               throw new Error(`hyper-html-api: could not resolve rules for ${r}`);
@@ -43589,7 +43591,7 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
             return { ...i2, get: () => C3(M3(e, n2), e, i2.rules, n2), set: (r) => I4(M3(e, { ...n2, _write: true }), e, i2.rules, r, n2) };
           }, parseStrict: pe4, parseRelaxed: z3, ruleAttrIndex: b2, splitRule: ce4, errors: R3, DOM_PROPERTIES: Y3 }, we4 = (e) => !!e && typeof e.nodeType == "number";
           function Qe4(e) {
-            let t = e && e.ownerDocument ? e.ownerDocument : e, n2 = j3(G3, t, "api");
+            let t = e && e.ownerDocument ? e.ownerDocument : e, n2 = j3(X3, t, "api");
             if (!n2) throw new R3.NoRulesTag("api");
             return n2.rules;
           }
@@ -43673,19 +43675,19 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
           }
           function Oe4(e, t) {
             let n2 = we4(e) ? e : document, i2 = we4(e) ? t : e;
-            return i2 === void 0 ? C3(M3(n2), n2, Qe4(n2)) : X3.bind(n2, i2).get();
+            return i2 === void 0 ? C3(M3(n2), n2, Qe4(n2)) : G3.bind(n2, i2).get();
           }
           function xe4(e, t, n2) {
             try {
               if (!we4(e)) throw new Error("hyper-html-api: applyData(root, data, source?) needs a DOM root as the first argument.");
-              let i2 = n2 === void 0 ? Qe4(e) : X3.bind(e, n2).rules;
+              let i2 = n2 === void 0 ? Qe4(e) : G3.bind(e, n2).rules;
               Ut3(e, i2, t);
             } catch (i2) {
               throw zt3(i2);
             }
             return e;
           }
-          var Kt3 = { engine: X3, extractData: Oe4, applyData: xe4 }, Ft3 = Kt3;
+          var Kt3 = { engine: G3, extractData: Oe4, applyData: xe4 }, Ft3 = Kt3;
           return ot4(Vt3);
         })();
         window.clay = window.clay || {};
@@ -46339,7 +46341,7 @@ ${t}` : `"use strict"; return (${t});`;
     document.body.append(box);
     return box;
   }
-  function build3(message, type) {
+  function build3(message2, type) {
     const tone = TONES[type];
     const el5 = bevelSurface("div", [
       "display:flex",
@@ -46357,7 +46359,7 @@ ${t}` : `"use strict"; return (${t});`;
     const glyph = bevelText("span", ["display:inline-grid", "flex:none", "padding-top:1px", `color:${tone.edge}`]);
     glyph.innerHTML = tone.icon;
     protectIcon(glyph.firstElementChild, 16);
-    const text = bevelText("span", ["flex:1 1 auto", "min-width:120px", ...RULES.toastTitle, "overflow-wrap:anywhere"], message);
+    const text = bevelText("span", ["flex:1 1 auto", "min-width:120px", ...RULES.toastTitle, "overflow-wrap:anywhere"], message2);
     el5.append(glyph, text);
     return el5;
   }
@@ -46407,34 +46409,34 @@ ${t}` : `"use strict"; return (${t});`;
       after?.();
     }, 500);
   }
-  function toast2(message, messageType = "success") {
-    const el5 = build3(message, TONES[messageType] ? messageType : "success");
+  function toast2(message2, messageType = "success") {
+    const el5 = build3(message2, TONES[messageType] ? messageType : "success");
     el5.addEventListener("click", () => dismiss2(el5));
     reveal(el5);
     setTimeout(() => dismiss2(el5), 6600);
   }
-  function toastPersistent(message, messageType = "warning") {
-    const existing = activePersistentToasts.get(message);
+  function toastPersistent(message2, messageType = "warning") {
+    const existing = activePersistentToasts.get(message2);
     if (existing) {
       dismiss2(existing);
-      activePersistentToasts.delete(message);
+      activePersistentToasts.delete(message2);
     }
-    const el5 = build3(message, TONES[messageType] ? messageType : "warning");
+    const el5 = build3(message2, TONES[messageType] ? messageType : "warning");
     set(el5, "cursor", "default");
     const close = closeButton((e) => {
       e.stopPropagation();
       dismiss2(el5, () => {
-        if (activePersistentToasts.get(message) === el5) activePersistentToasts.delete(message);
+        if (activePersistentToasts.get(message2) === el5) activePersistentToasts.delete(message2);
       });
     });
     el5.append(close);
-    activePersistentToasts.set(message, el5);
+    activePersistentToasts.set(message2, el5);
     reveal(el5);
   }
-  function dismissPersistent(message) {
-    const el5 = activePersistentToasts.get(message);
+  function dismissPersistent(message2) {
+    const el5 = activePersistentToasts.get(message2);
     if (!el5) return;
-    activePersistentToasts.delete(message);
+    activePersistentToasts.delete(message2);
     dismiss2(el5);
   }
   var TONES, CLOSE_ICON, HIDDEN2, activePersistentToasts, toast_default;
@@ -47773,6 +47775,9 @@ ${t}` : `"use strict"; return (${t});`;
     // Who is editing and who wrote what. Not editOnly: a reader still sees names.
     people: { path: "plugins/people.js", editOnly: false, default: false },
     wire: { path: "plugins/wire.js", editOnly: false, default: false },
+    // A visitor's contact form to the document's owner. Not editOnly: visitors are
+    // who send messages.
+    message: { path: "plugins/message.js", editOnly: false, default: false },
     // Edit mode only: the AI comment box is an editing gesture. Opt in with
     // `plugins=ai-edit`; it stays dormant on any host that does not list a ready
     // `ai-edit` helper.
@@ -47821,18 +47826,19 @@ ${t}` : `"use strict"; return (${t});`;
     "plugins/upload.js": () => Promise.resolve().then(() => (init_upload(), upload_exports)),
     "plugins/people.js": () => Promise.resolve().then(() => (init_people(), people_exports)),
     "plugins/wire.js": () => Promise.resolve().then(() => (init_wire(), wire_exports)),
+    "plugins/message.js": () => Promise.resolve().then(() => (init_message(), message_exports)),
     "plugins/ai-edit.js": () => Promise.resolve().then(() => (init_ai_edit(), ai_edit_exports)),
     "plugins/demo.js": () => Promise.resolve().then(() => (init_demo(), demo_exports)),
     "plugins/visitor-drafts.js": () => Promise.resolve().then(() => (init_visitor_drafts(), visitor_drafts_exports)),
     "plugins/source.js": () => Promise.resolve().then(() => (init_source2(), source_exports))
   };
-  var PLUGIN_ORDER = ["visitor-drafts", "richclay", "indicator", "sortable", "undo", "quickcrop", "upload", "people", "cms", "sync", "live", "wire", "ai-edit", "demo", "source"];
+  var PLUGIN_ORDER = ["visitor-drafts", "richclay", "indicator", "sortable", "undo", "quickcrop", "upload", "people", "cms", "sync", "live", "message", "wire", "ai-edit", "demo", "source"];
   var IMPLIES = { cms: ["quickcrop", "upload"], "ai-edit": ["wire"] };
   function parseCsv(params, key2, enabled, apply2) {
     const raw = params.get(key2);
     if (!raw) return;
-    for (const token of raw.split(",")) {
-      const name = token.trim();
+    for (const token2 of raw.split(",")) {
+      const name = token2.trim();
       if (!name) continue;
       if (!PLUGIN_PATHS[name]) {
         console.warn(`clayjs: unknown plugin "${name}"`);
@@ -47975,6 +47981,8 @@ ${t}` : `"use strict"; return (${t});`;
       clay5.people = mod.people;
       clay5.author = mod.author;
       Object.defineProperty(clay5, "me", { get: mod.currentMe, configurable: true, enumerable: true });
+    } else if (path === "plugins/message.js") {
+      clay5.message = mod.message;
     } else if (path === "plugins/wire.js") {
       clay5.wire = mod.wire || mod.default;
     } else if (path === "plugins/ai-edit.js") {