okno 1.0.0-beta.27 → 1.0.0-beta.28

package/dist/editor/index.js

@@ -1,4 +1,4 @@
-import { untrack as Ue, getContext as Gt, onMount as Sr, tick as Vr, hasContext as r5, setContext as li, getAllContexts as n5, mount as Ws, unmount as o5, onDestroy as i5 } from "svelte";
+import { untrack as Ue, getContext as Gt, onMount as Sr, tick as Vr, hasContext as r5, setContext as ai, getAllContexts as n5, mount as Ws, unmount as o5, onDestroy as i5 } from "svelte";
 import "svelte/internal/disclose-version";
 import "svelte/internal/flags/async";
 import * as e from "svelte/internal/client";
@@ -39,7 +39,7 @@ function f5() {
   }
   return o;
 }
-const $i = [], p5 = 1e3;
+const Ii = [], p5 = 1e3;
 function _s(o, t, r) {
   const n = r.map((i) => {
     if (typeof i == "string") return i;
@@ -51,7 +51,7 @@ ${i.stack}`;
       return String(i);
     }
   }).join(" ");
-  $i.push({ timestamp: Date.now(), module: o, level: t, message: n }), $i.length > p5 && $i.shift();
+  Ii.push({ timestamp: Date.now(), module: o, level: t, message: n }), Ii.length > p5 && Ii.shift();
 }
 function Mr(o) {
   return {
@@ -280,9 +280,9 @@ function C5() {
   const t = Number(o);
   return Number.isFinite(t) ? Date.now() > t - x5 : !1;
 }
-let ki = null;
+let bi = null;
 function Xl() {
-  return ki || (ki = (async () => {
+  return bi || (bi = (async () => {
     const o = localStorage.getItem($a);
     if (!o || !__OKNO_API_URL__) return !1;
     try {
@@ -298,9 +298,9 @@ function Xl() {
     } catch {
       return !1;
     } finally {
-      ki = null;
+      bi = null;
     }
-  })(), ki);
+  })(), bi);
 }
 const Wu = typeof window < "u" ? window.location.origin : "", hl = `okno-current-repo:${Wu}`, xd = "okno-github-token", Cd = 300 * 1e3, Ss = `okno-repo-token:${Wu}`;
 if (typeof window < "u")
@@ -801,7 +801,7 @@ async function Ld(o, t) {
   if (!n.ok) throw new Error(`blob ${t} ${n.status}`);
   return n.blob();
 }
-async function ji(o, t) {
+async function $i(o, t) {
   return (await ja(o)).tree.find((n) => n.type === "blob" && n.path === t)?.sha;
 }
 async function A5(o) {
@@ -994,7 +994,7 @@ class R5 extends Ot {
   }
 }
 const ct = (o) => JSON.parse(JSON.stringify(o));
-function Zo(o) {
+function Bo(o) {
   return o.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
 function Ir(o) {
@@ -1953,24 +1953,59 @@ let Z5 = class extends Ot {
   }
   /**
    * Compare every rendered [data-okno] element to the editor's freshly-loaded
-   * content. When the rendered value is stale (page built from older content,
-   * editor just fetched newer values from remote), patch the DOM directly so
-   * the visitor doesn't see stale content while Vercel rebuilds.
+   * content and patch the DOM where the page is stale. The page is server-rendered
+   * from the DEPLOYED (production) content, but the editor edits the `okno` working
+   * branch — so unpublished edits (a swapped image, retitled heading, changed link)
+   * would otherwise stay invisible on the page until publish + redeploy. This makes
+   * the page reflect what you're editing; the Publish button (lit while the working
+   * branch is ahead) is the "not live yet" indicator.
    *
-   * Only patches plain text leaves — complex elements (images, link spreads,
-   * etc.) are left alone; the user's site code owns those via the proxy's
-   * `.onedit()` subscriptions.
+   * Handles text leaves, media (`{src}` → img/video/source `src`) and link
+   * (`{url,text}` → `<a>` href + label). Generic group objects are left alone (the
+   * user's site code owns those via the proxy's `.onedit()` subscriptions). All
+   * swaps apply inside one View Transition for a crossfade (instant where unsupported).
    */
   patchStaleDom() {
-    const t = this.modules.content;
-    let r = 0;
-    for (const [n, i] of this.elements) {
-      const s = U5(t, n);
-      if (s == null || typeof s == "object") continue;
-      const a = String(s);
-      (i.textContent ?? "").trim() !== a.trim() && (document.dispatchEvent(new CustomEvent("okno:change", { detail: { path: n, value: s } })), i.children.length === 0 && (i.textContent = a, r++));
+    const t = this.modules.content, r = [];
+    for (const [s, a] of this.elements) {
+      const l = U5(t, s);
+      if (l == null) continue;
+      if (typeof l == "object") {
+        const u = this.mediaOrLinkPatch(a, s, l);
+        u && r.push(u);
+        continue;
+      }
+      const c = String(l);
+      (a.textContent ?? "").trim() !== c.trim() && r.push(() => {
+        document.dispatchEvent(new CustomEvent("okno:change", { detail: { path: s, value: l } })), a.children.length === 0 && (a.textContent = c);
+      });
+    }
+    if (!r.length) return;
+    const n = () => r.forEach((s) => s()), i = document.startViewTransition;
+    typeof i == "function" ? i.call(document, n) : n(), jo.info("Patched", r.length, "stale DOM nodes with fresh content");
+  }
+  /** Build a patch closure for a media (`{src}`) or link (`{url,text}`) field whose
+   *  rendered element is stale, or null when it already matches. Media patches the
+   *  media element's `src` (+ `alt` for imgs); link patches the `<a>` href and, when
+   *  the anchor owns its label, its text. Also fires `okno:change` so any user
+   *  `.onedit()` hook stays in charge. */
+  mediaOrLinkPatch(t, r, n) {
+    if (typeof n.src == "string") {
+      const i = t.tagName.toLowerCase();
+      if (i !== "img" && i !== "video" && i !== "source") return null;
+      const s = n.src;
+      return t.getAttribute("src") === s ? null : () => {
+        document.dispatchEvent(new CustomEvent("okno:change", { detail: { path: r, value: n } })), t.setAttribute("src", s), i === "img" && typeof n.alt == "string" && t.setAttribute("alt", n.alt);
+      };
     }
-    r > 0 && jo.info("Patched", r, "stale DOM nodes with fresh content");
+    if (typeof n.url == "string" && "text" in n) {
+      if (t.tagName.toLowerCase() !== "a") return null;
+      const i = n.url, s = typeof n.text == "string" ? n.text : "", a = t.getAttribute("href") !== i, l = t.children.length === 0 && (t.textContent ?? "").trim() !== s.trim();
+      return !a && !l ? null : () => {
+        document.dispatchEvent(new CustomEvent("okno:change", { detail: { path: r, value: n } })), a && t.setAttribute("href", i), l && (t.textContent = s);
+      };
+    }
+    return null;
   }
   /** Idempotent — `scan()` is called on every content:ready, so binding new
    *  closures each time would stack listeners and fire events N times. */
@@ -3084,7 +3119,7 @@ function a0(o) {
   });
   return { popup: s, closed: a };
 }
-const Wo = 10, e1 = 200, Qu = "billing-consent", eh = "billing-month-capped", th = "billing-year-capped";
+const ji = 10, e1 = 200, Qu = "billing-consent", eh = "billing-month-capped", th = "billing-year-capped";
 let l0 = class extends Ot {
   #e = e.state(!1);
   get locked() {
@@ -3287,7 +3322,7 @@ let l0 = class extends Ot {
   async awaitHostedCheckout(t) {
     const { closed: r } = a0(t);
     let n = !0;
-    return r.then(() => n = !1), this.awaitDayLanded({ timeoutMs: 4 * 6e4, done: () => !n, graceMs: 2e4 });
+    return r.then(() => n = !1), this.awaitDayLanded({ timeoutMs: 4 * 6e4, done: () => !n, graceMs: 8e3 });
   }
   /** Poll /api/auth/me until the new paid day shows up (spend rises, today goes
    *  active, or a card appears), then adopt that authoritative state. Returns
@@ -5237,14 +5272,14 @@ function mt(o, t) {
                   L() && He(Io);
                 });
               }
-              var mi = e.sibling(Or, 2);
+              var vi = e.sibling(Or, 2);
               {
-                var bi = (He) => {
+                var mi = (He) => {
                   var Tt = q3(), Er = e.child(Tt, !0);
                   e.reset(Tt), e.template_effect(() => e.set_text(Er, t.description)), e.append(He, Tt);
                 };
-                e.if(mi, (He) => {
-                  t.description && He(bi);
+                e.if(vi, (He) => {
+                  t.description && He(mi);
                 });
               }
               e.reset(Kt), e.template_effect(() => e.set_class(Kt, 1, `flex flex-col items-center gap-4 p-4 text-center select-none ${t.children ? "mb-16" : ""}`)), e.append(Ht, Kt);
@@ -5355,9 +5390,9 @@ function mt(o, t) {
           e.snippet(Or, () => t.banner ?? e.noop);
           var Io = e.sibling(Or, 2);
           n(Io);
-          var mi = e.sibling(Io, 2);
+          var vi = e.sibling(Io, 2);
           {
-            var bi = (He) => {
+            var mi = (He) => {
               var Tt = e.comment(), Er = e.first_child(Tt);
               {
                 var dl = ($o) => {
@@ -5373,8 +5408,8 @@ function mt(o, t) {
               }
               e.append(He, Tt);
             };
-            e.if(mi, (He) => {
-              t.footer && He(bi);
+            e.if(vi, (He) => {
+              t.footer && He(mi);
             });
           }
           e.reset(Wt), e.reset(Nt), e.template_effect(() => e.set_style(nr, `width: ${ht.current ?? ""}px`)), e.delegated("pointerdown", zr, ze), e.append(xt, Nt);
@@ -5455,7 +5490,7 @@ function mt(o, t) {
       var Qp = e.sibling(vt, 2);
       {
         var e5 = (xt) => {
-          var Nt = a4(), nr = e.first_child(Nt), zr = e.derived(() => yt("n")), Dr = e.sibling(nr, 2), Pn = e.derived(() => yt("s")), On = e.sibling(Dr, 2), Pr = e.derived(() => yt("w")), Fr = e.sibling(On, 2), no = e.derived(() => yt("e")), Ht = e.sibling(Fr, 2), Kt = e.derived(() => yt("nw")), Wt = e.sibling(Ht, 2), lr = e.derived(() => yt("ne")), Or = e.sibling(Wt, 2), Io = e.derived(() => yt("sw")), mi = e.sibling(Or, 2), bi = e.derived(() => yt("se"));
+          var Nt = a4(), nr = e.first_child(Nt), zr = e.derived(() => yt("n")), Dr = e.sibling(nr, 2), Pn = e.derived(() => yt("s")), On = e.sibling(Dr, 2), Pr = e.derived(() => yt("w")), Fr = e.sibling(On, 2), no = e.derived(() => yt("e")), Ht = e.sibling(Fr, 2), Kt = e.derived(() => yt("nw")), Wt = e.sibling(Ht, 2), lr = e.derived(() => yt("ne")), Or = e.sibling(Wt, 2), Io = e.derived(() => yt("sw")), vi = e.sibling(Or, 2), mi = e.derived(() => yt("se"));
           e.delegated("pointerdown", nr, function(...He) {
             e.get(zr)?.apply(this, He);
           }), e.delegated("pointerdown", Dr, function(...He) {
@@ -5470,8 +5505,8 @@ function mt(o, t) {
             e.get(lr)?.apply(this, He);
           }), e.delegated("pointerdown", Or, function(...He) {
             e.get(Io)?.apply(this, He);
-          }), e.delegated("pointerdown", mi, function(...He) {
-            e.get(bi)?.apply(this, He);
+          }), e.delegated("pointerdown", vi, function(...He) {
+            e.get(mi)?.apply(this, He);
           }), e.append(xt, Nt);
         };
         e.if(Qp, (xt) => {
@@ -5591,7 +5626,7 @@ function f4(o, t) {
   e.remove_input_defaults(s), e.reset(n), e.bind_value(s, r), e.append(o, n), e.pop();
 }
 var p4 = e.from_html('<button class="size-24 hover:bg-sky-500/10 flex-center hover:text-sky-500 transition-colors duration-150 cursor-pointer rounded-full superellipse"><!></button>'), g4 = e.from_html('<div class="flex items-center gap-4"><!> <!></div>'), v4 = e.from_html('<header class="flex items-center justify-between px-8 select-none mb-2 text-neutral-500"><p class="text-xs/[110%] text-neutral-400"> </p> <!></header>');
-function Uo(o, t) {
+function Zo(o, t) {
   var r = v4(), n = e.child(r), i = e.child(n, !0);
   e.reset(n);
   var s = e.sibling(n, 2);
@@ -5633,13 +5668,13 @@ function na(o, t) {
   var r = m4();
   e.template_effect(() => e.set_class(r, 1, e.clsx(["bg-white/10 rounded-md animate-pulse", t.class]))), e.append(o, r);
 }
-const yi = new Cn("okno-folder-collapsed", []), Zd = (o, t) => `${o}:${t}`, Vo = {
+const ki = new Cn("okno-folder-collapsed", []), Zd = (o, t) => `${o}:${t}`, Wo = {
   isCollapsed(o, t) {
-    return yi.current.includes(Zd(o, t));
+    return ki.current.includes(Zd(o, t));
   },
   toggle(o, t) {
     const r = Zd(o, t);
-    yi.current = yi.current.includes(r) ? yi.current.filter((n) => n !== r) : [...yi.current, r];
+    ki.current = ki.current.includes(r) ? ki.current.filter((n) => n !== r) : [...ki.current, r];
   }
 };
 var b4 = e.from_html('<p class="px-6 text-[14px] text-(--fg-muted)">No matches</p>'), Ud = e.from_html('<div class="flex flex-col gap-2"><!> <!></div>'), k4 = e.from_html('<div class="flex flex-col gap-2"><!> <!> <!></div>'), y4 = e.from_html('<div class="flex flex-col gap-2 pl-24"></div>'), x4 = e.from_html("<!> <!>", 1), C4 = e.from_html('<div><div class="flex flex-col gap-2"><!> <!></div> <!></div>');
@@ -5698,7 +5733,7 @@ function Sh(o, t) {
           e.each(L, 17, () => e.get(h), e.index, (T, S) => {
             let R = () => e.get(S).group, $ = () => e.get(S).items;
             var F = Ud(), z = e.child(F);
-            Uo(z, {
+            Zo(z, {
               get title() {
                 return R().title;
               }
@@ -5738,7 +5773,7 @@ function Sh(o, t) {
         {
           var L = (S) => {
             var R = k4(), $ = e.child(R);
-            Uo($, {
+            Zo($, {
               get title() {
                 return e.get(O).title;
               }
@@ -5751,7 +5786,7 @@ function Sh(o, t) {
             var R = Ud(), $ = e.child(R);
             {
               var F = (A) => {
-                Uo(A, {
+                Zo(A, {
                   get title() {
                     return e.get(O).title;
                   }
@@ -5766,7 +5801,7 @@ function Sh(o, t) {
               var N = e.comment(), H = e.first_child(N);
               {
                 var B = (Z) => {
-                  const q = e.derived(() => Vo.isCollapsed(e.get(O).kind, e.get(D).id));
+                  const q = e.derived(() => Wo.isCollapsed(e.get(O).kind, e.get(D).id));
                   var U = x4(), X = e.first_child(U);
                   bn(X, {
                     icon: "folder",
@@ -5774,7 +5809,7 @@ function Sh(o, t) {
                     get label() {
                       return e.get(D).name;
                     },
-                    onclick: () => Vo.toggle(e.get(O).kind, e.get(D).id),
+                    onclick: () => Wo.toggle(e.get(O).kind, e.get(D).id),
                     trailing: (K) => {
                       {
                         let G = e.derived(() => [
@@ -6015,11 +6050,11 @@ const E4 = ["string", "number", "bigint", "boolean"];
 function o1(o) {
   return o == null || E4.includes(typeof o) ? !0 : Array.isArray(o) ? o.every((t) => o1(t)) : typeof o == "object" ? Object.getPrototypeOf(o) === Object.prototype : !1;
 }
-const Qo = /* @__PURE__ */ Symbol("box"), Na = /* @__PURE__ */ Symbol("is-writable");
+const Jo = /* @__PURE__ */ Symbol("box"), Na = /* @__PURE__ */ Symbol("is-writable");
 function ne(o, t) {
   const r = e.derived(o);
   return t ? {
-    [Qo]: !0,
+    [Jo]: !0,
     [Na]: !0,
     get current() {
       return e.get(r);
@@ -6028,14 +6063,14 @@ function ne(o, t) {
       t(n);
     }
   } : {
-    [Qo]: !0,
+    [Jo]: !0,
     get current() {
       return o();
     }
   };
 }
 function rs(o) {
-  return ts(o) && Qo in o;
+  return ts(o) && Jo in o;
 }
 function H1(o) {
   return rs(o) && Na in o;
@@ -6063,7 +6098,7 @@ function T4(o) {
 }
 function A4(o) {
   return H1(o) ? {
-    [Qo]: !0,
+    [Jo]: !0,
     get current() {
       return o.current;
     }
@@ -6072,7 +6107,7 @@ function A4(o) {
 function hr(o) {
   let t = e.state(e.proxy(o));
   return {
-    [Qo]: !0,
+    [Jo]: !0,
     [Na]: !0,
     get current() {
       return e.get(t);
@@ -6085,7 +6120,7 @@ function hr(o) {
 function Mo(o) {
   let t = e.state(e.proxy(o));
   return {
-    [Qo]: !0,
+    [Jo]: !0,
     [Na]: !0,
     get current() {
       return e.get(t);
@@ -6249,7 +6284,7 @@ function X4(o) {
 function J4(o) {
   return o ? o[0].toLowerCase() + o.slice(1) : "";
 }
-function Ai(o) {
+function Ti(o) {
   if (!o)
     return {};
   const t = {};
@@ -6266,7 +6301,7 @@ function Ai(o) {
   }
   return Z4(o, r), t;
 }
-function Ko(...o) {
+function Uo(...o) {
   return (...t) => {
     for (const r of o)
       typeof r == "function" && r(...t);
@@ -6423,7 +6458,7 @@ function Be(...o) {
           const u = s, d = a;
           t[i] = Dh(u, d);
         } else if (l && c)
-          t[i] = Ko(s, a);
+          t[i] = Uo(s, a);
         else if (i === "class") {
           const u = o1(s), d = o1(a);
           u && d ? t[i] = bl(s, a) : u ? t[i] = bl(s) : d && (t[i] = bl(a));
@@ -6432,13 +6467,13 @@ function Be(...o) {
           if (u && d)
             t[i] = { ...s, ...a };
           else if (u && h) {
-            const p = Ai(a);
+            const p = Ti(a);
             t[i] = { ...s, ...p };
           } else if (f && d) {
-            const p = Ai(s);
+            const p = Ti(s);
             t[i] = { ...p, ...a };
           } else if (f && h) {
-            const p = Ai(s), g = Ai(a);
+            const p = Ti(s), g = Ti(a);
             t[i] = { ...p, ...g };
           } else u ? t[i] = s : d ? t[i] = a : f ? t[i] = s : h && (t[i] = a);
         } else
@@ -6647,7 +6682,7 @@ class vr {
    * Must be called during component initialisation.
    */
   set(t) {
-    return li(this.#t, t);
+    return ai(this.#t, t);
   }
 }
 function m8(o, t) {
@@ -6750,7 +6785,7 @@ function V1(o) {
 function lt(o) {
   return o ? "" : void 0;
 }
-function ci(o) {
+function li(o) {
   return o ? "open" : "closed";
 }
 function B1(o) {
@@ -7045,7 +7080,7 @@ function Hh(o, t) {
   };
 }
 const N8 = Hh((o) => o.defaultLocale, "en"), H8 = Hh((o) => o.defaultPortalTo, "body");
-function di(o, t) {
+function ci(o, t) {
   e.push(t, !0);
   const r = H8(() => t.to), n = n5();
   let i = e.derived(s);
@@ -7148,7 +7183,7 @@ function G8(o, { select: t = !1 } = {}, r) {
     if (Y8(i, { select: t }), r() !== n)
       return !0;
 }
-let xi = e.state(!1);
+let yi = e.state(!1);
 class An {
   static _refs = 0;
   // Reference counting to avoid multiple listeners.
@@ -7156,20 +7191,20 @@ class An {
   constructor() {
     e.user_effect(() => (An._refs === 0 && (An._cleanup = e.effect_root(() => {
       const t = [], r = (i) => {
-        e.set(xi, !1);
+        e.set(yi, !1);
       }, n = (i) => {
-        e.set(xi, !0);
+        e.set(yi, !0);
       };
-      return t.push(Ct(document, "pointerdown", r, { capture: !0 }), Ct(document, "pointermove", r, { capture: !0 }), Ct(document, "keydown", n, { capture: !0 })), Ko(...t);
+      return t.push(Ct(document, "pointerdown", r, { capture: !0 }), Ct(document, "pointermove", r, { capture: !0 }), Ct(document, "keydown", n, { capture: !0 })), Uo(...t);
     })), An._refs++, () => {
-      An._refs--, An._refs === 0 && (e.set(xi, !1), An._cleanup?.());
+      An._refs--, An._refs === 0 && (e.set(yi, !1), An._cleanup?.());
     }));
   }
   get current() {
-    return e.get(xi);
+    return e.get(yi);
   }
   set current(t) {
-    e.set(xi, t, !0);
+    e.set(yi, t, !0);
   }
 }
 var Zh = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], aa = /* @__PURE__ */ Zh.join(","), Uh = typeof Element > "u", xo = Uh ? function() {
@@ -8043,7 +8078,7 @@ class ls {
     role: "menu",
     "aria-orientation": "vertical",
     [this.parentMenu.root.getBitsAttr("content")]: "",
-    "data-state": ci(this.parentMenu.opts.open.current),
+    "data-state": li(this.parentMenu.opts.open.current),
     ...B1(this.parentMenu.contentPresence.transitionStatus),
     onkeydown: this.onkeydown,
     onblur: this.onblur,
@@ -8231,7 +8266,7 @@ class G1 {
     {
       "aria-haspopup": "menu",
       "aria-expanded": gr(this.submenu.opts.open.current),
-      "data-state": ci(this.submenu.opts.open.current),
+      "data-state": li(this.submenu.opts.open.current),
       "aria-controls": this.submenu.opts.open.current ? this.submenu.contentId.current : void 0,
       [this.submenu.root.getBitsAttr("sub-trigger")]: "",
       onclick: this.onclick,
@@ -8313,7 +8348,7 @@ class X1 {
     "aria-expanded": gr(this.parentMenu.opts.open.current),
     "aria-controls": e.get(this.#e),
     "data-disabled": lt(this.opts.disabled.current),
-    "data-state": ci(this.parentMenu.opts.open.current),
+    "data-state": li(this.parentMenu.opts.open.current),
     [this.parentMenu.root.getBitsAttr("trigger")]: "",
     //
     onclick: this.onclick,
@@ -8375,7 +8410,7 @@ class J1 {
     id: this.opts.id.current,
     disabled: this.opts.disabled.current,
     "data-disabled": lt(this.opts.disabled.current),
-    "data-state": ci(this.parentMenu.opts.open.current),
+    "data-state": li(this.parentMenu.opts.open.current),
     [Z1]: "",
     tabindex: -1,
     onpointerdown: this.onpointerdown,
@@ -8435,7 +8470,7 @@ class Q1 {
     });
   };
   #c() {
-    return Ko(
+    return Uo(
       /**
        * CAPTURE INTERACTION START
        * mark interaction-start event as intercepted.
@@ -8443,13 +8478,13 @@ class Q1 {
        * to avoid checking if is responsible layer during interaction end
        * when a new floating element may have been opened.
        */
-      Ct(this.#i, "pointerdown", Ko(this.#f, this.#h), { capture: !0 }),
+      Ct(this.#i, "pointerdown", Uo(this.#f, this.#h), { capture: !0 }),
       /**
        * BUBBLE INTERACTION START
        * Mark interaction-start event as non-intercepted. Debounce `onInteractOutsideStart`
        * to avoid prematurely checking if other events were intercepted.
        */
-      Ct(this.#i, "pointerdown", Ko(this.#p, this.#u)),
+      Ct(this.#i, "pointerdown", Uo(this.#p, this.#u)),
       /**
        * HANDLE FOCUS OUTSIDE
        */
@@ -8771,7 +8806,7 @@ class nc {
     }));
   }
   #t() {
-    return Ko(Ct(this.domContext.getDocument(), "pointerdown", this.#r), Ct(this.domContext.getDocument(), "pointerup", Dh(this.#n, this.opts.onPointerUp.current)));
+    return Uo(Ct(this.domContext.getDocument(), "pointerdown", this.#r), Ct(this.domContext.getDocument(), "pointerup", Dh(this.#n, this.opts.onPointerUp.current)));
   }
   #r = (t) => {
     const r = this.opts.ref.current, n = t.target;
@@ -8834,7 +8869,7 @@ class $6 {
   }
 }
 const Bs = new s5();
-let Es = e.state(null), yl = null, Ci = null, wi = !1;
+let Es = e.state(null), yl = null, xi = null, Ci = !1;
 const s2 = ne(() => {
   for (const o of Bs.values())
     if (o) return !0;
@@ -8846,21 +8881,21 @@ const j6 = new $6(() => {
     document.body.setAttribute("style", e.get(Es) ?? ""), document.body.style.removeProperty("--scrollbar-width"), Jd && yl?.(), e.set(Es, null);
   }
   function t() {
-    Ci !== null && (window.clearTimeout(Ci), Ci = null);
+    xi !== null && (window.clearTimeout(xi), xi = null);
   }
   function r(i, s) {
-    t(), wi = !0, xl = Date.now();
+    t(), Ci = !0, xl = Date.now();
     const a = xl, l = () => {
-      Ci = null, xl === a && (of(Bs) ? wi = !1 : (wi = !1, s()));
+      xi = null, xl === a && (of(Bs) ? Ci = !1 : (Ci = !1, s()));
     }, c = i === null ? 24 : i;
-    Ci = window.setTimeout(l, c);
+    xi = window.setTimeout(l, c);
   }
   function n() {
-    e.get(Es) === null && Bs.size === 0 && !wi && e.set(Es, document.body.getAttribute("style"), !0);
+    e.get(Es) === null && Bs.size === 0 && !Ci && e.set(Es, document.body.getAttribute("style"), !0);
   }
   return it(() => s2.current, () => {
     if (!s2.current) return;
-    n(), wi = !1;
+    n(), Ci = !1;
     const i = getComputedStyle(document.documentElement), s = getComputedStyle(document.body), a = i.scrollbarGutter?.includes("stable") || s.scrollbarGutter?.includes("stable"), l = window.innerWidth - document.documentElement.clientWidth, u = {
       padding: Number.parseInt(s.paddingRight ?? "0", 10) + l,
       margin: Number.parseInt(s.marginRight ?? "0", 10)
@@ -8965,7 +9000,7 @@ const F6 = {
     31
   ]
 };
-class ei {
+class Qo {
   fromJulianDay(t) {
     let r = t, n = r - sf, i = Math.floor(n / 146097), s = Cl(n, 146097), a = Math.floor(s / 36524), l = Cl(s, 36524), c = Math.floor(l / 1461), u = Cl(l, 1461), d = Math.floor(u / 365), f = i * 400 + a * 100 + c * 4 + d + (a !== 4 && d !== 4 ? 1 : 0), [h, p] = z6(f), g = r - Ts(h, p, 1, 1), v = 2;
     r < Ts(h, p, 3, 1) ? v = 0 : Zs(p) && (v = 1);
@@ -9201,7 +9236,7 @@ function G6(o) {
   return t.firstDay;
 }
 function Vn(o) {
-  o = Cr(o, new ei());
+  o = Cr(o, new Qo());
   let t = oc(o.era, o.year);
   return df(t, o.month, o.day, o.hour, o.minute, o.second, o.millisecond);
 }
@@ -9262,7 +9297,7 @@ function tn(o, t, r = "compatible") {
   let n = Bn(o);
   if (t === "UTC") return Vn(n);
   if (t === zn() && r === "compatible" && !cf()) {
-    n = Cr(n, new ei());
+    n = Cr(n, new Qo());
     let c = /* @__PURE__ */ new Date(), u = oc(n.era, n.year);
     return c.setFullYear(u, n.month - 1, n.day), c.setHours(n.hour, n.minute, n.second, n.millisecond), c.getTime();
   }
@@ -9324,7 +9359,7 @@ function tv(o, t) {
   let r = Vn(o) - o.offset;
   return Cr(nn(r, t), o.calendar);
 }
-const _i = 36e5;
+const wi = 36e5;
 function Ba(o, t) {
   let r = o.copy(), n = "hour" in r ? iv(r, t) : 0;
   u1(r, t.years || 0), r.calendar.balanceYearMonth && r.calendar.balanceYearMonth(r, o), r.month += t.months || 0, h1(r), pf(r), r.day += (t.weeks || 0) * 7, r.day += t.days || 0, r.day += n, rv(r), r.calendar.balanceDate && r.calendar.balanceDate(r), r.year < 1 && (r.year = 1, r.month = 1, r.day = 1);
@@ -9477,16 +9512,16 @@ function av(o, t, r, n) {
       }
       let a = Bn(o), l = Cr(fa(a, {
         hour: i
-      }), new ei()), c = [
+      }), new Qo()), c = [
         tn(l, o.timeZone, "earlier"),
         tn(l, o.timeZone, "later")
       ].filter((g) => nn(g, o.timeZone).day === l.day)[0], u = Cr(fa(a, {
         hour: s
-      }), new ei()), d = [
+      }), new Qo()), d = [
         tn(u, o.timeZone, "earlier"),
         tn(u, o.timeZone, "later")
-      ].filter((g) => nn(g, o.timeZone).day === u.day).pop(), f = Vn(o) - o.offset, h = Math.floor(f / _i), p = f % _i;
-      return f = kn(h, r, Math.floor(c / _i), Math.floor(d / _i), n?.round) * _i + p, Cr(nn(f, o.timeZone), o.calendar);
+      ].filter((g) => nn(g, o.timeZone).day === u.day).pop(), f = Vn(o) - o.offset, h = Math.floor(f / wi), p = f % wi;
+      return f = kn(h, r, Math.floor(c / wi), Math.floor(d / wi), n?.round) * wi + p, Cr(nn(f, o.timeZone), o.calendar);
     }
     case "minute":
     case "second":
@@ -9546,7 +9581,7 @@ function hv(o) {
   return `${String(o.hour).padStart(2, "0")}:${String(o.minute).padStart(2, "0")}:${String(o.second).padStart(2, "0")}${o.millisecond ? String(o.millisecond / 1e3).slice(1) : ""}`;
 }
 function Cf(o) {
-  let t = Cr(o, new ei()), r;
+  let t = Cr(o, new Qo()), r;
   return t.era === "BC" ? r = t.year === 1 ? "0000" : "-" + String(Math.abs(1 - t.year)).padStart(6, "00") : r = String(t.year).padStart(4, "0"), `${r}-${String(t.month).padStart(2, "0")}-${String(t.day).padStart(2, "0")}`;
 }
 function cc(o) {
@@ -9562,7 +9597,7 @@ function fv(o) {
   return `${cc(o)}${wf(o.offset)}[${o.timeZone}]`;
 }
 function dc(o) {
-  let t = typeof o[0] == "object" ? o.shift() : new ei(), r;
+  let t = typeof o[0] == "object" ? o.shift() : new Qo(), r;
   if (typeof o[0] == "string") r = o.shift();
   else {
     let a = t.getEras();
@@ -11954,7 +11989,7 @@ function Ln(o, t) {
 function Sn(o) {
   return o.split("-")[0];
 }
-function ui(o) {
+function di(o) {
   return o.split("-")[1];
 }
 function Mc(o) {
@@ -11972,7 +12007,7 @@ function Pc(o) {
 }
 function Km(o, t, r) {
   r === void 0 && (r = !1);
-  const n = ui(o), i = Pc(o), s = Dc(i);
+  const n = di(o), i = Pc(o), s = Dc(i);
   let a = i === "x" ? n === (r ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
   return t.reference[s] > t.floating[s] && (a = ma(a)), [a, ma(a)];
 }
@@ -11997,7 +12032,7 @@ function Xm(o, t, r) {
   }
 }
 function Jm(o, t, r, n) {
-  const i = ui(o);
+  const i = di(o);
   let s = Xm(Sn(o), r === "start", n);
   return i && (s = s.map((a) => a + "-" + i), t && (s = s.concat(s.map(p1)))), s;
 }
@@ -12078,7 +12113,7 @@ function w2(o, t, r) {
         y: n.y
       };
   }
-  switch (ui(t)) {
+  switch (di(t)) {
     case "start":
       p[a] -= h * (r && u ? -1 : 1);
       break;
@@ -12221,7 +12256,7 @@ const tb = 50, rb = async (o, t, r) => {
     }, p = Pc(i), g = Dc(p), v = await a.getDimensions(u), m = p === "y", b = m ? "top" : "left", k = m ? "bottom" : "right", y = m ? "clientHeight" : "clientWidth", x = s.reference[g] + s.reference[p] - h[p] - s.floating[g], w = h[p] - s.reference[p], C = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let E = C ? C[y] : 0;
     (!E || !await (a.isElement == null ? void 0 : a.isElement(C))) && (E = l.floating[y] || s.floating[g]);
-    const P = x / 2 - w / 2, O = E / 2 - v[g] / 2 - 1, _ = Un(f[b], O), M = Un(f[k], O), L = _, T = E - v[g] - M, S = E / 2 - v[g] / 2 + P, R = f1(L, S, T), $ = !c.arrow && ui(i) != null && S !== R && s.reference[g] / 2 - (S < L ? _ : M) - v[g] / 2 < 0, F = $ ? S < L ? S - L : S - T : 0;
+    const P = x / 2 - w / 2, O = E / 2 - v[g] / 2 - 1, _ = Un(f[b], O), M = Un(f[k], O), L = _, T = E - v[g] - M, S = E / 2 - v[g] / 2 + P, R = f1(L, S, T), $ = !c.arrow && di(i) != null && S !== R && s.reference[g] / 2 - (S < L ? _ : M) - v[g] / 2 < 0, F = $ ? S < L ? S - L : S - T : 0;
     return {
       [p]: h[p] + F,
       data: {
@@ -12375,7 +12410,7 @@ async function sb(o, t) {
     placement: r,
     platform: n,
     elements: i
-  } = o, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), a = Sn(r), l = ui(r), c = on(r) === "y", u = If.has(a) ? -1 : 1, d = s && c ? -1 : 1, f = Ln(t, o);
+  } = o, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), a = Sn(r), l = di(r), c = on(r) === "y", u = If.has(a) ? -1 : 1, d = s && c ? -1 : 1, f = Ln(t, o);
   let {
     mainAxis: h,
     crossAxis: p,
@@ -12533,7 +12568,7 @@ const ab = function(o) {
         apply: c = () => {
         },
         ...u
-      } = Ln(o, t), d = await a.detectOverflow(t, u), f = Sn(i), h = ui(i), p = on(i) === "y", {
+      } = Ln(o, t), d = await a.detectOverflow(t, u), f = Sn(i), h = di(i), p = on(i) === "y", {
         width: g,
         height: v
       } = s.floating;
@@ -12562,7 +12597,7 @@ const ab = function(o) {
 function Ka() {
   return typeof window < "u";
 }
-function hi(o) {
+function ui(o) {
   return $f(o) ? (o.nodeName || "").toLowerCase() : "#document";
 }
 function _r(o) {
@@ -12595,7 +12630,7 @@ function fs(o) {
   return /auto|scroll|overlay|hidden|clip/.test(t + n + r) && i !== "inline" && i !== "contents";
 }
 function ub(o) {
-  return /^(table|td|th)$/.test(hi(o));
+  return /^(table|td|th)$/.test(ui(o));
 }
 function Ya(o) {
   try {
@@ -12617,7 +12652,7 @@ function Oc(o) {
 }
 function pb(o) {
   let t = Kn(o);
-  for (; Mn(t) && !ti(t); ) {
+  for (; Mn(t) && !ei(t); ) {
     if (Oc(t))
       return t;
     if (Ya(t))
@@ -12629,8 +12664,8 @@ function pb(o) {
 function Ec() {
   return Al == null && (Al = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), Al;
 }
-function ti(o) {
-  return /^(html|body|#document)$/.test(hi(o));
+function ei(o) {
+  return /^(html|body|#document)$/.test(ui(o));
 }
 function Ur(o) {
   return _r(o).getComputedStyle(o);
@@ -12645,7 +12680,7 @@ function Ga(o) {
   };
 }
 function Kn(o) {
-  if (hi(o) === "html")
+  if (ui(o) === "html")
     return o;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -12658,7 +12693,7 @@ function Kn(o) {
 }
 function jf(o) {
   const t = Kn(o);
-  return ti(t) ? o.ownerDocument ? o.ownerDocument.body : o.body : Mn(t) && fs(t) ? t : jf(t);
+  return ei(t) ? o.ownerDocument ? o.ownerDocument.body : o.body : Mn(t) && fs(t) ? t : jf(t);
 }
 function Bi(o, t, r) {
   var n;
@@ -12686,7 +12721,7 @@ function Rf(o) {
 function Tc(o) {
   return Zr(o) ? o : o.contextElement;
 }
-function Yo(o) {
+function Ko(o) {
   const t = Tc(o);
   if (!Mn(t))
     return sn(1);
@@ -12716,14 +12751,14 @@ function Lo(o, t, r, n) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
   const i = o.getBoundingClientRect(), s = Tc(o);
   let a = sn(1);
-  t && (n ? Zr(n) && (a = Yo(n)) : a = Yo(o));
+  t && (n ? Zr(n) && (a = Ko(n)) : a = Ko(o));
   const l = vb(s, r, n) ? zf(s) : sn(0);
   let c = (i.left + l.x) / a.x, u = (i.top + l.y) / a.y, d = i.width / a.x, f = i.height / a.y;
   if (s) {
     const h = _r(s), p = n && Zr(n) ? _r(n) : n;
     let g = h, v = g1(g);
     for (; v && n && p !== g; ) {
-      const m = Yo(v), b = v.getBoundingClientRect(), k = Ur(v), y = b.left + (v.clientLeft + parseFloat(k.paddingLeft)) * m.x, x = b.top + (v.clientTop + parseFloat(k.paddingTop)) * m.y;
+      const m = Ko(v), b = v.getBoundingClientRect(), k = Ur(v), y = b.left + (v.clientLeft + parseFloat(k.paddingLeft)) * m.x, x = b.top + (v.clientTop + parseFloat(k.paddingTop)) * m.y;
       c *= m.x, u *= m.y, d *= m.x, f *= m.y, c += y, u += x, g = _r(v), v = g1(g);
     }
   }
@@ -12760,9 +12795,9 @@ function mb(o) {
     scrollTop: 0
   }, u = sn(1);
   const d = sn(0), f = Mn(n);
-  if ((f || !f && !s) && ((hi(n) !== "body" || fs(a)) && (c = Ga(n)), f)) {
+  if ((f || !f && !s) && ((ui(n) !== "body" || fs(a)) && (c = Ga(n)), f)) {
     const p = Lo(n);
-    u = Yo(n), d.x = p.x + n.clientLeft, d.y = p.y + n.clientTop;
+    u = Ko(n), d.x = p.x + n.clientLeft, d.y = p.y + n.clientTop;
   }
   const h = a && !f && !s ? Ff(a, c) : sn(0);
   return {
@@ -12808,7 +12843,7 @@ function yb(o, t) {
   };
 }
 function xb(o, t) {
-  const r = Lo(o, !0, t === "fixed"), n = r.top + o.clientTop, i = r.left + o.clientLeft, s = Mn(o) ? Yo(o) : sn(1), a = o.clientWidth * s.x, l = o.clientHeight * s.y, c = i * s.x, u = n * s.y;
+  const r = Lo(o, !0, t === "fixed"), n = r.top + o.clientTop, i = r.left + o.clientLeft, s = Mn(o) ? Ko(o) : sn(1), a = o.clientWidth * s.x, l = o.clientHeight * s.y, c = i * s.x, u = n * s.y;
   return {
     width: a,
     height: l,
@@ -12837,16 +12872,16 @@ function D2(o, t, r) {
 }
 function Nf(o, t) {
   const r = Kn(o);
-  return r === t || !Zr(r) || ti(r) ? !1 : Ur(r).position === "fixed" || Nf(r, t);
+  return r === t || !Zr(r) || ei(r) ? !1 : Ur(r).position === "fixed" || Nf(r, t);
 }
 function Cb(o, t) {
   const r = t.get(o);
   if (r)
     return r;
-  let n = Bi(o, [], !1).filter((l) => Zr(l) && hi(l) !== "body"), i = null;
+  let n = Bi(o, [], !1).filter((l) => Zr(l) && ui(l) !== "body"), i = null;
   const s = Ur(o).position === "fixed";
   let a = s ? Kn(o) : o;
-  for (; Zr(a) && !ti(a); ) {
+  for (; Zr(a) && !ei(a); ) {
     const l = Ur(a), c = Oc(a);
     !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && (i.position === "absolute" || i.position === "fixed") || fs(a) && !c && Nf(o, a)) ? n = n.filter((d) => d !== a) : i = l, a = Kn(a);
   }
@@ -12893,7 +12928,7 @@ function Lb(o, t, r) {
     c.x = qa(i);
   }
   if (n || !n && !s)
-    if ((hi(t) !== "body" || fs(i)) && (l = Ga(t)), n) {
+    if ((ui(t) !== "body" || fs(i)) && (l = Ga(t)), n) {
       const p = Lo(t, !0, s, t);
       c.x = p.x + t.clientLeft, c.y = p.y + t.clientTop;
     } else i && u();
@@ -12923,7 +12958,7 @@ function Hf(o, t) {
     return r;
   if (!Mn(o)) {
     let i = Kn(o);
-    for (; i && !ti(i); ) {
+    for (; i && !ei(i); ) {
       if (Zr(i) && !Il(i))
         return i;
       i = Kn(i);
@@ -12933,7 +12968,7 @@ function Hf(o, t) {
   let n = P2(o, t);
   for (; n && ub(n) && Il(n); )
     n = P2(n, t);
-  return n && ti(n) && Il(n) && !Oc(n) ? r : n || pb(o) || r;
+  return n && ei(n) && Il(n) && !Oc(n) ? r : n || pb(o) || r;
 }
 const Sb = async function(o) {
   const t = this.getOffsetParent || Hf, r = this.getDimensions, n = await r(o.floating);
@@ -12958,7 +12993,7 @@ const Db = {
   getElementRects: Sb,
   getClientRects: bb,
   getDimensions: _b,
-  getScale: Yo,
+  getScale: Ko,
   isElement: Zr,
   isRTL: Mb
 };
@@ -13227,7 +13262,7 @@ class ya {
   // ids
   arrowId = hr(Po());
   #e = e.derived(() => {
-    if (typeof this.opts.style == "string") return Ai(this.opts.style);
+    if (typeof this.opts.style == "string") return Ti(this.opts.style);
     if (!this.opts.style) return {};
   });
   #t = void 0;
@@ -13462,7 +13497,7 @@ function Vb(o) {
 function Bb(o) {
   return $c(o)[1];
 }
-function fi(o, t) {
+function hi(o, t) {
   e.push(t, !0);
   let r = e.prop(t, "tooltip", 3, !1);
   ka.create(r());
@@ -14142,7 +14177,7 @@ function Qb(o, t) {
       onOpenChangeComplete: ne(() => s())
     },
     a
-  ), fi(o, {
+  ), hi(o, {
     children: (l, c) => {
       var u = e.comment(), d = e.first_child(u);
       e.snippet(d, () => t.children ?? e.noop), e.append(l, u);
@@ -14158,7 +14193,7 @@ function ek(o, t) {
       r(s), n()?.(s);
     }),
     onOpenChangeComplete: ne(() => i())
-  }), fi(o, {
+  }), hi(o, {
     children: (s, a) => {
       var l = e.comment(), c = e.first_child(l);
       e.snippet(c, () => t.children ?? e.noop), e.append(s, l);
@@ -14696,7 +14731,7 @@ function vk(o, t) {
 const jc = os({
   component: "date-field",
   parts: ["input", "label", "segment"]
-}), pi = {
+}), fi = {
   day: {
     min: 1,
     max: (o) => {
@@ -15166,7 +15201,7 @@ class Fc {
     e.set(this.#r, t);
   }
 }
-class gi {
+class pi {
   opts;
   root;
   announcer;
@@ -15297,11 +15332,11 @@ class gi {
     e.set(this.#l, t);
   }
 }
-class mk extends gi {
+class mk extends pi {
   #e = [];
   #t = 0;
   constructor(t, r) {
-    super(t, r, "year", pi.year);
+    super(t, r, "year", fi.year);
   }
   onkeydown(t) {
     if (!(t.ctrlKey || t.metaKey || this.root.disabled.current) && (t.key !== ss && t.preventDefault(), !!fc(t.key))) {
@@ -15362,19 +15397,19 @@ class mk extends gi {
     this.root.states.year.hasLeftFocus = !0, this.#e = [], this.#r(), this.root.updateSegment("year", (r) => r && r.length !== 4 ? I2(Number.parseInt(r)) : r);
   }
 }
-class bk extends gi {
+class bk extends pi {
   constructor(t, r) {
-    super(t, r, "day", pi.day);
+    super(t, r, "day", fi.day);
   }
 }
-class kk extends gi {
+class kk extends pi {
   constructor(t, r) {
-    super(t, r, "month", pi.month);
+    super(t, r, "month", fi.month);
   }
 }
-class yk extends gi {
+class yk extends pi {
   constructor(t, r) {
-    super(t, r, "hour", pi.hour);
+    super(t, r, "hour", fi.hour);
   }
   // Override to handle special hour logic
   onkeydown(t) {
@@ -15388,14 +15423,14 @@ class yk extends gi {
     super.onkeydown(t), this.root.updateSegment = this.root.updateSegment.bind(this.root);
   }
 }
-class xk extends gi {
+class xk extends pi {
   constructor(t, r) {
-    super(t, r, "minute", pi.minute);
+    super(t, r, "minute", fi.minute);
   }
 }
-class Ck extends gi {
+class Ck extends pi {
   constructor(t, r) {
-    super(t, r, "second", pi.second);
+    super(t, r, "second", fi.second);
   }
 }
 class Nc {
@@ -16067,7 +16102,7 @@ class Yc {
     id: this.opts.id.current,
     "aria-haspopup": "dialog",
     "aria-expanded": gr(this.root.opts.open.current),
-    "data-state": ci(this.root.opts.open.current),
+    "data-state": li(this.root.opts.open.current),
     "aria-controls": this.#s(),
     [v1.trigger]: "",
     disabled: this.opts.disabled.current,
@@ -16149,7 +16184,7 @@ class Gc {
   #t = e.derived(() => ({
     id: this.opts.id.current,
     tabindex: -1,
-    "data-state": ci(this.root.opts.open.current),
+    "data-state": li(this.root.opts.open.current),
     ...B1(this.root.contentPresence.transitionStatus),
     [v1.content]: "",
     style: { pointerEvents: "auto", contain: "layout style" },
@@ -16247,7 +16282,7 @@ function Tk(o, t) {
     })
   });
   var F = e.comment(), z = e.first_child(F);
-  e.component(z, () => fi, (A, D) => {
+  e.component(z, () => hi, (A, D) => {
     D(A, {
       children: (I, N) => {
         var H = e.comment(), B = e.first_child(H);
@@ -16598,7 +16633,7 @@ function Vk(o, t) {
       onOpenChangeComplete: ne(() => s())
     },
     c
-  ), fi(o, {
+  ), hi(o, {
     children: (u, d) => {
       var f = e.comment(), h = e.first_child(f);
       e.snippet(h, () => t.children ?? e.noop), e.append(u, f);
@@ -16825,7 +16860,7 @@ function Gk(o, t) {
       r(s), n()(s);
     }),
     onOpenChangeComplete: ne(() => i())
-  }), fi(o, {
+  }), hi(o, {
     children: (s, a) => {
       var l = e.comment(), c = e.first_child(l);
       e.snippet(c, () => t.children ?? e.noop), e.append(s, l);
@@ -17364,7 +17399,7 @@ function Xk(o, t) {
     onOpenChangeComplete: ne(() => s()),
     tether: ne(() => t.tether)
   });
-  fi(o, {
+  hi(o, {
     tooltip: !0,
     children: (l, c) => {
       var u = e.comment(), d = e.first_child(u);
@@ -17642,7 +17677,7 @@ function Lr(o, t) {
           });
         }
         var k = e.sibling(b, 2);
-        e.component(k, () => di, (y, x) => {
+        e.component(k, () => ci, (y, x) => {
           x(y, {
             get to() {
               return u;
@@ -18740,22 +18775,22 @@ function Fn(o) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? W2(Object(r), !0).forEach(function(n) {
-      ri(o, n, r[n]);
+      ti(o, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(r)) : W2(Object(r)).forEach(function(n) {
       Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return o;
 }
-function Bo(o) {
+function Vo(o) {
   "@babel/helpers - typeof";
-  return Bo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return Vo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
     return typeof t;
   } : function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, Bo(o);
+  }, Vo(o);
 }
-function ri(o, t, r) {
+function ti(o, t, r) {
   return t in o ? Object.defineProperty(o, t, {
     value: r,
     enumerable: !0,
@@ -18883,7 +18918,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   };
 }
 var Gy = "finalize", qy = "consider";
-function ni(o, t, r) {
+function ri(o, t, r) {
   o.dispatchEvent(new CustomEvent(Gy, {
     detail: {
       items: t,
@@ -19069,9 +19104,9 @@ function sx(o) {
     height: Math.max(0, t.bottom - t.top)
   };
 }
-var Go;
+var Yo;
 function od() {
-  Go = /* @__PURE__ */ new Map();
+  Yo = /* @__PURE__ */ new Map();
 }
 od();
 function ax(o) {
@@ -19079,7 +19114,7 @@ function ax(o) {
     return r.getAttribute(rl);
   });
   if (t >= 0)
-    return Go.has(o) || Go.set(o, /* @__PURE__ */ new Map()), Go.get(o).set(t, x1(o.children[t])), t;
+    return Yo.has(o) || Yo.set(o, /* @__PURE__ */ new Map()), Yo.get(o).set(t, x1(o.children[t])), t;
 }
 function lx(o, t) {
   var r = x1(t);
@@ -19094,7 +19129,7 @@ function lx(o, t) {
   for (var i = ax(t), s = 0; s < n.length; s++) {
     var a = x1(n[s]);
     if (zi(o, a)) {
-      var l = Go.has(t) && Go.get(t).get(s);
+      var l = Yo.has(t) && Yo.get(t).get(s);
       return l && !zi(o, l) ? {
         index: i,
         isProximityBased: !1
@@ -19119,7 +19154,7 @@ function lx(o, t) {
     isProximityBased: !0
   };
 }
-function Li(o) {
+function _i(o) {
   return JSON.stringify(o, null, 2);
 }
 function _a(o) {
@@ -19187,7 +19222,7 @@ function hx(o, t) {
 function fx() {
   clearTimeout(C1), od();
 }
-var Si = 30;
+var Li = 30;
 function px() {
   var o;
   function t() {
@@ -19204,7 +19239,7 @@ function px() {
     }));
   }
   function n(s) {
-    return Si - s;
+    return Li - s;
   }
   function i(s, a) {
     if (!a)
@@ -19213,16 +19248,16 @@ function px() {
     if (l === null)
       return c && t(), !1;
     var u = !1, d = !1;
-    return a.scrollHeight > a.clientHeight && (l.bottom < Si ? (u = !0, o.directionObj = {
+    return a.scrollHeight > a.clientHeight && (l.bottom < Li ? (u = !0, o.directionObj = {
       x: 0,
       y: 1
-    }, o.stepPx = n(l.bottom)) : l.top < Si && (u = !0, o.directionObj = {
+    }, o.stepPx = n(l.bottom)) : l.top < Li && (u = !0, o.directionObj = {
       x: 0,
       y: -1
-    }, o.stepPx = n(l.top)), !c && u) || a.scrollWidth > a.clientWidth && (l.right < Si ? (d = !0, o.directionObj = {
+    }, o.stepPx = n(l.top)), !c && u) || a.scrollWidth > a.clientWidth && (l.right < Li ? (d = !0, o.directionObj = {
       x: 1,
       y: 0
-    }, o.stepPx = n(l.right)) : l.left < Si && (d = !0, o.directionObj = {
+    }, o.stepPx = n(l.right)) : l.left < Li && (d = !0, o.directionObj = {
       x: -1,
       y: 0
     }, o.stepPx = n(l.left)), !c && d) ? (r(a), !0) : (t(), !1);
@@ -19327,7 +19362,7 @@ function kx(o) {
 var Ui = Object.freeze({
   // This flag exists as a workaround for issue 454 (basically a browser bug) - seems like these rect values take time to update when in grid layout. Setting it to true can cause strange behaviour in the REPL for non-grid zones, see issue 470
   USE_COMPUTED_STYLE_INSTEAD_OF_BOUNDING_RECT: "USE_COMPUTED_STYLE_INSTEAD_OF_BOUNDING_RECT"
-}), yx = ri({}, Ui.USE_COMPUTED_STYLE_INSTEAD_OF_BOUNDING_RECT, !1);
+}), yx = ti({}, Ui.USE_COMPUTED_STYLE_INSTEAD_OF_BOUNDING_RECT, !1);
 function ip(o) {
   if (!Ui[o]) throw new Error("Can't get non existing feature flag ".concat(o, "! Supported flags: ").concat(Object.keys(Ui)));
   return yx[o];
@@ -19425,7 +19460,7 @@ function Dx(o) {
 }
 var Px = "--any--", Ox = 100, Ex = 20, $s = 3, Tx = 80, Z2 = {
   outline: "rgba(255, 255, 102, 0.7) solid 2px"
-}, U2 = "data-is-dnd-original-dragged-item", cr, Vt, ur, nl, _t, ol, Hn, Jt, Xr, Yt, In = !1, id = !1, sd, bs = !1, Ys = [], Fi, Jr, Ii = !1, ad = !1, Wr = /* @__PURE__ */ new Map(), At = /* @__PURE__ */ new Map(), Rl = /* @__PURE__ */ new WeakMap();
+}, U2 = "data-is-dnd-original-dragged-item", cr, Vt, ur, nl, _t, ol, Hn, Jt, Xr, Yt, In = !1, id = !1, sd, bs = !1, Ys = [], Fi, Jr, Ai = !1, ad = !1, Wr = /* @__PURE__ */ new Map(), At = /* @__PURE__ */ new Map(), Rl = /* @__PURE__ */ new WeakMap();
 function Ax(o, t) {
   Wr.has(t) || Wr.set(t, /* @__PURE__ */ new Set()), Wr.get(t).has(o) || (Wr.get(t).add(o), Qf());
 }
@@ -19444,7 +19479,7 @@ function Ix() {
   } finally {
     t.f();
   }
-  window.addEventListener(rd, oi);
+  window.addEventListener(rd, ni);
   var i = Math.max.apply(Math, $r(Array.from(o.keys()).map(function(l) {
     return At.get(l).dropAnimationDurationMs;
   }))), s = i === 0 ? Ex : Math.max(i, Ox);
@@ -19473,7 +19508,7 @@ function $x() {
   } finally {
     t.f();
   }
-  window.removeEventListener(rd, oi), Fi && (Fi.destroy(), Fi = void 0), fx();
+  window.removeEventListener(rd, ni), Fi && (Fi.destroy(), Fi = void 0), fx();
 }
 function il(o) {
   return o.findIndex(function(t) {
@@ -19482,7 +19517,7 @@ function il(o) {
 }
 function jx(o) {
   var t;
-  return Fn(Fn({}, o), {}, (t = {}, ri(t, tl, !0), ri(t, Bt, Jf), t));
+  return Fn(Fn({}, o), {}, (t = {}, ti(t, tl, !0), ti(t, Bt, Jf), t));
 }
 function lp(o) {
   var t = At.get(o.currentTarget), r = t.items, n = t.dropFromOthersDisabled;
@@ -19554,8 +19589,8 @@ function Sa(o) {
     y: t.clientY
   }, Vt.style.transform = "translate3d(".concat(Yt.x - Xr.x, "px, ").concat(Yt.y - Xr.y, "px, 0)");
 }
-function oi() {
-  id = !0, window.removeEventListener("mousemove", Sa), window.removeEventListener("touchmove", Sa), window.removeEventListener("mouseup", oi), window.removeEventListener("touchend", oi), $x(), wx(Vt), Jt || (Jt = _t);
+function ni() {
+  id = !0, window.removeEventListener("mousemove", Sa), window.removeEventListener("touchmove", Sa), window.removeEventListener("mouseup", ni), window.removeEventListener("touchend", ni), $x(), wx(Vt), Jt || (Jt = _t);
   var o = At.get(Jt), t = o.items, r = o.type;
   La(Wr.get(r), function(s) {
     return At.get(s).dropTargetStyle;
@@ -19567,11 +19602,11 @@ function oi() {
     return s[tl] ? ur : s;
   });
   function i() {
-    sd(), ni(Jt, t, {
+    sd(), ri(Jt, t, {
       trigger: bs ? tr.DROPPED_OUTSIDE_OF_ANY : tr.DROPPED_INTO_ZONE,
       id: ur[Bt],
       source: rr.POINTER
-    }), Jt !== _t && ni(_t, At.get(_t).items, {
+    }), Jt !== _t && ri(_t, At.get(_t).items, {
       trigger: tr.DROPPED_INTO_ANOTHER,
       id: ur[Bt],
       source: rr.POINTER
@@ -19599,7 +19634,7 @@ function zx(o, t) {
   });
 }
 function Fx() {
-  Vt && Vt.remove && Vt.remove(), cr && cr.remove && cr.remove(), Vt = void 0, cr = void 0, ur = void 0, nl = void 0, _t = void 0, ol = void 0, Hn = void 0, Jt = void 0, Xr = void 0, Yt = void 0, In = !1, id = !1, sd = void 0, bs = !1, Jr && clearTimeout(Jr), Jr = void 0, Ii = !1, ad = !1, Ys.length && (Ys.forEach(function(o) {
+  Vt && Vt.remove && Vt.remove(), cr && cr.remove && cr.remove(), Vt = void 0, cr = void 0, ur = void 0, nl = void 0, _t = void 0, ol = void 0, Hn = void 0, Jt = void 0, Xr = void 0, Yt = void 0, In = !1, id = !1, sd = void 0, bs = !1, Jr && clearTimeout(Jr), Jr = void 0, Ai = !1, ad = !1, Ys.length && (Ys.forEach(function(o) {
     var t = o.dz, r = o.destroy;
     r(), t.remove();
   }), Ys = []);
@@ -19634,7 +19669,7 @@ function Nx(o, t) {
     });
   }
   function a() {
-    window.removeEventListener("mousemove", c), window.removeEventListener("touchmove", c), window.removeEventListener("mouseup", l), window.removeEventListener("touchend", l), Jr && (clearTimeout(Jr), Jr = void 0, Ii = !1);
+    window.removeEventListener("mousemove", c), window.removeEventListener("touchmove", c), window.removeEventListener("mouseup", l), window.removeEventListener("touchend", l), Jr && (clearTimeout(Jr), Jr = void 0, Ai = !1);
   }
   function l(h) {
     if (a(), cr = void 0, Xr = void 0, Yt = void 0, h.type === "touchend") {
@@ -19647,7 +19682,7 @@ function Nx(o, t) {
   }
   function c(h) {
     var p = !!h.touches, g = p ? h.touches[0] : h;
-    if (p && n.delayTouchStartMs > 0 && !Ii) {
+    if (p && n.delayTouchStartMs > 0 && !Ai) {
       Yt = {
         x: g.clientX,
         y: g.clientY
@@ -19667,8 +19702,8 @@ function Nx(o, t) {
       Xr = {
         x: v.clientX,
         y: v.clientY
-      }, Yt = Fn({}, Xr), cr = h.currentTarget, g && (Ii = !1, Jr = window.setTimeout(function() {
-        cr && (Ii = !0, a(), d());
+      }, Yt = Fn({}, Xr), cr = h.currentTarget, g && (Ai = !1, Jr = window.setTimeout(function() {
+        cr && (Ai = !0, a(), d());
       }, n.delayTouchStartMs)), s();
     }
   }
@@ -19696,9 +19731,9 @@ function Nx(o, t) {
     }), window.addEventListener("touchmove", Sa, {
       passive: !1,
       capture: !1
-    }), window.addEventListener("mouseup", oi, {
+    }), window.addEventListener("mouseup", ni, {
       passive: !1
-    }), window.addEventListener("touchend", oi, {
+    }), window.addEventListener("touchend", ni, {
       passive: !1
     });
   }
@@ -19752,7 +19787,7 @@ function Nx(o, t) {
 var js, w1 = {
   DND_ZONE_ACTIVE: "dnd-zone-active",
   DND_ZONE_DRAG_DISABLED: "dnd-zone-drag-disabled"
-}, up = (js = {}, ri(js, w1.DND_ZONE_ACTIVE, "Tab to one the items and press space-bar or enter to start dragging it"), ri(js, w1.DND_ZONE_DRAG_DISABLED, "This is a disabled drag and drop list"), js), Hx = "dnd-action-aria-alert", $t;
+}, up = (js = {}, ti(js, w1.DND_ZONE_ACTIVE, "Tab to one the items and press space-bar or enter to start dragging it"), ti(js, w1.DND_ZONE_DRAG_DISABLED, "This is a disabled drag and drop list"), js), Hx = "dnd-action-aria-alert", $t;
 function _1() {
   $t || ($t = document.createElement("div"), (function() {
     $t.id = Hx, $t.style.position = "fixed", $t.style.bottom = "0", $t.style.left = "0", $t.style.zIndex = "-5", $t.style.opacity = "0", $t.style.height = "0", $t.style.width = "0", $t.setAttribute("role", "alert");
@@ -19774,7 +19809,7 @@ function Bx(o, t) {
   var r = document.createElement("div");
   return r.id = o, r.innerHTML = "<p>".concat(t, "</p>"), r.style.display = "none", r.style.position = "fixed", r.style.zIndex = "-5", r;
 }
-function qo(o) {
+function Go(o) {
   if (!nd) {
     $t || _1(), $t.innerHTML = "";
     var t = document.createTextNode(o);
@@ -19804,13 +19839,13 @@ function Kx(o) {
       var r = Xt.get(Qt), n = r.items, i = n.find(function(f) {
         return f[Bt] === rn;
       }), s = n.indexOf(i), a = n.splice(s, 1)[0], l = Xt.get(t), c = l.items, u = l.autoAriaDisabled;
-      t.getBoundingClientRect().top < Qt.getBoundingClientRect().top || t.getBoundingClientRect().left < Qt.getBoundingClientRect().left ? (c.push(a), u || qo("Moved item ".concat(Nn, " to the end of the list ").concat(bo))) : (c.unshift(a), u || qo("Moved item ".concat(Nn, " to the beginning of the list ").concat(bo)));
+      t.getBoundingClientRect().top < Qt.getBoundingClientRect().top || t.getBoundingClientRect().left < Qt.getBoundingClientRect().left ? (c.push(a), u || Go("Moved item ".concat(Nn, " to the end of the list ").concat(bo))) : (c.unshift(a), u || Go("Moved item ".concat(Nn, " to the beginning of the list ").concat(bo)));
       var d = Qt;
-      ni(d, n, {
+      ri(d, n, {
         trigger: tr.DROPPED_INTO_ANOTHER,
         id: rn,
         source: rr.KEYBOARD
-      }), ni(t, c, {
+      }), ri(t, c, {
         trigger: tr.DROPPED_INTO_ZONE,
         id: rn,
         source: rr.KEYBOARD
@@ -19826,7 +19861,7 @@ function pp() {
 }
 function Ki() {
   var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  Xt.get(Qt).autoAriaDisabled || qo("Stopped dragging item ".concat(Nn)), Ma.has(document.activeElement) && document.activeElement.blur(), o && Gn(Qt, Xt.get(Qt).items, {
+  Xt.get(Qt).autoAriaDisabled || Go("Stopped dragging item ".concat(Nn)), Ma.has(document.activeElement) && document.activeElement.blur(), o && Gn(Qt, Xt.get(Qt).items, {
     trigger: tr.DRAG_STOPPED,
     id: rn,
     source: rr.KEYBOARD
@@ -19865,7 +19900,7 @@ function Yx(o, t) {
         if (!Ar) return;
         d.preventDefault(), d.stopPropagation();
         var f = Xt.get(o), h = f.items, p = Array.from(o.children), g = p.indexOf(d.currentTarget);
-        g < p.length - 1 && (r.autoAriaDisabled || qo("Moved item ".concat(Nn, " to position ").concat(g + 2, " in the list ").concat(bo)), n(h, g, g + 1), ni(o, h, {
+        g < p.length - 1 && (r.autoAriaDisabled || Go("Moved item ".concat(Nn, " to position ").concat(g + 2, " in the list ").concat(bo)), n(h, g, g + 1), ri(o, h, {
           trigger: tr.DROPPED_INTO_ZONE,
           id: rn,
           source: rr.KEYBOARD
@@ -19877,7 +19912,7 @@ function Yx(o, t) {
         if (!Ar) return;
         d.preventDefault(), d.stopPropagation();
         var v = Xt.get(o), m = v.items, b = Array.from(o.children), k = b.indexOf(d.currentTarget);
-        k > 0 && (r.autoAriaDisabled || qo("Moved item ".concat(Nn, " to position ").concat(k, " in the list ").concat(bo)), n(m, k, k - 1), ni(o, m, {
+        k > 0 && (r.autoAriaDisabled || Go("Moved item ".concat(Nn, " to position ").concat(k, " in the list ").concat(bo)), n(m, k, k - 1), ri(o, m, {
           trigger: tr.DROPPED_INTO_ZONE,
           id: rn,
           source: rr.KEYBOARD
@@ -19897,7 +19932,7 @@ function Yx(o, t) {
       return Xt.get(p).dropTargetClasses;
     }), !r.autoAriaDisabled) {
       var h = "Started dragging item ".concat(Nn, ". Use the arrow keys to move it within its list ").concat(bo);
-      f.length > 1 && (h += ", or tab to another list in order to move the item into it"), qo(h);
+      f.length > 1 && (h += ", or tab to another list in order to move the item into it"), Go(h);
     }
     Gn(o, Xt.get(o).items, {
       trigger: tr.DRAG_STARTED,
@@ -19971,17 +20006,17 @@ function J2(o) {
     return !{}.hasOwnProperty.call(d, Bt);
   });
   if (l)
-    throw new Error("missing '".concat(Bt, "' property for item ").concat(Li(l)));
+    throw new Error("missing '".concat(Bt, "' property for item ").concat(_i(l)));
   if (i && !Array.isArray(i))
-    throw new Error("dropTargetClasses should be an array but instead it is a ".concat(Bo(i), ", ").concat(Li(i)));
+    throw new Error("dropTargetClasses should be an array but instead it is a ".concat(Vo(i), ", ").concat(_i(i)));
   if (r && !Q2(r))
-    throw new Error("zoneTabIndex should be a number but instead it is a ".concat(Bo(r), ", ").concat(Li(r)));
+    throw new Error("zoneTabIndex should be a number but instead it is a ".concat(Vo(r), ", ").concat(_i(r)));
   if (n && !Q2(n))
-    throw new Error("zoneItemTabIndex should be a number but instead it is a ".concat(Bo(n), ", ").concat(Li(n)));
+    throw new Error("zoneItemTabIndex should be a number but instead it is a ".concat(Vo(n), ", ").concat(_i(n)));
   if (s !== void 0 && s !== !1) {
     var c = s === !0, u = typeof s == "number" && isFinite(s) && s >= 0;
     if (!c && !u)
-      throw new Error("delayTouchStart should be a boolean (true/false) or a non-negative number but instead it is a ".concat(Bo(s), ", ").concat(Li(s)));
+      throw new Error("delayTouchStart should be a boolean (true/false) or a non-negative number but instead it is a ".concat(Vo(s), ", ").concat(_i(s)));
   }
 }
 function Q2(o) {
@@ -20008,16 +20043,16 @@ function gp(o) {
     }
   };
 }
-var Nr = gp(!0), Xo = gp(!1);
+var Nr = gp(!0), qo = gp(!1);
 function eu() {
   return {
-    dragDisabled: Xo.get() || Nr.get(),
+    dragDisabled: qo.get() || Nr.get(),
     zoneItemTabIndex: -1
   };
 }
 function qn(o, t) {
   var r;
-  Xo.set((r = t?.dragDisabled) !== null && r !== void 0 ? r : !1);
+  qo.set((r = t?.dragDisabled) !== null && r !== void 0 ? r : !1);
   var n = t, i = qx(o, Fn(Fn({}, n), eu()));
   function s() {
     i.update(Fn(Fn({}, n), eu()));
@@ -20034,7 +20069,7 @@ function qn(o, t) {
   return o.addEventListener("consider", a), o.addEventListener("finalize", l), {
     update: function(u) {
       var d, f;
-      n = u, Xo.set((d = (f = n) === null || f === void 0 ? void 0 : f.dragDisabled) !== null && d !== void 0 ? d : !1), s();
+      n = u, qo.set((d = (f = n) === null || f === void 0 ? void 0 : f.dragDisabled) !== null && d !== void 0 ? d : !1), s();
     },
     destroy: function() {
       o.removeEventListener("consider", a), o.removeEventListener("finalize", l), Nr.unsubscribe(s);
@@ -20053,19 +20088,19 @@ function ld(o) {
     Nr.set(!0), window.removeEventListener("mouseup", n), window.removeEventListener("touchend", n);
   }
   var i = function() {
-    var a = Xo.get(), l = Nr.get();
+    var a = qo.get(), l = Nr.get();
     a ? (o.tabIndex = -1, o.style.cursor = "") : (o.tabIndex = l ? 0 : -1, o.style.cursor = l ? "grab" : "grabbing");
   };
-  return Xo.subscribe(i), Nr.subscribe(i), o.addEventListener("mousedown", t), o.addEventListener("touchstart", t), o.addEventListener("keydown", r), {
+  return qo.subscribe(i), Nr.subscribe(i), o.addEventListener("mousedown", t), o.addEventListener("touchstart", t), o.addEventListener("keydown", r), {
     update: function() {
     },
     destroy: function() {
-      o.removeEventListener("mousedown", t), o.removeEventListener("touchstart", t), o.removeEventListener("keydown", r), Xo.unsubscribe(i), Nr.unsubscribe(i);
+      o.removeEventListener("mousedown", t), o.removeEventListener("touchstart", t), o.removeEventListener("keydown", r), qo.unsubscribe(i), Nr.unsubscribe(i);
     }
   };
 }
 var Jx = e.from_html('<button type="button"><!></button>'), Qx = e.from_html("<div><!></div>"), eC = e.from_html("<div><!> <!> <!></div>");
-function ii(o, t) {
+function oi(o, t) {
   e.push(t, !0);
   let r = e.prop(t, "reorderable", 3, !1), n = e.prop(t, "removeLabel", 3, "Remove"), i = e.prop(t, "reorderLabel", 3, "Reorder");
   const s = "flex-center size-26 shrink-0 rounded-full superellipse transition-colors hover:bg-black/5 hover:text-(--fg) dark:hover:bg-white/10";
@@ -20125,7 +20160,7 @@ const tu = (o) => {
   e.append(o, t);
 };
 var rC = e.from_svg('<svg viewBox="0 0 70 96" fill="none" class="size-full" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H44L70 26V96H0V0Z" fill="url(#paint0_linear_1423_131)"></path><path d="M43.793 0.5L69.5 26.207V95.5H0.5V0.5H43.793Z" stroke="white" stroke-opacity="0.3"></path><path d="M44 26H70L44 0V26Z" fill="url(#paint1_linear_1423_131)"></path><defs><linearGradient id="paint0_linear_1423_131" x1="48" y1="12.8616" x2="3.64182e-06" y2="96" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.4"></stop><stop offset="1" stop-color="white"></stop></linearGradient><linearGradient id="paint1_linear_1423_131" x1="57" y1="13" x2="44" y2="26" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"></stop><stop offset="1" stop-color="white"></stop></linearGradient></defs></svg>'), nC = e.from_html('<div class="absolute inset-0 flex items-end p-4 text-[12px]/none font-semibold tracking-wide text-neutral-500 dark:text-neutral-300"><div class="h-20 px-4 rounded-[4px] bg-sky-500 shadow-xs text-white flex-center"> </div></div>'), oC = e.from_html('<div class="absolute inset-6 flex items-center justify-center"><div class="relative aspect-[70/96] h-[92%]"><!> <!></div></div>'), iC = e.from_html('<div class="relative aspect-[70/96] h-22"><!></div>');
-function si(o, t) {
+function ii(o, t) {
   e.push(t, !0);
   let r = e.prop(t, "ext", 3, ""), n = e.prop(t, "layout", 3, "grid");
   const i = e.derived(() => r().replace(/^\./, "").toUpperCase());
@@ -20484,7 +20519,7 @@ function MC(o, t) {
                 var Re = cC(), We = e.child(Re);
                 {
                   let Ut = e.derived(() => q(e.get(Le).src));
-                  si(We, {
+                  ii(We, {
                     get ext() {
                       return e.get(Ut);
                     },
@@ -20601,7 +20636,7 @@ function MC(o, t) {
                 });
               };
               let Re = e.derived(() => e.get(D).length > 1);
-              ii(Dt, {
+              oi(Dt, {
                 onremove: () => S(e.get(xe)),
                 get reorderable() {
                   return e.get(Re);
@@ -20671,7 +20706,7 @@ function MC(o, t) {
           var be = bC(), Pe = e.child(be);
           {
             let Ae = e.derived(() => q(e.get(h).src));
-            si(Pe, {
+            ii(Pe, {
               get ext() {
                 return e.get(Ae);
               },
@@ -20898,7 +20933,7 @@ function IC(o, t) {
   const r = (A, D = e.noop) => {
     {
       let I = e.derived(() => e.get(c) && e.get(C).length > 1);
-      ii(A, {
+      oi(A, {
         onremove: () => M(D()),
         get reorderable() {
           return e.get(I);
@@ -21175,7 +21210,7 @@ function RC(o, t) {
   var u = e.sibling(l, 2), d = e.child(u, !0);
   e.reset(u);
   var f = e.sibling(u, 2);
-  ii(f, {
+  oi(f, {
     get onremove() {
       return t.onremove;
     },
@@ -21303,7 +21338,7 @@ function VC(o, t) {
                 children: (oe, j) => {
                   var W = e.comment(), K = e.first_child(W);
                   e.each(K, 17, () => k(`${t.field.path}.${e.get(H)}`, e.get(N).data ?? {}), (G) => G.key, (G, J) => {
-                    ai(G, {
+                    si(G, {
                       get field() {
                         return e.get(J);
                       }
@@ -21348,7 +21383,7 @@ function VC(o, t) {
     }, M = (L) => {
       var T = WC();
       e.each(T, 21, () => k(t.field.path, e.get(y)), (S) => S.key, (S, R) => {
-        ai(S, {
+        si(S, {
           get field() {
             return e.get(R);
           }
@@ -21362,7 +21397,7 @@ function VC(o, t) {
   e.append(o, E), e.pop();
 }
 var BC = e.from_html('<div class="superellipse surface flex max-w-200 items-center gap-8 rounded-xl px-8 py-4 text-[13px] text-(--fg) backdrop-blur-xl"> </div>'), ZC = e.from_html("<!> <!>", 1);
-function vi(o, t) {
+function gi(o, t) {
   e.push(t, !0);
   let r = e.prop(t, "side", 3, "top"), n = e.prop(t, "align", 3, "center"), i = e.prop(t, "offset", 3, 4), s = e.prop(t, "delay", 3, 100), a = e.prop(t, "disabled", 3, !1);
   const l = Gt("app"), c = e.derived(() => t.portalTarget ?? l?.floatingRoot ?? null);
@@ -21392,7 +21427,7 @@ function vi(o, t) {
                 });
               }
               var E = e.sibling(C, 2);
-              e.component(E, () => di, (P, O) => {
+              e.component(E, () => ci, (P, O) => {
                 O(P, {
                   get to() {
                     return e.get(c);
@@ -21517,7 +21552,7 @@ function mp(o, t) {
       }
     };
     let p = e.derived(() => e.get(r).external ? "Opens in a new tab" : "Opens in the same tab");
-    vi(f, {
+    gi(f, {
       get content() {
         return e.get(p);
       },
@@ -21530,7 +21565,7 @@ function mp(o, t) {
 var KC = e.from_html('<!> <button type="button" aria-label="Lock slug" title="Editing the URL slug — click to lock" class="flex-center absolute bottom-0 right-0 size-28 cursor-pointer rounded-[8px] text-neutral-400 transition-colors hover:bg-black/5 hover:text-neutral-700 active:bg-black/10 dark:text-white/40 dark:hover:bg-white/10 dark:hover:text-white"><!></button>', 1), YC = e.from_html('<!> <button type="button" aria-label="Edit slug" title="Locked — click to edit the URL slug" class="flex-center absolute bottom-0 right-0 size-28 cursor-pointer rounded-[8px] text-neutral-400 transition-colors hover:bg-black/5 hover:text-neutral-700 active:bg-black/10 dark:text-white/40 dark:hover:bg-white/10 dark:hover:text-white"><!></button>', 1), GC = e.from_html('<div class="relative"><!></div>');
 function qC(o, t) {
   e.push(t, !0);
-  const { content: r } = Se(), i = Gt(Qn) ?? r, s = e.derived(() => t.field.def.from || "title"), a = e.derived(() => Zo(String(i.formData?.[e.get(s)] ?? ""))), l = e.derived(() => t.field.value || e.get(a));
+  const { content: r } = Se(), i = Gt(Qn) ?? r, s = e.derived(() => t.field.def.from || "title"), a = e.derived(() => Bo(String(i.formData?.[e.get(s)] ?? ""))), l = e.derived(() => t.field.value || e.get(a));
   let c = e.state(!1), u = e.state(void 0);
   function d() {
     e.set(c, !0), !t.field.value && e.get(a) && t.onchange(e.get(a)), Vr().then(() => e.get(u)?.focus());
@@ -21539,10 +21574,10 @@ function qC(o, t) {
     t.onchange(k.target.value);
   }
   function h(k) {
-    t.onchange(Zo(k.target.value)), e.set(c, !1);
+    t.onchange(Bo(k.target.value)), e.set(c, !1);
   }
   function p() {
-    t.onchange(Zo(String(t.field.value ?? ""))), e.set(c, !1);
+    t.onchange(Bo(String(t.field.value ?? ""))), e.set(c, !1);
   }
   var g = GC(), v = e.child(g);
   {
@@ -21696,7 +21731,7 @@ function bp(o, t) {
           });
         }), e.reset(m);
         var y = e.sibling(m, 2);
-        e.component(y, () => di, (x, w) => {
+        e.component(y, () => ci, (x, w) => {
           w(x, {
             get to() {
               return n;
@@ -22089,7 +22124,7 @@ function kp(o, t) {
           });
         }
         var k = e.sibling(b, 2);
-        e.component(k, () => di, (y, x) => {
+        e.component(k, () => ci, (y, x) => {
           x(y, {
             get to() {
               return i;
@@ -22269,7 +22304,7 @@ function yp(o, t) {
             }
           };
           let H = e.derived(() => e.get(T).value?.external ? "Opens in a new tab" : "Opens in the same tab");
-          vi(D, {
+          gi(D, {
             get content() {
               return e.get(H);
             },
@@ -22281,7 +22316,7 @@ function yp(o, t) {
         var I = e.sibling(z, 2);
         {
           let N = e.derived(() => e.get(d).length > 1);
-          ii(I, {
+          oi(I, {
             onremove: () => v(e.get(S)),
             get reorderable() {
               return e.get(N);
@@ -22357,7 +22392,7 @@ function yp(o, t) {
         var z = e.sibling($, 2);
         {
           let A = e.derived(() => e.get(d).length > 1);
-          ii(z, {
+          oi(z, {
             onremove: () => v(e.get(S)),
             get reorderable() {
               return e.get(A);
@@ -23072,7 +23107,7 @@ function Lp(o, t) {
 }
 e.delegate(["change"]);
 var Mw = e.from_html("<!> <!>", 1), iu = e.from_html("<!> <!> <!>", 1), Dw = e.from_html('<span class="text-[11px]/none text-neutral-300 tabular-nums"> </span>'), Pw = e.from_html('<button><span class="size-8 rounded-full bg-sky-400"></span></button>'), Ow = e.from_html('<p class="text-sm text-red-500"> </p>'), Ew = e.from_html("<div><!></div>"), Tw = e.from_html("<p>Required</p>"), Aw = e.from_html("<p> </p>"), Iw = e.from_html("<div><!> <!></div>");
-function ai(o, t) {
+function si(o, t) {
   e.push(t, !0);
   const r = (j) => {
     var W = iu(), K = e.first_child(W);
@@ -23728,7 +23763,7 @@ function Zw(o, t) {
       var _ = Vw(), M = e.first_child(_);
       {
         var L = ($) => {
-          vi($, { content: "Visit page", trigger: (z, A) => {
+          gi($, { content: "Visit page", trigger: (z, A) => {
             let D = () => A?.().props;
             ke(z, e.spread_props(D, {
               tone: "idle",
@@ -23877,7 +23912,7 @@ function Zw(o, t) {
                   }
                 });
               }, N = (H) => {
-                ai(H, {
+                si(H, {
                   get field() {
                     return e.get(z).item;
                   }
@@ -24349,7 +24384,7 @@ function Mp(o, t) {
           });
         });
         var p = e.sibling(h, 2);
-        e.component(p, () => di, (g, v) => {
+        e.component(p, () => ci, (g, v) => {
           v(g, {
             get to() {
               return i;
@@ -24771,7 +24806,7 @@ function Dp(o, t) {
             }
           }), e.reset(O), e.append(P, O);
         }, E = (P) => {
-          ai(P, {
+          si(P, {
             get field() {
               return e.get(y).item;
             }
@@ -24809,7 +24844,7 @@ function m_(o, t) {
       var x = au(), w = e.first_child(x);
       {
         var C = (_) => {
-          vi(_, { content: "Visit page", trigger: (L, T) => {
+          gi(_, { content: "Visit page", trigger: (L, T) => {
             let S = () => T?.().props;
             ke(L, e.spread_props(S, {
               tone: "idle",
@@ -25024,7 +25059,7 @@ function x_(o, t) {
                   }
                 }), e.reset($), e.append(R, $);
               }, S = (R) => {
-                ai(R, {
+                si(R, {
                   get field() {
                     return e.get(_).item;
                   }
@@ -25365,7 +25400,7 @@ const Ni = `<svg xmlns="http://www.w3.org/2000/svg" width="92" height="76" viewB
 </defs>
 </svg>
 `, O1 = "application/x-okno-files";
-function Mi(o) {
+function Si(o) {
   return !!o.dataTransfer && Array.from(o.dataTransfer.types).includes(O1);
 }
 function Ea(o) {
@@ -25561,16 +25596,16 @@ function Op(o, t) {
     return G?.kind === "folder" ? G.id : G?.kind === "bin" ? ":bin" : null;
   }
   function z(j) {
-    !L(j) && !Mi(j) || (j.preventDefault(), _++);
+    !L(j) && !Si(j) || (j.preventDefault(), _++);
   }
   function A(j) {
-    !L(j) && !Mi(j) || (j.preventDefault(), j.dataTransfer && (j.dataTransfer.dropEffect = Mi(j) ? "move" : "copy"), e.set(M, F(j.target), !0));
+    !L(j) && !Si(j) || (j.preventDefault(), j.dataTransfer && (j.dataTransfer.dropEffect = Si(j) ? "move" : "copy"), e.set(M, F(j.target), !0));
   }
   function D(j) {
-    !L(j) && !Mi(j) || (_--, _ <= 0 && (_ = 0, e.set(M, null)));
+    !L(j) && !Si(j) || (_--, _ <= 0 && (_ = 0, e.set(M, null)));
   }
   async function I(j) {
-    const W = Mi(j), K = L(j);
+    const W = Si(j), K = L(j);
     if (!W && !K) return;
     j.preventDefault();
     const G = e.get(M);
@@ -25920,7 +25955,7 @@ function Op(o, t) {
                     }
                     e.append(Ee, Ae);
                   }, Ie = (Ee) => {
-                    si(Ee, {
+                    ii(Ee, {
                       get ext() {
                         return e.get(Q).ext;
                       },
@@ -26158,7 +26193,7 @@ function cL(o, t) {
           });
         }
         var g = e.sibling(p, 2);
-        e.component(g, () => di, (v, m) => {
+        e.component(g, () => ci, (v, m) => {
           m(v, {
             get to() {
               return s;
@@ -27495,13 +27530,13 @@ const lo = (o, t = e.noop, r = e.noop) => {
   });
   var s = e.sibling(i, 2);
   e.snippet(s, r), e.reset(n), e.append(o, n);
-}, Di = (o, t = e.noop, r = e.noop) => {
+}, Mi = (o, t = e.noop, r = e.noop) => {
   var n = JL(), i = e.child(n), s = e.child(i, !0);
   e.reset(i);
   var a = e.sibling(i, 2), l = e.child(a);
   e.snippet(l, r), e.reset(a), e.reset(n), e.template_effect(() => e.set_text(s, t())), e.append(o, n);
 };
-var XL = e.from_html('<section class="flex flex-col gap-16 py-20 first:pt-4"><!> <!></section>'), JL = e.from_html('<div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400"> </span> <div class="flex flex-wrap items-center gap-10"><!></div></div>'), Pi = e.from_html("<!> <!>", 1), Ns = e.from_html("<!> <!> <!> <!> <!>", 1), QL = e.from_html('<span class="text-center text-[11px]/none font-medium text-neutral-400"> </span>'), eS = e.from_html('<div class="flex justify-center"><!></div>'), tS = e.from_html('<span class="text-[11px]/none text-neutral-400"> </span> <!>', 1), rS = e.from_html('<div class="flex flex-col gap-20"><div class="grid grid-cols-[4.5rem_repeat(2,minmax(0,1fr))] items-center gap-x-10 gap-y-12"><span></span> <!> <!></div> <!> <!> <!></div>'), Oi = e.from_html("<!> <!> <!>", 1), nS = e.from_html('<div class="flex flex-wrap items-center gap-10 pl-8"><!> <!> <!> <!> <!></div>'), oS = e.from_html('<div class="self-center"><!></div>'), iS = e.from_html('<div class="pl-8"><!></div>'), sS = e.from_html('<div class="relative"><!> <button type="button"><!></button></div>'), aS = e.from_html('<div class="flex flex-col gap-10 pl-8"><!> <!> <!> <!> <!> <!></div>'), lS = e.from_html('<div class="flex flex-col gap-16"><!> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Toggle field</span> <div class="max-w-340"><!></div></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Multi-select field — label + checkbox dropdown</span> <div class="max-w-340"><!></div></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Select field — single-select dropdown (sky tint when set)</span> <div class="max-w-340"><!></div></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Toggle field — grouped in a List</span> <div class="max-w-340"><!></div></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Checkbox</span> <div class="flex items-center gap-10"><!> <!> <!></div> <!></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Radio</span> <div class="flex items-center gap-10"><!> <!> <!></div> <!></div></div>'), cS = e.from_html('<div class="flex flex-col gap-16"><!> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Skeleton</span> <div class="flex flex-col gap-6"><!> <!></div></div></div>'), dS = e.from_html(
+var XL = e.from_html('<section class="flex flex-col gap-16 py-20 first:pt-4"><!> <!></section>'), JL = e.from_html('<div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400"> </span> <div class="flex flex-wrap items-center gap-10"><!></div></div>'), Di = e.from_html("<!> <!>", 1), Ns = e.from_html("<!> <!> <!> <!> <!>", 1), QL = e.from_html('<span class="text-center text-[11px]/none font-medium text-neutral-400"> </span>'), eS = e.from_html('<div class="flex justify-center"><!></div>'), tS = e.from_html('<span class="text-[11px]/none text-neutral-400"> </span> <!>', 1), rS = e.from_html('<div class="flex flex-col gap-20"><div class="grid grid-cols-[4.5rem_repeat(2,minmax(0,1fr))] items-center gap-x-10 gap-y-12"><span></span> <!> <!></div> <!> <!> <!></div>'), Pi = e.from_html("<!> <!> <!>", 1), nS = e.from_html('<div class="flex flex-wrap items-center gap-10 pl-8"><!> <!> <!> <!> <!></div>'), oS = e.from_html('<div class="self-center"><!></div>'), iS = e.from_html('<div class="pl-8"><!></div>'), sS = e.from_html('<div class="relative"><!> <button type="button"><!></button></div>'), aS = e.from_html('<div class="flex flex-col gap-10 pl-8"><!> <!> <!> <!> <!> <!></div>'), lS = e.from_html('<div class="flex flex-col gap-16"><!> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Toggle field</span> <div class="max-w-340"><!></div></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Multi-select field — label + checkbox dropdown</span> <div class="max-w-340"><!></div></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Select field — single-select dropdown (sky tint when set)</span> <div class="max-w-340"><!></div></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Toggle field — grouped in a List</span> <div class="max-w-340"><!></div></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Checkbox</span> <div class="flex items-center gap-10"><!> <!> <!></div> <!></div> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Radio</span> <div class="flex items-center gap-10"><!> <!> <!></div> <!></div></div>'), cS = e.from_html('<div class="flex flex-col gap-16"><!> <div class="flex flex-col gap-7 pl-8"><span class="text-[11px]/none text-neutral-400">Skeleton</span> <div class="flex flex-col gap-6"><!> <!></div></div></div>'), dS = e.from_html(
   `<h1>The type scale</h1> <p>Body copy sets the rhythm — fifteen pixels, a calm line height, muted ink. Every other
 								level is measured against it.</p> <section class="flex flex-col gap-6"><h2>Section heading</h2> <p>Breaks a topic into parts. Weighted, full-strength ink, no caps. Inline <code>code</code> and <a href="#prose">links</a> sit here too.</p></section> <section class="flex flex-col gap-6"><h3>Sub-heading</h3> <p>The quietest level, for the occasional aside.</p></section> <!>`,
   1
@@ -27520,7 +27555,7 @@ function fS(o) {
           var z = rS();
           {
             const V = (U) => {
-              var X = Pi(), oe = e.first_child(X);
+              var X = Di(), oe = e.first_child(X);
               ke(oe, {
                 children: (W, K) => {
                   e.next();
@@ -27656,11 +27691,11 @@ function fS(o) {
               }), e.template_effect(() => e.set_text(W, e.get(X))), e.append(U, oe);
             }), e.reset(A);
             var N = e.sibling(A, 2);
-            Di(N, () => "Sizes", () => V);
+            Mi(N, () => "Sizes", () => V);
             var H = e.sibling(N, 2);
-            Di(H, () => "Icons & icon-only", () => Z);
+            Mi(H, () => "Icons & icon-only", () => Z);
             var B = e.sibling(H, 2);
-            Di(B, () => "States", () => q), e.reset(z);
+            Mi(B, () => "States", () => q), e.reset(z);
           }
           e.append(F, z);
         }, M = (F) => {
@@ -27719,7 +27754,7 @@ function fS(o) {
             label: "English",
             icon: "languages",
             children: (B, V) => {
-              var Z = Pi(), q = e.first_child(Z);
+              var Z = Di(), q = e.first_child(Z);
               me(q, {
                 selected: !0,
                 children: (X, oe) => {
@@ -27748,7 +27783,7 @@ function fS(o) {
             icon: "git-branch",
             tone: "idle",
             children: (B, V) => {
-              var Z = Pi(), q = e.first_child(Z);
+              var Z = Di(), q = e.first_child(Z);
               me(q, {
                 selected: !0,
                 children: (X, oe) => {
@@ -27777,7 +27812,7 @@ function fS(o) {
             icon: "images",
             tone: "idle",
             children: (B, V) => {
-              var Z = Oi(), q = e.first_child(Z);
+              var Z = Pi(), q = e.first_child(Z);
               me(q, {
                 indicator: "checkbox",
                 selected: !0,
@@ -27980,7 +28015,7 @@ function fS(o) {
           var z = lS();
           {
             const he = (pe) => {
-              var Q = Oi(), ee = e.first_child(Q);
+              var Q = Pi(), ee = e.first_child(Q);
               Us(ee, {
                 get checked() {
                   return e.get(i);
@@ -28002,11 +28037,11 @@ function fS(o) {
               Us(fe, { checked: !0, disabled: !0 }), e.append(pe, Q);
             };
             var A = e.child(z);
-            Di(A, () => "Switch", () => he);
+            Mi(A, () => "Switch", () => he);
             var D = e.sibling(A, 2), I = e.sibling(e.child(D), 2), N = e.child(I);
             Xe(N, {
               children: (pe, Q) => {
-                var ee = Oi(), le = e.first_child(ee);
+                var ee = Pi(), le = e.first_child(ee);
                 Rt(le, {
                   label: "Required",
                   get checked() {
@@ -28044,7 +28079,7 @@ function fS(o) {
             var H = e.sibling(D, 2), B = e.sibling(e.child(H), 2), V = e.child(B);
             Xe(V, {
               children: (pe, Q) => {
-                var ee = Pi(), le = e.first_child(ee);
+                var ee = Di(), le = e.first_child(ee);
                 Zi(le, {
                   label: "Allowed types",
                   options: [
@@ -28095,7 +28130,7 @@ function fS(o) {
             var Z = e.sibling(H, 2), q = e.sibling(e.child(Z), 2), U = e.child(q);
             Xe(U, {
               children: (pe, Q) => {
-                var ee = Pi(), le = e.first_child(ee);
+                var ee = Di(), le = e.first_child(ee);
                 wr(le, {
                   label: "Block",
                   placeholder: "Pick block",
@@ -28127,7 +28162,7 @@ function fS(o) {
             var X = e.sibling(Z, 2), oe = e.sibling(e.child(X), 2), j = e.child(oe);
             Xe(j, {
               children: (pe, Q) => {
-                var ee = Oi(), le = e.first_child(ee);
+                var ee = Pi(), le = e.first_child(ee);
                 Rt(le, {
                   label: "Images",
                   get checked() {
@@ -28189,8 +28224,8 @@ function fS(o) {
           var z = cS();
           {
             const B = (V) => {
-              var Z = Oi(), q = e.first_child(Z);
-              vi(q, {
+              var Z = Pi(), q = e.first_child(Z);
+              gi(q, {
                 content: "A helpful hint",
                 trigger: (j, W) => {
                   let K = () => W?.().props;
@@ -28212,7 +28247,7 @@ function fS(o) {
               Yn(X, { class: "size-24" }), e.append(V, Z);
             };
             var A = e.child(z);
-            Di(A, () => "Tooltip & spinner", () => B);
+            Mi(A, () => "Tooltip & spinner", () => B);
             var D = e.sibling(A, 2), I = e.sibling(e.child(D), 2), N = e.child(I);
             na(N, { class: "h-30 w-full rounded-[10px]" });
             var H = e.sibling(N, 2);
@@ -29173,7 +29208,7 @@ function lM(o, t) {
 }
 var cM = e.from_svg('<svg aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden"><filter id="okno-noise-bg"><feTurbulence baseFrequency="0.8"></feTurbulence></filter></svg><!><!><!><!>', 1);
 function dM(o, t) {
-  e.push(t, !0), li("app", t.app);
+  e.push(t, !0), ai("app", t.app);
   var r = cM(), n = e.sibling(e.first_child(r));
   JS(n, {});
   var i = e.sibling(n);
@@ -29318,7 +29353,7 @@ function CM(o, t) {
         var H = bM(), B = e.child(H), V = e.child(B);
         {
           let q = e.derived(() => e.get(S) > 0 ? L().filename.slice(e.get(S)) : "");
-          si(V, {
+          ii(V, {
             get ext() {
               return e.get(q);
             },
@@ -29561,7 +29596,7 @@ function MM(o, t) {
                 var z = _M();
                 e.html(z, () => Ni, !0), e.reset(z), e.append(F, z);
               }, T = (F) => {
-                si(F, {
+                ii(F, {
                   get ext() {
                     return e.get(c);
                   },
@@ -29652,7 +29687,7 @@ function EM(o, t) {
           }, k = e.derived(() => e.get(p) && !yo(e.get(h).name)), y = ($) => {
             {
               let F = e.derived(() => a(e.get(h).name));
-              si($, {
+              ii($, {
                 get ext() {
                   return e.get(F);
                 },
@@ -30324,7 +30359,7 @@ function lD(o, t) {
   {
     var P = (_) => {
       var M = QM(), L = e.child(M);
-      Uo(L, { title: "Detected" });
+      Zo(L, { title: "Detected" });
       var T = e.sibling(L, 2);
       e.each(T, 17, () => s.detected, (S) => S.name, (S, R) => {
         {
@@ -30357,7 +30392,7 @@ function lD(o, t) {
     {
       var R = ($) => {
         var F = sD(), z = e.child(F);
-        Uo(z, {
+        Zo(z, {
           get title() {
             return e.get(M).title;
           },
@@ -30408,7 +30443,7 @@ function lD(o, t) {
           var N = vu(), H = e.child(N);
           {
             var B = (Z) => {
-              const q = e.derived(() => "f:" + e.get(I).id), U = e.derived(() => dr.indicatorFor(e.get(q))), X = e.derived(() => Vo.isCollapsed(e.get(L), e.get(I).id));
+              const q = e.derived(() => "f:" + e.get(I).id), U = e.derived(() => dr.indicatorFor(e.get(q))), X = e.derived(() => Wo.isCollapsed(e.get(L), e.get(I).id));
               var oe = iD(), j = e.child(oe), W = e.child(j);
               {
                 var K = (Y) => {
@@ -30520,11 +30555,11 @@ function lD(o, t) {
                   e.reset(le), e.template_effect(() => {
                     e.set_attribute(ge, "aria-label", e.get(X) ? "Expand folder" : "Collapse folder"), e.set_text(Q, e.get(I).name), e.set_attribute(le, "aria-label", e.get(X) ? "Expand folder" : "Collapse folder");
                   }), e.delegated("click", ge, () => {
-                    dr.dragJustEnded || Vo.toggle(e.get(L), e.get(I).id);
+                    dr.dragJustEnded || Wo.toggle(e.get(L), e.get(I).id);
                   }), e.delegated("keydown", ge, (ve) => {
-                    (ve.key === "Enter" || ve.key === " ") && (ve.preventDefault(), Vo.toggle(e.get(L), e.get(I).id));
+                    (ve.key === "Enter" || ve.key === " ") && (ve.preventDefault(), Wo.toggle(e.get(L), e.get(I).id));
                   }), e.delegated("click", le, () => {
-                    dr.dragJustEnded || Vo.toggle(e.get(L), e.get(I).id);
+                    dr.dragJustEnded || Wo.toggle(e.get(L), e.get(I).id);
                   }), e.append(Y, se);
                 };
                 e.if(te, (Y) => {
@@ -31143,7 +31178,7 @@ function LD(o, t) {
 var SD = e.from_svg("<circle></circle>"), MD = e.from_html('<p class="text-[13px]/[150%] text-green-600 dark:text-green-400">Editing is free until then.</p>'), DD = e.from_html('<p class="text-[13px]/[150%] text-green-600 dark:text-green-400">Capped this month — free <!></p>'), PD = e.from_html('<p class="text-[13px]/[150%] text-(--fg-muted) px-2"> </p>'), OD = e.from_html('<p class="text-[12px]/[150%] text-(--fg-muted) px-2">Not available in local development.</p>'), ED = e.from_html('<p class="text-[12px]/[140%] text-rose-500 dark:text-rose-400"> </p>'), TD = e.from_html('<div class="flex flex-col items-start gap-6"><!> <!></div>'), AD = e.from_html("<!> <!>", 1), ID = e.from_html('<div class="flex flex-col gap-16 p-10"><section class="flex flex-col items-center gap-12 pt-8 pb-4"><svg aria-hidden="true"></svg> <div class="flex flex-col items-center gap-3 text-center"><p class="text-[14px]/[150%] text-(--fg)"><span class="font-medium"> </span> this year · <span class="font-medium"> </span> days <!></p> <!></div></section> <!></div>');
 function $D(o, t) {
   e.push(t, !0);
-  const { billing: r, project: n } = Se(), i = e1 / Wo, s = e.derived(() => Math.max(0, Math.min(r.days, i))), a = 44, l = 4.5, u = (a + 7 * 2) * 2, d = u / 2, f = Array.from({ length: i }, (A, D) => {
+  const { billing: r, project: n } = Se(), i = e1 / ji, s = e.derived(() => Math.max(0, Math.min(r.days, i))), a = 44, l = 4.5, u = (a + 7 * 2) * 2, d = u / 2, f = Array.from({ length: i }, (A, D) => {
     const I = (-90 + 360 / i * D) * Math.PI / 180;
     return {
       x: d + a * Math.cos(I),
@@ -33052,7 +33087,7 @@ function NP(o, t) {
     s.some((v) => v.id === g) && (a.current = g);
   }
   const u = e.derived(() => s.find((g) => g.id === e.get(l)) ?? s[0]), d = e.derived(() => s.findIndex((g) => g.id === e.get(l))), f = e.derived(() => e.get(d) > 0 ? s[e.get(d) - 1] : null), h = e.derived(() => e.get(d) >= 0 && e.get(d) < s.length - 1 ? s[e.get(d) + 1] : null);
-  li(zp, (g) => c(g)), e.user_effect(() => {
+  ai(zp, (g) => c(g)), e.user_effect(() => {
     const g = r.getData(n)?.topic;
     r.isOpen(n) && g && c(g);
   });
@@ -33087,7 +33122,7 @@ function NP(o, t) {
         var y = RP(), x = e.child(y);
         {
           var w = (E) => {
-            Uo(E, {
+            Zo(E, {
               get title() {
                 return e.get(k).title;
               }
@@ -33192,10 +33227,10 @@ function zo(o, t) {
 function Fo(o, t, r) {
   const n = "item", i = t === "react" ? " key={i}" : "", s = t === "react" ? `(${n}, i)` : `(${n})`;
   return `{${o}.map(${s} => (
-${Jo(r(n, i))}
+${Xo(r(n, i))}
 ))}`;
 }
-function Jo(o, t = "    ") {
+function Xo(o, t = "    ") {
   return o.split(`
 `).map((r) => r && t + r).join(`
 `);
@@ -33212,16 +33247,16 @@ function T1(o, t, r, n, i) {
     return l ? Fo(s, n, (c, u) => `<a {...${c}}${u}>${zo(c, n)}</a>`) : `<a {...${s}}>${zo(s, n)}</a>`;
   if (a === "reference")
     return l ? Fo(s, n, (c, u) => `<article {...${c}.slot}${u}>
-${Jo(`<h3 {...${c}.name}>${zo(`${c}.name`, n)}</h3>`)}
+${Xo(`<h3 {...${c}.name}>${zo(`${c}.name`, n)}</h3>`)}
 </article>`) : `<span {...${s}}>${zo(s, n)}</span>`;
   if (a === "block" && r.fields) {
     const c = l ? "item" : s, u = Object.entries(r.fields).map(([d, f]) => T1(c, d, f, n, i)).join(`
 
 `);
     return l ? Fo(s, n, (d, f) => `<div {...${d}.slot}${f}>
-${Jo(u)}
+${Xo(u)}
 </div>`) : `<div data-okno={${s}["data-okno"]}>
-${Jo(u)}
+${Xo(u)}
 </div>`;
   }
   return r.fields ? Object.entries(r.fields).map(([c, u]) => T1(s, c, u, n, i)).join(`
@@ -33235,7 +33270,7 @@ function WP(o, t, r, n, i = !1) {
   let f;
   d ? a ? f = `{${t}.map(${n === "react" ? "(item, i)" : "(item)"} => (
     <article {...item.slot}${n === "react" ? " key={i}" : ""}>
-${Jo(Jo(d))}
+${Xo(Xo(d))}
     </article>
 ))}` : f = d : f = a ? `{${t}.map((item) => (
     <article>{/* add fields */}</article>
@@ -33955,7 +33990,7 @@ function lO(o, t) {
                 var gt = e.sibling(bt, 2);
                 {
                   let vt = e.derived(() => e.get(_).length > 1);
-                  ii(gt, {
+                  oi(gt, {
                     onremove: () => R(e.get(Rr).id),
                     get reorderable() {
                       return e.get(vt);
@@ -34649,7 +34684,7 @@ var bO = e.from_html('<div class="self-start pl-10 text-[12px]/none text-neutral
 function ys(o, t) {
   e.push(t, !0);
   let r = e.prop(t, "name", 15, ""), n = e.prop(t, "slug", 15, ""), i = e.prop(t, "nameLabel", 3, "Name"), s = e.prop(t, "namePlaceholder", 3, ""), a = e.prop(t, "startLocked", 3, !1), l = e.prop(t, "readonly", 3, !1), c = e.state(e.proxy(a())), u = e.state(void 0);
-  const d = e.derived(() => Zo(r()));
+  const d = e.derived(() => Bo(r()));
   e.user_effect(() => {
     !e.get(c) && !l() && n(e.get(d));
   });
@@ -34660,7 +34695,7 @@ function ys(o, t) {
     e.set(c, !1), n(e.get(d));
   }
   function p() {
-    n(Zo(n())), n() || h();
+    n(Bo(n())), n() || h();
   }
   var g = xO(), v = e.first_child(g), m = e.child(v);
   tt(m, {
@@ -36340,29 +36375,28 @@ function To(o, t) {
     $$slots: { default: !0 }
   }), e.pop();
 }
-var DE = e.from_html('<p class="text-center text-[12px]/[140%] text-rose-400/90"> </p>'), PE = e.from_html(`<div class="flex flex-col items-center justify-center h-full px-20 pb-8 gap-12 pt-16"><div class="text-(--fg)"><!></div> <div class="flex flex-col items-center gap-6 text-center"><h2 class="text-[24px]/[110%] font-semibold tracking-[-0.01em] text-(--fg)">A day of editing</h2> <p class="text-[13px]/[152%] text-white/60"><span class="font-medium text-(--fg)"> </span> covers 24 hours — unlimited editing
-			and publishing on your live site. You only pay on the days you publish; browsing and drafts
-			are free.</p></div> <div class="w-full flex-col gap-12 flex-center mt-12"><!> <p class="text-center text-[13px]/[150%] font-medium text-(--fg)">Never more than €40 a month · €200 a year.</p> <!> <!> <p class="text-center text-[10px]/[150%] text-white/30">By continuing you agree to the <a href="https://okno.build/terms" target="_blank" rel="noopener" class="underline hover:text-white/55">Terms</a> and <a href="https://okno.build/privacy" target="_blank" rel="noopener" class="underline hover:text-white/55">Privacy&nbsp;Policy</a> </p></div></div>`);
+var DE = e.from_html('<p class="text-center text-[12px]/[140%] text-rose-400/90"> </p>'), PE = e.from_html(`<div class="flex flex-col items-center justify-center h-full px-20 pb-8 gap-12 pt-16"><div class="text-(--fg)"><!></div> <div class="flex flex-col items-center gap-6 text-center"><h2 class="text-[24px]/[110%] font-semibold tracking-[-0.01em] text-(--fg)">Day of Editing</h2> <p class="text-[13px]/[152%] text-white/60">24 hours of unlimited editing and publishing on your live site. You only pay on the days
+			you publish; browsing and drafts are free.</p></div> <div class="w-full flex-col gap-12 flex-center mt-12"><!> <p class="text-center text-[13px]/[150%] font-medium text-(--fg)">Never more than €40 a month · €200 a year.</p> <!> <!> <p class="text-center text-[10px]/[150%] text-white/30">By continuing you agree to the <a href="https://okno.build/terms" target="_blank" rel="noopener" class="underline hover:text-white/55">Terms</a> and <a href="https://okno.build/privacy" target="_blank" rel="noopener" class="underline hover:text-white/55">Privacy&nbsp;Policy</a> </p></div></div>`);
 function OE(o, t) {
   e.push(t, !0);
   let r = e.prop(t, "busy", 3, !1), n = e.prop(t, "error", 3, null);
-  const { billing: i } = Se(), s = e.derived(() => i.coverYear > Wo && i.coverYear <= 40);
+  const { billing: i } = Se(), s = e.derived(() => i.coverYear > ji && i.coverYear <= 40);
   var a = PE(), l = e.child(a), c = e.child(l);
   Ap(c, { class: "h-20 w-auto" }), e.reset(l);
-  var u = e.sibling(l, 2), d = e.child(u), f = e.sibling(d, 2), h = e.child(f), p = e.child(h);
-  e.reset(h), e.next(), e.reset(f), e.reset(u);
-  var g = e.sibling(u, 2), v = e.child(g);
+  var u = e.sibling(l, 2), d = e.child(u), f = e.sibling(d, 2);
+  e.reset(u);
+  var h = e.sibling(u, 2), p = e.child(h);
   {
-    var m = (C) => {
-      var E = DE(), P = e.child(E, !0);
-      e.reset(E), e.template_effect(() => e.set_text(P, n())), e.append(C, E);
+    var g = (x) => {
+      var w = DE(), C = e.child(w, !0);
+      e.reset(w), e.template_effect(() => e.set_text(C, n())), e.append(x, w);
     };
-    e.if(v, (C) => {
-      n() && C(m);
+    e.if(p, (x) => {
+      n() && x(g);
     });
   }
-  var b = e.sibling(v, 4);
-  ke(b, {
+  var v = e.sibling(p, 4);
+  ke(v, {
     size: "lg",
     tone: "green",
     get loading() {
@@ -36372,47 +36406,45 @@ function OE(o, t) {
       return r();
     },
     onclick: () => t.onstart("day"),
-    children: (C, E) => {
+    children: (x, w) => {
       e.next();
-      var P = e.text();
-      e.template_effect(() => e.set_text(P, n() ? "Try again" : `Start Today · €${Wo}`)), e.append(C, P);
+      var C = e.text();
+      e.template_effect(() => e.set_text(C, n() ? "Try again" : `Start Today · €${ji}`)), e.append(x, C);
     },
     $$slots: { default: !0 }
   });
-  var k = e.sibling(b, 2);
+  var m = e.sibling(v, 2);
   {
-    var y = (C) => {
-      ke(C, {
+    var b = (x) => {
+      ke(x, {
         size: "lg",
         tone: "idle",
         get disabled() {
           return r();
         },
         onclick: () => t.onstart("year"),
-        children: (E, P) => {
+        children: (w, C) => {
           e.next();
-          var O = e.text();
-          e.template_effect(() => e.set_text(O, `Free Year Now · €${i.coverYear ?? ""}`)), e.append(E, O);
+          var E = e.text();
+          e.template_effect(() => e.set_text(E, `Free Year Now · €${i.coverYear ?? ""}`)), e.append(w, E);
         },
         $$slots: { default: !0 }
       });
     };
-    e.if(k, (C) => {
-      e.get(s) && C(y);
+    e.if(m, (x) => {
+      e.get(s) && x(b);
     });
   }
-  var x = e.sibling(k, 2), w = e.sibling(e.child(x), 4);
-  e.reset(x), e.reset(g), e.reset(a), e.template_effect(() => {
-    e.set_text(p, `€${Wo}`), e.set_text(w, `,
-			and authorize Okno to charge your card €${Wo} on the days you publish — up to €40 a month, €200 a year. Remove your card anytime to stop.`);
-  }), e.transition(5, l, () => It, () => ({ delay: 80, duration: 320 })), e.transition(5, d, () => It, () => ({ delay: 140, duration: 320 })), e.transition(5, f, () => It, () => ({ delay: 220, duration: 320 })), e.transition(1, g, () => It, () => ({ delay: 380, duration: 320 })), e.append(o, a), e.pop();
+  var k = e.sibling(m, 2), y = e.sibling(e.child(k), 4);
+  e.reset(k), e.reset(h), e.reset(a), e.template_effect(() => e.set_text(y, `,
+			and authorize Okno to charge your card €${ji} on the days you publish — up to €40 a month, €200 a year. Remove your card anytime to stop.`)), e.transition(5, l, () => It, () => ({ delay: 80, duration: 320 })), e.transition(5, d, () => It, () => ({ delay: 140, duration: 320 })), e.transition(5, f, () => It, () => ({ delay: 220, duration: 320 })), e.transition(1, h, () => It, () => ({ delay: 380, duration: 320 })), e.append(o, a), e.pop();
 }
 var EE = e.from_html('<p class="text-[14px]/[150%] text-white/60"><span class="font-medium text-(--fg)"> </span> Every editing day is free until <span class="font-medium text-green-400"> </span>.</p>'), TE = e.from_html('<p class="text-[14px]/[150%] text-white/60"><span class="font-medium text-(--fg)"> </span> Editing is free until <span class="font-medium text-green-400"> </span>.</p>'), AE = e.from_html(`<p class="text-[14px]/[150%] text-white/60"><span class="font-medium text-(--fg)"> </span> Today's editing day is open.</p>`), IE = e.from_html('<div class="flex items-center gap-8 text-[13px]"><!> <span class="font-medium text-(--fg)"> </span> <span class="text-white/40">saved</span></div>'), $E = e.from_html(`<div class="flex flex-col items-center justify-center h-full px-24 pb-8 gap-16 text-center"><div class="text-green-400"><!></div> <div class="flex flex-col items-center gap-8"><h2 class="text-[24px]/[110%] font-semibold tracking-[-0.01em] text-(--fg)"> </h2> <!></div> <div class="w-full rounded-2xl bg-white/5 border-t-[0.5px] border-white/10 px-16 py-14 flex flex-col gap-6"><!> <p class="text-[12px]/[150%] text-white/50 text-left">From now on it's automatic: days you publish charge themselves, up to €40/mo.
 			You only see this again if a payment needs you.</p></div> <!></div>`);
 function jE(o, t) {
   e.push(t, !0);
   let r = e.prop(t, "plan", 3, "day");
-  const { billing: n } = Se(), i = e.derived(() => r() === "year" ? n.coverYear : Wo), s = e.derived(() => n.unlimited ? "year" : n.monthCapped ? "month" : "day"), a = e.derived(() => e.get(s) === "year" ? n.cycleEnd : e.get(s) === "month" ? n.monthFreeUntil : null), l = e.derived(() => e.get(a) ? new Date(e.get(a)).toLocaleDateString(void 0, { day: "numeric", month: "long", year: "numeric" }) : null), c = e.derived(() => e.get(s) === "year" ? "The year's on us" : e.get(s) === "month" ? "The rest of the month's on us" : "You're editing live");
+  const { billing: n } = Se(), i = e.derived(() => r() === "year" ? n.coverYear : ji), s = e.derived(() => n.unlimited ? "year" : n.monthCapped ? "month" : "day"), a = e.derived(() => e.get(s) === "year" ? n.cycleEnd : e.get(s) === "month" ? n.monthFreeUntil : null), l = e.derived(() => e.get(a) ? new Date(e.get(a)).toLocaleDateString(void 0, { day: "numeric", month: "long", year: "numeric" }) : null), c = e.derived(() => e.get(s) === "year" ? "The year's on us" : e.get(s) === "month" ? "The rest of the month's on us" : "You're editing live");
   var u = $E(), d = e.child(u), f = e.child(d);
   _e(f, { name: "check-circle", variant: "duotone", class: "size-72" }), e.reset(d);
   var h = e.sibling(d, 2), p = e.child(h), g = e.child(p, !0);
@@ -37114,7 +37146,7 @@ function hT(o, t) {
       {
         var _ = (R) => {
           var $ = cT(), F = e.child($);
-          vi(F, { content: "Visit page", trigger: (A, D) => {
+          gi(F, { content: "Visit page", trigger: (A, D) => {
             let I = () => D?.().props;
             ke(A, e.spread_props(I, {
               tone: "idle",
@@ -37235,7 +37267,7 @@ var Kl = e.from_html("<!> <!>", 1), fT = e.from_html('<div class="mt-10 first:mt
 function gT(o, t) {
   e.push(t, !0);
   const { content: r, can: n, modals: i, win: s } = Se(), a = Ke(), l = t.entry.session;
-  li(Qn, l);
+  ai(Qn, l);
   const c = e.derived(() => r.getSchema(l.key)), u = e.derived(() => es(e.get(c), l.formData, l.originalData)), d = e.derived(() => l.formData?.title?.trim() || l.itemId), f = e.derived(() => n.editStructure), h = e.derived(() => n.canDelete("collections")), p = e.derived(() => cl(s, 380)), g = e.derived(() => ({
     x: e.get(p).pos.x + t.index * 28,
     y: e.get(p).pos.y + t.index * 28
@@ -37355,7 +37387,7 @@ function gT(o, t) {
                 }
               }), e.reset(R), e.append(S, R);
             }, T = (S) => {
-              ai(S, {
+              si(S, {
                 get field() {
                   return e.get(O).item;
                 }
@@ -37886,7 +37918,7 @@ function $T(o, t) {
 e.delegate(["click"]);
 var jT = e.from_html("<!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!>", 1);
 function RT(o, t) {
-  e.push(t, !0), li("app", t.app);
+  e.push(t, !0), ai("app", t.app);
   var r = jT(), n = e.first_child(r);
   CM(n, {});
   var i = e.sibling(n, 2);
@@ -38140,7 +38172,7 @@ function WT(o, t) {
 e.delegate(["click", "pointerdown"]);
 var VT = e.from_html("<div></div>");
 function BT(o, t) {
-  e.push(t, !0), li("app", t.app);
+  e.push(t, !0), ai("app", t.app);
   const { fields: r, win: n, auth: i, windowStack: s, theme: a, setup: l } = t.app.modules, c = e.derived(() => n.opened && !!i.user);
   let u = e.state(null), d = e.state(null), f, h = e.state(null);
   function p() {
@@ -38799,11 +38831,7 @@ class md {
     }), this.bus?.on("field:click", (t) => {
       t.field && this.focusField(t.field);
     }), this.bus?.on("content:ready", () => {
-      Xs("okno:content-ready");
-      const t = this.cacheKey;
-      if (!t) return;
-      const r = this.content.snapshot();
-      md.snapshotEmpty(r) || Vp(t, r);
+      Xs("okno:content-ready"), this.writeBootCache();
     }), this.bus?.on("billing:charged", () => {
       const t = this.pendingEditingDayRetry;
       this.pendingEditingDayRetry = null, t?.();
@@ -38854,6 +38882,17 @@ class md {
   static snapshotEmpty(t) {
     return !Object.keys(t.pages ?? {}).length && !Object.keys(t.collections ?? {}).length && !Object.keys(t.globals ?? {}).length;
   }
+  /** Refresh the boot SWR cache from current in-memory content. Runs on
+   *  content:ready (after a load) AND after every save/optimistic mutation — else
+   *  a reload right after saving hydrates the PRE-save snapshot and shows the old
+   *  value until the ~1.6s live load reconciles. Never caches an empty snapshot
+   *  (a transient blip must not clobber a good one). */
+  writeBootCache() {
+    const t = this.cacheKey;
+    if (!t) return;
+    const r = this.content.snapshot();
+    md.snapshotEmpty(r) || Vp(t, r);
+  }
   /** Optimistic paint from the SWR cache. No-op once content is ready, without a
    *  token, or with no cache. Idempotent — safe to call at boot AND in load(). */
   hydrateContentCache() {
@@ -39091,7 +39130,7 @@ class md {
    *  `from` source (default `title`), kebab-cased. Falls back to "item" when the
    *  source is empty; de-dupes against existing items with a numeric suffix. */
   deriveItemSlug(t) {
-    const n = this.content.getSchema(t)?.fields?.slug?.from || "title", i = this.content.formData, s = i[n] ?? i.title ?? "", a = Zo(typeof s == "string" ? s : String(s ?? "")) || "item", l = new Set(this.content.getRecords(t).map((u) => u.slug));
+    const n = this.content.getSchema(t)?.fields?.slug?.from || "title", i = this.content.formData, s = i[n] ?? i.title ?? "", a = Bo(typeof s == "string" ? s : String(s ?? "")) || "item", l = new Set(this.content.getRecords(t).map((u) => u.slug));
     if (!l.has(a)) return a;
     let c = 2;
     for (; l.has(`${a}-${c}`); ) c++;
@@ -39166,7 +39205,7 @@ class md {
         const y = this.content.collections[n] ?? [], x = y.findIndex((C) => C.slug === i), w = y.slice();
         x >= 0 ? w[x] = a : w.push(a), this.content.collections = { ...this.content.collections, [n]: w };
       }
-      nt.info(`Saved ${d}`), s.markSaved(), this.content.pendingPublish = !!p?.productionBranch && p.branch !== p.productionBranch, this.sync(d);
+      nt.info(`Saved ${d}`), s.markSaved(), this.writeBootCache(), this.content.pendingPublish = !!p?.productionBranch && p.branch !== p.productionBranch, this.sync(d);
     }).catch((v) => {
       nt.error("Save failed:", v), s.saveError = v.message ?? "Save failed";
     }).finally(() => {
@@ -39296,7 +39335,7 @@ class md {
         });
         if (!v.ok && v.status !== 404) throw new Error(`Delete failed: ${v.status}`);
         delete this.content.shas[p], h && St(ot(h.owner, h.repo, h.branch, p));
-      })), nt.info(`Deleted item ${t}/${r}`), this.sync(), !0;
+      })), nt.info(`Deleted item ${t}/${r}`), this.writeBootCache(), this.sync(), !0;
     } catch (p) {
       return nt.error("Item delete failed:", p), this.toasts.error(p?.message ?? "Delete failed"), this.content.collections = { ...this.content.collections, [t]: a }, this.content.localeData.collections[t] = c, f?.includes(r) && this.schema?.setItemOrder(t, f), !1;
     }
@@ -39346,7 +39385,7 @@ class md {
         });
         if (!p.ok && p.status !== 404) throw new Error(`Delete failed: ${p.status}`);
         delete this.content.shas[f], d && St(ot(d.owner, d.repo, d.branch, f));
-      })), nt.info(`Deleted ${r.length} items in ${t}`), this.sync(), !0;
+      })), nt.info(`Deleted ${r.length} items in ${t}`), this.writeBootCache(), this.sync(), !0;
     } catch (f) {
       return nt.error("Bulk item delete failed:", f), this.toasts.error(f?.message ?? "Delete failed"), this.content.collections = { ...this.content.collections, [t]: n }, this.content.localeData.collections[t] = a, u && this.schema?.setItemOrder(t, u), !1;
     }
@@ -39388,7 +39427,7 @@ class md {
       });
       if (!p.ok) throw new Error(`Save failed: ${p.status}`);
       const v = (await p.json())?.commit?.fileSha;
-      v && (this.content.shas[u] = v), h && St(ot(h.owner, h.repo, h.branch, u)), this.content.pendingPublish = !!h?.productionBranch && h.branch !== h.productionBranch, this.sync(u);
+      v && (this.content.shas[u] = v), h && St(ot(h.owner, h.repo, h.branch, u)), this.writeBootCache(), this.content.pendingPublish = !!h?.productionBranch && h.branch !== h.productionBranch, this.sync(u);
     } catch (p) {
       nt.error("Set item status failed:", p), this.toasts.error(p?.message ?? "Save failed");
       const g = (this.content.collections[t] ?? []).slice(), v = g.findIndex((m) => m.slug === r);
@@ -41601,7 +41640,7 @@ class DA {
   async snapBackToUpstream() {
     if (!this.project.isDev)
       try {
-        const t = this.project.oknoDir.endsWith("/") ? this.project.oknoDir : `${this.project.oknoDir}/`, r = await ji(this.project, `${t}schema.ts`);
+        const t = this.project.oknoDir.endsWith("/") ? this.project.oknoDir : `${this.project.oknoDir}/`, r = await $i(this.project, `${t}schema.ts`);
         r && (this.content.shas["schema.ts"] = r);
       } catch (t) {
         br.warn("snapBackToUpstream failed:", t);
@@ -41610,11 +41649,11 @@ class DA {
   async refreshShasFor(t, r) {
     if (!this.project.isDev)
       try {
-        const n = this.project.oknoDir.endsWith("/") ? this.project.oknoDir : `${this.project.oknoDir}/`, i = await ji(this.project, `${n}schema.ts`);
+        const n = this.project.oknoDir.endsWith("/") ? this.project.oknoDir : `${this.project.oknoDir}/`, i = await $i(this.project, `${n}schema.ts`);
         i && (this.content.shas["schema.ts"] = i);
         const s = t === "collections" || t === "blocks" ? null : `${t}/${r}.ts`;
         if (s) {
-          const a = await ji(this.project, `${n}${s}`);
+          const a = await $i(this.project, `${n}${s}`);
           a && (this.content.shas[s] = a);
         }
       } catch (n) {
@@ -41900,7 +41939,7 @@ class PA {
     }
   }
 }
-const Ei = Mr("users-controller");
+const Oi = Mr("users-controller");
 async function OA(o) {
   try {
     const t = await fetch(`https://api.github.com/users/${encodeURIComponent(o)}`, {
@@ -41998,17 +42037,17 @@ class EA {
       const a = this.project.currentRepo;
       return a && St(ot(a.owner, a.repo, a.branch, "users.json")), !0;
     } catch (r) {
-      return Ei.error("users save failed:", r), this.toasts.error(r?.message ?? "Save failed"), this.refreshSha(), !1;
+      return Oi.error("users save failed:", r), this.toasts.error(r?.message ?? "Save failed"), this.refreshSha(), !1;
     } finally {
       this.content.usersSaving = !1;
     }
   }
   async refreshSha() {
     try {
-      const t = this.project.oknoDir.endsWith("/") ? this.project.oknoDir : `${this.project.oknoDir}/`, r = await ji(this.project, `${t}users.json`);
+      const t = this.project.oknoDir.endsWith("/") ? this.project.oknoDir : `${this.project.oknoDir}/`, r = await $i(this.project, `${t}users.json`);
       r && (this.content.shas["users.json"] = r);
     } catch (t) {
-      Ei.warn("refreshSha failed:", t);
+      Oi.warn("refreshSha failed:", t);
     }
   }
   // --- Invite links (shareable; accepted via the backend /invite page) ---
@@ -42026,7 +42065,7 @@ class EA {
       if (!i.ok) throw new Error(s.error || `Failed: ${i.status}`);
       return s.link;
     } catch (i) {
-      return Ei.error("createInvite failed:", i), this.toasts.error(i?.message ?? "Couldn't create invite"), null;
+      return Oi.error("createInvite failed:", i), this.toasts.error(i?.message ?? "Couldn't create invite"), null;
     }
   }
   /** List the project's pending invites. */
@@ -42035,7 +42074,7 @@ class EA {
       const t = await fetch(`${this.apiUrl}/api/invites`, { headers: this.backendHeaders });
       return t.ok ? (await t.json()).invites ?? [] : [];
     } catch (t) {
-      return Ei.warn("listInvites failed:", t), [];
+      return Oi.warn("listInvites failed:", t), [];
     }
   }
   /** Revoke a pending invite by token. */
@@ -42051,7 +42090,7 @@ class EA {
       }
       return !0;
     } catch (r) {
-      return Ei.error("revokeInvite failed:", r), this.toasts.error(r?.message ?? "Couldn't revoke invite"), !1;
+      return Oi.error("revokeInvite failed:", r), this.toasts.error(r?.message ?? "Couldn't revoke invite"), !1;
     }
   }
 }
@@ -42123,14 +42162,14 @@ class AA {
   }
   async refreshSha() {
     try {
-      const t = this.project.oknoDir.endsWith("/") ? this.project.oknoDir : `${this.project.oknoDir}/`, r = await ji(this.project, `${t}origins.json`);
+      const t = this.project.oknoDir.endsWith("/") ? this.project.oknoDir : `${this.project.oknoDir}/`, r = await $i(this.project, `${t}origins.json`);
       r && (this.content.shas["origins.json"] = r);
     } catch (t) {
       Ru.warn("refreshSha failed:", t);
     }
   }
 }
-const Ti = Mr("app");
+const Ei = Mr("app");
 function IA(o, t, r) {
   const n = [], i = performance.now(), s = (c) => c ? (c.shadowRoot?.textContent?.length ?? 0) + (c.textContent?.length ?? 0) : 0, a = () => {
     const c = o.setup, u = o.project, d = o.router, f = o.content, h = o.files, p = o.win;
@@ -42197,14 +42236,14 @@ const $A = (o) => {
     users: new EA(t.content, t.project, t.auth, t.toasts),
     origins: new AA(t.content, t.project, t.toasts)
   };
-  Ti.ok("All modules initialized.");
+  Ei.ok("All modules initialized.");
   const i = o.floatingRoot;
   return window.okno = {
     modules: t,
     controllers: n,
     /** Build marker — bump/rename to confirm which editor bundle is actually
      *  loaded (worktree vs main dist). Check `window.okno.build` in the console. */
-    build: "windowframe-unified-r22-dedupe-setupready-load",
+    build: "windowframe-unified-r24-media-stale-patch",
     /** Boot timing milestones (ms since page load): `window.okno.perf()`. */
     perf: () => f5(),
     /** Boot flash tracer dump — set localStorage.oknoTrace="1", reload, then call
@@ -42220,7 +42259,7 @@ const $A = (o) => {
      *  flash to see exactly what ran (content loaded 1× or 2×? setup re-ran?
      *  branch churned?) with ms since the first entry. */
     logs: () => {
-      const l = $i[0]?.timestamp ?? 0, c = $i.map((u) => ({
+      const l = Ii[0]?.timestamp ?? 0, c = Ii.map((u) => ({
         ms: u.timestamp - l,
         module: u.module,
         level: u.level,
@@ -42261,16 +42300,16 @@ const $A = (o) => {
       return;
     }
     t.bus.on("auth:login", async () => {
-      Ti.info("bus auth:login → setup.start()"), await n.setup.start();
+      Ei.info("bus auth:login → setup.start()"), await n.setup.start();
     });
     let u = null;
     t.bus.on("setup:ready", async () => {
       const f = t.project.currentRepo, h = f ? `${f.owner}/${f.repo}@${f.branch}` : "none";
       if (h === u && t.content.ready) {
-        Ti.info(`bus setup:ready (dup, ${h}) → skip redundant reload`);
+        Ei.info(`bus setup:ready (dup, ${h}) → skip redundant reload`);
         return;
       }
-      u = h, Ti.info(`bus setup:ready (${h}) → load content+files`), await Promise.all([n.content.load(), n.files.load()]), n.content.initLocaleFromUrl(), t.router.applyUrlRoute(), Ti.info("bus setup:ready → load done + route applied");
+      u = h, Ei.info(`bus setup:ready (${h}) → load content+files`), await Promise.all([n.content.load(), n.files.load()]), n.content.initLocaleFromUrl(), t.router.applyUrlRoute(), Ei.info("bus setup:ready → load done + route applied");
     }), t.bus.on("content:reload", () => {
       n.content.load();
     }), console.log("[okno] start: calling auth.init()"), await n.auth.init(), console.log("[okno] start: auth.init() resolved — auth.user:", t.auth.user ? "logged-in" : "anonymous");