@panphora/clayjs 1.12.0 → 1.12.1

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.1 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;
@@ -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);
@@ -35967,14 +35967,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 +35990,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 +36001,18 @@ 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-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 +36030,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 +36064,29 @@ 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-signup { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--hcp-line); }
+.hcp-signup label { display: block; font-size: 13px; line-height: 1.45; color: var(--hcp-ink-2); margin-bottom: 8px; }
+.hcp-signup-row { display: flex; gap: 8px; }
+.hcp-signup-row[hidden] { display: none; }
+.hcp-signup input[type="email"] {
+  flex: 1 1 auto; min-width: 0; height: 34px; padding: 0 10px; margin: 0;
+  font: 14px var(--hcp-sans); color: var(--hcp-ink); background: var(--hcp-surface);
+  border: 1px solid var(--hcp-line-2); border-radius: 0; box-shadow: none;
+}
+.hcp-signup input[type="email"]:focus-visible { outline: 2px solid var(--hcp-brass); outline-offset: 1px; }
+.hcp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
+.hcp-msg { margin-top: 8px; font-size: 13px; color: var(--hcp-ink-2); }
+.hcp[data-hcp-reason="error"] .hcp-signup { display: none; }
+@media (max-width: 360px) { .hcp-signup-row { flex-direction: column; } }
 .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-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,7 +36095,7 @@ 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) {
@@ -36087,8 +36112,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, tag, source: source3 }) {
     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,8 +36161,33 @@ 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;
+    const signup = root3.querySelector("[data-hcp-signup]");
+    if (signup) {
+      const email = signup.querySelector("#hcp-email");
+      const honey = signup.querySelector(".hcp-hp");
+      const row = signup.querySelector(".hcp-signup-row");
+      const message = signup.querySelector(".hcp-msg");
+      signup.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 = SIGNUP_COPY.thanks;
+          message.hidden = false;
+        }).catch(() => {
+          message.textContent = SIGNUP_COPY.failed;
+          message.hidden = false;
+        });
+      });
+    }
     if (appName) root3.querySelector("[data-hcp-name]").textContent = appName;
     const tab = root3.querySelector("[data-hcp=open]");
     function set3(state2, reason) {
@@ -36117,7 +36202,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       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 +36241,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() {
@@ -36230,11 +36305,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;
@@ -36250,30 +36321,41 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     if (!mem.shown && (mem.uses || 0) >= USES_TO_SHOW) maybeShow("return");
     return api;
   }
-  var FONT_HREF, ASIDE;
+  var SIGNUP_COPY, FONT_HREF, ASIDE;
   var init_prompt = __esm({
     "src/plugins/visitor-drafts/prompt.js"() {
       init_prompt_style();
+      init_bottom_ui();
+      SIGNUP_COPY = {
+        thanks: "Thanks. Check your email for a link to confirm.",
+        failed: "That didn't go through. Check the address and try again."
+      };
       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>
+    <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 work stays 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>
+      <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>
       <button type="button" class="hcp-btn" data-hcp="minimize"><span>Not now</span></button>
     </div>
+    <form class="hcp-signup" data-hcp-signup novalidate>
+      <label for="hcp-email">I make one of these about every two weeks. Get the next one by email.</label>
+      <div class="hcp-signup-row"><input id="hcp-email" type="email" autocomplete="email" required placeholder="you@example.com"><button type="submit" class="hcp-btn"><span>Send me the next one</span></button></div>
+      <input class="hcp-hp" name="website" tabindex="-1" autocomplete="off" aria-hidden="true">
+      <p class="hcp-msg" role="status" hidden></p>
+    </form>
     <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>
   </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 +36366,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 +36411,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 +36537,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 +36592,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 +36642,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; }
@@ -36862,8 +36735,8 @@ html:has(> body > .clay-intro), body:has(> .clay-intro) { height: auto !importan
         const appName = document.querySelector('meta[name="application-name"]')?.content?.trim() || document.title.split(/:|\s\|\s/)[0].trim() || "This app";
         const template = document.querySelector("template[visitor-intro]");
         const 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 });
+          const prompt = mountPrompt({ memory, appName, link: downloadLink, tag: signupTag(slot, template), source });
+          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());