@panphora/clayjs 1.14.0 → 1.15.1

package/dist/clay.standalone.js

@@ -1,4 +1,4 @@
-/* clayjs 1.14.0 standalone build: every clayjs module in one file. https://clayjs.com/offline
+/* clayjs 1.15.1 standalone build: every clayjs module in one file. https://clayjs.com/offline
    Third-party code inside keeps its own license (Sortable MIT, Squire MIT, DOMPurify Apache-2.0 OR MPL-2.0, MicroModal MIT, parse5 MIT, Highlights from Pierre Apache-2.0): https://clayjs.com/THIRD-PARTY-NOTICES.md */
 (() => {
   var __create = Object.create;
@@ -753,6 +753,192 @@
     }
   });
 
+  // src/vendor/sap-ownership.vendor.js
+  function recordOwnsFormState(el11) {
+    return el11.hasAttribute("bind") || el11.hasAttribute("persist") || !!el11.closest("select[bind]");
+  }
+  function inert(el11) {
+    return el11.localName === "template" || el11.hasAttribute("template") || el11.hasAttribute("cms-template") || el11.hasAttribute("sap-ignore");
+  }
+  function appOf(el11) {
+    for (let cur = el11; cur && cur.nodeType === 1; cur = cur.parentElement) {
+      if (inert(cur)) return null;
+      if (cur.hasAttribute("sap")) return cur;
+    }
+    return null;
+  }
+  function declares(el11, name) {
+    const decl2 = el11.getAttribute("state");
+    if (!decl2) return false;
+    for (const token2 of decl2.trim().split(/\s+/)) {
+      if (token2.split("=")[0].split(":")[0] === name) return true;
+    }
+    return false;
+  }
+  function paintsHidden(el11) {
+    if (el11.hasAttribute("show")) return true;
+    for (const a2 of el11.attributes) if (WHEN.test(a2.name)) return true;
+    return false;
+  }
+  function ownsAttr(el11, name) {
+    if (!el11 || el11.nodeType !== 1 || !name) return false;
+    if (name === BEACON) return !!appOf(el11);
+    if (NEVER2.has(name)) return false;
+    if (FORM_STATE.has(name) && recordOwnsFormState(el11)) return false;
+    if (name === "hidden") return paintsHidden(el11) && !!appOf(el11);
+    return el11.hasAttribute("attr:" + name) && !declares(el11, name) && !!appOf(el11);
+  }
+  function paintsOf(el11) {
+    if (!el11 || el11.nodeType !== 1 || !appOf(el11)) return null;
+    let out = null;
+    const add2 = (key2, v5) => (out || (out = { attrs: [], classes: [], vars: [], text: false }))[key2].push(v5);
+    for (const a2 of el11.attributes) {
+      const n3 = a2.name;
+      if (n3 === "text" || n3.startsWith("text:")) {
+        if (!el11.hasAttribute("bind")) (out || (out = { attrs: [], classes: [], vars: [], text: false })).text = true;
+      } else if (n3.startsWith("attr:")) {
+        const target = n3.slice(5);
+        if (target && !NEVER2.has(target) && !(FORM_STATE.has(target) && recordOwnsFormState(el11)) && !declares(el11, target)) add2("attrs", target);
+      } else if (n3.startsWith("class:")) add2("classes", n3.slice(6));
+      else if (n3.startsWith("css:")) add2("vars", "--" + n3.slice(4));
+    }
+    if (paintsHidden(el11)) add2("attrs", "hidden");
+    if (el11.hasAttribute(BEACON)) add2("attrs", BEACON);
+    return out;
+  }
+  function eachPainted(root3, visit) {
+    if (!root3 || root3.nodeType !== 1 && root3.nodeType !== 9) return;
+    const apps = root3.nodeType === 1 && root3.hasAttribute("sap") ? [root3] : [...root3.querySelectorAll("[sap]")].filter((app) => !app.parentElement || !app.parentElement.closest("[sap]"));
+    for (const app of apps) {
+      for (const el11 of [app, ...app.querySelectorAll("*")]) {
+        const p3 = paintsOf(el11);
+        if (p3) visit(el11, p3);
+      }
+    }
+  }
+  function stripPaints(root3) {
+    eachPainted(root3, (el11, p3) => {
+      for (const name of p3.attrs) if (el11.hasAttribute(name)) el11.removeAttribute(name);
+      for (const token2 of p3.classes) if (el11.classList.contains(token2)) el11.classList.remove(token2);
+      if (!el11.getAttribute("class") && el11.hasAttribute("class") && p3.classes.length) el11.removeAttribute("class");
+      for (const v5 of p3.vars) if (el11.style.getPropertyValue(v5) !== "") el11.style.removeProperty(v5);
+      if (p3.vars.length && el11.hasAttribute("style") && !el11.getAttribute("style").trim()) el11.removeAttribute("style");
+      if (p3.text && el11.firstChild) el11.replaceChildren();
+    });
+  }
+  var BEACON, WHEN, NEVER2, FORM_STATE;
+  var init_sap_ownership_vendor = __esm({
+    "src/vendor/sap-ownership.vendor.js"() {
+      BEACON = "sap-error";
+      WHEN = /^(show-when|hide-when|option|option-not):/;
+      NEVER2 = /* @__PURE__ */ new Set([
+        "id",
+        "data-id",
+        "class",
+        "style",
+        "sap",
+        "scope",
+        "items",
+        "item",
+        "bind",
+        "state",
+        "template",
+        "cms-template",
+        "sap-ignore"
+      ]);
+      FORM_STATE = /* @__PURE__ */ new Set(["value", "checked", "selected"]);
+    }
+  });
+
+  // src/core/boot-phase.js
+  var bootPhase;
+  var init_boot_phase = __esm({
+    "src/core/boot-phase.js"() {
+      bootPhase = { holdSettle: false };
+    }
+  });
+
+  // src/lib/derived.js
+  function paintSignature(root3) {
+    const parts = [];
+    eachPainted(root3, (el11, p3) => {
+      parts.push(el11.localName);
+      for (const n3 of p3.attrs) if (n3 !== "sap-error") parts.push(n3 + "=" + (el11.getAttribute(n3) ?? "\0"));
+      for (const t2 of p3.classes) parts.push("." + t2 + "=" + el11.classList.contains(t2));
+      for (const v5 of p3.vars) parts.push(v5 + "=" + el11.style.getPropertyValue(v5));
+      if (p3.text) parts.push("#" + el11.textContent);
+    });
+    return parts.join("
");
+  }
+  function paintSignatureOfHtml(html) {
+    return paintSignature(new DOMParser().parseFromString(html, "text/html"));
+  }
+  function withoutTokens(value, owned2, split, join, nameOf) {
+    return split(value || "").map((t2) => t2.trim()).filter((t2) => t2 && !owned2.includes(nameOf(t2))).sort().join(join);
+  }
+  function onlyPaintedTokens(el11, name, before, after) {
+    const p3 = paintsOf(el11);
+    if (!p3) return false;
+    if (name === "class") {
+      if (!p3.classes.length) return false;
+      const rest2 = (v5) => withoutTokens(v5, p3.classes, (s2) => s2.split(/\s+/), " ", (t2) => t2);
+      return rest2(before) === rest2(after);
+    }
+    if (!p3.vars.length) return false;
+    const rest = (v5) => withoutTokens(v5, p3.vars, (s2) => s2.split(";"), ";", (t2) => t2.split(":")[0].trim());
+    return rest(before) === rest(after);
+  }
+  function isDerivedChange(change) {
+    if (change.__derived !== void 0) return change.__derived;
+    const el11 = change.element;
+    let derived2 = false;
+    if (el11 && el11.nodeType === 1) {
+      if (change.type === "attribute") {
+        const name = change.attribute;
+        derived2 = isDerivedAttr(el11, name) || (name === "class" || name === "style") && onlyPaintedTokens(el11, name, change.oldValue, change.newValue);
+      } else if (change.type === "characterData") {
+        derived2 = ownsDerivedText(el11);
+      }
+    }
+    change.__derived = derived2;
+    return derived2;
+  }
+  function derivedActive() {
+    return engines.size > 0 || bootPhase.holdSettle;
+  }
+  function repaintDerived() {
+    for (const repaint of [...engines]) {
+      try {
+        repaint();
+      } catch (err) {
+        console.error("clayjs: a derived repaint failed:", err);
+      }
+    }
+  }
+  var isDerivedAttr, ownsDerivedText, stripDerived, engines, mountedOnce, mountWaiters, derived;
+  var init_derived = __esm({
+    "src/lib/derived.js"() {
+      init_sap_ownership_vendor();
+      init_boot_phase();
+      isDerivedAttr = (el11, name) => ownsAttr(el11, name);
+      ownsDerivedText = (el11) => !!el11 && el11.nodeType === 1 && !!paintsOf(el11)?.text;
+      stripDerived = (root3) => stripPaints(root3);
+      engines = /* @__PURE__ */ new Set();
+      mountedOnce = false;
+      mountWaiters = [];
+      derived = {
+        register(repaint) {
+          engines.add(repaint);
+          return () => engines.delete(repaint);
+        },
+        mounted() {
+          mountedOnce = true;
+          for (const fn4 of mountWaiters.splice(0)) fn4();
+        }
+      };
+    }
+  });
+
   // src/lib/user-gesture.js
   function now() {
     return typeof performance !== "undefined" && performance.now ? performance.now() : Date.now();
@@ -853,6 +1039,7 @@
       init_region_capabilities();
       init_root_attrs();
       init_ephemeral();
+      init_derived();
       init_user_gesture();
       dummyElem = document.createElement("div");
       ROOT_LIBRARY_ATTR_SET = new Set(ROOT_LIBRARY_ATTRS);
@@ -939,6 +1126,7 @@
             const { fn: fn4, debounce: debounce2 = 0, maxWait = 0, selectorFilter, omitChangeDetails, require: require2, skip } = callback;
             let filteredChanges = changes2.filter(
               (change) => {
+                if (require2 !== "observed" && isDerivedChange(change)) return false;
                 const currentSkipped = skipForPolicy(this._policyForChange(change), require2, skip);
                 if (!change.policyTransition) return !currentSkipped;
                 const previousSkipped = skipForPolicy(change.previousPolicy, require2, skip);
@@ -1308,7 +1496,7 @@
             });
             if (!onlyNonPausable && isUserDrivenNow()) {
               for (const change of changes2) {
-                if (!skipForPolicy(this._policyForChange(change), "dirty")) {
+                if (!isDerivedChange(change) && !skipForPolicy(this._policyForChange(change), "dirty")) {
                   markUserDriven();
                   break;
                 }
@@ -1692,9 +1880,9 @@
     if (!blocks.length) return "<!DOCTYPE html>" + clone.outerHTML;
     const nonce2 = Math.random().toString(36).slice(2);
     const raw = blocks.map(([el11, kids], i2) => {
-      const marker = `\uE000clay-noscript-${nonce2}-${i2}\uE000`;
-      el11.replaceChildren(el11.ownerDocument.createTextNode(marker));
-      return [marker, kids.map((n3) => n3.data).join("")];
+      const marker2 = `\uE000clay-noscript-${nonce2}-${i2}\uE000`;
+      el11.replaceChildren(el11.ownerDocument.createTextNode(marker2));
+      return [marker2, kids.map((n3) => n3.data).join("")];
     });
     let html;
     try {
@@ -1702,7 +1890,7 @@
     } finally {
       for (const [el11, kids] of blocks) el11.replaceChildren(...kids);
     }
-    for (const [marker, text2] of raw) html = html.split(marker).join(text2);
+    for (const [marker2, text2] of raw) html = html.split(marker2).join(text2);
     return html;
   }
   function serializeSaveClone(clone) {
@@ -1757,12 +1945,17 @@
     for (const el11 of clone.querySelectorAll(STRIP_FROM_SAVE)) {
       el11.remove();
     }
+    stripDiagnosticBeacons(clone);
     return clone;
   }
+  function stripDiagnosticBeacons(clone) {
+    for (const el11 of clone.querySelectorAll("[sap-error]")) el11.removeAttribute("sap-error");
+  }
   function captureSaveClone({ flushUndo = true, authored: authored3 = true } = {}) {
     return prepareCloneForSave(captureSnapshot({ flushUndo, authored: authored3 }), { authored: authored3 });
   }
   function serializeForCompare(clone) {
+    stripDerived(clone);
     for (const name of EMPTY_INERT_ATTRS) {
       if (clone.getAttribute(name) === "") clone.removeAttribute(name);
       for (const el11 of clone.querySelectorAll(`[${name}=""]`)) el11.removeAttribute(name);
@@ -1842,6 +2035,7 @@
     for (const el11 of clone.querySelectorAll(STRIP_FROM_SAVE)) {
       el11.remove();
     }
+    stripDiagnosticBeacons(clone);
     const forSave = serializeSaveClone(clone);
     for (const el11 of compareClone.querySelectorAll(STRIP_FROM_COMPARISON)) {
       el11.remove();
@@ -1887,6 +2081,7 @@
     for (const el11 of clone.querySelectorAll(STRIP_FROM_SAVE)) {
       el11.remove();
     }
+    stripDiagnosticBeacons(clone);
     for (const el11 of compareClone.querySelectorAll(STRIP_FROM_DIRTY_CHECK)) {
       el11.remove();
     }
@@ -1935,6 +2130,7 @@
       init_region_policy();
       init_root_attrs();
       init_ephemeral();
+      init_derived();
       init_content_dom();
       snapshotHooks = [];
       documentTransforms = [];
@@ -8578,6 +8774,7 @@
     autosaveIsSuspended: () => autosaveIsSuspended,
     baselineSettled: () => baselineSettled,
     conflictResolvedBySync: () => conflictResolvedBySync,
+    currentPaintSignature: () => currentPaintSignature,
     default: () => save_default,
     flushSave: () => flushSave,
     getLastSavedBytes: () => getLastSavedBytes,
@@ -8591,6 +8788,7 @@
     initSaveKeyboardShortcut: () => initSaveKeyboardShortcut,
     isSaveConflicted: () => isSaveConflicted,
     releaseAllSaves: () => releaseAllSaves,
+    releaseBootSettle: () => releaseBootSettle,
     replacePageWith: () => replacePageWith2,
     resumeAutosave: () => resumeAutosave,
     saveHoldReason: () => saveHoldReason,
@@ -8599,6 +8797,7 @@
     savePageForce: () => savePageForce,
     savePageThrottled: () => savePageThrottled,
     savesHeld: () => savesHeld,
+    schedulePaintHeal: () => schedulePaintHeal,
     setLastSavedBaselines: () => setLastSavedBaselines,
     setLastSavedContents: () => setLastSavedContents,
     setUnsavedChanges: () => setUnsavedChanges,
@@ -8710,7 +8909,7 @@
   function skipped_(msg) {
     return { ok: false, msg, msgType: "skipped", code: null, etag: null };
   }
-  function applySaveResult(result2, forComparison, forDirty, label, gateToken, forSave = null, captureId = null) {
+  function applySaveResult(result2, forComparison, forDirty, label, gateToken, forSave = null, captureId = null, quietConflict = false) {
     if (result2.ok) {
       setLastSavedBaselines(forComparison, forDirty);
       lastSavedBytes = forSave;
@@ -8720,6 +8919,14 @@
       logBaseline(label, `${lastSavedContents.length} chars`);
       releaseConflictHold();
     } else if (result2.msgType === "conflict") {
+      if (quietConflict) {
+        if (savingTimeout) {
+          clearTimeout(savingTimeout);
+          savingTimeout = null;
+        }
+        document.documentElement.setAttribute("savestatus", "saved");
+        return;
+      }
       holdForConflict(result2.conflictEtag);
       setSaveState("conflict", result2.msg, result2.msgType, {
         hadTimeout: result2.hadTimeout === true,
@@ -8845,7 +9052,7 @@
     });
   }
   function savePageForce(callback = () => {
-  }) {
+  }, { quietConflict = false } = {}) {
     return new Promise((resolve) => {
       if (!isEditMode && !window.clay?.testMode) {
         const skipped = skipped_("Not in edit mode");
@@ -8883,7 +9090,7 @@
       saveCapturedHtml(forSave, captureId, (result2) => {
         ownSaveOnWire = false;
         inFlightComparisons.delete(comparison);
-        applySaveResult(result2, comparison.forComparison, comparison.forDirty, "updated after force save", gateToken, forSave, captureId);
+        applySaveResult(result2, comparison.forComparison, comparison.forDirty, "updated after force save", gateToken, forSave, captureId, quietConflict);
         if (typeof callback === "function") {
           callback(result2);
         }
@@ -8993,6 +9200,46 @@
   function baselineSettled() {
     return baselineSettledAt;
   }
+  function hashSignature(s2) {
+    let h = 5381;
+    for (let i2 = 0; i2 < s2.length; i2++) h = (h << 5) + h + s2.charCodeAt(i2) | 0;
+    return String(h >>> 0);
+  }
+  function healedFrom(signature) {
+    try {
+      return localStorage.getItem(HEAL_KEY) === hashSignature(signature);
+    } catch {
+      return false;
+    }
+  }
+  function noteHealedFrom(signature) {
+    try {
+      localStorage.setItem(HEAL_KEY, hashSignature(signature));
+    } catch {
+    }
+  }
+  function currentPaintSignature() {
+    return paintSignature(captureSaveClone({ flushUndo: false }));
+  }
+  function schedulePaintHeal(fileSignature) {
+    if (!isEditMode || isDraftMode) return;
+    clearTimeout(paintHealTimer);
+    paintHealTimer = setTimeout(() => {
+      paintHealTimer = null;
+      const onDisk = typeof fileSignature === "function" ? fileSignature() : fileSignature;
+      if (onDisk == null || !autosaveActive() || !baselineSettled() || isSaveConflicted() || autosaveIsSuspended()) return;
+      if (captureForDirtyCheck({ flushUndo: false }) !== lastSavedDirty) return;
+      if (onDisk === currentPaintSignature()) return;
+      if (healedFrom(onDisk)) return;
+      noteHealedFrom(onDisk);
+      savePageForce(() => {
+      }, { quietConflict: true });
+    }, PAINT_HEAL_MIN_MS + Math.random() * PAINT_HEAL_SPREAD_MS);
+  }
+  function releaseBootSettle() {
+    bootPhase.holdSettle = false;
+    if (settleNow) settleNow();
+  }
   function initBaselineCapture() {
     if (!isEditMode) return;
     let userEdited = false;
@@ -9030,13 +9277,20 @@
       baselineSettledAt = true;
       document.dispatchEvent(new CustomEvent("clay:baseline-settled"));
     };
+    settleNow = captureBaseline;
+    const settle6 = () => {
+      if (!bootPhase.holdSettle) captureBaseline();
+    };
     unsubscribeMutation = mutation_default.onAnyChange(
       { debounce: SETTLE_MS, omitChangeDetails: true, require: "autosave" },
-      captureBaseline
+      settle6
     );
     setTimeout(() => {
-      if (!settled2) captureBaseline();
+      if (!settled2) settle6();
     }, MAX_SETTLE_MS);
+    setTimeout(() => {
+      if (!settled2 && bootPhase.holdSettle) releaseBootSettle();
+    }, MAX_HOLD_MS);
   }
   function savePageThrottled(callback = () => {
   }) {
@@ -9125,7 +9379,7 @@
     initSaveKeyboardShortcut();
     initHyperclaySaveButton();
   }
-  var savingTimeout, unsavedChanges, lastSavedContents, lastSavedDirty, baselineRevision, inFlightComparisons, pendingSave, pendingAutosave, ownSaveOnWire, autosaveSuspended, autosaveMissed, previewHold, previewMissed, previewAutosaveMissed, PREVIEW_HOLD_REASON, holdReasons, conflictHold, conflictEtag, lastSavedBytes, throttledSave, baselineContents, baselineActive, baselineSettledAt, SETTLE_MS, MAX_SETTLE_MS, save_default;
+  var savingTimeout, unsavedChanges, lastSavedContents, lastSavedDirty, baselineRevision, inFlightComparisons, pendingSave, pendingAutosave, ownSaveOnWire, autosaveSuspended, autosaveMissed, previewHold, previewMissed, previewAutosaveMissed, PREVIEW_HOLD_REASON, holdReasons, conflictHold, conflictEtag, lastSavedBytes, throttledSave, baselineContents, baselineActive, baselineSettledAt, PAINT_HEAL_MIN_MS, PAINT_HEAL_SPREAD_MS, paintHealTimer, HEAL_KEY, SETTLE_MS, MAX_SETTLE_MS, MAX_HOLD_MS, settleNow, save_default;
   var init_save = __esm({
     "src/core/save.js"() {
       init_throttle();
@@ -9133,6 +9387,7 @@
       init_is_edit_mode();
       init_save_core();
       init_snapshot();
+      init_derived();
       init_region_policy();
       init_etag();
       init_dirty_gate();
@@ -9144,6 +9399,7 @@
       init_autosave_debug();
       init_user_gesture();
       init_unsaved_warning();
+      init_boot_phase();
       addDocumentTransform((clone) => {
         for (const name of ROOT_LIBRARY_ATTRS) clone.removeAttribute(name);
       });
@@ -9184,6 +9440,10 @@
       baselineContents = "";
       baselineActive = true;
       baselineSettledAt = false;
+      PAINT_HEAL_MIN_MS = 250;
+      PAINT_HEAL_SPREAD_MS = 1250;
+      paintHealTimer = null;
+      HEAL_KEY = "clay:paint-heal:" + location.pathname;
       registerStyleAdoption((identity) => {
         const strip = styleComparisonStripper(identity);
         lastSavedContents = strip(lastSavedContents);
@@ -9196,6 +9456,8 @@
       });
       SETTLE_MS = 500;
       MAX_SETTLE_MS = 3e3;
+      MAX_HOLD_MS = 1e4;
+      settleNow = null;
       if (document.readyState === "loading") {
         document.addEventListener("DOMContentLoaded", initBaselineCapture);
       } else {
@@ -9910,7 +10172,7 @@
       }
     }
     applies2.sort((a2, b4) => (a2.ticket || 0) - (b4.ticket || 0));
-    const pageOf = (a2) => serializeRecoveryClone(a2.root, { prepared: a2.domain === "save" });
+    const pageOf = (a2) => serializeRecoveryClone(a2.recoveryRoot ?? a2.root, { prepared: a2.domain === "save" });
     let html;
     let older;
     if (refused2 || !applies2.length) {
@@ -17675,9 +17937,9 @@
     apply2.ids.add(id);
     return id;
   }
-  function beginApply({ source: source3, seq = null, etag = null, domain, root: root3 }) {
+  function beginApply({ source: source3, seq = null, etag = null, domain, root: root3, recoveryRoot = null }) {
     const id = nextId("a");
-    applies.set(id, { id, source: source3, seq, etag, ticket: 0, domain, root: root3, ids: /* @__PURE__ */ new Set() });
+    applies.set(id, { id, source: source3, seq, etag, ticket: 0, domain, root: root3, recoveryRoot, ids: /* @__PURE__ */ new Set() });
     pending2.add(id);
     register().changed();
     return id;
@@ -18885,6 +19147,7 @@
   });
   function emptyScratchpads(root3) {
     for (const el11 of root3.querySelectorAll(FREEZE_SELECTOR2)) el11.replaceChildren();
+    if (derivedActive()) stripDerived(root3);
     return root3;
   }
   function scratchpadsEmptied(input) {
@@ -18949,6 +19212,7 @@
       init_stream_bridge();
       init_conflicts();
       init_conflict_footprints();
+      init_derived();
       init_save();
       ({ createIdentityStore } = HyperMorph);
       SYNC_IGNORE_SELECTOR = [
@@ -20001,9 +20265,9 @@
             live: document,
             remote,
             ignore: (el11) => el11.matches(SYNC_IGNORE_SELECTOR),
-            opaque: (el11) => el11.matches(FREEZE_SELECTOR2),
+            opaque: (el11) => el11.matches(FREEZE_SELECTOR2) || derivedActive() && ownsDerivedText(el11),
             remoteWins: (el11) => el11.matches(REMOTE_WINS_SELECTOR),
-            ignoreAttribute: isRootLocalAttr,
+            ignoreAttribute: (el11, name, merged) => isRootLocalAttr(el11, name, merged) || derivedActive() && isDerivedAttr(merged || el11, name),
             protectFocusedValue: true,
             keepLiveOnly: source3 === "peer",
             scripts: { mergeTags: mergeTagRecognizers },
@@ -20038,12 +20302,15 @@
               }
             });
           } else {
-            localRoot = emptyScratchpads(captureLocal());
+            const captured = captureLocal();
+            const recoveryRoot = captured.cloneNode(true);
+            localRoot = emptyScratchpads(captured);
             applyId = beginApply({
               source: source3,
               seq,
               etag,
               root: localRoot,
+              recoveryRoot,
               domain: source3 === "disk" ? "save" : "sync"
             });
             try {
@@ -20157,6 +20424,7 @@
             });
             diverged = report2.localDiverged;
             typedDuringWait = typed;
+            repaintDerived();
             window.scrollTo(scrollX, scrollY2);
             this._setPeerBase(html, identityMap, ticket);
             this._applyGen++;
@@ -20205,6 +20473,7 @@
          * local edits.
          */
         async _doApplyExternal(html, seq, etag = null, by = null, fetchOptions = null) {
+          const priorDisk = this._diskBase;
           this._log(`applyExternal - external disk change (seq=${seq})`);
           this.isPaused = true;
           const scrollX = window.scrollX;
@@ -20250,6 +20519,7 @@
             });
             diverged = report2.localDiverged;
             typedDuringWait = typed;
+            repaintDerived();
             this._setDiskBase(html, ticket);
             window.scrollTo(scrollX, scrollY2);
             if (!(this._acceptedSaveTicket > ticket)) {
@@ -20290,6 +20560,9 @@
           }
           if (stamped) conflictResolvedBySync(etag);
           this._saveAfterMerge(diverged, typedDuringWait);
+          if (priorDisk != null && paintSignatureOfHtml(priorDisk) === paintSignatureOfHtml(html)) {
+            schedulePaintHeal(() => this._diskBase == null ? null : paintSignatureOfHtml(this._diskBase));
+          }
         }
         /**
          * Handle a notification message from the server
@@ -21209,6 +21482,7 @@
     await Promise.resolve();
     const plan = prepareRevert(ids);
     const revertedIds = applyRevert(plan);
+    repaintDerived();
     let saveResult = null;
     if (revertedIds.length) {
       gateMarkDirty();
@@ -21228,6 +21502,7 @@
       init_live_sync();
       init_save();
       init_dirty_gate();
+      init_derived();
       init_mutation();
       init_user_gesture();
       init_admin_contenteditable();
@@ -27237,13 +27512,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     const data = view3(state2, []);
     let resolveReady;
-    const ready5 = new Promise((resolve) => {
+    const ready6 = new Promise((resolve) => {
       resolveReady = resolve;
     });
     const handle = Object.freeze({
       name,
       ephemeral: ephemeral2,
-      ready: ready5,
+      ready: ready6,
       get data() {
         return data;
       },
@@ -38088,7 +38363,7 @@ ${Object.entries(inner).map(([k5, v5]) => `${serializeLive(k5)}:${serializeLive(
   }
   function identityPlugin() {
     const clean2 = /* @__PURE__ */ new WeakSet();
-    const ready5 = (doc) => {
+    const ready6 = (doc) => {
       const ids = /* @__PURE__ */ new Set();
       let previous = null, valid2 = true;
       doc.forEach((node) => {
@@ -38109,7 +38384,7 @@ ${Object.entries(inner).map(([k5, v5]) => `${serializeLive(k5)}:${serializeLive(
     return new Oi.Plugin({
       state: {
         init(_config, editor) {
-          if (ready5(editor.doc)) clean2.add(editor.doc);
+          if (ready6(editor.doc)) clean2.add(editor.doc);
           return null;
         },
         apply() {
@@ -38122,7 +38397,7 @@ ${Object.entries(inner).map(([k5, v5]) => `${serializeLive(k5)}:${serializeLive(
           return null;
         }
         if (!transactions.some((tr5) => tr5.docChanged && !tr5.getMeta(REMOTE))) {
-          if (clean2.has(old.doc) && ready5(next.doc)) clean2.add(next.doc);
+          if (clean2.has(old.doc) && ready6(next.doc)) clean2.add(next.doc);
           return null;
         }
         const tr4 = next.tr;
@@ -39078,12 +39353,29 @@ ${Object.entries(inner).map(([k5, v5]) => `${serializeLive(k5)}:${serializeLive(
     if (dispatch) dispatch(joinIntoSummary(st6, ents, ti4, ni4).scrollIntoView());
     return true;
   }
+  function deleteBeforeToggle(st6, dispatch) {
+    const { $from, empty } = st6.selection;
+    if (!empty || $from.depth !== 1) return false;
+    const n3 = $from.parent, i2 = $from.index(0);
+    if (!n3.isTextblock || n3.type.spec.code || isToggle(n3) || !n3.content.size || $from.parentOffset !== n3.content.size) return false;
+    if (i2 + 1 >= st6.doc.childCount || !isToggle(st6.doc.child(i2 + 1))) return false;
+    if (dispatch && n3.type !== N3.paragraph) dispatch(st6.tr.setSelection(TextSelection3.create(st6.doc, $from.after() + 1)).scrollIntoView());
+    else if (dispatch) {
+      const at5 = $from.before();
+      const tr4 = st6.tr.insert($from.after() + 1, n3.content).delete(at5, $from.after());
+      dispatch(tr4.setSelection(TextSelection3.create(tr4.doc, at5 + 1 + n3.content.size)).scrollIntoView());
+    }
+    return true;
+  }
   function backspaceBodyBlock(st6, dispatch) {
     const { $from, empty } = st6.selection;
     if (!empty || $from.depth !== 1 || $from.parentOffset !== 0 || !$from.parent.isTextblock) return false;
     const n3 = $from.parent;
     if (isList(n3) || isToggle(n3) || parentOf(n3) === null) return false;
-    return outdentBlocks(st6, dispatch);
+    const i2 = $from.index(0);
+    if (st6.doc.child(i2 - 1).attrs.id !== parentOf(n3)) return false;
+    if (dispatch) dispatch(joinIntoSummary(st6, outline(st6.doc), i2 - 1, i2).scrollIntoView());
+    return true;
   }
   function setOpen(st6, ti4, open2, ents = outline(st6.doc)) {
     const e20 = ents[ti4];
@@ -39502,7 +39794,7 @@ ${Object.entries(inner).map(([k5, v5]) => `${serializeLive(k5)}:${serializeLive(
       }
     });
   }
-  var alignOf, Plugin3, PluginKey3, TextSelection3, NodeSelection2, Selection3, N3, isList, isToggle, parentOf, STEP, MOVE, asStep2, subtreeRange, touchedBlocks, boundary, blockRef, matchesRef, mapSpan, BlockSelection, BlockBookmark, prevSibling, moveBlock, MAX_INDENT, sameRun, inside, ALPHA, ROMAN, collapseKey, STRUCTURAL2, LIST_LINE, LIST_TAGS, BLOCK_TAGS2, numberAttr, parentAttr, clipboardParser, ClipboardSerializer, base, clipboardSerializer, backspace, blockKeys;
+  var alignOf, Plugin3, PluginKey3, TextSelection3, NodeSelection2, Selection3, N3, isList, isToggle, parentOf, STEP, MOVE, asStep2, subtreeRange, touchedBlocks, boundary, blockRef, matchesRef, mapSpan, BlockSelection, BlockBookmark, prevSibling, moveBlock, MAX_INDENT, sameRun, codeEdge, backspaceCodeEdge, deleteCodeEdge, inside, ALPHA, ROMAN, collapseKey, STRUCTURAL2, LIST_LINE, LIST_TAGS, BLOCK_TAGS2, numberAttr, parentAttr, clipboardParser, ClipboardSerializer, base, clipboardSerializer, backspace, del, blockKeys;
   var init_blocks = __esm({
     "src/page/blocks.js"() {
       init_prosemirror_vendor();
@@ -39605,6 +39897,28 @@ ${Object.entries(inner).map(([k5, v5]) => `${serializeLive(k5)}:${serializeLive(
       };
       MAX_INDENT = 8;
       sameRun = (x6, y4) => isList(x6.node) && isList(y4.node) && parentOf(x6.node) === parentOf(y4.node);
+      codeEdge = (dir) => (st6, dispatch) => {
+        const { $from, empty } = st6.selection;
+        if (!empty || $from.depth !== 1 || !$from.parent.isTextblock) return false;
+        const n3 = $from.parent, i2 = $from.index(0);
+        if ($from.parentOffset !== (dir < 0 ? 0 : n3.content.size)) return false;
+        const ents = outline(st6.doc);
+        const ti4 = dir < 0 ? collapsedBefore(ents, i2) : -1;
+        const j6 = ti4 >= 0 ? ti4 : i2 + dir;
+        if (j6 < 0 || j6 >= ents.length) return false;
+        const o3 = ents[j6].node;
+        if (!o3.isTextblock || !n3.type.spec.code && !o3.type.spec.code) return false;
+        if (!dispatch) return true;
+        const tr4 = st6.tr, mine = ents[i2], other = ents[j6];
+        const target = dir < 0 ? other.end - 1 : other.at + 1;
+        if (!n3.content.size && !n3.type.spec.code) tr4.delete(mine.at, mine.end).setSelection(TextSelection3.create(tr4.doc, tr4.mapping.map(target)));
+        else if (!o3.content.size && !o3.type.spec.code) tr4.delete(other.at, other.end);
+        else tr4.setSelection(TextSelection3.create(tr4.doc, target));
+        dispatch(tr4.scrollIntoView());
+        return true;
+      };
+      backspaceCodeEdge = codeEdge(-1);
+      deleteCodeEdge = codeEdge(1);
       inside = (r44, p3) => p3 > r44.from && p3 < r44.to;
       ALPHA = (n3) => {
         let s2 = "";
@@ -39686,7 +40000,8 @@ ${Object.entries(inner).map(([k5, v5]) => `${serializeLive(k5)}:${serializeLive(
       };
       base = Qr.DOMSerializer.fromSchema(schema);
       clipboardSerializer = new ClipboardSerializer(base.nodes, base.marks);
-      backspace = lo.chainCommands(backspaceListItem, backspaceToggle, backspaceBodyBlock, backspaceAfterCollapsed);
+      backspace = lo.chainCommands(backspaceListItem, backspaceToggle, backspaceCodeEdge, backspaceBodyBlock, backspaceAfterCollapsed);
+      del = lo.chainCommands(deleteAtCollapsedEnd, deleteBeforeToggle, deleteCodeEdge);
       blockKeys = {
         Enter: lo.chainCommands(enterListItem, enterToggle, exitToggleOnEmpty, enterBodyBlock),
         Backspace: backspace,
@@ -39694,12 +40009,12 @@ ${Object.entries(inner).map(([k5, v5]) => `${serializeLive(k5)}:${serializeLive(
         "Mod-Backspace": backspace,
         "Alt-Backspace": backspace,
         "Ctrl-h": backspace,
-        Delete: deleteAtCollapsedEnd,
-        "Shift-Delete": deleteAtCollapsedEnd,
-        "Mod-Delete": deleteAtCollapsedEnd,
-        "Alt-Delete": deleteAtCollapsedEnd,
-        "Ctrl-d": deleteAtCollapsedEnd,
-        "Ctrl-Alt-Backspace": deleteAtCollapsedEnd,
+        Delete: del,
+        "Shift-Delete": del,
+        "Mod-Delete": del,
+        "Alt-Delete": del,
+        "Ctrl-d": del,
+        "Ctrl-Alt-Backspace": del,
         Tab: indentBlocks,
         "Shift-Tab": outdentBlocks,
         "Mod-Shift-ArrowUp": moveBlock(-1),
@@ -45604,7 +45919,7 @@ ${n3.toString()}`);
       const records3 = textDeletes(pd.gone);
       Qt3(transaction, um.currStackItem.deletions, (item) => {
         if (!(item instanceof b) || item.parent !== pd.flow || !item.countable || !item.redone) return;
-        const marker = item.content instanceof wt3 && item.content.embed?.b !== void 0;
+        const marker2 = item.content instanceof wt3 && item.content.embed?.b !== void 0;
         for (let offset = 0; offset < item.length; offset++) {
           const original = { client: item.id.client, clock: item.id.clock + offset };
           const source3 = index.resolve(original);
@@ -45616,11 +45931,11 @@ ${n3.toString()}`);
           }
           if (!(live3 instanceof b) || live3.deleted) continue;
           if (dest.clock < (transaction.beforeState.get(dest.client) ?? 0)) continue;
-          if (!marker && coversOriginal(records3, pd.ydoc.clientID, original)) {
+          if (!marker2 && coversOriginal(records3, pd.ydoc.clientID, original)) {
             repairs.push(dest);
             continue;
           }
-          (marker ? aliases : spans).push({ dest, source: source3 });
+          (marker2 ? aliases : spans).push({ dest, source: source3 });
         }
       });
       if (spans.length || aliases.length) pd.ydoc.transact(() => {
@@ -46403,8 +46718,8 @@ ${n3.toString()}`);
     return { type, attrs, key: best.restore.key };
   }
   function sourceRecord(pd, index, sourceKey, removals, hidden, intents, visible, groups) {
-    const effective = (blockId2, marker, overrides2 = null) => {
-      const boundary3 = index.boundaryOf(marker);
+    const effective = (blockId2, marker2, overrides2 = null) => {
+      const boundary3 = index.boundaryOf(marker2);
       if (!boundary3 || boundary3.blockId !== blockId2 || !boundary3.recoveryOf) return blockOf2(pd, blockId2, overrides2);
       const root4 = recoveredRoot(boundary3.recoveryOf, groups.get(boundary3.recoveryOf) ?? [], intents);
       const type = typeof overrides2?.get("t") === "string" && schema.nodes[overrides2.get("t")] ? overrides2.get("t") : root4?.type ?? "paragraph";
@@ -53438,10 +53753,10 @@ ${text2}`;
   function style2(nameOrHref, css) {
     return writeStyle(nameOrHref, css);
   }
-  function styleWithLegacyId(name, css, legacyId) {
-    return writeStyle(name, css, legacyId);
+  function styleWithLegacyId(name, css, legacyId, tokens = []) {
+    return writeStyle(name, css, legacyId, tokens);
   }
-  function writeStyle(nameOrHref, css, legacyId) {
+  function writeStyle(nameOrHref, css, legacyId, tokens = []) {
     const inline = typeof css === "string";
     const identity = inline ? { name: nameOrHref, legacyId } : { href: getStyleBaseUrl(nameOrHref) };
     const legacy = legacyId === void 0 ? [] : document.querySelectorAll(`style[id="${legacyId}"]:not([data-name])`);
@@ -53450,7 +53765,7 @@ ${text2}`;
       adoptStyleComparisons(identity);
       for (const el11 of legacy) el11.dataset.name = nameOrHref;
       if (inline) {
-        const el11 = insertStyles(nameOrHref, css, markNoDirty);
+        const el11 = insertStyles(nameOrHref, css, marker(tokens));
         if (legacyId !== void 0) el11.id = legacyId;
         return el11;
       }
@@ -53462,16 +53777,18 @@ ${text2}`;
       mutation_default.resume();
     }
   }
-  var markNoDirty;
+  var marker, markNoDirty;
   var init_style = __esm({
     "src/lib/style.js"() {
       init_insert_style_tag();
       init_mutation();
       init_style_adoption();
-      markNoDirty = (el11) => {
+      marker = (extra = []) => (el11) => {
         const tokens = (el11.getAttribute("clay") ?? "").split(/\s+/).filter(Boolean);
-        if (!tokens.includes("no-dirty")) el11.setAttribute("clay", [...tokens, "no-dirty"].join(" "));
+        const missing = ["no-dirty", ...extra].filter((token2) => !tokens.includes(token2));
+        if (missing.length) el11.setAttribute("clay", [...tokens, ...missing].join(" "));
       };
+      markNoDirty = marker();
     }
   });
 
@@ -53540,7 +53857,7 @@ ${text2}`;
   function createPageEditor(mount2, { blocks = null, onChange = null, upload: upload2, highlight: highlight2, doc: initialDoc, dispatch, history: useHistory = true, undo: undo2, redo, editable = true, toolHost: providedToolHost = null, onAiTool = null, reviseTool = null, board = null } = {}) {
     const doc = mount2.ownerDocument;
     const toolHost = providedToolHost ?? createToolHost({ mode: "edit" });
-    styleWithLegacyId(STYLE_ID, PAGE_EDITOR_CSS, STYLE_ID);
+    styleWithLegacyId(STYLE_ID, PAGE_EDITOR_CSS, STYLE_ID, ["editor-ui"]);
     const shell = doc.createElement("div");
     shell.className = "page-shell";
     shell.setAttribute("clay", "editor-ui");
@@ -54456,7 +54773,7 @@ ${BOARD_CSS}
   function installAdoption({
     view: view3,
     source: source3 = null,
-    ready: ready5 = Promise.resolve(),
+    ready: ready6 = Promise.resolve(),
     isAdopter = () => true,
     idle = () => compositionIdle(view3),
     requestCheckpoint: requestCheckpoint2 = () => {
@@ -54497,7 +54814,7 @@ ${BOARD_CSS}
         timer = setTimeout(() => resolve("timeout"), holdMs);
       });
       try {
-        return await Promise.race([Promise.resolve(ready5).then(() => idle()).then(() => "ready"), cancelled.then(() => "disposed"), timeout]);
+        return await Promise.race([Promise.resolve(ready6).then(() => idle()).then(() => "ready"), cancelled.then(() => "disposed"), timeout]);
       } finally {
         clearTimeout(timer);
       }
@@ -55731,13 +56048,13 @@ ${BOARD_CSS}
     }
     return { start: start2, endA, endB };
   }
-  function keepViewPos(derived, current4 = null) {
+  function keepViewPos(derived2, current4 = null) {
     const previous = /* @__PURE__ */ new Map();
     current4?.forEach((block2) => {
       if (block2.attrs.id) previous.set(block2.attrs.id, block2);
     });
     const blocks = [];
-    derived.forEach((block2) => blocks.push(block2));
+    derived2.forEach((block2) => blocks.push(block2));
     const positions = blocks.map((block2) => ({ id: block2.attrs.id, pos: previous.get(block2.attrs.id)?.attrs.pos ?? block2.attrs.pos }));
     const changes2 = repairSiblings(positions, "b");
     let changed2 = false;
@@ -55759,7 +56076,7 @@ ${BOARD_CSS}
       changed2 = true;
       return block2.type.create({ ...block2.attrs, pos }, content, block2.marks);
     });
-    return changed2 ? derived.type.create(derived.attrs, placed2) : derived;
+    return changed2 ? derived2.type.create(derived2.attrs, placed2) : derived2;
   }
   function createBridge({ pd, onNotice = () => {
   }, ownedTokens = [], authorToken = null, stats = { groups: 0, mismatch: 0, renders: 0, first: null }, captureTimeout = 500 }) {
@@ -55839,10 +56156,10 @@ ${BOARD_CSS}
       stats.renders++;
       const keep = saved2;
       saved2 = null;
-      const derived = keepViewPos(fresh ?? refresh2(), view3.state.doc);
-      const d = docDiff(view3.state.doc, derived);
+      const derived2 = keepViewPos(fresh ?? refresh2(), view3.state.doc);
+      const d = docDiff(view3.state.doc, derived2);
       if (!d) return;
-      const tr4 = view3.state.tr.replace(d.start, d.endA, derived.slice(d.start, d.endB)).setMeta(REMOTE_META, true).setMeta("addToHistory", false);
+      const tr4 = view3.state.tr.replace(d.start, d.endA, derived2.slice(d.start, d.endB)).setMeta(REMOTE_META, true).setMeta("addToHistory", false);
       if (own) tr4.setMeta("yundo", true);
       if (keep) {
         const hiddenUnit = (y4) => y4 >= 0 && w4.holes.some((hole) => y4 >= yBefore(w4.holes, hole.at) && y4 < yAfter(w4.holes, hole.at));
@@ -55977,12 +56294,12 @@ ${BOARD_CSS}
         const register2 = registerAuthor;
         registerAuthor = null;
         localGroup(pd, local3, w4, stats, um, history3, register2);
-        const derived = refresh2();
-        if (!sameBareShape(derived, view3.state.doc)) {
+        const derived2 = refresh2();
+        if (!sameBareShape(derived2, view3.state.doc)) {
           stats.mismatch++;
-          stats.first ??= { before: bareShape(local3[0].before), pm: bareShape(view3.state.doc), y: bareShape(derived) };
+          stats.first ??= { before: bareShape(local3[0].before), pm: bareShape(view3.state.doc), y: bareShape(derived2) };
         }
-        render3(false, derived);
+        render3(false, derived2);
       },
       // Restore inserts the displaced source as a normal block found by its Yjs identity, with no
       // provenance layer. Four edge cases are accepted because they are rare and lose no text
@@ -56007,12 +56324,12 @@ ${BOARD_CSS}
         }
         const blockId = `${RECOVERED_PREFIX}${sourceKey}`;
         um.stopCapturing();
-        let marker = null;
+        let marker2 = null;
         pd.ydoc.transact(() => {
           pd.gone.set(restoreKey(sourceKey, mintOp(pd)), { covers: record6.removals.map((removal) => removal.key), baseline: { type: record6.type, attrs: JSON.parse(JSON.stringify(record6.attrs)) } });
           pd.flow.insertEmbed(restoreIndexAt(pd, sourceKey), { b: blockId });
-          marker = newestLocalMarker(pd, blockId);
-          origins.recordBoundary(marker, { blockId, kind: "restore", recoveryOf: sourceKey });
+          marker2 = newestLocalMarker(pd, blockId);
+          origins.recordBoundary(marker2, { blockId, kind: "restore", recoveryOf: sourceKey });
         }, LOCAL2);
         um.stopCapturing();
         render3();
@@ -57264,11 +57581,11 @@ ${doc.documentElement.outerHTML}`);
       })]);
       clearTimeout(timer);
     };
-    const ready5 = needsAdoption ? awaitWriter() : Promise.resolve();
+    const ready6 = needsAdoption ? awaitWriter() : Promise.resolve();
     const adoption = installAdoption({
       view: view3,
       source: source3,
-      ready: ready5,
+      ready: ready6,
       isAdopter: () => {
         const lane = fastLane();
         return !lane || lane.status.writer === null ? true : lane.isWriter();
@@ -58891,12 +59208,13 @@ ${doc.documentElement.outerHTML}`);
       init_hyper_undo_vendor();
       init_is_edit_mode();
       init_root_attrs();
+      init_derived();
       init_attr_aliases();
       withTabLocal = (opts = {}) => {
         const own = opts.ignoreAttribute;
         return {
           ...opts,
-          ignoreAttribute: (name, target) => isTabLocalAttr(name, target) || (own ? own(name, target) : false)
+          ignoreAttribute: (name, target) => isTabLocalAttr(name, target) || isDerivedAttr(target, name) || (own ? own(name, target) : false)
         };
       };
       createScope = undo.create.bind(undo);
@@ -69613,9 +69931,10 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
 }
 .hcp .hcp-dock .hcp-x:hover { color: var(--hcp-ink); background: var(--hcp-face); }
 .hcp-tab__label { display: inline; }
+.hcp-tab__mini { display: none; }
+.hcp[data-hcp-state="mini"] .hcp-tab__mini { display: inline; }
 .hcp[data-hcp-state="mini"] .hcp-tab__label,
 .hcp[data-hcp-state="mini"] .hcp-dock .hcp-x { display: none; }
-.hcp[data-hcp-state="mini"] .hcp-tab { width: 34px; padding: 0; }
 .hcp[data-hcp-state="card"] .hcp-dock { display: none; }
 
 .hcp-card {
@@ -69905,7 +70224,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     <div class="hcp-foot"><button type="button" class="hcp-quiet" data-hcp="dismiss">Don&rsquo;t show again</button></div>
   </section>
   <div class="hcp-dock">
-    <button type="button" class="hcp-btn hcp-tab" data-hcp="open" aria-controls="hcp-card" aria-expanded="false" aria-label="This app is free to keep"><span><svg width="16" height="16" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/></svg><span class="hcp-tab__label">This app is free to keep</span></span></button>
+    <button type="button" class="hcp-btn hcp-tab" data-hcp="open" aria-controls="hcp-card" aria-expanded="false" aria-label="This app is free to keep"><span><svg width="16" height="16" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/></svg><span class="hcp-tab__label">This app is free to keep</span><span class="hcp-tab__mini">Keep</span></span></button>
     <button type="button" class="hcp-x" data-hcp="minimize" aria-label="Minimize download notice"><svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true"><path d="M1.4 0 6 4.6 10.6 0 12 1.4 7.4 6 12 10.6 10.6 12 6 7.4 1.4 12 0 10.6 4.6 6 0 1.4z"/></svg></button>
   </div>
 </aside>`;
@@ -71397,6 +71716,35 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     }
   });
 
+  // no-sap-core:../vendor/sap-core.vendor.js
+  var sap_core_vendor_exports = {};
+  __export(sap_core_vendor_exports, {
+    default: () => sap_core_vendor_default
+  });
+  var sap_core_vendor_default;
+  var init_sap_core_vendor = __esm({
+    "no-sap-core:../vendor/sap-core.vendor.js"() {
+      sap_core_vendor_default = null;
+    }
+  });
+
+  // src/plugins/derive.js
+  var derive_exports = {};
+  __export(derive_exports, {
+    ready: () => ready5
+  });
+  function fullSapjs() {
+    const sap = window.Sap;
+    return Boolean(sap && !sap.core || window.clay?.loaded?.sap);
+  }
+  var ready5;
+  var init_derive = __esm({
+    "src/plugins/derive.js"() {
+      ready5 = fullSapjs() ? null : Promise.resolve().then(() => (init_sap_core_vendor(), sap_core_vendor_exports)).then(() => {
+      });
+    }
+  });
+
   // entries/clay-data.js
   var clay_data_exports = {};
   var init_clay_data = __esm({
@@ -72610,54 +72958,54 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
     "entries/sap.js"() {
       (function() {
         var Sap = (() => {
-          var ne6 = Object.defineProperty;
-          var xn4 = Object.getOwnPropertyDescriptor;
-          var Sn3 = Object.getOwnPropertyNames;
-          var kn4 = Object.prototype.hasOwnProperty;
-          var $n2 = (t2, e20) => {
-            for (var r44 in e20) ne6(t2, r44, { get: e20[r44], enumerable: true });
-          }, _n4 = (t2, e20, r44, n3) => {
-            if (e20 && typeof e20 == "object" || typeof e20 == "function") for (let o3 of Sn3(e20)) !kn4.call(t2, o3) && o3 !== r44 && ne6(t2, o3, { get: () => e20[o3], enumerable: !(n3 = xn4(e20, o3)) || n3.enumerable });
+          var Ot5 = Object.defineProperty;
+          var mn3 = Object.getOwnPropertyDescriptor;
+          var hn4 = Object.getOwnPropertyNames;
+          var bn4 = Object.prototype.hasOwnProperty;
+          var gn5 = (t2, e20) => {
+            for (var r44 in e20) Ot5(t2, r44, { get: e20[r44], enumerable: true });
+          }, wn4 = (t2, e20, r44, n3) => {
+            if (e20 && typeof e20 == "object" || typeof e20 == "function") for (let o3 of hn4(e20)) !bn4.call(t2, o3) && o3 !== r44 && Ot5(t2, o3, { get: () => e20[o3], enumerable: !(n3 = mn3(e20, o3)) || n3.enumerable });
             return t2;
           };
-          var Tn3 = (t2) => _n4(ne6({}, "__esModule", { value: true }), t2);
-          var Sr4 = {};
-          $n2(Sr4, { Sap: () => O4, default: () => xr4, mount: () => vn4, mountAll: () => te6, runtime: () => mt6 });
-          function Ee6(t2) {
+          var yn4 = (t2) => wn4(Ot5({}, "__esModule", { value: true }), t2);
+          var hr4 = {};
+          gn5(hr4, { Sap: () => Mt6, default: () => mr4, mount: () => dr4, mountAll: () => pn4, runtime: () => pr4 });
+          function ee6(t2) {
             let e20 = false, r44 = /* @__PURE__ */ new Set(), n3 = [];
-            function o3(l2) {
-              l2 && (n3.push(l2), n3.length > 8 && n3.shift());
+            function o3(u3) {
+              u3 && (n3.push(u3), n3.length > 8 && n3.shift());
             }
-            function s2(l2, w4) {
-              o3(w4), !l2._broken && (r44.add(l2), !e20 && (e20 = true, queueMicrotask(a2)));
+            function s2(u3, E4) {
+              o3(E4), !u3._broken && (r44.add(u3), !e20 && (e20 = true, queueMicrotask(a2)));
             }
             function a2() {
               e20 = false;
-              let l2 = [...r44];
+              let u3 = [...r44];
               r44.clear();
-              for (let w4 of l2) k5(w4);
+              for (let E4 of u3) g2(E4);
             }
-            function k5(l2, w4 = false) {
-              if (!l2._broken) {
-                if (l2._passes = (l2._passes || 0) + 1, l2._passes > 50) {
-                  l2._broken = true, l2._breakerRing = n3.slice(), t2(l2, { breaker: true });
+            function g2(u3, E4 = false) {
+              if (!(u3._broken || u3.halted)) {
+                if (u3._passes = (u3._passes || 0) + 1, u3._passes > 50) {
+                  u3._broken = true, u3._breakerRing = n3.slice(), t2(u3, { breaker: true });
                   return;
                 }
-                l2._resetArmed || (l2._resetArmed = true, setTimeout(() => {
-                  l2._passes = 0, l2._resetArmed = false;
-                }, 0)), t2(l2, w4 ? { full: true } : {});
+                u3._resetArmed || (u3._resetArmed = true, setTimeout(() => {
+                  u3._passes = 0, u3._resetArmed = false;
+                }, 0)), t2(u3, E4 ? { full: true } : {});
               }
             }
-            function $6(l2, w4) {
-              o3(w4), k5(l2, true);
+            function b4(u3, E4) {
+              o3(E4), g2(u3, true);
             }
-            function A4(l2) {
-              l2._broken = false, l2._passes = 0;
+            function d(u3) {
+              u3._broken = false, u3._passes = 0;
             }
-            return { schedule: s2, runNow: $6, rearm: A4, ring: n3 };
+            return { schedule: s2, runNow: b4, rearm: d, ring: n3 };
           }
-          var re5 = { E01: { slug: "foreign-dialect", behavior: "HALT" }, E02: { slug: "moustaches-in-text", behavior: "HALT" }, E04: { slug: "duplicate-declaration", behavior: "HALT" }, E05: { slug: "reserved-name", behavior: "HALT" }, E06: { slug: "global-html-name", behavior: "HALT" }, E07: { slug: "calc-cycle", behavior: "ERR" }, E08: { slug: "expression-syntax", behavior: "HALT" }, E10: { slug: "orphan-item", behavior: "HALT" }, E12: { slug: "unknown-state-key", behavior: "ERR" }, E15: { slug: "write-to-undeclared-key", behavior: "ERR" }, E16: { slug: "write-to-computed-field", behavior: "ERR" }, E17: { slug: "unresolvable-action-target", behavior: "HALT" }, E18: { slug: "paint-on-form-control", behavior: "HALT" }, E20: { slug: "bind-on-non-control", behavior: "HALT" }, E22: { slug: "format-type", behavior: "ERR" }, E24: { slug: "runtime-expression-throw", behavior: "ERR" }, E26: { slug: "circuit-breaker", behavior: "HALT" }, E30: { slug: "attr-on-bound-control", behavior: "HALT" }, E31: { slug: "password-without-transient", behavior: "HALT" }, E32: { slug: "file-bind", behavior: "HALT" }, E33: { slug: "dialog-state-open", behavior: "HALT" }, E34: { slug: "transient-persist-collision", behavior: "HALT" }, E35: { slug: "presence-state-misuse", behavior: "HALT" }, E40: { slug: "each-not-array", behavior: "ERR" }, E41: { slug: "each-bad-key", behavior: "ERR" }, E42: { slug: "each-template", behavior: "ERR" }, E43: { slug: "bind-in-each-row", behavior: "ERR" }, W03: { slug: "unknown-colon-attribute", behavior: "WARN" }, W04: { slug: "expression-in-when", behavior: "WARN" }, W30: { slug: "nonzero-mount-writes", behavior: "WARN" }, W31: { slug: "detail-dialog-saved-open", behavior: "WARN" } }, bt6 = ["disabled", "readonly", "required", "checked", "selected", "multiple", "open", "inert", "autofocus", "novalidate", "hidden"], Tt6 = /* @__PURE__ */ new Set(["title", "style", "hidden", "lang", "dir", "translate", "class", "id", "nonce", "autofocus", "tabindex", "contenteditable", "spellcheck", "draggable", "role", "slot", "part", "name", "value", "type", "itemscope", "itemtype", "itemid", "itemprop", "itemref"]), It6 = /* @__PURE__ */ new Set(["sap", "scope", "items", "item", "template", "bind", "calc", "text", "show", "attr", "set", "trigger", "move", "sort", "detail", "each", "effect", "invalid", "confirm", "transient", "default", "persist", "sortable", "editmode"]);
-          function Ot5(t2) {
+          var Bt5 = { E01: { slug: "foreign-dialect", behavior: "HALT" }, E02: { slug: "moustaches-in-text", behavior: "HALT" }, E04: { slug: "duplicate-declaration", behavior: "HALT" }, E05: { slug: "reserved-name", behavior: "HALT" }, E06: { slug: "global-html-name", behavior: "HALT" }, E07: { slug: "calc-cycle", behavior: "ERR" }, E08: { slug: "expression-syntax", behavior: "HALT" }, E10: { slug: "orphan-item", behavior: "HALT" }, E12: { slug: "unknown-state-key", behavior: "ERR" }, E15: { slug: "write-to-undeclared-key", behavior: "ERR" }, E16: { slug: "write-to-computed-field", behavior: "ERR" }, E17: { slug: "unresolvable-action-target", behavior: "HALT" }, E18: { slug: "paint-on-form-control", behavior: "HALT" }, E20: { slug: "bind-on-non-control", behavior: "HALT" }, E22: { slug: "format-type", behavior: "ERR" }, E24: { slug: "runtime-expression-throw", behavior: "ERR" }, E26: { slug: "circuit-breaker", behavior: "HALT" }, E30: { slug: "attr-on-bound-control", behavior: "HALT" }, E31: { slug: "password-without-transient", behavior: "HALT" }, E32: { slug: "file-bind", behavior: "HALT" }, E33: { slug: "dialog-state-open", behavior: "HALT" }, E34: { slug: "transient-persist-collision", behavior: "HALT" }, E35: { slug: "presence-state-misuse", behavior: "HALT" }, E40: { slug: "each-not-array", behavior: "ERR" }, E41: { slug: "each-bad-key", behavior: "ERR" }, E42: { slug: "each-template", behavior: "ERR" }, E43: { slug: "bind-in-each-row", behavior: "ERR" }, E50: { slug: "needs-full-sapjs", behavior: "HALT" }, W03: { slug: "unknown-colon-attribute", behavior: "WARN" }, W04: { slug: "expression-in-when", behavior: "WARN" }, W30: { slug: "nonzero-mount-writes", behavior: "WARN" }, W31: { slug: "detail-dialog-saved-open", behavior: "WARN" } }, J6 = ["disabled", "readonly", "required", "checked", "selected", "multiple", "open", "inert", "autofocus", "novalidate", "hidden"], at5 = /* @__PURE__ */ new Set(["title", "style", "hidden", "lang", "dir", "translate", "class", "id", "nonce", "autofocus", "tabindex", "contenteditable", "spellcheck", "draggable", "role", "slot", "part", "name", "value", "type", "itemscope", "itemtype", "itemid", "itemprop", "itemref"]), wt6 = /* @__PURE__ */ new Set(["sap", "scope", "items", "item", "template", "bind", "calc", "text", "show", "attr", "set", "trigger", "move", "sort", "detail", "each", "effect", "invalid", "confirm", "transient", "default", "persist", "sortable", "editmode"]);
+          function yt6(t2) {
             if (!t2 || t2.nodeType !== 1) return "?";
             if (t2.id) return `${t2.tagName.toLowerCase()}#${t2.id}`;
             let e20 = [], r44 = t2, n3 = 0;
@@ -72666,7 +73014,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
               if (r44.hasAttribute("sap")) o3 += "[sap]";
               else if (r44.parentElement) {
                 let s2 = 0, a2 = 0;
-                for (let k5 = r44.parentElement.firstElementChild; k5; k5 = k5.nextElementSibling) k5.tagName === r44.tagName && (s2++, k5 === r44 && (a2 = s2));
+                for (let g2 = r44.parentElement.firstElementChild; g2; g2 = g2.nextElementSibling) g2.tagName === r44.tagName && (s2++, g2 === r44 && (a2 = s2));
                 s2 > 1 && (o3 += `:nth-of-type(${a2})`);
               }
               if (e20.unshift(o3), r44.hasAttribute("sap")) break;
@@ -72674,16 +73022,12 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
             }
             return e20.join(" > ");
           }
-          function ve6(t2) {
-            let e20 = t2.toLowerCase();
-            return /^x-text$|^x-html$/.test(e20) ? 'use text="state.x" (Sap paints text only)' : /^x-show$|^v-show$|^v-if$/.test(e20) ? 'use show="expr" (toggles native hidden)' : /^x-model$|^v-model$/.test(e20) ? 'use bind="field"' : /^@|^x-on:|^v-on:|^on:/.test(e20) ? "use native onclick + Sap(this) (no event directive)" : /^:|^x-bind:class$|^v-bind:class$/.test(e20) ? 'use class:NAME="expr" or attr:NAME="expr"' : /^x-for$|^v-for$/.test(e20) ? 'use items="name" on the container and item template on the row' : /^x-data$/.test(e20) ? "declare state with state= / bind / items (no JS state object)" : /^x-init$/.test(e20) ? "use a <script> or onclick + Sap(this)" : /^bind:/.test(e20) ? 'use bind="field"; one-way paint is attr:NAME="expr"' : /^x-/.test(e20) || /^v-/.test(e20) ? "this is a foreign-dialect attribute; Sap has no x-/v- attributes" : null;
-          }
-          var ht6 = class {
+          var K7 = class {
             constructor(e20) {
               this.appName = e20, this.errors = [], this.warnings = [], this.halted = false, this.haltReason = null;
             }
             block(e20, r44, n3 = {}) {
-              let o3 = (re5[e20] || {}).slug || "error", s2 = { code: e20, slug: o3, el: Ot5(r44), attr: n3.attr || null, expr: n3.expr || null, key: n3.key || null, problem: n3.problem || "", didYouMean: n3.didYouMean || null, fix: n3.fix || null, phase: n3.phase || "runtime" }, a2 = [`
+              let o3 = (Bt5[e20] || {}).slug || "error", s2 = { code: e20, slug: o3, el: yt6(r44), attr: n3.attr || null, expr: n3.expr || null, key: n3.key || null, problem: n3.problem || "", didYouMean: n3.didYouMean || null, fix: n3.fix || null, phase: n3.phase || "runtime" }, a2 = [`
 ` + (e20[0] === "W" ? "sap \u26A0 " : "sap \u2717 ") + e20 + " " + o3];
               return a2.push(`  at ${s2.el}${s2.attr ? ` \u2014 ${s2.attr}="${s2.expr ?? ""}"` : ""}`), s2.problem && a2.push(`  problem: ${s2.problem}`), s2.didYouMean && a2.push(`  did you mean: ${s2.didYouMean}`), s2.fix && a2.push(`  fix: ${s2.fix}`), (e20[0] === "W" ? console.warn : console.error)(a2.join(`
 `)), s2;
@@ -72700,55 +73044,55 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
               return { ok: this.errors.length === 0 && !this.halted, app: this.appName, halted: this.halted, haltReason: this.haltReason, errors: this.errors.slice(), warnings: this.warnings.slice() };
             }
           };
-          function ut6(t2, e20) {
+          function M6(t2, e20) {
             t2 && t2.getAttribute("sap-error") !== e20 && t2.setAttribute("sap-error", e20);
           }
-          function Ft5(t2) {
+          function Q6(t2) {
             t2 && t2.hasAttribute("sap-error") && t2.removeAttribute("sap-error");
           }
-          function Nt4(t2, e20) {
+          function ut6(t2, e20) {
             let r44 = null, n3 = 3;
             for (let o3 of e20) {
-              let s2 = Nn4(t2, o3);
+              let s2 = An4(t2, o3);
               s2 < n3 && (n3 = s2, r44 = o3);
             }
             return r44;
           }
-          function Nn4(t2, e20) {
+          function An4(t2, e20) {
             let r44 = t2.length, n3 = e20.length, o3 = Array.from({ length: r44 + 1 }, (s2, a2) => [a2, ...new Array(n3).fill(0)]);
             for (let s2 = 0; s2 <= n3; s2++) o3[0][s2] = s2;
             for (let s2 = 1; s2 <= r44; s2++) for (let a2 = 1; a2 <= n3; a2++) o3[s2][a2] = Math.min(o3[s2 - 1][a2] + 1, o3[s2][a2 - 1] + 1, o3[s2 - 1][a2 - 1] + (t2[s2 - 1] === e20[a2 - 1] ? 0 : 1));
             return o3[r44][n3];
           }
-          var Ln4 = new Set(bt6), Cn3 = { readonly: "readOnly", novalidate: "noValidate" }, Rn4 = 0, xe6 = /* @__PURE__ */ new WeakMap();
-          function Bt5(t2, e20 = "sap") {
+          var En4 = new Set(J6), vn4 = { readonly: "readOnly", novalidate: "noValidate" }, xn4 = 0, ne6 = /* @__PURE__ */ new WeakMap();
+          function At5(t2, e20 = "sap") {
             let r44 = t2.getAttribute("data-id");
             if (r44) return r44;
             if (t2.id) return t2.id;
-            let n3 = xe6.get(t2);
-            return n3 || (n3 = `${e20}-${(Rn4++).toString(36)}`, xe6.set(t2, n3)), n3;
+            let n3 = ne6.get(t2);
+            return n3 || (n3 = `${e20}-${(xn4++).toString(36)}`, ne6.set(t2, n3)), n3;
           }
-          function Se6(t2, e20 = "row") {
+          function re5(t2, e20 = "row") {
             for (; ; ) {
               let r44 = `${e20}-${Math.random().toString(36).slice(2, 8)}`;
               if (!t2.getElementById(r44) && !t2.querySelector(`[data-id="${r44}"]`)) return r44;
             }
           }
-          function Dn4(t2) {
+          function Sn3(t2) {
             return t2.hasAttribute("scope") || t2.hasAttribute("items") || t2.hasAttribute("detail") || t2.hasAttribute("each");
           }
-          function Mn4(t2) {
+          function kn4(t2) {
             return t2.tagName === "TEMPLATE" || t2.hasAttribute("sap-ignore") || t2.hasAttribute("template") || t2.hasAttribute("cms-template");
           }
-          function et6(t2, e20) {
+          function O4(t2, e20) {
             for (let n3 = t2.firstElementChild; n3; n3 = n3.nextElementSibling) r44(n3);
             function r44(n3) {
-              if (Mn4(n3)) return;
-              let o3 = Dn4(n3);
+              if (kn4(n3)) return;
+              let o3 = Sn3(n3);
               if (e20(n3, o3), !o3) for (let s2 = n3.firstElementChild; s2; s2 = s2.nextElementSibling) r44(s2);
             }
           }
-          function Q6(t2) {
+          function F5(t2) {
             let e20 = t2;
             for (; e20; ) {
               if (e20.hasAttribute("sap") || e20.hasAttribute("scope") || e20.hasAttribute("item") || e20.hasAttribute("detail")) return e20;
@@ -72756,14 +73100,14 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
             }
             return null;
           }
-          function lt6(t2) {
+          function H6(t2) {
             for (let e20 = t2; e20 && e20.nodeType === 1; e20 = e20.parentElement) {
               if (e20._sapEachRow) return e20;
               if (e20.hasAttribute("item") || e20.hasAttribute("sap")) return null;
             }
             return null;
           }
-          function Wt6(t2) {
+          function Et6(t2) {
             let e20 = t2;
             for (; e20; ) {
               if (e20.hasAttribute("detail") || e20.hasAttribute("item")) return e20;
@@ -72771,7 +73115,7 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
             }
             return null;
           }
-          function Lt5(t2) {
+          function ct6(t2) {
             let e20 = t2;
             for (; e20; ) {
               if (e20.hasAttribute("detail")) return e20;
@@ -72779,58 +73123,58 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
             }
             return null;
           }
-          function ft5(t2, e20) {
+          function U6(t2, e20) {
             if (t2.hasAttribute("item") && t2.getAttribute("bind") === e20) return t2;
             let r44 = null;
-            return et6(t2, (n3) => {
+            return O4(t2, (n3) => {
               !r44 && n3.getAttribute("bind") === e20 && (r44 = n3);
             }), r44;
           }
-          function gt6(t2, e20) {
+          function Z7(t2, e20) {
             let r44 = null;
-            return et6(t2, (n3) => {
+            return O4(t2, (n3) => {
               !r44 && n3.getAttribute("items") === e20 && (r44 = n3);
             }), r44;
           }
-          function wt6(t2, e20) {
-            return !t2 || t2.nodeType !== 1 || !t2.hasAttribute("item") ? false : ft5(t2, e20) || gt6(t2, e20) ? true : V7(t2.getAttribute("state") || "").some((r44) => r44.name === e20);
+          function tt6(t2, e20) {
+            return !t2 || t2.nodeType !== 1 || !t2.hasAttribute("item") ? false : U6(t2, e20) || Z7(t2, e20) ? true : C5(t2.getAttribute("state") || "").some((r44) => r44.name === e20);
           }
-          function ke6(t2) {
+          function oe6(t2) {
             let e20 = t2 && t2.$el;
             return e20 && e20.nodeType === 1 && e20.isConnected && e20.hasAttribute("item") ? e20 : null;
           }
-          function qt5(t2) {
+          function vt5(t2) {
             return !!t2.closest("form[trigger-add]");
           }
-          function rt6(t2) {
+          function W6(t2) {
             let e20 = [];
             for (let r44 = t2.firstElementChild; r44; r44 = r44.nextElementSibling) r44.hasAttribute("item") && !r44.hasAttribute("template") && !r44.hasAttribute("cms-template") && e20.push(r44);
             return e20;
           }
-          function oe6(t2, e20) {
+          function Wt6(t2, e20) {
             if (!t2 || !e20) return null;
             let r44 = [...t2.querySelectorAll(`template[items="${e20}"]`)].find((o3) => o3.closest("[sap]") === t2), n3 = r44 && r44.content.firstElementChild;
             return n3 && n3.hasAttribute("item") ? n3 : null;
           }
-          function Vt5(t2) {
+          function xt6(t2) {
             for (let e20 = t2.firstElementChild; e20; e20 = e20.nextElementSibling) if (e20.hasAttribute("item") && e20.hasAttribute("template")) return e20;
-            return oe6(t2.closest("[sap]"), t2.getAttribute("items"));
+            return Wt6(t2.closest("[sap]"), t2.getAttribute("items"));
           }
-          function V7(t2) {
+          function C5(t2) {
             let e20 = [];
             if (!t2) return e20;
             for (let r44 of t2.trim().split(/\s+/)) {
               if (!r44) continue;
               let n3 = r44, o3, s2 = n3.indexOf("=");
               s2 >= 0 && (o3 = n3.slice(s2 + 1), n3 = n3.slice(0, s2));
-              let a2 = n3.split(":"), k5 = a2[0], $6 = "string", A4 = false;
-              for (let N16 of a2.slice(1)) N16 === "num" ? $6 = "num" : N16 === "bool" ? $6 = "bool" : N16 === "presence" ? $6 = "presence" : N16 === "transient" && (A4 = true);
-              let l2 = k5, w4 = l2.startsWith("data-") && l2.length > 5 ? l2.slice(5).replace(/-([a-z])/g, (N16, P7) => P7.toUpperCase()) : l2;
-              e20.push({ name: w4, attr: l2, type: $6, default: o3, transient: A4 });
+              let a2 = n3.split(":"), g2 = a2[0], b4 = "string", d = false;
+              for (let S4 of a2.slice(1)) S4 === "num" ? b4 = "num" : S4 === "bool" ? b4 = "bool" : S4 === "presence" ? b4 = "presence" : S4 === "transient" && (d = true);
+              let u3 = g2, E4 = u3.startsWith("data-") && u3.length > 5 ? u3.slice(5).replace(/-([a-z])/g, (S4, k5) => k5.toUpperCase()) : u3;
+              e20.push({ name: E4, attr: u3, type: b4, default: o3, transient: d });
             }
             return e20;
           }
-          function ct6(t2, e20) {
+          function z5(t2, e20) {
             if (e20 === "num") {
               if (t2 == null || t2 === "") return 0;
               let r44 = Number(t2);
@@ -72838,119 +73182,119 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
             }
             return e20 === "bool" ? t2 === "true" || t2 === "" || t2 === "1" : t2 ?? "";
           }
-          function ie6(t2, e20) {
+          function qt5(t2, e20) {
             return e20 === "bool" ? t2 ? "true" : "false" : t2 == null ? "" : String(t2);
           }
-          function se6(t2, e20) {
-            return Ln4.has(e20) && typeof t2[Cn3[e20] || e20] == "boolean";
+          function jt6(t2, e20) {
+            return En4.has(e20) && typeof t2[vn4[e20] || e20] == "boolean";
           }
-          function yt6(t2, e20) {
-            return e20.type === "presence" || e20.type !== "num" && se6(t2, e20.attr || e20.name);
+          function G5(t2, e20) {
+            return e20.type === "presence" || e20.type !== "num" && jt6(t2, e20.attr || e20.name);
           }
-          function Ct6(t2) {
+          function ft5(t2) {
             return t2.default != null ? t2.default : t2.type === "num" ? "0" : t2.type === "bool" ? "false" : "";
           }
-          function $e6(t2, e20) {
+          function ie6(t2, e20) {
             let r44 = e20.attr || e20.name;
-            if (yt6(t2, e20)) return t2.hasAttribute(r44);
+            if (G5(t2, e20)) return t2.hasAttribute(r44);
             let n3 = t2.getAttribute(r44);
-            return ct6(n3 ?? Ct6(e20), e20.type);
+            return z5(n3 ?? ft5(e20), e20.type);
           }
-          function _e6(t2, e20) {
-            return yt6(t2, e20) ? e20.default != null ? ct6(e20.default, "bool") : false : ct6(Ct6(e20), e20.type);
+          function se6(t2, e20) {
+            return G5(t2, e20) ? e20.default != null ? z5(e20.default, "bool") : false : z5(ft5(e20), e20.type);
           }
-          function Rt6(t2, e20, r44) {
+          function lt6(t2, e20, r44) {
             let n3 = e20.attr || e20.name;
-            if (yt6(t2, e20)) {
+            if (G5(t2, e20)) {
               r44 ? t2.hasAttribute(n3) || t2.setAttribute(n3, "") : t2.hasAttribute(n3) && t2.removeAttribute(n3);
               return;
             }
-            t2.setAttribute(n3, ie6(r44, e20.type));
+            t2.setAttribute(n3, qt5(r44, e20.type));
           }
-          function zt5(t2, e20) {
+          function St6(t2, e20) {
             let r44 = e20.attr || e20.name, n3 = t2._sapTransient || (t2._sapTransient = {});
             if (!(e20.name in n3)) {
               let o3 = t2.getAttribute(r44);
-              o3 == null && (o3 = Ct6(e20)), n3[e20.name] = ct6(o3, e20.type);
+              o3 == null && (o3 = ft5(e20)), n3[e20.name] = z5(o3, e20.type);
             }
             return t2.hasAttribute(r44) && t2.removeAttribute(r44), n3[e20.name];
           }
-          function Dt6(t2, e20, r44) {
+          function dt6(t2, e20, r44) {
             let n3 = e20.attr || e20.name;
             (t2._sapTransient || (t2._sapTransient = {}))[e20.name] = r44, t2.hasAttribute(n3) && t2.removeAttribute(n3);
           }
-          function Mt6(t2, e20, r44) {
+          function pt6(t2, e20, r44) {
             let n3 = String(r44).split("."), o3 = n3[n3.length - 1];
             if (n3.length === 1) {
-              let k5 = Pn4(e20, o3);
-              return k5 || (t2.getAttribute("items") === o3 ? t2 : t2.querySelector(`[items="${o3}"]:not(template)`));
+              let g2 = $n2(e20, o3);
+              return g2 || (t2.getAttribute("items") === o3 ? t2 : t2.querySelector(`[items="${o3}"]:not(template)`));
             }
-            let s2 = n3[n3.length - 2], a2 = [...t2.querySelectorAll(`[scope="${s2}"]`)].find((k5) => gt6(k5, o3));
-            return a2 ? gt6(a2, o3) : null;
+            let s2 = n3[n3.length - 2], a2 = [...t2.querySelectorAll(`[scope="${s2}"]`)].find((g2) => Z7(g2, o3));
+            return a2 ? Z7(a2, o3) : null;
           }
-          function Pn4(t2, e20) {
-            let r44 = Q6(t2);
+          function $n2(t2, e20) {
+            let r44 = F5(t2);
             for (; r44; ) {
               if (r44.getAttribute("items") === e20) return r44;
-              let n3 = gt6(r44, e20);
+              let n3 = Z7(r44, e20);
               if (n3) return n3;
-              r44 = Q6(r44.parentElement);
+              r44 = F5(r44.parentElement);
             }
             return null;
           }
-          function Z7(t2) {
+          function P7(t2) {
             if (typeof t2 == "number") return t2;
             if (t2 == null || t2 === "") return 0;
             let e20 = Number(typeof t2 == "string" ? t2.replace(/[$,%\s]/g, "") : t2);
             return Number.isNaN(e20) ? 0 : e20;
           }
-          function Ht5(t2, e20) {
+          function kt6(t2, e20) {
             return Array.isArray(t2) ? e20 == null ? t2 : t2.map((r44) => typeof e20 == "function" ? e20(r44) : r44?.[e20]) : [];
           }
-          function ae6(t2, e20) {
-            return Ht5(t2, e20).reduce((r44, n3) => r44 + Z7(n3), 0);
+          function Vt5(t2, e20) {
+            return kt6(t2, e20).reduce((r44, n3) => r44 + P7(n3), 0);
           }
-          function Te6(t2, e20) {
+          function ae6(t2, e20) {
             return Array.isArray(t2) ? e20 == null ? t2.length : t2.reduce((r44, n3) => r44 + (e20(n3) ? 1 : 0), 0) : 0;
           }
-          function Ne6(t2, e20) {
-            let r44 = Ht5(t2, e20);
-            return r44.length ? ae6(t2, e20) / r44.length : 0;
+          function ue5(t2, e20) {
+            let r44 = kt6(t2, e20);
+            return r44.length ? Vt5(t2, e20) / r44.length : 0;
           }
-          function Le6(t2, e20) {
-            let r44 = Ht5(t2, e20).filter((n3) => n3 != null && n3 !== "");
+          function ce6(t2, e20) {
+            let r44 = kt6(t2, e20).filter((n3) => n3 != null && n3 !== "");
             return r44.length ? r44.every((n3) => typeof n3 == "number" || !Number.isNaN(Number(n3))) ? Math.min(...r44.map(Number)) : r44.reduce((n3, o3) => String(n3) <= String(o3) ? n3 : o3) : 0;
           }
-          function Ce6(t2, e20) {
-            let r44 = Ht5(t2, e20).filter((n3) => n3 != null && n3 !== "");
+          function fe5(t2, e20) {
+            let r44 = kt6(t2, e20).filter((n3) => n3 != null && n3 !== "");
             return r44.length ? r44.every((n3) => typeof n3 == "number" || !Number.isNaN(Number(n3))) ? Math.max(...r44.map(Number)) : r44.reduce((n3, o3) => String(n3) >= String(o3) ? n3 : o3) : 0;
           }
-          function Re6(t2, e20, r44) {
-            let n3 = Z7(t2) === 1 ? e20 : r44 ?? e20 + "s";
+          function le6(t2, e20, r44) {
+            let n3 = P7(t2) === 1 ? e20 : r44 ?? e20 + "s";
             return `${t2} ${n3}`;
           }
-          function De5(t2, e20) {
+          function de6(t2, e20) {
             let r44 = new Date(t2), n3 = new Date(e20);
             return Number.isNaN(+r44) || Number.isNaN(+n3) ? 0 : Math.round((n3 - r44) / 864e5);
           }
-          function nt6(t2) {
+          function B5(t2) {
             return typeof t2 == "number" ? t2 : Number(t2);
           }
-          var At5 = { usd: (t2) => "$" + nt6(t2).toLocaleString("en-US", { maximumFractionDigits: 0 }), usd2: (t2) => "$" + nt6(t2).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }), pct: (t2) => Math.round(nt6(t2)) + "%", pct1: (t2) => nt6(t2).toFixed(1) + "%", int: (t2) => Math.round(nt6(t2)).toLocaleString("en-US"), num: (t2) => nt6(t2).toLocaleString("en-US"), num2: (t2) => nt6(t2).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }), compact: (t2) => nt6(t2).toLocaleString("en-US", { notation: "compact" }), date: (t2) => {
+          var et6 = { usd: (t2) => "$" + B5(t2).toLocaleString("en-US", { maximumFractionDigits: 0 }), usd2: (t2) => "$" + B5(t2).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }), pct: (t2) => Math.round(B5(t2)) + "%", pct1: (t2) => B5(t2).toFixed(1) + "%", int: (t2) => Math.round(B5(t2)).toLocaleString("en-US"), num: (t2) => B5(t2).toLocaleString("en-US"), num2: (t2) => B5(t2).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }), compact: (t2) => B5(t2).toLocaleString("en-US", { notation: "compact" }), date: (t2) => {
             let e20 = new Date(t2);
             return Number.isNaN(+e20) ? String(t2) : e20.toLocaleDateString("en-US");
           }, clock: (t2) => {
-            let e20 = nt6(t2), r44 = Math.floor(e20 / 100), n3 = r44 % 10, o3 = Math.floor(r44 / 10) % 60;
+            let e20 = B5(t2), r44 = Math.floor(e20 / 100), n3 = r44 % 10, o3 = Math.floor(r44 / 10) % 60;
             return `${Math.floor(r44 / 600)}:${String(o3).padStart(2, "0")}.${n3}`;
-          } }, In4 = /* @__PURE__ */ new Set(["usd", "usd2", "pct", "pct1", "int", "num", "num2", "compact", "clock"]);
-          function Me6(t2, e20) {
+          } }, _n4 = /* @__PURE__ */ new Set(["usd", "usd2", "pct", "pct1", "int", "num", "num2", "compact", "clock"]);
+          function pe5(t2, e20) {
             if (!t2) return e20 == null ? "" : String(e20);
-            let r44 = At5[t2];
+            let r44 = et6[t2];
             if (typeof r44 != "function") {
               let n3 = new Error(`unknown format "${t2}"`);
               throw n3.sapCode = "E22", n3;
             }
-            if (In4.has(t2)) {
+            if (_n4.has(t2)) {
               let n3 = typeof e20 == "number" ? e20 : Number(e20);
               if (!Number.isFinite(n3)) {
                 let o3 = new Error(`format "${t2}" received ${typeof e20 == "string" ? `"${e20}"` : e20}`);
@@ -72959,52 +73303,52 @@ body:has(> .clay-intro) { height: auto !important; overflow: visible !important;
             }
             return r44(e20);
           }
-          var On4 = ["state", "item", "el", "root", "fmt", "num", "sum", "count", "avg", "min", "max", "plural", "days"], jt6 = /* @__PURE__ */ new Map(), Pe6 = /\bstate\.([a-z][a-z0-9_]*)/g, Ie6 = /\bitem\.([a-z][a-z0-9_]*)/g;
-          function Fn4(t2) {
+          var Tn3 = ["state", "item", "el", "root", "fmt", "num", "sum", "count", "avg", "min", "max", "plural", "days"], $t6 = /* @__PURE__ */ new Map(), me6 = /\bstate\.([a-z][a-z0-9_]*)/g, he6 = /\bitem\.([a-z][a-z0-9_]*)/g;
+          function Nn4(t2) {
             let e20 = /* @__PURE__ */ new Set(), r44 = /* @__PURE__ */ new Set(), n3;
-            for (Pe6.lastIndex = 0; n3 = Pe6.exec(t2); ) e20.add(n3[1]);
-            for (Ie6.lastIndex = 0; n3 = Ie6.exec(t2); ) r44.add(n3[1]);
+            for (me6.lastIndex = 0; n3 = me6.exec(t2); ) e20.add(n3[1]);
+            for (he6.lastIndex = 0; n3 = he6.exec(t2); ) r44.add(n3[1]);
             return { state: e20, item: r44 };
           }
-          function q7(t2, e20 = false) {
-            let r44 = (e20 ? "!" : "") + t2, n3 = jt6.get(r44);
+          function N16(t2, e20 = false) {
+            let r44 = (e20 ? "!" : "") + t2, n3 = $t6.get(r44);
             if (n3) return n3;
-            jt6.size > 512 && jt6.clear();
+            $t6.size > 512 && $t6.clear();
             try {
               let o3 = e20 ? `"use strict";
 ${t2}` : `"use strict"; return (${t2});`;
-              n3 = { fn: new Function(...On4, o3), src: t2, statement: e20, deps: Fn4(t2), error: null };
+              n3 = { fn: new Function(...Tn3, o3), src: t2, statement: e20, deps: Nn4(t2), error: null };
             } catch (o3) {
               n3 = { fn: null, src: t2, statement: e20, deps: { state: /* @__PURE__ */ new Set(), item: /* @__PURE__ */ new Set() }, error: o3 };
             }
-            return jt6.set(r44, n3), n3;
+            return $t6.set(r44, n3), n3;
           }
-          function Et6(t2, e20) {
-            return dt6(t2, e20.state, e20.item, e20.el ?? null, e20.root);
+          function Y5(t2, e20) {
+            return I5(t2, e20.state, e20.item, e20.el ?? null, e20.root);
           }
-          function dt6(t2, e20, r44, n3, o3) {
+          function I5(t2, e20, r44, n3, o3) {
             if (t2.error) throw t2.error;
-            return t2.fn(e20, r44, n3, o3, At5, Z7, ae6, Te6, Ne6, Le6, Ce6, Re6, De5);
+            return t2.fn(e20, r44, n3, o3, et6, P7, Vt5, ae6, ue5, ce6, fe5, le6, de6);
           }
-          function Oe6(t2) {
+          function be5(t2) {
             let e20 = /* @__PURE__ */ new Map();
             for (let a2 of t2) e20.set(a2.name, a2);
             let r44 = [], n3 = /* @__PURE__ */ new Map(), o3 = [];
             function s2(a2) {
-              let k5 = n3.get(a2.name);
-              if (k5 !== 1) {
-                if (k5 === 0) {
-                  let $6 = [...o3.slice(o3.indexOf(a2.name)), a2.name].join(" -> "), A4 = new Error(`calc: cycle: ${$6}`);
-                  throw A4.sapCode = "E07", A4.cycle = $6, A4;
+              let g2 = n3.get(a2.name);
+              if (g2 !== 1) {
+                if (g2 === 0) {
+                  let b4 = [...o3.slice(o3.indexOf(a2.name)), a2.name].join(" -> "), d = new Error(`calc: cycle: ${b4}`);
+                  throw d.sapCode = "E07", d.cycle = b4, d;
                 }
                 n3.set(a2.name, 0), o3.push(a2.name);
-                for (let $6 of a2.entry.deps.state) {
-                  let A4 = e20.get($6);
-                  A4 && A4 !== a2 && s2(A4);
+                for (let b4 of a2.entry.deps.state) {
+                  let d = e20.get(b4);
+                  d && d !== a2 && s2(d);
                 }
-                for (let $6 of a2.entry.deps.item) {
-                  let A4 = e20.get($6);
-                  A4 && A4 !== a2 && s2(A4);
+                for (let b4 of a2.entry.deps.item) {
+                  let d = e20.get(b4);
+                  d && d !== a2 && s2(d);
                 }
                 o3.pop(), n3.set(a2.name, 1), r44.push(a2);
               }
@@ -73012,42 +73356,42 @@ ${t2}` : `"use strict"; return (${t2});`;
             for (let a2 of t2) s2(a2);
             return r44;
           }
-          var Pt5 = 0, pt6 = null, Be6 = true, Gt5 = false;
-          function We6() {
-            Pt5++;
+          var mt6 = {}, X6 = null, we6 = true, Tt6 = false;
+          function ye6() {
+            mt6 = {};
           }
-          function qe6(t2) {
-            let e20 = Gt5;
-            return pt6 ? ce6(pt6.takeRecords()) : Be6 && Bn4(), Gt5 = !!pt6 && t2.getRootNode() === document, e20;
+          function Ae6(t2) {
+            let e20 = Tt6;
+            return X6 ? zt5(X6.takeRecords()) : we6 && Ln4(), Tt6 = !!X6 && t2.getRootNode() === document, e20;
           }
-          function Ve5(t2) {
-            Gt5 = t2;
+          function Ee6(t2) {
+            Tt6 = t2;
           }
-          function ue5() {
-            pt6 && ce6(pt6.takeRecords());
+          function Nt4() {
+            X6 && zt5(X6.takeRecords());
           }
-          function Bn4() {
+          function Ln4() {
             if (typeof document > "u" || typeof MutationObserver != "function") {
-              Be6 = false;
+              we6 = false;
               return;
             }
-            pt6 = new MutationObserver(ce6), pt6.observe(document, { attributes: true, childList: true, subtree: true });
+            X6 = new MutationObserver(zt5), X6.observe(document, { attributes: true, childList: true, subtree: true });
           }
-          function ce6(t2) {
+          function zt5(t2) {
             for (let e20 of t2) if (e20.type === "attributes") e20.target._sapPlan && (e20.target._sapPlan = null);
-            else for (let r44 of e20.addedNodes) r44.nodeType === 1 && ze6(r44);
+            else for (let r44 of e20.addedNodes) r44.nodeType === 1 && ve6(r44);
           }
-          function ze6(t2) {
+          function ve6(t2) {
             t2._sapPlan && (t2._sapPlan = null);
-            for (let e20 = t2.firstElementChild; e20; e20 = e20.nextElementSibling) ze6(e20);
+            for (let e20 = t2.firstElementChild; e20; e20 = e20.nextElementSibling) ve6(e20);
           }
-          function vt5(t2) {
-            if (!Gt5) return Fe6(t2);
+          function q7(t2) {
+            if (!Tt6) return ge6(t2);
             let e20 = t2._sapPlan;
-            return e20 && e20.gen === Pt5 ? e20 : t2._sapPlan = Fe6(t2);
+            return e20 && e20.gen === mt6 ? e20 : t2._sapPlan = ge6(t2);
           }
-          function Fe6(t2) {
-            let e20 = { gen: Pt5, inert: t2.tagName === "TEMPLATE", template: false, item: false, scope: false, items: false, detail: false, each: false, boundary: null, bind: null, transient: false, decls: null, calcs: null, paints: null, effects: null, invalids: null };
+          function ge6(t2) {
+            let e20 = { gen: mt6, inert: t2.tagName === "TEMPLATE", template: false, item: false, scope: false, items: false, detail: false, each: false, boundary: null, bind: null, transient: false, decls: null, calcs: null, paints: null, effects: null, invalids: null };
             for (let r44 of t2.attributes) {
               let n3 = r44.name, o3 = r44.value, s2 = n3.indexOf(":");
               if (s2 < 0) {
@@ -73083,68 +73427,68 @@ ${t2}` : `"use strict"; return (${t2});`;
                     e20.transient = true;
                     break;
                   case "state":
-                    e20.decls = V7(o3);
+                    e20.decls = C5(o3);
                     break;
                   case "text":
-                    (e20.paints || (e20.paints = [])).push({ kind: "text", fmt: null, entry: q7(o3) });
+                    (e20.paints || (e20.paints = [])).push({ kind: "text", fmt: null, entry: N16(o3) });
                     break;
                   case "show":
-                    (e20.paints || (e20.paints = [])).push({ kind: "show", entry: q7(o3) });
+                    (e20.paints || (e20.paints = [])).push({ kind: "show", entry: N16(o3) });
                     break;
                   case "effect":
-                    (e20.effects || (e20.effects = [])).push({ entry: q7(o3, true) });
+                    (e20.effects || (e20.effects = [])).push({ entry: N16(o3, true) });
                     break;
                   case "invalid":
-                    (e20.invalids || (e20.invalids = [])).push({ entry: q7(o3) });
+                    (e20.invalids || (e20.invalids = [])).push({ entry: N16(o3) });
                     break;
                 }
                 continue;
               }
-              let a2 = n3.slice(0, s2), k5 = n3.slice(s2 + 1);
+              let a2 = n3.slice(0, s2), g2 = n3.slice(s2 + 1);
               switch (a2) {
                 case "calc":
-                  (e20.calcs || (e20.calcs = [])).push({ name: k5, entry: q7(o3) });
+                  (e20.calcs || (e20.calcs = [])).push({ name: g2, entry: N16(o3) });
                   break;
                 case "text":
-                  (e20.paints || (e20.paints = [])).push({ kind: "text", fmt: k5, entry: q7(o3) });
+                  (e20.paints || (e20.paints = [])).push({ kind: "text", fmt: g2, entry: N16(o3) });
                   break;
                 case "attr":
-                  (e20.paints || (e20.paints = [])).push({ kind: "attr", arg: k5, entry: q7(o3) });
+                  (e20.paints || (e20.paints = [])).push({ kind: "attr", arg: g2, entry: N16(o3) });
                   break;
                 case "class":
-                  (e20.paints || (e20.paints = [])).push({ kind: "class", arg: k5, entry: q7(o3) });
+                  (e20.paints || (e20.paints = [])).push({ kind: "class", arg: g2, entry: N16(o3) });
                   break;
                 case "css":
-                  (e20.paints || (e20.paints = [])).push({ kind: "css", arg: k5, entry: q7(o3) });
+                  (e20.paints || (e20.paints = [])).push({ kind: "css", arg: g2, entry: N16(o3) });
                   break;
                 case "show-when":
                 case "option":
-                  (e20.paints || (e20.paints = [])).push({ kind: "when", match: "show", field: k5, values: o3.split("|") });
+                  (e20.paints || (e20.paints = [])).push({ kind: "when", match: "show", field: g2, values: o3.split("|") });
                   break;
                 case "hide-when":
-                  (e20.paints || (e20.paints = [])).push({ kind: "when", match: "hide", field: k5, values: o3.split("|") });
+                  (e20.paints || (e20.paints = [])).push({ kind: "when", match: "hide", field: g2, values: o3.split("|") });
                   break;
                 case "option-not":
-                  (e20.paints || (e20.paints = [])).push({ kind: "when", match: "show-not", field: k5, values: o3.split("|") });
+                  (e20.paints || (e20.paints = [])).push({ kind: "when", match: "show-not", field: g2, values: o3.split("|") });
                   break;
               }
             }
-            return e20.boundary = e20.scope ? "scope" : e20.items ? "items" : e20.detail ? "detail" : e20.each ? "each" : null, qn4(e20) ? Wn3() : e20;
+            return e20.boundary = e20.scope ? "scope" : e20.items ? "items" : e20.detail ? "detail" : e20.each ? "each" : null, Rn4(e20) ? Cn3() : e20;
           }
-          var Ut5 = null;
-          function Wn3() {
-            return (!Ut5 || Ut5.gen !== Pt5) && (Ut5 = Object.freeze({ gen: Pt5, inert: false, template: false, item: false, scope: false, items: false, detail: false, each: false, boundary: null, bind: null, transient: false, decls: null, calcs: null, paints: null, effects: null, invalids: null })), Ut5;
+          var _t5 = null;
+          function Cn3() {
+            return (!_t5 || _t5.gen !== mt6) && (_t5 = Object.freeze({ gen: mt6, inert: false, template: false, item: false, scope: false, items: false, detail: false, each: false, boundary: null, bind: null, transient: false, decls: null, calcs: null, paints: null, effects: null, invalids: null })), _t5;
           }
-          function qn4(t2) {
+          function Rn4(t2) {
             return !t2.inert && !t2.item && t2.boundary === null && t2.bind === null && !t2.transient && !t2.decls && !t2.calcs && !t2.paints && !t2.effects && !t2.invalids;
           }
-          function He6(t2) {
+          function xe6(t2) {
             return (t2.getAttribute("type") || "text").toLowerCase();
           }
-          function xt6(t2) {
+          function nt6(t2) {
             let e20 = t2.tagName;
             if (e20 === "INPUT") {
-              let r44 = He6(t2);
+              let r44 = xe6(t2);
               r44 === "checkbox" || r44 === "radio" ? t2.checked ? t2.setAttribute("checked", "") : t2.removeAttribute("checked") : t2.setAttribute("value", t2.value);
               return;
             }
@@ -73157,10 +73501,10 @@ ${t2}` : `"use strict"; return (${t2});`;
               for (let n3 = 0; n3 < r44.length; n3++) r44[n3].selected ? r44[n3].setAttribute("selected", "") : r44[n3].removeAttribute("selected");
             }
           }
-          function je6(t2, e20 = t2) {
+          function Se6(t2, e20 = t2) {
             let r44 = t2.tagName;
             if (r44 === "INPUT") {
-              let n3 = He6(t2);
+              let n3 = xe6(t2);
               n3 === "checkbox" || n3 === "radio" ? e20.checked ? t2.hasAttribute("checked") || t2.setAttribute("checked", "") : t2.removeAttribute("checked") : e20.value !== (t2.getAttribute("value") ?? "") && t2.setAttribute("value", e20.value);
               return;
             }
@@ -73176,20 +73520,20 @@ ${t2}` : `"use strict"; return (${t2});`;
               for (let s2 = 0; s2 < n3.length; s2++) o3[s2] && o3[s2].selected ? n3[s2].hasAttribute("selected") || n3[s2].setAttribute("selected", "") : n3[s2].removeAttribute("selected");
             }
           }
-          function Yt5(t2) {
+          function Lt5(t2) {
             t2.tagName !== "TEXTAREA" || !t2.hasAttribute("data-value") || t2 !== t2.ownerDocument.activeElement && (t2.textContent = t2.getAttribute("data-value"), t2.removeAttribute("data-value"));
           }
-          function X6(t2) {
+          function L7(t2) {
             if (typeof window > "u") return null;
             let e20 = window.clay, r44 = window.hyperclay;
             return t2 === "consent" ? e20?.confirm || r44?.consent || null : e20?.[t2] || r44?.[t2] || null;
           }
-          function Ue6() {
-            let t2 = X6("visitorDrafts");
+          function ke6() {
+            let t2 = L7("visitorDrafts");
             return !!(t2 && typeof t2.restored == "function" && t2.restored()?.restored);
           }
-          var le6 = ["clay:mutation-ready", "hyperclay:mutation-ready"], Vn4 = ["clay:sync-applied", "hyperclay:livesync-applied"], zn4 = ["clay:ready", "hyperclay:ready"], Hn3 = ["clay:route"];
-          function St6(t2, e20, r44) {
+          var Ht5 = ["clay:mutation-ready", "hyperclay:mutation-ready"], Dn4 = ["clay:sync-applied", "hyperclay:livesync-applied"], Fn4 = ["clay:ready", "hyperclay:ready"], Pn4 = ["clay:route"];
+          function rt6(t2, e20, r44) {
             let n3 = null, o3 = (s2) => {
               n3 !== null && n3 !== s2.type || (n3 = s2.type, queueMicrotask(() => {
                 n3 = null;
@@ -73200,53 +73544,54 @@ ${t2}` : `"use strict"; return (${t2});`;
               for (let s2 of e20) t2.removeEventListener(s2, o3);
             };
           }
-          function Ge6(t2) {
+          function $e6(t2) {
             let e20 = typeof window < "u" && window.clay && window.clay.ready;
             e20 && typeof e20.then == "function" ? e20.then(() => t2(), () => t2()) : t2();
           }
-          function Xt5(t2) {
-            let e20 = X6("region");
+          function Ct6(t2) {
+            let e20 = L7("region");
             return !e20 || typeof e20.resolveRegionPolicy != "function" || typeof e20.skipForPolicy != "function" ? false : e20.skipForPolicy(e20.resolveRegionPolicy(t2), void 0, ["no-save", "freeze"]);
           }
-          function Ye6() {
-            let t2 = X6("consent");
+          function _e6() {
+            let t2 = L7("consent");
             return typeof t2 == "function" ? t2 : null;
           }
-          function Xe6(t2, e20) {
+          function Te6(t2, e20) {
             if (typeof e20 != "function") throw new Error("Sap.batch(label, fn): fn must be a function");
-            let r44 = X6("undo");
+            let r44 = L7("undo");
             r44 && r44.flush && r44.flush();
             let n3 = e20();
             if (n3 && typeof n3.then == "function") throw new Error("Sap.batch fn must be synchronous (it returned a promise)");
             return r44 && r44.commitCaptured && r44.commitCaptured(t2), n3;
           }
-          function Ke6(t2) {
+          function Ne6(t2) {
             if (typeof window > "u" || typeof document > "u") return;
             let e20 = () => {
-              let s2 = false;
-              for (let a2 of t2.apps()) a2.root.isConnected ? t2.runNow(a2, "platform") : s2 = true;
-              s2 && (t2.pruneDisconnected(), t2.remountIfPresent());
+              let d = false;
+              for (let u3 of t2.apps()) u3.root.isConnected ? t2.runNow(u3, "platform") : d = true;
+              d && t2.pruneDisconnected(), t2.remountIfPresent();
+            }, r44 = L7("derived"), n3 = r44 && typeof r44.register == "function" ? r44.register(e20) : null, o3 = typeof n3 == "function" ? null : rt6(document, Dn4, e20), s2 = rt6(document, Pn4, e20), a2 = false, g2 = () => {
+            }, b4 = () => {
+              if (a2) return true;
+              let d = L7("undo");
+              if (!d || typeof d.on != "function") return false;
+              let u3 = d.on("undo", e20);
+              return typeof u3 != "function" ? false : typeof d.on("redo", e20) != "function" ? (u3(), false) : (a2 = true, g2(), true);
             };
-            St6(document, Vn4, e20), St6(document, Hn3, e20);
-            let r44 = false, n3 = () => {
-            }, o3 = () => {
-              if (r44) return true;
-              let s2 = X6("undo");
-              if (!s2 || typeof s2.on != "function") return false;
-              let a2 = s2.on("undo", e20);
-              return typeof a2 != "function" ? false : typeof s2.on("redo", e20) != "function" ? (a2(), false) : (r44 = true, n3(), true);
-            };
-            if (!o3()) {
-              let s2 = St6(document, le6, o3), a2 = St6(document, zn4, o3);
-              n3 = () => {
-                s2(), a2();
+            if (!b4()) {
+              let d = rt6(document, Ht5, b4), u3 = rt6(document, Fn4, b4);
+              g2 = () => {
+                d(), u3();
               };
-              let k5 = X6("ready");
-              k5 && typeof k5.then == "function" && k5.then(o3, () => {
+              let E4 = L7("ready");
+              E4 && typeof E4.then == "function" && E4.then(b4, () => {
               });
             }
+            return () => {
+              typeof n3 == "function" && n3(), o3 && o3(), s2(), g2();
+            };
           }
-          function Kt5(t2) {
+          function ht6(t2) {
             let e20 = t2.tagName;
             if (e20 === "INPUT") {
               let r44 = (t2.getAttribute("type") || "text").toLowerCase();
@@ -73254,20 +73599,20 @@ ${t2}` : `"use strict"; return (${t2});`;
             }
             return e20 === "TEXTAREA" ? "text" : e20 === "SELECT" ? t2.multiple ? "select-multiple" : "select-one" : "leaf";
           }
-          function jn3(t2) {
+          function In4(t2) {
             if (t2.validity && t2.validity.badInput) return t2.hasAttribute("value") ? Number(t2.getAttribute("value")) || 0 : t2._sapLastGood ?? 0;
             if (t2.value === "") return 0;
             let e20 = Number(t2.value);
             return Number.isNaN(e20) ? t2._sapLastGood ?? 0 : (t2._sapLastGood = e20, e20);
           }
-          function Je6(t2, e20) {
+          function Le6(t2, e20) {
             switch (e20) {
               case "checkbox":
                 return t2.checked;
               case "radio":
                 return t2.checked ? t2.value : void 0;
               case "number":
-                return jn3(t2);
+                return In4(t2);
               case "select-one":
                 return t2.value;
               case "select-multiple":
@@ -73281,7 +73626,7 @@ ${t2}` : `"use strict"; return (${t2});`;
                 return t2.value;
             }
           }
-          function Qe6(t2, e20, r44) {
+          function Ce6(t2, e20, r44) {
             switch (e20) {
               case "checkbox":
                 t2.checked = !!r44;
@@ -73309,34 +73654,34 @@ ${t2}` : `"use strict"; return (${t2});`;
                 t2.value = r44 == null ? "" : String(r44);
             }
           }
-          function fe5(t2) {
+          function Ut5(t2) {
             if (t2.hasAttribute("transient")) {
               t2.removeAttribute("value"), t2.removeAttribute("checked"), t2.removeAttribute("data-value");
               return;
             }
-            Xt5(t2) || xt6(t2);
+            Ct6(t2) || nt6(t2);
           }
-          function Un3(t2) {
+          function Mn4(t2) {
             t2.dispatchEvent(new Event("input", { bubbles: true })), t2.dispatchEvent(new Event("change", { bubbles: true }));
           }
-          function de6(t2, e20) {
-            return Je6(t2, e20);
+          function Rt6(t2, e20) {
+            return Le6(t2, e20);
           }
-          function Ze5(t2, e20, r44) {
-            Qe6(t2, e20, r44), fe5(t2);
+          function Re6(t2, e20, r44) {
+            Ce6(t2, e20, r44), Ut5(t2);
           }
-          function G5(t2) {
-            let e20 = Kt5(t2);
+          function R5(t2) {
+            let e20 = ht6(t2);
             return { el: t2, kind: e20, read() {
-              return Je6(t2, e20);
+              return Le6(t2, e20);
             }, write(r44, n3 = {}) {
-              Qe6(t2, e20, r44), n3.noMirror || fe5(t2), n3.silent || Un3(t2);
+              Ce6(t2, e20, r44), n3.noMirror || Ut5(t2), n3.silent || Mn4(t2);
             }, mirror() {
-              fe5(t2);
+              Ut5(t2);
             } };
           }
-          var ot6 = null, Qt4 = false, kt6 = null;
-          function tn3(t2) {
+          var j6 = null, Ft5 = false, ot6 = null;
+          function De5(t2) {
             let e20 = null;
             return { kind: "hub", subscribe(r44) {
               let n3 = t2.onAnyChange({ debounce: 0, require: "observed" }, r44);
@@ -73358,14 +73703,14 @@ ${t2}` : `"use strict"; return (${t2});`;
               }
             } };
           }
-          function Gn4() {
+          function On4() {
             let t2 = null;
             return { kind: "native", subscribe(e20) {
-              t2 = new MutationObserver((n3) => e20(Yn4(n3)));
+              t2 = new MutationObserver((n3) => e20(Bn4(n3)));
               let r44 = typeof document < "u" && document.body || typeof document < "u" && document.documentElement;
               r44 && t2.observe(r44, { childList: true, subtree: true, attributes: true, characterData: true });
             }, suppress(e20) {
-              let r44 = X6("undo");
+              let r44 = L7("undo");
               r44 && r44.pause && r44.pause();
               try {
                 return e20();
@@ -73376,24 +73721,24 @@ ${t2}` : `"use strict"; return (${t2});`;
               t2 && (t2.disconnect(), t2 = null);
             } };
           }
-          function Yn4(t2) {
+          function Bn4(t2) {
             let e20 = [];
             for (let r44 of t2) if (r44.type === "attributes") {
               let n3 = r44.target;
-              n3 && n3.nodeType === 1 && !Jt5(n3) && e20.push({ type: "attribute", element: n3 });
+              n3 && n3.nodeType === 1 && !Dt6(n3) && e20.push({ type: "attribute", element: n3 });
             } else if (r44.type === "characterData") {
               let n3 = r44.target && r44.target.parentElement;
-              n3 && !Jt5(n3) && e20.push({ type: "characterData", element: n3 });
+              n3 && !Dt6(n3) && e20.push({ type: "characterData", element: n3 });
             } else if (r44.type === "childList") {
-              for (let n3 of r44.addedNodes) if (!(n3.nodeType !== 1 || Jt5(n3)) && (e20.push({ type: "add", element: n3 }), n3.querySelectorAll)) for (let o3 of n3.querySelectorAll("*")) Jt5(o3) || e20.push({ type: "add", element: o3 });
+              for (let n3 of r44.addedNodes) if (!(n3.nodeType !== 1 || Dt6(n3)) && (e20.push({ type: "add", element: n3 }), n3.querySelectorAll)) for (let o3 of n3.querySelectorAll("*")) Dt6(o3) || e20.push({ type: "add", element: o3 });
               for (let n3 of r44.removedNodes) n3.nodeType === 1 && e20.push({ type: "remove", element: n3, parent: r44.target });
             }
             return e20;
           }
-          function Jt5(t2) {
+          function Dt6(t2) {
             return !!(t2.closest && t2.closest("[sap-ignore],[template],[cms-template]"));
           }
-          function Xn4(t2, e20) {
+          function Wn3(t2, e20) {
             t2.pruneDisconnected();
             let r44 = /* @__PURE__ */ new Set(), n3 = false;
             for (let o3 of e20) {
@@ -73403,9 +73748,9 @@ ${t2}` : `"use strict"; return (${t2});`;
             n3 && t2.remountIfPresent();
             for (let o3 of r44) o3.root.isConnected && t2.schedule(o3, "mutation");
           }
-          function en3(t2) {
-            if (ot6) return ot6.suppress(t2);
-            let e20 = X6("undo");
+          function Fe6(t2) {
+            if (j6) return j6.suppress(t2);
+            let e20 = L7("undo");
             if (e20 && e20.pause && e20.resume) {
               e20.pause();
               try {
@@ -73416,256 +73761,136 @@ ${t2}` : `"use strict"; return (${t2});`;
             }
             return t2();
           }
-          function pe5(t2, e20) {
-            Qt4 = true, ot6 = t2, t2.subscribe((r44) => Xn4(e20, r44));
+          function Gt5(t2, e20) {
+            Ft5 = true, j6 = t2, t2.subscribe((r44) => Wn3(e20, r44));
           }
-          function me6(t2) {
-            if (Qt4 || typeof window > "u" || typeof document > "u") return;
-            let e20 = X6("Mutation");
+          function Yt5(t2) {
+            if (Ft5 || typeof window > "u" || typeof document > "u") return;
+            let e20 = L7("Mutation");
             if (e20 && typeof e20.onAnyChange == "function") {
-              pe5(tn3(e20), t2);
+              Gt5(De5(e20), t2);
               return;
             }
-            typeof MutationObserver == "function" && (pe5(Gn4(), t2), kt6 = St6(document, le6, function() {
-              let n3 = X6("Mutation");
-              n3 && (kt6(), kt6 = null, ot6 && ot6.teardown(), Qt4 = false, pe5(tn3(n3), t2));
+            typeof MutationObserver == "function" && (Gt5(On4(), t2), ot6 = rt6(document, Ht5, function() {
+              let n3 = L7("Mutation");
+              n3 && (ot6(), ot6 = null, j6 && j6.teardown(), Ft5 = false, Gt5(De5(n3), t2));
             }));
           }
-          function nn2() {
-            if (ot6) try {
-              ot6.teardown();
+          function Xt5() {
+            if (j6) try {
+              j6.teardown();
             } catch {
             }
-            kt6 && typeof document < "u" && kt6(), ot6 = null, Qt4 = false, kt6 = null;
+            ot6 && typeof document < "u" && ot6(), j6 = null, Ft5 = false, ot6 = null;
           }
-          var Kn4 = new Set(bt6);
-          function $t6(t2, e20 = {}) {
+          var qn4 = new Set(J6), V7 = [], Ie6 = {}, Me6 = {};
+          function Oe6(t2) {
+            V7.includes(t2) || (V7.push(t2), t2.boundary && Object.assign(Ie6, t2.boundary), t2.paintKinds && Object.assign(Me6, t2.paintKinds));
+          }
+          function it6(t2, e20 = {}) {
             if (e20.breaker) {
-              t2.diag.error("E26", t2.root, { problem: "recompute loop halted after 50 passes; recent triggers: " + (t2._breakerRing || []).join(", ") }), ut6(t2.root, "loop");
+              t2.diag.error("E26", t2.root, { problem: "recompute loop halted after 50 passes; recent triggers: " + (t2._breakerRing || []).join(", ") }), M6(t2.root, "loop");
               return;
             }
-            e20.full && We6();
-            let r44 = qe6(t2.root);
+            e20.full && ye6();
+            let r44 = Ae6(t2.root);
             try {
-              en3(() => Jn4(t2, e20));
+              Fe6(() => jn3(t2, e20));
             } finally {
-              Ve5(r44);
+              Ee6(r44);
             }
             t2._viewsChanged && (t2._viewsChanged = false, t2.root.dispatchEvent(new CustomEvent("sap:views-updated", { bubbles: true })));
           }
-          function Jn4(t2, e20) {
-            let r44 = t2.root, n3 = {}, o3 = [], s2 = [], a2 = [], k5 = [], $6 = [], A4 = [], l2 = [], w4 = /* @__PURE__ */ new Set();
+          function jn3(t2, e20) {
+            let r44 = t2.root, n3 = {}, o3 = [], s2 = [], a2 = /* @__PURE__ */ new Set();
             t2.diag.errors = [];
-            let N16 = { root: n3, state: n3, item: null, ownerEl: r44, projection: false };
-            function P7(i2, h) {
-              let f3 = h.attr || h.name, g2 = i2.getAttribute(f3);
-              return g2 == null && (g2 = Ct6(h), $6.push({ el: i2, name: h.name, attr: f3, value: ie6(ct6(g2, h.type), h.type) })), ct6(g2, h.type);
-            }
-            function z5(i2, h, f3) {
-              let g2 = h.decls;
-              if (g2) for (let T5 of g2) {
-                if (T5.transient) {
-                  f3[T5.name] = zt5(i2, T5);
+            let g2 = { root: n3, state: n3, item: null, ownerEl: r44, projection: false };
+            function b4(i2, l2) {
+              let m4 = l2.attr || l2.name, y4 = i2.getAttribute(m4);
+              return y4 == null && (y4 = ft5(l2), s2.push({ el: i2, name: l2.name, attr: m4, value: qt5(z5(y4, l2.type), l2.type) })), z5(y4, l2.type);
+            }
+            function d(i2, l2, m4) {
+              let y4 = l2.decls;
+              if (y4) for (let x6 of y4) {
+                if (x6.transient) {
+                  m4[x6.name] = St6(i2, x6);
                   continue;
                 }
-                if (yt6(i2, T5)) {
-                  f3[T5.name] = i2.hasAttribute(T5.attr);
+                if (G5(i2, x6)) {
+                  m4[x6.name] = i2.hasAttribute(x6.attr);
                   continue;
                 }
-                f3[T5.name] = P7(i2, T5);
+                m4[x6.name] = b4(i2, x6);
               }
             }
-            function m4(i2, h, f3) {
-              let g2 = h.bind, T5 = f3.item || f3.state, I5 = Kt5(i2);
-              I5 === "radio" ? (g2 in T5 || (T5[g2] = ""), i2.checked && (T5[g2] = i2.value)) : T5[g2] = de6(i2, I5), h.transient && (i2.removeAttribute("value"), i2.removeAttribute("checked"));
+            function u3(i2, l2, m4) {
+              let y4 = l2.bind, x6 = m4.item || m4.state, $6 = ht6(i2);
+              $6 === "radio" ? (y4 in x6 || (x6[y4] = ""), i2.checked && (x6[y4] = i2.value)) : x6[y4] = Rt6(i2, $6), l2.transient && (i2.removeAttribute("value"), i2.removeAttribute("checked"));
             }
-            function d(i2, h, f3) {
-              if (h.calcs) {
-                let g2 = f3.item || f3.state;
-                for (let T5 of h.calcs) o3.push({ owner: g2, ownerEl: f3.ownerEl, name: T5.name, entry: T5.entry, def: T5, el: i2, ctx: f3 });
-              }
-              if (h.paints) for (let g2 of h.paints) g2.kind === "when" && w4.add(g2.field), s2.push({ def: g2, el: i2, ctx: f3 });
-              if (h.effects) for (let g2 of h.effects) a2.push({ def: g2, el: i2, ctx: f3 });
-              if (h.invalids) for (let g2 of h.invalids) k5.push({ def: g2, el: i2, ctx: f3 });
-              if (h.bind != null && (f3.view || f3.projection) && !qt5(i2)) {
-                let g2 = h.bind;
-                f3.view ? wt6(ke6(f3.item), g2) ? (i2._sapViewBind = "item", s2.push({ def: { kind: "projection", field: g2, from: "item" }, el: i2, ctx: f3 })) : g2 in f3.state || g2 in f3.root ? (i2._sapViewBind = "drawn", s2.push({ def: { kind: "projection", field: g2, from: "drawn" }, el: i2, ctx: f3 })) : (i2._sapViewBind = null, t2.diag.error("E43", i2, { attr: "bind", expr: g2, problem: `bind="${g2}" inside an each row matches no field of the row's record or of the scope the row is drawn in`, fix: "bind a field the record owns (bind, state= or items= on the [item]), or declare it with state= where the list is drawn" })) : s2.push({ def: { kind: "projection", field: g2, from: null }, el: i2, ctx: f3 });
-              }
+            function E4(i2, l2, m4) {
+              if (l2.paints) for (let y4 of l2.paints) y4.kind === "when" && a2.add(y4.field), o3.push({ def: y4, el: i2, ctx: m4 });
+              for (let y4 of V7) y4.collect && y4.collect(w4, i2, l2, m4);
             }
-            function p3(i2, h, f3) {
-              Object.defineProperty(i2, "$key", { value: Bt5(h, "row"), enumerable: false }), Object.defineProperty(i2, "$index", { value: f3, enumerable: false }), Object.defineProperty(i2, "$el", { value: h, enumerable: false });
+            function S4(i2, l2, m4) {
+              Object.defineProperty(i2, "$key", { value: At5(l2, "row"), enumerable: false }), Object.defineProperty(i2, "$index", { value: m4, enumerable: false }), Object.defineProperty(i2, "$el", { value: l2, enumerable: false });
             }
-            function y4(i2, h, f3) {
-              let g2 = vt5(i2);
-              z5(i2, g2, h), i2._sapScope = h, !f3.projection && g2.bind != null && m4(i2, g2, f3), d(i2, g2, f3), g2.items ? M6(i2, h, f3) : E4(i2, h, f3);
+            function k5(i2, l2, m4) {
+              let y4 = q7(i2);
+              d(i2, y4, l2), i2._sapScope = l2, !m4.projection && y4.bind != null && u3(i2, y4, m4), E4(i2, y4, m4), y4.items ? p3(i2, l2, m4) : _4(i2, l2, m4);
             }
-            function E4(i2, h, f3) {
-              for (let g2 = i2.firstElementChild; g2; g2 = g2.nextElementSibling) S4(g2, h, f3);
+            function _4(i2, l2, m4) {
+              for (let y4 = i2.firstElementChild; y4; y4 = y4.nextElementSibling) h(y4, l2, m4);
             }
-            function S4(i2, h, f3) {
-              let g2 = vt5(i2);
-              if (!g2.inert) {
-                if (g2.boundary) {
-                  g2.boundary === "scope" ? _4(i2, h, f3) : g2.boundary === "items" ? (d(i2, g2, f3), M6(i2, h, f3)) : g2.boundary === "detail" ? c3(i2, h, f3) : (d(i2, g2, f3), l2.push({ el: i2, ctx: f3 }));
+            function h(i2, l2, m4) {
+              let y4 = q7(i2);
+              if (!y4.inert) {
+                if (y4.boundary) {
+                  y4.boundary === "scope" ? A4(i2, l2, m4) : y4.boundary === "items" ? (E4(i2, y4, m4), p3(i2, l2, m4)) : Ie6[y4.boundary](w4, i2, y4, l2, m4);
                   return;
                 }
-                !f3.projection && !f3.view && g2.bind != null && m4(i2, g2, f3), d(i2, g2, f3);
-                for (let T5 = i2.firstElementChild; T5; T5 = T5.nextElementSibling) S4(T5, h, f3);
+                !m4.projection && !m4.view && y4.bind != null && u3(i2, y4, m4), E4(i2, y4, m4);
+                for (let x6 = i2.firstElementChild; x6; x6 = x6.nextElementSibling) h(x6, l2, m4);
               }
             }
-            function _4(i2, h, f3) {
-              let g2 = i2.getAttribute("scope"), T5 = {};
-              h[g2] = T5;
-              let I5 = { root: f3.root, state: T5, item: null, ownerEl: i2, projection: f3.projection };
-              y4(i2, T5, I5);
-            }
-            function M6(i2, h, f3) {
-              let g2 = i2.getAttribute("items"), T5 = [];
-              h[g2] = T5, i2._sapList = T5;
-              let I5 = 0;
-              for (let W6 = i2.firstElementChild; W6; W6 = W6.nextElementSibling) {
-                let Y5 = vt5(W6);
-                if (!Y5.item || Y5.template || W6.hasAttribute("cms-template")) continue;
-                let K7 = {};
-                p3(K7, W6, I5);
-                let U6 = { root: f3.root, state: f3.state, item: K7, ownerEl: W6, projection: f3.projection };
-                y4(W6, K7, U6), T5.push(K7), I5++;
+            function A4(i2, l2, m4) {
+              let y4 = i2.getAttribute("scope"), x6 = {};
+              l2[y4] = x6;
+              let $6 = { root: m4.root, state: x6, item: null, ownerEl: i2, projection: m4.projection };
+              k5(i2, x6, $6);
+            }
+            function p3(i2, l2, m4) {
+              let y4 = i2.getAttribute("items"), x6 = [];
+              l2[y4] = x6, i2._sapList = x6;
+              let $6 = 0;
+              for (let T5 = i2.firstElementChild; T5; T5 = T5.nextElementSibling) {
+                let gt6 = q7(T5);
+                if (!gt6.item || gt6.template || T5.hasAttribute("cms-template")) continue;
+                let D4 = {};
+                S4(D4, T5, $6);
+                let st6 = { root: m4.root, state: m4.state, item: D4, ownerEl: T5, projection: m4.projection };
+                k5(T5, D4, st6), x6.push(D4), $6++;
               }
             }
-            function H6(i2, h) {
-              let f3 = String(i2).split("."), g2 = (I5) => {
-                for (let W6 of f3) {
-                  if (I5 == null) return;
-                  I5 = Array.isArray(I5) ? I5.flatMap((Y5) => Y5 && Y5[W6] != null ? Y5[W6] : []) : I5[W6];
-                }
-                return I5;
-              }, T5 = g2(h.state);
-              return T5 === void 0 ? g2(h.root) : T5;
-            }
-            function c3(i2, h, f3) {
-              for (let g2 of V7(i2.getAttribute("state") || "")) g2.name in h || (h[g2.name] = yt6(i2, g2) ? i2.hasAttribute(g2.attr) : P7(i2, g2));
-              A4.push({ el: i2, parentObj: h, ctx: f3 });
-            }
-            function u3(i2, h, f3) {
-              i2._sapScope = h;
-              let g2 = i2.getAttribute("detail") || "", T5 = /^([\w.]+)\s+by\s+(.+)$/.exec(g2);
-              if (!T5) {
-                i2.hidden = true, i2._sapDetailRow = null;
-                return;
-              }
-              let I5 = T5[1], W6 = T5[2].trim(), Y5 = H6(I5, f3), K7;
-              try {
-                K7 = Et6(q7(W6), { state: h, item: f3.item, el: i2, root: f3.root });
-              } catch {
-                K7 = void 0;
-              }
-              let U6 = Array.isArray(Y5) && K7 != null ? Y5.find((j6) => j6 && typeof j6 == "object" && j6.$el && String(j6.$key) === String(K7)) : null;
-              if (i2._sapDetailRow = U6 ? U6.$el : null, i2.tagName === "DIALOG") {
-                let j6 = U6 ? String(U6.$key) : null;
-                if (j6 !== i2._sapDetailKey && (i2._sapDetailKey = j6, i2._sapDismissed = false), !U6) {
-                  i2._sapOpenedFor = null, i2.open && typeof i2.close == "function" && (i2._sapEngineClose = true, i2.close());
-                  return;
-                }
-                i2.open ? i2._sapOpenedFor = j6 : (i2._sapOpenedFor === j6 && (i2._sapDismissed = true), i2._sapOpenedFor = null, !i2._sapDismissed && i2.isConnected && typeof i2.showModal == "function" && (i2.hidden && (i2.hidden = false), i2.showModal(), i2._sapOpenedFor = j6));
-              } else {
-                if (!U6) {
-                  i2.hidden || (i2.hidden = true);
-                  return;
-                }
-                i2.hidden && (i2.hidden = false);
-              }
-              ue5();
-              let at5 = { root: f3.root, state: h, item: U6, ownerEl: U6.$el, projection: true };
-              d(i2, vt5(i2), at5), E4(i2, U6, at5);
-            }
-            function b4(i2, h) {
-              for (let f3 = i2.parentElement; f3; f3 = f3.parentElement) if (f3._sapScope === h && !f3.hasAttribute("detail") || f3.hasAttribute("sap")) return f3;
-              return r44;
-            }
-            function v5(i2, h) {
-              i2._sapDrawnEl = b4(i2, h.state);
-              let f3 = null;
-              for (let B5 = i2.firstElementChild; B5; B5 = B5.nextElementSibling) if (B5.tagName === "TEMPLATE") {
-                f3 = B5;
-                break;
-              }
-              let g2 = f3 && f3.content.children.length === 1 ? f3.content.firstElementChild : null;
-              if (!g2) return t2.diag.error("E42", i2, { attr: "each", problem: "each needs one <template> child with exactly one element root" }), 0;
-              let T5 = i2.getAttribute("each"), I5;
-              try {
-                I5 = Et6(q7(T5), { state: h.state, item: h.item, el: i2, root: h.root });
-              } catch (B5) {
-                return t2.diag.error("E24", i2, { attr: "each", expr: T5, problem: String(B5.message) }), 0;
-              }
-              if (!Array.isArray(I5)) return t2.diag.error("E40", i2, { attr: "each", expr: T5, problem: "each must evaluate to an array; the list keeps its last good rows" }), 0;
-              let W6 = q7(i2.getAttribute("key") || "item.$key"), Y5 = [], K7 = /* @__PURE__ */ new Set();
-              for (let B5 of I5) {
-                let J6;
-                try {
-                  J6 = dt6(W6, h.state, B5, i2, h.root);
-                } catch {
-                  J6 = void 0;
-                }
-                let D4 = J6 == null ? "" : String(J6);
-                if (D4 === "" || K7.has(D4)) return t2.diag.error("E41", i2, { attr: "key", expr: W6.src, problem: D4 === "" ? "an item has no key; the list keeps its last good rows" : `duplicate key "${D4}"; the list keeps its last good rows` }), 0;
-                K7.add(D4), Y5.push(D4);
-              }
-              let U6 = i2._sapEach || /* @__PURE__ */ new Map(), at5 = /* @__PURE__ */ new Map(), j6 = 0, ee6 = f3;
-              Y5.forEach((B5, J6) => {
-                let D4 = U6.get(B5);
-                if (!D4 || D4.parentElement !== i2) {
-                  D4 = i2.ownerDocument.importNode(g2, true);
-                  let _t5 = (D4.getAttribute("clay") || "").split(/\s+/).filter(Boolean);
-                  _t5.includes("editor-ui") || D4.setAttribute("clay", [..._t5, "editor-ui"].join(" ")), D4._sapEachRow = true, j6++;
-                }
-                D4.getAttribute("data-key") !== B5 && D4.setAttribute("data-key", B5), ee6.nextElementSibling !== D4 && (nr4(i2, D4, ee6), j6++), D4._sapEachItem = I5[J6], at5.set(B5, D4), ee6 = D4;
-              });
-              for (let [B5, J6] of U6) at5.get(B5) !== J6 && J6.parentElement === i2 && (J6.remove(), j6++);
-              return i2._sapEach = at5, ue5(), Y5.forEach((B5, J6) => {
-                let D4 = at5.get(B5), _t5 = { root: h.root, state: h.state, item: I5[J6], ownerEl: D4, projection: false, view: true };
-                d(D4, vt5(D4), _t5), E4(D4, {}, _t5);
-              }), j6;
-            }
-            y4(r44, n3, N16);
-            for (let i2 = 0; i2 < A4.length; i2++) {
-              let { el: h, parentObj: f3, ctx: g2 } = A4[i2];
-              u3(h, f3, g2);
-            }
-            if ($6.length && w4.size) for (let i2 of $6) w4.has(i2.attr) && i2.el.getAttribute(i2.attr) == null && i2.el.setAttribute(i2.attr, i2.value);
-            let x6 = /* @__PURE__ */ new Map();
+            let w4 = { app: t2, root: r44, rootObj: n3, paints: o3, stats: { calcs: 0, lists: 0 }, resolveDefault: b4, collectEl: E4, walkScope: _4 };
+            for (let i2 of V7) i2.begin && i2.begin(w4);
+            if (k5(r44, n3, g2), t2.halted) return;
+            for (let i2 of V7) i2.afterIntake && i2.afterIntake(w4);
+            if (s2.length && a2.size) for (let i2 of s2) a2.has(i2.attr) && i2.el.getAttribute(i2.attr) == null && i2.el.setAttribute(i2.attr, i2.value);
+            for (let i2 of V7) i2.compute && i2.compute(w4);
+            let v5 = 0;
+            for (let i2 of V7) i2.reconcile && (v5 += i2.reconcile(w4));
+            let f3 = 0, c3 = v5;
             for (let i2 of o3) {
-              let h = x6.get(i2.owner);
-              h || (h = { ownerEl: i2.ownerEl, list: [] }, x6.set(i2.owner, h)), h.list.push(i2);
-            }
-            let L7 = [...x6.values()].sort((i2, h) => sn3(h.ownerEl) - sn3(i2.ownerEl));
-            for (let i2 of L7) {
-              let h;
-              try {
-                h = Oe6(i2.list);
-              } catch (f3) {
-                t2.diag.error("E07", i2.list[0].el, { problem: f3.message }), h = i2.list;
-              }
-              for (let f3 of h) try {
-                f3.owner[f3.name] = dt6(f3.entry, f3.ctx.state, f3.ctx.item, f3.el, f3.ctx.root), Ft5(f3.el);
-              } catch (g2) {
-                f3.owner[f3.name] = void 0, t2.diag.error("E24", f3.el, { attr: "calc:" + f3.name, expr: f3.entry.src, problem: String(g2.message) }), ut6(f3.el, g2.sapCode || "E24");
-              }
-            }
-            let C5 = 0;
-            for (let i2 = 0; i2 < l2.length; i2++) C5 += v5(l2[i2].el, l2[i2].ctx);
-            let R5 = 0, F5 = C5;
-            for (let i2 of s2) {
-              let h = Zn3(i2, t2);
-              i2.ctx.view ? F5 += h : R5 += h;
+              let l2 = zn4(i2, t2);
+              i2.ctx.view ? c3 += l2 : f3 += l2;
             }
-            for (let i2 of a2) tr4(i2, t2);
-            for (let i2 of k5) er2(i2);
-            t2._state = n3, t2._stats = { fields: Object.keys(n3).filter((i2) => typeof n3[i2] != "function").length, calcs: o3.length, paints: s2.length, lists: x6.size, writes: R5, viewWrites: F5 }, t2._viewsChanged = F5 > 0, t2._lastPass = { trigger: e20.trigger || "refresh", writes: R5 }, t2._debug && console.log(`sap pass \xB7 trigger: ${t2._lastPass.trigger} \xB7 writes ${R5}/${s2.length}`);
+            for (let i2 of V7) i2.afterPaint && i2.afterPaint(w4);
+            t2._state = n3, t2._stats = { fields: Object.keys(n3).filter((i2) => typeof n3[i2] != "function").length, calcs: w4.stats.calcs, paints: o3.length, lists: w4.stats.lists, writes: f3, viewWrites: c3 }, t2._viewsChanged = c3 > 0, t2._lastPass = { trigger: e20.trigger || "refresh", writes: f3 }, t2._debug && console.log(`sap pass \xB7 trigger: ${t2._lastPass.trigger} \xB7 writes ${f3}/${o3.length}`);
           }
-          function Qn4(t2) {
+          function Vn4(t2) {
             return t2.kind === "text" ? t2.fmt ? "text:" + t2.fmt : "text" : t2.kind === "attr" ? "attr:" + t2.arg : t2.kind === "class" ? "class:" + t2.arg : t2.kind === "css" ? "css:" + t2.arg : t2.kind === "when" ? (t2.match === "hide" ? "hide-when:" : t2.match === "show-not" ? "option-not:" : "show-when:") + t2.field : t2.kind;
           }
-          function he6(t2, e20, r44, n3) {
+          function Kt5(t2, e20, r44, n3) {
             let o3 = t2;
             for (; o3 && o3.nodeType === 1; ) {
               if (o3.hasAttribute && o3.hasAttribute(e20)) {
@@ -73676,36 +73901,21 @@ ${t2}` : `"use strict"; return (${t2});`;
             }
             return false;
           }
-          function rn3(t2, e20) {
-            if (t2 === t2.ownerDocument.activeElement) return 0;
-            if (t2.type === "radio") {
-              let s2 = e20 != null && String(t2.value) === String(e20);
-              return t2.checked === s2 ? 0 : (t2.checked = s2, 1);
-            }
-            let r44 = Kt5(t2), n3 = de6(t2, r44), o3 = e20 ?? "";
-            return String(n3) !== String(o3) ? (Ze5(t2, r44, o3), 1) : 0;
-          }
-          function Zn3(t2, e20) {
-            let r44 = t2.def, n3 = t2.el;
-            if (r44.kind === "projection") {
-              if (r44.from === "drawn") {
-                let o3 = r44.field in t2.ctx.state ? t2.ctx.state : t2.ctx.root;
-                return rn3(n3, o3[r44.field]);
-              }
-              return rn3(n3, t2.ctx.item ? t2.ctx.item[r44.field] : "");
-            }
-            if (r44.kind === "when") return on4(r44, n3, null);
+          function zn4(t2, e20) {
+            let r44 = t2.def, n3 = t2.el, o3 = Me6[r44.kind];
+            if (o3) return o3(t2, e20);
+            if (r44.kind === "when") return Pe6(r44, n3, null);
             try {
-              let o3 = dt6(r44.entry, t2.ctx.state, t2.ctx.item, n3, t2.ctx.root), s2 = on4(r44, n3, o3);
-              return Ft5(n3), s2;
-            } catch (o3) {
-              return e20.diag.error(o3.sapCode === "E22" ? "E22" : "E24", n3, { attr: Qn4(r44), expr: r44.entry && r44.entry.src, problem: String(o3.message) }), ut6(n3, o3.sapCode || "E24"), 0;
+              let s2 = I5(r44.entry, t2.ctx.state, t2.ctx.item, n3, t2.ctx.root), a2 = Pe6(r44, n3, s2);
+              return Q6(n3), a2;
+            } catch (s2) {
+              return e20.diag.error(s2.sapCode === "E22" ? "E22" : "E24", n3, { attr: Vn4(r44), expr: r44.entry && r44.entry.src, problem: String(s2.message) }), M6(n3, s2.sapCode || "E24"), 0;
             }
           }
-          function on4(t2, e20, r44) {
+          function Pe6(t2, e20, r44) {
             switch (t2.kind) {
               case "text": {
-                let n3 = t2.fmt != null ? Me6(t2.fmt, r44) : r44 == null ? "" : String(r44);
+                let n3 = t2.fmt != null ? pe5(t2.fmt, r44) : r44 == null ? "" : String(r44);
                 return e20.textContent !== n3 ? (e20.textContent = n3, 1) : 0;
               }
               case "show": {
@@ -73713,10 +73923,10 @@ ${t2}` : `"use strict"; return (${t2});`;
                 return e20.hidden !== n3 ? (e20.hidden = n3, 1) : 0;
               }
               case "when": {
-                let n3 = X6("optionVisibility");
+                let n3 = L7("optionVisibility");
                 if (n3 && n3._started) return e20._sapWhen && e20.hidden ? (e20.hidden = false, e20._sapWhen = false, 1) : 0;
                 let o3;
-                t2.match === "hide" ? o3 = !he6(e20, t2.field, t2.values, false) : t2.match === "show-not" ? o3 = he6(e20, t2.field, t2.values, true) : o3 = he6(e20, t2.field, t2.values, false), e20._sapWhen = true;
+                t2.match === "hide" ? o3 = !Kt5(e20, t2.field, t2.values, false) : t2.match === "show-not" ? o3 = Kt5(e20, t2.field, t2.values, true) : o3 = Kt5(e20, t2.field, t2.values, false), e20._sapWhen = true;
                 let s2 = !o3;
                 return e20.hidden !== s2 ? (e20.hidden = s2, 1) : 0;
               }
@@ -73726,7 +73936,7 @@ ${t2}` : `"use strict"; return (${t2});`;
                   let s2 = 0;
                   return e20[n3] !== !!r44 && (e20[n3] = !!r44, s2 = 1), !!r44 !== e20.hasAttribute(n3) && (r44 ? e20.setAttribute(n3, "") : e20.removeAttribute(n3), s2 = 1), s2;
                 }
-                if (Kn4.has(n3)) {
+                if (qn4.has(n3)) {
                   let s2 = e20.hasAttribute(n3);
                   return r44 && !s2 ? (e20.setAttribute(n3, ""), 1) : !r44 && s2 ? (e20.removeAttribute(n3), 1) : 0;
                 }
@@ -73745,45 +73955,17 @@ ${t2}` : `"use strict"; return (${t2});`;
                 return 0;
             }
           }
-          function tr4(t2, e20) {
-            try {
-              dt6(t2.def.entry, t2.ctx.state, t2.ctx.item, t2.el, t2.ctx.root), Ft5(t2.el);
-            } catch (r44) {
-              e20.diag.error("E24", t2.el, { attr: "effect", expr: t2.def.entry && t2.def.entry.src, problem: String(r44.message) }), ut6(t2.el, "E24");
-            }
-          }
-          function er2(t2) {
-            let e20 = "";
-            try {
-              let r44 = dt6(t2.def.entry, t2.ctx.state, t2.ctx.item, t2.el, t2.ctx.root);
-              e20 = typeof r44 == "string" ? r44 : "";
-            } catch {
-              e20 = "";
-            }
-            typeof t2.el.setCustomValidity == "function" && t2.el.setCustomValidity(e20);
-          }
-          function sn3(t2) {
-            let e20 = 0, r44 = t2;
-            for (; r44 && !(r44.hasAttribute && r44.hasAttribute("sap")); ) r44 = r44.parentElement, e20++;
-            return e20;
-          }
-          function nr4(t2, e20, r44) {
-            let n3 = r44.nextSibling;
-            if (e20.isConnected && t2.moveBefore) try {
-              t2.moveBefore(e20, n3);
-              return;
-            } catch {
-            }
-            t2.insertBefore(e20, n3);
+          var Hn3 = new Set(J6), Be6 = /* @__PURE__ */ new Set(["calc", "text", "attr", "class", "css", "set", "move", "sort", "option", "option-not", "show-when", "hide-when", "editmode"]), Un3 = /* @__PURE__ */ new Set(["show-when", "hide-when", "option", "option-not"]), Gn4 = /\b(?:state|item|root)\.|===|!==|&&|\|\||[()]|^\s*!/, We6 = /* @__PURE__ */ new Set(["sap", "scope", "items", "item", "template", "bind", "show", "effect", "invalid", "detail", "state", "transient", "confirm", "default", "persist", "sortable", "trigger-add", "trigger-remove", "trigger-reset", "sap-ignore", "sap-error", "no-save", "no-watch", "no-undo", "no-trigger-autosave", "freeze", "mutations-ignore", "save-remove", "save-ignore", "save-freeze"]), Qt4 = [];
+          function qe6(t2) {
+            Qt4.includes(t2) || Qt4.push(t2);
           }
-          var rr3 = new Set(bt6), an3 = /* @__PURE__ */ new Set(["calc", "text", "attr", "class", "css", "set", "move", "sort", "option", "option-not", "show-when", "hide-when", "editmode"]), or4 = /* @__PURE__ */ new Set(["show-when", "hide-when", "option", "option-not"]), ir4 = /\b(?:state|item|root)\.|===|!==|&&|\|\||[()]|^\s*!/, un4 = /* @__PURE__ */ new Set(["sap", "scope", "items", "item", "template", "bind", "show", "effect", "invalid", "detail", "state", "transient", "confirm", "default", "persist", "sortable", "trigger-add", "trigger-remove", "trigger-reset", "sap-ignore", "sap-error", "no-save", "no-watch", "no-undo", "no-trigger-autosave", "freeze", "mutations-ignore", "save-remove", "save-ignore", "save-freeze"]);
-          function sr4(t2) {
+          function Yn4(t2) {
             return t2.tagName === "INPUT" || t2.tagName === "SELECT" || t2.tagName === "TEXTAREA";
           }
-          function be5(t2) {
+          function Jt5(t2) {
             return t2.hasAttribute("bind");
           }
-          function ar4(t2, e20) {
+          function Xn4(t2, e20) {
             e20(t2);
             for (let n3 = t2.firstElementChild; n3; n3 = n3.nextElementSibling) r44(n3);
             function r44(n3) {
@@ -73797,547 +73979,672 @@ ${t2}` : `"use strict"; return (${t2});`;
               }
             }
           }
-          function Zt5(t2, e20) {
-            let r44 = false, n3 = (a2, k5, $6) => {
-              e20.error(a2, k5, $6), r44 = true;
+          function Pt5(t2, e20) {
+            let r44 = false, n3 = (a2, g2, b4) => {
+              e20.error(a2, g2, b4), r44 = true;
             }, o3 = t2.ownerDocument.createTreeWalker(t2, 4), s2;
             for (; s2 = o3.nextNode(); ) if (/\{\{.*\}\}/.test(s2.nodeValue || "")) {
               n3("E02", s2.parentElement || t2, { problem: "moustaches in text content are not a Sap feature", fix: 'move the expression onto the element: text="state.x"' });
               break;
             }
-            return ar4(t2, (a2) => {
-              let k5 = a2.closest && a2.closest("[detail]");
-              for (let $6 of [...a2.attributes]) {
-                let A4 = $6.name, l2 = ve6(A4);
-                if (l2) {
-                  n3("E01", a2, { attr: A4, expr: $6.value, problem: `"${A4}" is a foreign-dialect attribute; Sap has no ${A4.split(/[:=]/)[0]} directive`, fix: l2 + " \u2014 or wrap the subtree in sap-ignore if intentional" });
-                  continue;
-                }
-                if (A4.includes(":")) {
-                  let N16 = A4.slice(0, A4.indexOf(":"));
-                  if (an3.has(N16)) {
-                    if (or4.has(N16) && ir4.test($6.value)) {
-                      let P7 = A4.slice(A4.indexOf(":") + 1);
-                      e20.warn("W04", a2, { attr: A4, expr: $6.value, problem: `${N16}: compares the "${P7}" attribute against a literal value, not a JS expression`, fix: `use show="${$6.value}" for an expression, or a literal like ${N16}:${P7}="overview"` });
+            return Xn4(t2, (a2) => {
+              let g2 = /* @__PURE__ */ new Set();
+              for (let d of Qt4) d(a2, n3, (u3) => g2.add(u3));
+              let b4 = a2.closest && a2.closest("[detail]");
+              for (let d of [...a2.attributes]) {
+                let u3 = d.name;
+                if (g2.has(u3)) continue;
+                if (u3.includes(":")) {
+                  let S4 = u3.slice(0, u3.indexOf(":"));
+                  if (Be6.has(S4)) {
+                    if (Un3.has(S4) && Gn4.test(d.value)) {
+                      let k5 = u3.slice(u3.indexOf(":") + 1);
+                      e20.warn("W04", a2, { attr: u3, expr: d.value, problem: `${S4}: compares the "${k5}" attribute against a literal value, not a JS expression`, fix: `use show="${d.value}" for an expression, or a literal like ${S4}:${k5}="overview"` });
                     }
                   } else {
-                    let P7 = Nt4(N16, [...an3]);
-                    e20.warn("W03", a2, { attr: A4, problem: `unknown "${N16}:" attribute`, didYouMean: P7 ? `${P7}:` : null });
+                    let k5 = ut6(S4, [...Be6]);
+                    e20.warn("W03", a2, { attr: u3, problem: `unknown "${S4}:" attribute`, didYouMean: k5 ? `${k5}:` : null });
                   }
-                } else if (!un4.has(A4) && !Tt6.has(A4) && !rr3.has(A4) && !/^(data-|aria-|on)/.test(A4) && !(A4 in a2)) {
-                  let N16 = Nt4(A4, [...un4]);
-                  N16 && e20.warn("W03", a2, { attr: A4, problem: `unknown "${A4}" attribute`, didYouMean: N16 });
+                } else if (!We6.has(u3) && !at5.has(u3) && !Hn3.has(u3) && !/^(data-|aria-|on)/.test(u3) && !(u3 in a2)) {
+                  let S4 = ut6(u3, [...We6]);
+                  S4 && e20.warn("W03", a2, { attr: u3, problem: `unknown "${u3}" attribute`, didYouMean: S4 });
                 }
-                A4 === "attr:hidden" && e20.warn("W03", a2, { attr: A4, problem: "attr:hidden paints the wrong attribute", fix: 'use show="expr"' });
-                let w4 = be5(a2) || A4 === "attr:selected" && a2.tagName === "OPTION" && !!a2.closest("select[bind]");
-                (A4 === "attr:value" || A4 === "attr:checked" || A4 === "attr:selected") && w4 && n3("E30", a2, { attr: A4, problem: "attr: on a bound control collides with persist ownership", fix: "remove it; bind owns this attribute" }), A4 === "effect" && be5(a2) && /\b(value|checked)\s*=[^=]/.test($6.value) && n3("E30", a2, { attr: A4, expr: $6.value, problem: "effect writes value/checked on a bound control (writes a stale value with no synthetic event)", fix: "write through onclick + Sap(this) instead" }), (A4 === "text" || A4.startsWith("text:") || A4 === "show") && sr4(a2) && (A4 === "show" || n3("E18", a2, { attr: A4, problem: "paint belongs on output elements, not form controls", fix: "move the paint to an <output> or <span>" }));
+                u3 === "attr:hidden" && e20.warn("W03", a2, { attr: u3, problem: "attr:hidden paints the wrong attribute", fix: 'use show="expr"' });
+                let E4 = Jt5(a2) || u3 === "attr:selected" && a2.tagName === "OPTION" && !!a2.closest("select[bind]");
+                (u3 === "attr:value" || u3 === "attr:checked" || u3 === "attr:selected") && E4 && n3("E30", a2, { attr: u3, problem: "attr: on a bound control collides with persist ownership", fix: "remove it; bind owns this attribute" }), u3 === "effect" && Jt5(a2) && /\b(value|checked)\s*=[^=]/.test(d.value) && n3("E30", a2, { attr: u3, expr: d.value, problem: "effect writes value/checked on a bound control (writes a stale value with no synthetic event)", fix: "write through onclick + Sap(this) instead" }), (u3 === "text" || u3.startsWith("text:") || u3 === "show") && Yn4(a2) && (u3 === "show" || n3("E18", a2, { attr: u3, problem: "paint belongs on output elements, not form controls", fix: "move the paint to an <output> or <span>" }));
               }
               if (a2.hasAttribute("state")) {
-                let $6 = V7(a2.getAttribute("state")), A4 = /* @__PURE__ */ new Set();
-                for (let l2 of $6) {
-                  l2.name.includes("-") && n3("E08", a2, { attr: "state", problem: `field "${l2.name}" is not a valid identifier (the hyphen parses as subtraction)`, fix: `rename to ${l2.name.replace(/-/g, "")}` }), A4.has(l2.name) && n3("E04", a2, { attr: "state", problem: `field "${l2.name}" is declared twice in one scope` }), A4.add(l2.name), It6.has(l2.attr) && n3("E05", a2, { attr: "state", problem: `"${l2.name}" is a reserved Sap word` }), Tt6.has(l2.attr) && n3("E06", a2, { attr: "state", problem: `"${l2.name}" is a global HTML attribute name; pick another field name` }), l2.name === "open" && a2.tagName === "DIALOG" && n3("E33", a2, { attr: "state", problem: "dialog open is transient", fix: "use showModal() \u2014 declare state= only on <details> or popovers" });
-                  let w4 = se6(a2, l2.attr);
-                  w4 && (l2.attr === "checked" || l2.attr === "selected") && n3("E35", a2, { attr: "state", problem: `"${l2.attr}" on a form control is the control's own state, not a declared field`, fix: 'bind the control instead, e.g. <input type="checkbox" bind="done">' }), w4 && l2.type === "num" && n3("E35", a2, { attr: "state", problem: `"${l2.attr}" is an HTML boolean attribute; it cannot hold a number`, fix: `declare it bare: state="${l2.attr}"` }), l2.transient && (w4 || l2.type === "presence") && n3("E35", a2, { attr: "state", problem: `"${l2.name}" is carried by attribute presence, which transient would strip`, fix: "declare a separate name:bool:transient field and paint the attribute from it" });
+                let d = C5(a2.getAttribute("state")), u3 = /* @__PURE__ */ new Set();
+                for (let E4 of d) {
+                  E4.name.includes("-") && n3("E08", a2, { attr: "state", problem: `field "${E4.name}" is not a valid identifier (the hyphen parses as subtraction)`, fix: `rename to ${E4.name.replace(/-/g, "")}` }), u3.has(E4.name) && n3("E04", a2, { attr: "state", problem: `field "${E4.name}" is declared twice in one scope` }), u3.add(E4.name), wt6.has(E4.attr) && n3("E05", a2, { attr: "state", problem: `"${E4.name}" is a reserved Sap word` }), at5.has(E4.attr) && n3("E06", a2, { attr: "state", problem: `"${E4.name}" is a global HTML attribute name; pick another field name` }), E4.name === "open" && a2.tagName === "DIALOG" && n3("E33", a2, { attr: "state", problem: "dialog open is transient", fix: "use showModal() \u2014 declare state= only on <details> or popovers" });
+                  let S4 = jt6(a2, E4.attr);
+                  S4 && (E4.attr === "checked" || E4.attr === "selected") && n3("E35", a2, { attr: "state", problem: `"${E4.attr}" on a form control is the control's own state, not a declared field`, fix: 'bind the control instead, e.g. <input type="checkbox" bind="done">' }), S4 && E4.type === "num" && n3("E35", a2, { attr: "state", problem: `"${E4.attr}" is an HTML boolean attribute; it cannot hold a number`, fix: `declare it bare: state="${E4.attr}"` }), E4.transient && (S4 || E4.type === "presence") && n3("E35", a2, { attr: "state", problem: `"${E4.name}" is carried by attribute presence, which transient would strip`, fix: "declare a separate name:bool:transient field and paint the attribute from it" });
                 }
               }
-              if (be5(a2)) {
+              if (Jt5(a2)) {
                 if (a2.hasAttribute("-"), a2.tagName === "INPUT") {
-                  let $6 = (a2.getAttribute("type") || "text").toLowerCase();
-                  $6 === "file" && n3("E32", a2, { attr: "bind", problem: "files never serialize into an HTML file", fix: "use no-save + effect instead of bind" }), $6 === "password" && !a2.hasAttribute("transient") && n3("E31", a2, { attr: "bind", problem: "a password must never serialize into a world-readable file", fix: "add transient to the password input" });
+                  let d = (a2.getAttribute("type") || "text").toLowerCase();
+                  d === "file" && n3("E32", a2, { attr: "bind", problem: "files never serialize into an HTML file", fix: "use no-save + effect instead of bind" }), d === "password" && !a2.hasAttribute("transient") && n3("E31", a2, { attr: "bind", problem: "a password must never serialize into a world-readable file", fix: "add transient to the password input" });
                 } else if (a2.tagName !== "SELECT" && a2.tagName !== "TEXTAREA") {
-                  let $6 = a2.getAttribute("contenteditable");
-                  !($6 != null && $6 !== "false") && a2.children.length > 0 && n3("E20", a2, { attr: "bind", problem: "bind on a container element is not a control; a write would overwrite its children", fix: "bind a control (input/select/textarea), a contenteditable, or an empty text leaf" });
+                  let d = a2.getAttribute("contenteditable");
+                  !(d != null && d !== "false") && a2.children.length > 0 && n3("E20", a2, { attr: "bind", problem: "bind on a container element is not a control; a write would overwrite its children", fix: "bind a control (input/select/textarea), a contenteditable, or an empty text leaf" });
                 }
               }
               if (a2.hasAttribute("transient") && a2.hasAttribute("persist") && n3("E34", a2, { problem: "transient and persist are opposite: persist forces the live value into the saved bytes, leaking exactly what transient drops", fix: "remove one \u2014 transient to keep it out of the file, or persist to save it" }), a2.tagName === "DIALOG" && a2.hasAttribute("detail") && !(a2.parentElement && a2.parentElement.closest('[clay~="freeze"], [freeze], [save-freeze]')) && e20.warn("W31", a2, { attr: "detail", problem: "a detail dialog writes open when it opens, and that attribute would be saved into the file", fix: 'wrap the dialog in an element with clay="freeze" (not editor-ui, which removes it from the file), and make its key field transient' }), a2.hasAttribute("item") && !a2.hasAttribute("template") && a2.parentNode && a2.parentNode.nodeType === 1) {
-                let $6 = a2.parentElement;
-                (!$6 || !$6.hasAttribute("items")) && n3("E10", a2, { problem: "an [item] must be a direct child of an [items] list", fix: 'wrap it in a container with items="name"' });
+                let d = a2.parentElement;
+                (!d || !d.hasAttribute("items")) && n3("E10", a2, { problem: "an [item] must be a direct child of an [items] list", fix: 'wrap it in a container with items="name"' });
               }
-              if (a2.hasAttribute("items") && k5 && n3("E17", a2, { attr: "items", problem: "nested items inside a detail panel is a v1 mount error (nested collections ship in v1.1)" }), a2.hasAttribute("items")) {
-                let $6 = t2.querySelector(`[trigger-add="${a2.getAttribute("items")}"]`);
-                !Vt5(a2) && !oe6(t2, a2.getAttribute("items")) && rt6(a2).length === 0 && $6 && n3("E17", a2, { attr: "items", problem: `trigger-add targets items="${a2.getAttribute("items")}" but it has no [item template] to clone` });
+              if (a2.hasAttribute("items") && b4 && n3("E17", a2, { attr: "items", problem: "nested items inside a detail panel is a v1 mount error (nested collections ship in v1.1)" }), a2.hasAttribute("items")) {
+                let d = t2.querySelector(`[trigger-add="${a2.getAttribute("items")}"]`);
+                !xt6(a2) && !Wt6(t2, a2.getAttribute("items")) && W6(a2).length === 0 && d && n3("E17", a2, { attr: "items", problem: `trigger-add targets items="${a2.getAttribute("items")}" but it has no [item template] to clone` });
               }
-            }), r44 && (e20.halted = true, e20.haltReason = e20.errors[0] ? e20.errors[0].code : "halt", ut6(t2, e20.haltReason)), !r44;
+            }), r44 && (e20.halted = true, e20.haltReason = e20.errors[0] ? e20.errors[0].code : "halt", M6(t2, e20.haltReason)), !r44;
           }
-          var cn3 = "sap-styles", ln3 = "[item][template]{display:none!important}[hidden]{display:none!important}[sap-error]{outline:2px solid #e5484d;outline-offset:1px}", ge6 = /* @__PURE__ */ new WeakSet();
-          function ur4(t2) {
-            if (ge6.has(t2)) return;
+          var je6 = "sap-styles", Ve5 = "[item][template]{display:none!important}[hidden]{display:none!important}[sap-error]{outline:2px solid #e5484d;outline-offset:1px}", Zt5 = /* @__PURE__ */ new WeakSet();
+          function Kn4(t2) {
+            if (Zt5.has(t2)) return;
             let e20 = t2.defaultView, r44 = e20 && e20.CSSStyleSheet;
             if (r44 && "adoptedStyleSheets" in t2) try {
               let n3 = new r44();
-              n3.replaceSync(ln3), t2.adoptedStyleSheets = [...t2.adoptedStyleSheets, n3], ge6.add(t2);
+              n3.replaceSync(Ve5), t2.adoptedStyleSheets = [...t2.adoptedStyleSheets, n3], Zt5.add(t2);
               return;
             } catch {
             }
-            if (!t2.getElementById(cn3)) {
+            if (!t2.getElementById(je6)) {
               let n3 = t2.createElement("style");
-              n3.id = cn3, n3.textContent = ln3, (t2.head || t2.documentElement).appendChild(n3);
+              n3.id = je6, n3.textContent = Ve5, (t2.head || t2.documentElement).appendChild(n3);
             }
-            ge6.add(t2);
+            Zt5.add(t2);
           }
-          var cr4 = 0;
-          function fn4() {
+          var Jn4 = 0;
+          function ze6() {
             return typeof performance < "u" && performance.now ? performance.now() : 0;
           }
-          function we6(t2) {
-            let e20 = t2.id || t2.getAttribute("sap") || `app-${cr4++}`, r44 = new ht6(e20), n3 = { root: t2, name: e20, diag: r44, _state: null, _stats: null, _lastPass: null, _passes: 0, _broken: false, _mountMs: 0, _mountWrites: 0 };
-            if (!Zt5(t2, r44)) return n3.halted = true, n3;
-            ur4(t2.ownerDocument);
-            for (let a2 of t2.querySelectorAll("textarea[data-value]")) Yt5(a2);
-            let s2 = fn4();
-            return $t6(n3, { trigger: "mount", full: true }), n3._mountMs = fn4() - s2, n3._mountWrites = n3._stats ? n3._stats.writes : 0, n3._mountWrites > 0 && !Ue6() && r44.warn("W30", t2, { problem: `${n3._mountWrites} paint(s) ran at mount; the saved file was out of sync with its declared state`, fix: "re-save once so the file mounts clean (a settled file writes nothing)" }), n3;
+          function te6(t2) {
+            let e20 = t2.id || t2.getAttribute("sap") || `app-${Jn4++}`, r44 = new K7(e20), n3 = { root: t2, name: e20, diag: r44, _state: null, _stats: null, _lastPass: null, _passes: 0, _broken: false, _mountMs: 0, _mountWrites: 0 };
+            if (!Pt5(t2, r44)) return n3.halted = true, n3;
+            Kn4(t2.ownerDocument);
+            for (let a2 of t2.querySelectorAll("textarea[data-value]")) Lt5(a2);
+            let s2 = ze6();
+            return it6(n3, { trigger: "mount", full: true }), n3._mountMs = ze6() - s2, n3._mountWrites = n3._stats ? n3._stats.writes : 0, n3._mountWrites > 0 && !ke6() && !L7("derived") && r44.warn("W30", t2, { problem: `${n3._mountWrites} paint(s) ran at mount; the saved file was out of sync with its declared state`, fix: "re-save once so the file mounts clean (a settled file writes nothing)" }), n3;
           }
-          var lr4 = ["for", "form", "list", "headers", "popovertarget", "commandfor", "anchor", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-details", "aria-errormessage", "aria-flowto", "aria-labelledby", "aria-owns"];
-          function fr4(t2, e20) {
+          var He6 = /^(set:|move:|sort:|trigger-add$|trigger-remove$|trigger-reset$)/;
+          function It6(t2) {
+            return `${t2.tagName.toLowerCase()}[sap]`;
+          }
+          function Qn4(t2) {
+            let e20 = 0;
+            for (let r44 of t2.querySelectorAll("*")) for (let n3 of r44.attributes) if (He6.test(n3.name)) {
+              e20++;
+              break;
+            }
+            for (let r44 of t2.attributes) if (He6.test(r44.name)) {
+              e20++;
+              break;
+            }
+            return e20;
+          }
+          function Ue6(t2) {
+            function e20(g2) {
+              let b4 = g2._stats || {}, d = g2.root;
+              return { root: It6(d), fields: b4.fields || 0, calcs: b4.calcs || 0, paints: b4.paints || 0, actions: Qn4(d), lists: (d.hasAttribute("items") ? 1 : 0) + d.querySelectorAll("[items]").length, rows: d.querySelectorAll("[item]:not([template])").length, warnings: g2.diag.warnings.length, errors: g2.diag.errors.length, mountWrites: g2._mountWrites || 0, ms: Math.round((g2._mountMs || 0) * 10) / 10, passes: g2._passes || 0, lastPass: g2._lastPass || null, ok: g2.diag.errors.length === 0 && !g2.halted };
+            }
+            function r44() {
+              let g2 = t2.apps().map(e20);
+              return { ok: g2.every((b4) => b4.ok), apps: g2 };
+            }
+            function n3(g2) {
+              let b4 = e20(g2);
+              return b4.ok ? `sap \u2713 ${b4.root} \xB7 fields ${b4.fields} \xB7 calcs ${b4.calcs} \xB7 paints ${b4.paints} \xB7 actions ${b4.actions} \xB7 lists ${b4.lists} \xB7 rows ${b4.rows} \xB7 warnings ${b4.warnings} \xB7 mount writes ${b4.mountWrites} \xB7 ${b4.ms}ms` : `sap \u2717 ${b4.root} \xB7 errors ${b4.errors} \xB7 warnings ${b4.warnings} \xB7 ${b4.ms}ms`;
+            }
+            function o3() {
+              for (let g2 of t2.apps()) {
+                let b4 = n3(g2);
+                g2.diag.errors.length || g2.halted ? console.error(b4) : console.log(b4);
+              }
+            }
+            function s2() {
+              let g2 = [], b4 = [];
+              for (let d of t2.apps()) g2.push(...d.diag.errors), b4.push(...d.diag.warnings);
+              return { ok: g2.length === 0, errors: g2, warnings: b4, counts: { errors: g2.length, warnings: b4.length } };
+            }
+            function a2(g2) {
+              let b4 = g2 === void 0 ? true : !!g2;
+              for (let d of t2.apps()) d._debug = b4;
+              return console.log(`sap debug ${b4 ? "on" : "off"} \u2014 per-pass headers will ${b4 ? "" : "no longer "}log`), b4;
+            }
+            return { status: r44, report: s2, debug: a2, greenLine: n3, printGreenLines: o3, REGISTRY: Bt5 };
+          }
+          var Ge6 = "0.6.0";
+          function Ye6({ createAccessor: t2, installInput: e20, debugExtras: r44 }) {
+            let n3 = /* @__PURE__ */ new Map(), o3 = [], s2 = ee6(it6);
+            function a2(i2) {
+              let l2 = i2;
+              for (; l2; ) {
+                if (l2.nodeType === 1 && l2.hasAttribute && l2.hasAttribute("sap")) return n3.get(l2) || null;
+                l2 = l2.parentNode && l2.parentNode.host ? l2.parentNode.host : l2.parentElement;
+              }
+              return null;
+            }
+            function g2() {
+              for (let i2 = o3.length - 1; i2 >= 0; i2--) {
+                let l2 = o3[i2];
+                l2.root.isConnected || (n3.delete(l2.root), o3.splice(i2, 1));
+              }
+            }
+            function b4(i2, l2) {
+              if (i2.moveBefore) try {
+                i2.moveBefore(l2, null);
+                return;
+              } catch {
+              }
+              i2.appendChild(l2);
+            }
+            function d(i2, l2) {
+              let m4 = l2.parentElement;
+              if (m4) {
+                if (m4.moveBefore) try {
+                  m4.moveBefore(i2, l2);
+                  return;
+                } catch {
+                }
+                m4.insertBefore(i2, l2);
+              }
+            }
+            let u3 = { apps: () => o3.slice(), appFor: a2, isRegistered: (i2) => n3.has(i2), pruneDisconnected: g2, schedule: (i2, l2) => s2.schedule(i2, l2), runNow: (i2, l2) => s2.runNow(i2, l2), moveInto: b4, placeBefore: d, remountIfPresent: () => v5() }, E4 = t2(u3), S4 = Ue6(u3), k5 = r44 ? r44(u3, S4) : {}, _4 = false, h = false, A4 = null;
+            function p3() {
+              _4 || (_4 = true, e20(u3, E4, document), A4 = Ne6(u3));
+            }
+            function w4() {
+              let i2 = L7("derived");
+              i2 && typeof i2.mounted == "function" && i2.mounted();
+            }
+            function v5(i2 = document) {
+              if (h) return [];
+              p3(), Yt5(u3);
+              let l2 = i2.querySelectorAll("[sap]"), m4 = [];
+              for (let y4 of l2) {
+                if (n3.has(y4)) continue;
+                let x6 = te6(y4);
+                n3.set(y4, x6), o3.push(x6), m4.push(x6);
+              }
+              for (let y4 of m4) {
+                let x6 = S4.greenLine(y4);
+                y4.diag.errors.length || y4.halted ? console.error(x6) : console.log(x6);
+              }
+              return w4(), m4;
+            }
+            function f3(i2) {
+              if (h) return null;
+              if (p3(), Yt5(u3), !i2) return v5();
+              let l2 = typeof i2 == "string" ? document.querySelector(i2) : i2;
+              if (!l2) return null;
+              if (n3.has(l2)) return n3.get(l2);
+              let m4 = te6(l2);
+              n3.set(l2, m4), o3.push(m4);
+              let y4 = S4.greenLine(m4);
+              return m4.diag.errors.length || m4.halted ? console.error(y4) : console.log(y4), m4;
+            }
+            let c3 = E4.Sap;
+            return c3.version = Ge6, c3.refresh = function() {
+              for (let l2 of o3) l2.root.isConnected && s2.runNow(l2, "refresh");
+            }, c3.batch = Te6, c3.status = S4.status, c3.report = S4.report, c3.why = k5.why, c3.debug = S4.debug, c3.doctor = k5.doctor, c3.greenLine = S4.greenLine, c3.formats = et6, c3.serializeControlToAttributes = nt6, c3.finalizeControlForSave = Se6, c3.rehydrateControlFromAttributes = Lt5, c3.mount = f3, c3.config = function(l2 = {}) {
+              return l2.formats && Object.assign(et6, l2.formats), c3;
+            }, c3._registry = n3, c3._reset = function() {
+              n3.clear(), o3.length = 0, Xt5();
+            }, c3.unmount = function() {
+              h = true, n3.clear(), o3.length = 0, Xt5(), typeof A4 == "function" && A4();
+            }, { Sap: c3, mountAll: v5, mount: f3, runtime: u3 };
+          }
+          function Xe6(t2) {
+            if (typeof document > "u") return;
+            let e20 = () => $e6(() => t2());
+            document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e20) : e20();
+          }
+          var Zn3 = ["for", "form", "list", "headers", "popovertarget", "commandfor", "anchor", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-details", "aria-errormessage", "aria-flowto", "aria-labelledby", "aria-owns"];
+          function tr4(t2, e20) {
             let r44 = null;
-            return et6(t2, (n3) => {
+            return O4(t2, (n3) => {
               !r44 && n3.getAttribute("scope") === e20 && (r44 = n3);
             }), r44;
           }
-          function dn3(t2, e20, r44) {
-            let n3 = Q6(t2) || e20;
+          function Ke6(t2, e20, r44) {
+            let n3 = F5(t2) || e20;
             for (; n3; ) {
-              for (let o3 of V7(n3.getAttribute("state") || "")) if (o3.name === r44) return { el: n3, decl: o3 };
+              for (let o3 of C5(n3.getAttribute("state") || "")) if (o3.name === r44) return { el: n3, decl: o3 };
               if (n3.hasAttribute("sap")) break;
-              n3 = Q6(n3.parentElement);
+              n3 = F5(n3.parentElement);
             }
             return null;
           }
-          function dr4(t2) {
+          function er2(t2) {
             return typeof t2 == "number" ? "num" : typeof t2 == "boolean" ? "bool" : "string";
           }
-          function pn4(t2) {
-            function e20(m4) {
-              let d = t2.appFor(m4);
-              if (!d) return null;
-              let p3 = lt6(m4), y4 = p3 && p3._sapEachItem && p3._sapEachItem.$el;
-              if (y4 && y4.isConnected) return { ctxEl: y4, appRec: d, isRow: true };
-              let E4 = Lt5(m4);
-              if (E4) return E4._sapDetailRow ? { ctxEl: E4._sapDetailRow, appRec: d, isRow: true } : { ctxEl: Q6(E4.parentElement) || d.root, appRec: d, isRow: false };
-              let S4 = Wt6(m4);
-              if (S4 && S4.hasAttribute("item")) return { ctxEl: S4, appRec: d, isRow: true };
-              let _4 = Q6(m4) || d.root;
-              return { ctxEl: _4, appRec: d, isRow: _4.hasAttribute("item") };
-            }
-            function r44(m4) {
-              let d = typeof m4 == "string" ? document.querySelector(m4) : m4;
-              if (!d || d.nodeType !== 1) return null;
-              let p3 = e20(d);
-              return p3 ? z5(p3.ctxEl, p3.appRec, p3.isRow) : null;
-            }
-            function n3(m4, d) {
-              let p3 = lt6(m4);
-              if (!p3) return r44(m4);
-              let y4 = t2.appFor(m4), E4 = p3._sapEachItem && p3._sapEachItem.$el;
-              if (E4 && E4.nodeType === 1 && E4.hasAttribute("item") && wt6(E4, d)) return E4.isConnected ? z5(E4, y4, true) : null;
-              let S4 = p3.parentElement && p3.parentElement._sapDrawnEl;
-              return !S4 || !S4.isConnected ? null : z5(S4, y4, S4.hasAttribute("item"));
-            }
-            function o3(m4, d, p3) {
-              let y4 = ft5(m4, p3);
-              if (y4) return G5(y4).read();
-              let E4 = gt6(m4, p3);
-              if (E4) return rt6(E4).map((H6) => z5(H6, d, true));
-              let S4 = fr4(m4, p3);
-              if (S4) return z5(S4, d, false);
-              let _4 = dn3(m4, d.root, p3);
-              if (_4) return _4.decl.transient ? zt5(_4.el, _4.decl) : $e6(_4.el, _4.decl);
-              let M6 = m4._sapScope;
-              return M6 ? M6[p3] : void 0;
-            }
-            function s2(m4, d, p3, y4, E4) {
-              y4.transient ? Dt6(m4, y4, p3) : Rt6(m4, y4, p3), t2.schedule(E4, "set:" + d);
-            }
-            function a2(m4, d) {
-              let p3 = /* @__PURE__ */ new Set(), y4 = Q6(m4) || d;
-              for (; y4; ) {
-                for (let E4 of V7(y4.getAttribute("state") || "")) p3.add(E4.name);
-                if (y4.hasAttribute("sap")) break;
-                y4 = Q6(y4.parentElement);
+          function Je6(t2) {
+            function e20(h) {
+              let A4 = t2.appFor(h);
+              if (!A4) return null;
+              let p3 = H6(h), w4 = p3 && p3._sapEachItem && p3._sapEachItem.$el;
+              if (w4 && w4.isConnected) return { ctxEl: w4, appRec: A4, isRow: true };
+              let v5 = ct6(h);
+              if (v5) return v5._sapDetailRow ? { ctxEl: v5._sapDetailRow, appRec: A4, isRow: true } : { ctxEl: F5(v5.parentElement) || A4.root, appRec: A4, isRow: false };
+              let f3 = Et6(h);
+              if (f3 && f3.hasAttribute("item")) return { ctxEl: f3, appRec: A4, isRow: true };
+              let c3 = F5(h) || A4.root;
+              return { ctxEl: c3, appRec: A4, isRow: c3.hasAttribute("item") };
+            }
+            function r44(h) {
+              let A4 = typeof h == "string" ? document.querySelector(h) : h;
+              if (!A4 || A4.nodeType !== 1) return null;
+              let p3 = e20(A4);
+              return p3 ? _4(p3.ctxEl, p3.appRec, p3.isRow) : null;
+            }
+            function n3(h, A4) {
+              let p3 = H6(h);
+              if (!p3) return r44(h);
+              let w4 = t2.appFor(h), v5 = p3._sapEachItem && p3._sapEachItem.$el;
+              if (v5 && v5.nodeType === 1 && v5.hasAttribute("item") && tt6(v5, A4)) return v5.isConnected ? _4(v5, w4, true) : null;
+              let f3 = p3.parentElement && p3.parentElement._sapDrawnEl;
+              return !f3 || !f3.isConnected ? null : _4(f3, w4, f3.hasAttribute("item"));
+            }
+            function o3(h, A4, p3) {
+              let w4 = U6(h, p3);
+              if (w4) return R5(w4).read();
+              let v5 = Z7(h, p3);
+              if (v5) return W6(v5).map((l2) => _4(l2, A4, true));
+              let f3 = tr4(h, p3);
+              if (f3) return _4(f3, A4, false);
+              let c3 = Ke6(h, A4.root, p3);
+              if (c3) return c3.decl.transient ? St6(c3.el, c3.decl) : ie6(c3.el, c3.decl);
+              let i2 = h._sapScope;
+              return i2 ? i2[p3] : void 0;
+            }
+            function s2(h, A4, p3, w4, v5) {
+              w4.transient ? dt6(h, w4, p3) : lt6(h, w4, p3), t2.schedule(v5, "set:" + A4);
+            }
+            function a2(h, A4) {
+              let p3 = /* @__PURE__ */ new Set(), w4 = F5(h) || A4;
+              for (; w4; ) {
+                for (let v5 of C5(w4.getAttribute("state") || "")) p3.add(v5.name);
+                if (w4.hasAttribute("sap")) break;
+                w4 = F5(w4.parentElement);
               }
-              return et6(m4, (E4) => {
-                let S4 = E4.getAttribute("bind");
-                S4 && p3.add(S4);
+              return O4(h, (v5) => {
+                let f3 = v5.getAttribute("bind");
+                f3 && p3.add(f3);
               }), p3;
             }
-            function k5(m4, d, p3, y4) {
-              let E4 = ft5(m4, p3);
-              if (E4) {
-                G5(E4).write(y4);
+            function g2(h, A4, p3, w4) {
+              let v5 = U6(h, p3);
+              if (v5) {
+                R5(v5).write(w4);
                 return;
               }
-              let S4 = m4;
-              for (; S4; ) {
-                for (let x6 of S4.attributes) if (x6.name === "calc:" + p3) {
-                  d.diag.error("E16", S4, { attr: "calc:" + p3, problem: `"${p3}" is a computed field; computed fields are read-only` });
+              let f3 = h;
+              for (; f3; ) {
+                for (let T5 of f3.attributes) if (T5.name === "calc:" + p3) {
+                  A4.diag.error("E16", f3, { attr: "calc:" + p3, problem: `"${p3}" is a computed field; computed fields are read-only` });
                   return;
                 }
-                if (S4.hasAttribute("sap")) break;
-                S4 = S4.parentElement;
+                if (f3.hasAttribute("sap")) break;
+                f3 = f3.parentElement;
               }
-              let _4 = dn3(m4, d.root, p3);
-              if (_4) {
-                s2(_4.el, p3, y4, _4.decl, d);
+              let c3 = Ke6(h, A4.root, p3);
+              if (c3) {
+                s2(c3.el, p3, w4, c3.decl, A4);
                 return;
               }
-              let M6 = a2(m4, d.root);
-              M6.delete(p3);
-              let H6 = p3.length >= 4 ? Nt4(p3, [...M6]) : null;
-              if (H6) {
-                d.diag.error("E12", m4, { key: p3, problem: `unknown state key "${p3}"`, didYouMean: H6 });
+              let i2 = a2(h, A4.root);
+              i2.delete(p3);
+              let l2 = p3.length >= 4 ? ut6(p3, [...i2]) : null;
+              if (l2) {
+                A4.diag.error("E12", h, { key: p3, problem: `unknown state key "${p3}"`, didYouMean: l2 });
                 return;
               }
-              if (It6.has(p3) || Tt6.has(p3)) {
-                d.diag.error("E15", m4, { key: p3, problem: `cannot write undeclared field "${p3}" \u2014 it is a reserved/global name and cannot become state`, fix: "pick a different field name, or declare it explicitly in a state= attribute" });
+              if (wt6.has(p3) || at5.has(p3)) {
+                A4.diag.error("E15", h, { key: p3, problem: `cannot write undeclared field "${p3}" \u2014 it is a reserved/global name and cannot become state`, fix: "pick a different field name, or declare it explicitly in a state= attribute" });
                 return;
               }
-              let c3 = d.root, u3 = dr4(y4), b4 = c3.getAttribute("state") || "", v5 = u3 === "string" ? p3 : `${p3}:${u3}`;
-              c3.setAttribute("state", b4 ? `${b4} ${v5}` : v5), s2(c3, p3, y4, { name: p3, attr: p3, type: u3, transient: false }, d);
+              let m4 = A4.root, y4 = er2(w4), x6 = m4.getAttribute("state") || "", $6 = y4 === "string" ? p3 : `${p3}:${y4}`;
+              m4.setAttribute("state", x6 ? `${x6} ${$6}` : $6), s2(m4, p3, w4, { name: p3, attr: p3, type: y4, transient: false }, A4);
             }
-            function $6(m4) {
-              let d = m4.ownerDocument, p3 = /* @__PURE__ */ new Map(), y4 = (E4, S4) => {
-                let _4 = Se6(d), M6 = E4.getAttribute(S4);
-                M6 && S4 === "id" && p3.set(M6, _4), E4.setAttribute(S4, _4);
+            function b4(h) {
+              let A4 = h.ownerDocument, p3 = /* @__PURE__ */ new Map(), w4 = (v5, f3) => {
+                let c3 = re5(A4), i2 = v5.getAttribute(f3);
+                i2 && f3 === "id" && p3.set(i2, c3), v5.setAttribute(f3, c3);
               };
-              m4.querySelectorAll("[id]").forEach((E4) => y4(E4, "id")), m4.querySelectorAll("[data-id]").forEach((E4) => y4(E4, "data-id")), m4.querySelectorAll("[sap-error]").forEach((E4) => E4.removeAttribute("sap-error")), m4.removeAttribute("sap-error"), m4.hasAttribute("data-id") ? (m4.removeAttribute("id"), y4(m4, "data-id")) : y4(m4, "id");
-              for (let E4 of [m4, ...m4.querySelectorAll("*")]) for (let S4 of lr4) {
-                let _4 = E4.getAttribute(S4);
-                if (_4 == null) continue;
-                let M6 = _4.split(/\s+/).map((H6) => p3.get(H6) || H6).join(" ");
-                M6 !== _4 && E4.setAttribute(S4, M6);
+              h.querySelectorAll("[id]").forEach((v5) => w4(v5, "id")), h.querySelectorAll("[data-id]").forEach((v5) => w4(v5, "data-id")), h.querySelectorAll("[sap-error]").forEach((v5) => v5.removeAttribute("sap-error")), h.removeAttribute("sap-error"), h.hasAttribute("data-id") ? (h.removeAttribute("id"), w4(h, "data-id")) : w4(h, "id");
+              for (let v5 of [h, ...h.querySelectorAll("*")]) for (let f3 of Zn3) {
+                let c3 = v5.getAttribute(f3);
+                if (c3 == null) continue;
+                let i2 = c3.split(/\s+/).map((l2) => p3.get(l2) || l2).join(" ");
+                i2 !== c3 && v5.setAttribute(f3, i2);
               }
             }
-            function A4(m4, d, p3) {
-              let y4 = Mt6(d.root, m4, p3);
-              if (!y4) return d.diag.error("E17", m4, { problem: `cannot resolve a list named "${p3}" from here` }), null;
-              let E4 = Vt5(y4);
-              if (!E4) return d.diag.error("E17", y4, { problem: `items="${p3}" has no [item template] to clone` }), null;
-              let S4 = y4.ownerDocument.importNode(E4, true);
-              return S4.removeAttribute("template"), $6(S4), y4.appendChild(S4), t2.schedule(d, "trigger-add:" + p3), z5(S4, d, true);
+            function d(h, A4, p3) {
+              let w4 = pt6(A4.root, h, p3);
+              if (!w4) return A4.diag.error("E17", h, { problem: `cannot resolve a list named "${p3}" from here` }), null;
+              let v5 = xt6(w4);
+              if (!v5) return A4.diag.error("E17", w4, { problem: `items="${p3}" has no [item template] to clone` }), null;
+              let f3 = w4.ownerDocument.importNode(v5, true);
+              return f3.removeAttribute("template"), b4(f3), w4.appendChild(f3), t2.schedule(A4, "trigger-add:" + p3), _4(f3, A4, true);
             }
-            function l2(m4, d) {
-              et6(m4, (p3) => {
+            function u3(h, A4) {
+              O4(h, (p3) => {
                 if (p3.hasAttribute("bind")) {
-                  let y4 = G5(p3), E4 = p3.getAttribute("default");
-                  y4.kind === "checkbox" || y4.kind === "radio" ? y4.write(E4 != null ? E4 === "" || E4 === "true" || p3.value === E4 : p3.hasAttribute("checked")) : y4.write(E4 ?? (p3.getAttribute("value") || ""));
+                  let w4 = R5(p3), v5 = p3.getAttribute("default");
+                  w4.kind === "checkbox" || w4.kind === "radio" ? w4.write(v5 != null ? v5 === "" || v5 === "true" || p3.value === v5 : p3.hasAttribute("checked")) : w4.write(v5 ?? (p3.getAttribute("value") || ""));
                 }
               });
-              for (let p3 of V7(m4.getAttribute("state") || "")) {
-                let y4 = _e6(m4, p3);
-                p3.transient ? Dt6(m4, p3, y4) : Rt6(m4, p3, y4);
+              for (let p3 of C5(h.getAttribute("state") || "")) {
+                let w4 = se6(h, p3);
+                p3.transient ? dt6(h, p3, w4) : lt6(h, p3, w4);
               }
-              t2.schedule(d, "trigger-reset");
+              t2.schedule(A4, "trigger-reset");
             }
-            function w4(m4, d) {
-              if (!m4.isConnected) throw new Error("stale row handle: $remove() on a removed row");
-              m4.remove(), t2.schedule(d, "trigger-remove");
+            function E4(h, A4) {
+              if (!h.isConnected) throw new Error("stale row handle: $remove() on a removed row");
+              h.remove(), t2.schedule(A4, "trigger-remove");
             }
-            function N16(m4, d, p3) {
-              if (!m4.isConnected) throw new Error("stale row handle: $move() on a removed row");
-              let y4 = null;
-              if (p3 && p3.nodeType === 1 ? y4 = p3 : typeof p3 == "string" && (y4 = Mt6(d.root, m4, p3)), !y4) {
-                d.diag.error("E17", m4, { problem: `$move() cannot resolve target "${p3}"` });
+            function S4(h, A4, p3) {
+              if (!h.isConnected) throw new Error("stale row handle: $move() on a removed row");
+              let w4 = null;
+              if (p3 && p3.nodeType === 1 ? w4 = p3 : typeof p3 == "string" && (w4 = pt6(A4.root, h, p3)), !w4) {
+                A4.diag.error("E17", h, { problem: `$move() cannot resolve target "${p3}"` });
                 return;
               }
-              t2.moveInto(y4, m4), t2.schedule(d, "trigger-move");
+              t2.moveInto(w4, h), t2.schedule(A4, "trigger-move");
             }
-            function P7(m4) {
-              let d = m4.parentElement;
-              return d ? rt6(d).indexOf(m4) : -1;
+            function k5(h) {
+              let A4 = h.parentElement;
+              return A4 ? W6(A4).indexOf(h) : -1;
             }
-            function z5(m4, d, p3) {
-              let y4 = { get $el() {
-                return m4;
+            function _4(h, A4, p3) {
+              let w4 = { get $el() {
+                return h;
               }, get $key() {
-                return Bt5(m4, p3 ? "row" : "scope");
+                return At5(h, p3 ? "row" : "scope");
               }, get $index() {
-                return P7(m4);
-              }, $add(S4) {
-                return A4(m4, d, S4);
+                return k5(h);
+              }, $add(f3) {
+                return d(h, A4, f3);
               }, $reset() {
-                return l2(m4, d), E4;
+                return u3(h, A4), v5;
               }, $remove() {
-                w4(m4, d);
-              }, $move(S4) {
-                N16(m4, d, S4);
+                E4(h, A4);
+              }, $move(f3) {
+                S4(h, A4, f3);
               }, get $appRec() {
-                return d;
-              } }, E4 = new Proxy(y4, { get(S4, _4) {
-                return typeof _4 == "symbol" || _4[0] === "$" ? S4[_4] : o3(m4, d, _4);
-              }, set(S4, _4, M6) {
-                return typeof _4 == "string" && _4[0] === "$" ? (S4[_4] = M6, true) : (k5(m4, d, _4, M6), true);
-              }, has(S4, _4) {
-                return typeof _4 == "string" && _4[0] === "$" ? _4 in S4 : o3(m4, d, _4) !== void 0;
+                return A4;
+              } }, v5 = new Proxy(w4, { get(f3, c3) {
+                return typeof c3 == "symbol" || c3[0] === "$" ? f3[c3] : o3(h, A4, c3);
+              }, set(f3, c3, i2) {
+                return typeof c3 == "string" && c3[0] === "$" ? (f3[c3] = i2, true) : (g2(h, A4, c3, i2), true);
+              }, has(f3, c3) {
+                return typeof c3 == "string" && c3[0] === "$" ? c3 in f3 : o3(h, A4, c3) !== void 0;
               } });
-              return E4;
+              return v5;
             }
-            return { Sap: r44, contextElFor: e20, readField: o3, writeField: k5, makeProxy: z5, writeTargetFor: n3 };
+            return { Sap: r44, contextElFor: e20, readField: o3, writeField: g2, makeProxy: _4, writeTargetFor: n3 };
           }
-          var pr4 = ["trigger-add", "trigger-remove", "trigger-reset"];
-          function mr4(t2) {
+          var nr4 = ["trigger-add", "trigger-remove", "trigger-reset"];
+          function rr3(t2) {
             if (t2.nodeType !== 1) return false;
             for (let e20 of t2.attributes) {
               let r44 = e20.name;
-              if (r44.startsWith("set:") || r44.startsWith("move:") || r44.startsWith("sort:") || pr4.includes(r44)) return true;
+              if (r44.startsWith("set:") || r44.startsWith("move:") || r44.startsWith("sort:") || nr4.includes(r44)) return true;
             }
             return false;
           }
-          function hr4(t2, e20) {
+          function or4(t2, e20) {
             let r44 = t2, n3 = e20.parentElement;
             for (; r44 && r44 !== n3; ) {
-              if (r44.nodeType === 1 && mr4(r44) && !(r44.tagName === "FORM" && r44.hasAttribute("trigger-add"))) return r44;
+              if (r44.nodeType === 1 && rr3(r44) && !(r44.tagName === "FORM" && r44.hasAttribute("trigger-add"))) return r44;
               r44 = r44.parentElement;
             }
             return null;
           }
-          function mn3(t2, e20) {
+          function Qe6(t2, e20) {
             let { Sap: r44 } = e20;
-            function n3(c3, u3) {
-              let b4 = null, v5 = lt6(c3), x6 = Lt5(c3);
-              if (v5) b4 = v5._sapEachItem ?? null;
-              else if (x6 && x6._sapDetailRow) b4 = x6._sapDetailRow._sapScope || null;
+            function n3(f3, c3) {
+              let i2 = null, l2 = H6(f3), m4 = ct6(f3);
+              if (l2) i2 = l2._sapEachItem ?? null;
+              else if (m4 && m4._sapDetailRow) i2 = m4._sapDetailRow._sapScope || null;
               else {
-                let R5 = Wt6(c3);
-                R5 && R5.hasAttribute("item") && (b4 = R5._sapScope || null);
+                let $6 = Et6(f3);
+                $6 && $6.hasAttribute("item") && (i2 = $6._sapScope || null);
               }
-              return { state: (Q6(c3) || u3.root)._sapScope || u3._state || {}, item: b4, el: c3, root: u3._state || {} };
+              return { state: (F5(f3) || c3.root)._sapScope || c3._state || {}, item: i2, el: f3, root: c3._state || {} };
             }
-            function o3(c3, u3, b4) {
-              if (!c3.hasAttribute("confirm")) {
-                b4();
+            function o3(f3, c3, i2) {
+              if (!f3.hasAttribute("confirm")) {
+                i2();
                 return;
               }
-              let v5 = c3.getAttribute("confirm"), x6 = v5, L7 = q7(v5);
-              if (!L7.error) try {
-                let F5 = Et6(L7, n3(c3, u3));
-                (typeof F5 == "string" || typeof F5 == "number") && (x6 = String(F5));
+              let l2 = f3.getAttribute("confirm"), m4 = l2, y4 = N16(l2);
+              if (!y4.error) try {
+                let T5 = Y5(y4, n3(f3, c3));
+                (typeof T5 == "string" || typeof T5 == "number") && (m4 = String(T5));
               } catch {
               }
-              let C5 = Ye6();
-              if (!C5) {
-                window.confirm(x6) && b4();
+              let x6 = _e6();
+              if (!x6) {
+                window.confirm(m4) && i2();
                 return;
               }
-              if (c3._sapGatePending) return;
-              c3._sapGatePending = true;
-              let R5 = () => {
-                c3._sapGatePending = false;
+              if (f3._sapGatePending) return;
+              f3._sapGatePending = true;
+              let $6 = () => {
+                f3._sapGatePending = false;
               };
-              C5(x6, () => {
-                R5(), b4();
-              }).catch(R5);
-            }
-            function s2(c3, u3) {
-              for (let b4 of c3.attributes) {
-                if (!b4.name.startsWith("set:")) continue;
-                let v5 = b4.name.slice(4), x6 = q7(b4.value);
-                if (x6.error) {
-                  u3.diag.error("E08", c3, { attr: b4.name, expr: b4.value, problem: String(x6.error.message) });
+              x6(m4, () => {
+                $6(), i2();
+              }).catch($6);
+            }
+            function s2(f3, c3) {
+              for (let i2 of f3.attributes) {
+                if (!i2.name.startsWith("set:")) continue;
+                let l2 = i2.name.slice(4), m4 = N16(i2.value);
+                if (m4.error) {
+                  c3.diag.error("E08", f3, { attr: i2.name, expr: i2.value, problem: String(m4.error.message) });
                   continue;
                 }
-                let L7;
+                let y4;
                 try {
-                  L7 = Et6(x6, n3(c3, u3));
-                } catch (R5) {
-                  u3.diag.error("E24", c3, { attr: b4.name, expr: b4.value, problem: String(R5.message) });
+                  y4 = Y5(m4, n3(f3, c3));
+                } catch ($6) {
+                  c3.diag.error("E24", f3, { attr: i2.name, expr: i2.value, problem: String($6.message) });
                   continue;
                 }
-                let C5 = e20.writeTargetFor(c3, v5);
-                C5 && (C5[v5] = L7);
+                let x6 = e20.writeTargetFor(f3, l2);
+                x6 && (x6[l2] = y4);
               }
             }
-            function a2(c3) {
-              let u3 = lt6(c3);
-              if (!u3) return c3.closest("[item]");
-              let b4 = u3._sapEachItem && u3._sapEachItem.$el;
-              return b4 && b4.nodeType === 1 && b4.hasAttribute("item") ? b4 : null;
-            }
-            function k5(c3, u3) {
-              let b4 = a2(c3);
-              if (!b4) return;
-              let v5 = rt6(b4.parentElement), x6 = v5.indexOf(b4);
-              u3 === "up" && x6 > 0 ? t2.placeBefore(b4, v5[x6 - 1]) : u3 === "down" && x6 < v5.length - 1 && t2.placeBefore(v5[x6 + 1], b4);
-            }
-            function $6(c3, u3, b4) {
-              if (u3) return Mt6(b4.root, c3, u3);
-              let v5 = c3;
-              for (; v5; ) {
-                if (v5.hasAttribute && v5.hasAttribute("items")) return v5;
-                v5 = v5.parentElement;
+            function a2(f3) {
+              let c3 = H6(f3);
+              if (!c3) return f3.closest("[item]");
+              let i2 = c3._sapEachItem && c3._sapEachItem.$el;
+              return i2 && i2.nodeType === 1 && i2.hasAttribute("item") ? i2 : null;
+            }
+            function g2(f3, c3) {
+              let i2 = a2(f3);
+              if (!i2) return;
+              let l2 = W6(i2.parentElement), m4 = l2.indexOf(i2);
+              c3 === "up" && m4 > 0 ? t2.placeBefore(i2, l2[m4 - 1]) : c3 === "down" && m4 < l2.length - 1 && t2.placeBefore(l2[m4 + 1], i2);
+            }
+            function b4(f3, c3, i2) {
+              if (c3) return pt6(i2.root, f3, c3);
+              let l2 = f3;
+              for (; l2; ) {
+                if (l2.hasAttribute && l2.hasAttribute("items")) return l2;
+                l2 = l2.parentElement;
               }
-              let x6 = Q6(c3) || b4.root, L7 = [];
-              return et6(x6, (C5) => {
-                C5.hasAttribute("items") && L7.push(C5);
-              }), L7[0] || null;
-            }
-            function A4(c3, u3) {
-              let b4 = c3 == null || c3 === "", v5 = u3 == null || u3 === "";
-              if (b4 && v5) return 0;
-              if (b4) return 1;
-              if (v5) return -1;
-              let x6 = Number(c3), L7 = Number(u3);
-              return !Number.isNaN(x6) && !Number.isNaN(L7) ? x6 - L7 : String(c3) < String(u3) ? -1 : String(c3) > String(u3) ? 1 : 0;
-            }
-            function l2(c3, u3, b4, v5) {
-              let x6 = $6(c3, b4, v5);
-              if (!x6) {
-                v5.diag.error("E17", c3, { attr: "sort:" + u3, problem: `no items list resolvable for sort:${u3}` });
+              let m4 = F5(f3) || i2.root, y4 = [];
+              return O4(m4, (x6) => {
+                x6.hasAttribute("items") && y4.push(x6);
+              }), y4[0] || null;
+            }
+            function d(f3, c3) {
+              let i2 = f3 == null || f3 === "", l2 = c3 == null || c3 === "";
+              if (i2 && l2) return 0;
+              if (i2) return 1;
+              if (l2) return -1;
+              let m4 = Number(f3), y4 = Number(c3);
+              return !Number.isNaN(m4) && !Number.isNaN(y4) ? m4 - y4 : String(f3) < String(c3) ? -1 : String(f3) > String(c3) ? 1 : 0;
+            }
+            function u3(f3, c3, i2, l2) {
+              let m4 = b4(f3, i2, l2);
+              if (!m4) {
+                l2.diag.error("E17", f3, { attr: "sort:" + c3, problem: `no items list resolvable for sort:${c3}` });
                 return;
               }
-              let L7 = rt6(x6), C5 = (h) => h._sapScope ? h._sapScope[u3] : void 0, R5 = [...L7].sort((h, f3) => A4(C5(h), C5(f3))), i2 = R5.every((h, f3) => h === L7[f3]) ? [...R5].reverse() : R5;
-              for (let h of i2) t2.moveInto(x6, h);
-              t2.schedule(v5, "sort:" + u3);
-            }
-            function w4(c3) {
-              if (!c3 || c3.hidden) return;
-              let u3 = c3.querySelector("[bind]:not([type=hidden]), [contenteditable]");
-              u3 && typeof u3.focus == "function" && u3.focus();
-            }
-            function N16(c3, u3) {
-              o3(c3, u3, () => {
-                let b4 = r44(c3);
-                for (let v5 of [...c3.attributes]) {
-                  let x6 = v5.name;
-                  if (x6 === "trigger-remove") b4 && b4.$remove();
-                  else if (x6 === "trigger-reset") b4 && b4.$reset();
-                  else if (x6 === "trigger-add") {
-                    let L7 = b4 && b4.$add(v5.value);
-                    L7 && w4(L7.$el);
-                  } else x6 === "move:up" ? (k5(c3, "up"), t2.schedule(u3, "move:up")) : x6 === "move:down" ? (k5(c3, "down"), t2.schedule(u3, "move:down")) : x6.startsWith("move:to") ? b4 && b4.$move(v5.value) : x6.startsWith("sort:") && l2(c3, x6.slice(5), v5.value, u3);
+              let y4 = W6(m4), x6 = (D4) => D4._sapScope ? D4._sapScope[c3] : void 0, $6 = [...y4].sort((D4, st6) => d(x6(D4), x6(st6))), gt6 = $6.every((D4, st6) => D4 === y4[st6]) ? [...$6].reverse() : $6;
+              for (let D4 of gt6) t2.moveInto(m4, D4);
+              t2.schedule(l2, "sort:" + c3);
+            }
+            function E4(f3) {
+              if (!f3 || f3.hidden) return;
+              let c3 = f3.querySelector("[bind]:not([type=hidden]), [contenteditable]");
+              c3 && typeof c3.focus == "function" && c3.focus();
+            }
+            function S4(f3, c3) {
+              o3(f3, c3, () => {
+                let i2 = r44(f3);
+                for (let l2 of [...f3.attributes]) {
+                  let m4 = l2.name;
+                  if (m4 === "trigger-remove") i2 && i2.$remove();
+                  else if (m4 === "trigger-reset") i2 && i2.$reset();
+                  else if (m4 === "trigger-add") {
+                    let y4 = i2 && i2.$add(l2.value);
+                    y4 && E4(y4.$el);
+                  } else m4 === "move:up" ? (g2(f3, "up"), t2.schedule(c3, "move:up")) : m4 === "move:down" ? (g2(f3, "down"), t2.schedule(c3, "move:down")) : m4.startsWith("move:to") ? i2 && i2.$move(l2.value) : m4.startsWith("sort:") && u3(f3, m4.slice(5), l2.value, c3);
                 }
-                [...c3.attributes].some((v5) => v5.name.startsWith("set:")) && s2(c3, u3);
+                [...f3.attributes].some((l2) => l2.name.startsWith("set:")) && s2(f3, c3);
               });
             }
-            function P7(c3) {
-              let u3 = c3.target;
-              if (!u3 || u3.nodeType !== 1) return;
-              let b4 = t2.appFor(u3);
-              if (!b4) return;
-              let v5 = hr4(u3, b4.root);
-              v5 && N16(v5, b4);
-            }
-            function z5(c3) {
-              let u3 = G5(c3), b4 = c3.getAttribute("default");
-              u3.kind === "checkbox" ? u3.write(b4 === "" || b4 === "true") : u3.write(b4 ?? "");
-            }
-            function m4(c3, u3, b4) {
-              let v5 = r44(c3);
-              if (!v5) return;
-              let x6 = v5.$add(b4);
-              if (!x6) return;
-              let L7 = [];
-              et6(c3, (C5) => {
-                C5.hasAttribute("bind") && L7.push(C5);
+            function k5(f3) {
+              let c3 = f3.target;
+              if (!c3 || c3.nodeType !== 1) return;
+              let i2 = t2.appFor(c3);
+              if (!i2) return;
+              let l2 = or4(c3, i2.root);
+              l2 && S4(l2, i2);
+            }
+            function _4(f3) {
+              let c3 = R5(f3), i2 = f3.getAttribute("default");
+              c3.kind === "checkbox" ? c3.write(i2 === "" || i2 === "true") : c3.write(i2 ?? "");
+            }
+            function h(f3, c3, i2) {
+              let l2 = r44(f3);
+              if (!l2) return;
+              let m4 = l2.$add(i2);
+              if (!m4) return;
+              let y4 = [];
+              O4(f3, (x6) => {
+                x6.hasAttribute("bind") && y4.push(x6);
               });
-              for (let C5 of L7) {
-                if (C5.type === "radio" && !C5.checked) continue;
-                let R5 = C5.getAttribute("bind"), F5 = ft5(x6.$el, R5);
-                F5 ? G5(F5).write(G5(C5).read()) : wt6(x6.$el, R5) && (x6[R5] = G5(C5).read());
+              for (let x6 of y4) {
+                if (x6.type === "radio" && !x6.checked) continue;
+                let $6 = x6.getAttribute("bind"), T5 = U6(m4.$el, $6);
+                T5 ? R5(T5).write(R5(x6).read()) : tt6(m4.$el, $6) && (m4[$6] = R5(x6).read());
               }
-              L7.forEach(z5), L7.length ? typeof L7[0].focus == "function" && L7[0].focus() : w4(x6.$el);
-            }
-            function d(c3) {
-              let u3 = c3.target;
-              if (!u3 || !u3.hasAttribute || !u3.hasAttribute("trigger-add")) return;
-              let b4 = t2.appFor(u3);
-              b4 && (c3.preventDefault(), o3(u3, b4, () => m4(u3, b4, u3.getAttribute("trigger-add"))));
-            }
-            function p3(c3) {
-              let u3 = c3.target, b4 = t2.appFor(u3);
-              b4 && setTimeout(() => {
-                u3.querySelectorAll("[bind]").forEach((v5) => {
-                  v5.dispatchEvent(new Event("input", { bubbles: true })), v5.dispatchEvent(new Event("change", { bubbles: true }));
-                }), t2.schedule(b4, "reset");
-              }, 0);
-            }
-            function y4(c3) {
-              let u3 = t2.appFor(c3.target);
-              u3 && t2.schedule(u3, "toggle");
-            }
-            function E4(c3) {
-              let u3 = c3.target;
-              if (!u3 || u3.tagName !== "DIALOG" || !u3.hasAttribute("detail")) return;
-              if (u3._sapEngineClose) {
-                u3._sapEngineClose = false;
+              y4.forEach(_4), y4.length ? typeof y4[0].focus == "function" && y4[0].focus() : E4(m4.$el);
+            }
+            function A4(f3) {
+              let c3 = f3.target;
+              if (!c3 || !c3.hasAttribute || !c3.hasAttribute("trigger-add")) return;
+              let i2 = t2.appFor(c3);
+              i2 && (f3.preventDefault(), o3(c3, i2, () => h(c3, i2, c3.getAttribute("trigger-add"))));
+            }
+            function p3(f3) {
+              let c3 = f3.target;
+              if (!c3 || c3.tagName !== "DIALOG" || !c3.hasAttribute("detail")) return;
+              if (c3._sapEngineClose) {
+                c3._sapEngineClose = false;
                 return;
               }
-              if (u3.open) return;
-              let b4 = /^[\w.]+\s+by\s+state\.(\w+)\s*$/.exec(u3.getAttribute("detail") || ""), v5 = t2.appFor(u3);
-              if (!b4 || !v5) return;
-              let x6 = V7(u3.getAttribute("state") || "").find((C5) => C5.name === b4[1]);
-              if (x6) {
-                x6.transient ? Dt6(u3, x6, "") : Rt6(u3, x6, ""), t2.schedule(v5, "close");
+              if (c3.open) return;
+              let i2 = /^[\w.]+\s+by\s+state\.(\w+)\s*$/.exec(c3.getAttribute("detail") || ""), l2 = t2.appFor(c3);
+              if (!i2 || !l2) return;
+              let m4 = C5(c3.getAttribute("state") || "").find((x6) => x6.name === i2[1]);
+              if (m4) {
+                m4.transient ? dt6(c3, m4, "") : lt6(c3, m4, ""), t2.schedule(l2, "close");
                 return;
               }
-              let L7 = r44(u3.parentElement);
-              L7 && L7[b4[1]] !== "" && (L7[b4[1]] = "");
-            }
-            function S4(c3) {
-              let u3 = c3.target;
-              if (!u3 || u3.nodeType !== 1) return;
-              let b4 = t2.appFor(u3);
-              if (!b4) return;
-              u3.hasAttribute("persist") && !Xt5(u3) && xt6(u3);
-              let v5 = u3.hasAttribute("bind") && qt5(u3);
-              if (!v5 && u3.hasAttribute("bind") && lt6(u3)) {
-                let L7 = u3.getAttribute("bind"), C5 = u3._sapViewBind ? e20.writeTargetFor(u3, L7) : null;
-                C5 && (C5[L7] = G5(u3).read());
-                return;
+              let y4 = r44(c3.parentElement);
+              y4 && y4[i2[1]] !== "" && (y4[i2[1]] = "");
+            }
+            function w4(f3, c3) {
+              let i2 = f3.hasAttribute("bind") && vt5(f3);
+              if (!i2 && f3.hasAttribute("bind") && H6(f3)) {
+                let m4 = f3.getAttribute("bind"), y4 = f3._sapViewBind ? e20.writeTargetFor(f3, m4) : null;
+                return y4 && (y4[m4] = R5(f3).read()), true;
               }
-              let x6 = Lt5(u3);
-              if (x6 && x6._sapDetailRow && u3.hasAttribute("bind") && !v5) {
-                let L7 = x6._sapDetailRow, C5 = u3.getAttribute("bind"), R5 = ft5(L7, C5);
-                if (R5 && R5 !== u3) {
-                  G5(R5).write(G5(u3).read());
-                  return;
-                }
-                if (!R5 && V7(L7.getAttribute("state") || "").some((F5) => F5.name === C5)) {
-                  e20.writeField(L7, b4, C5, G5(u3).read());
-                  return;
-                }
+              let l2 = ct6(f3);
+              if (l2 && l2._sapDetailRow && f3.hasAttribute("bind") && !i2) {
+                let m4 = l2._sapDetailRow, y4 = f3.getAttribute("bind"), x6 = U6(m4, y4);
+                if (x6 && x6 !== f3) return R5(x6).write(R5(f3).read()), true;
+                if (!x6 && C5(m4.getAttribute("state") || "").some(($6) => $6.name === y4)) return e20.writeField(m4, c3, y4, R5(f3).read()), true;
               }
-              t2.schedule(b4, c3.type + " " + (u3.id || u3.tagName.toLowerCase()));
-            }
-            function _4(c3) {
-              let u3 = c3.detail || {};
-              for (let b4 of [u3.from, u3.to, c3.target]) {
-                if (!b4 || b4.nodeType !== 1) continue;
-                let v5 = t2.appFor(b4);
-                v5 && t2.schedule(v5, "sorted");
+              return false;
+            }
+            function v5(f3 = document) {
+              f3.addEventListener("click", k5), f3.addEventListener("submit", A4), f3.addEventListener("close", p3, true);
+            }
+            return { install: v5, routeInput: w4 };
+          }
+          function Ze5(t2) {
+            let e20 = [];
+            function r44(b4) {
+              let d = b4.target;
+              if (!d || d.nodeType !== 1) return;
+              let u3 = t2.appFor(d);
+              if (u3) {
+                d.hasAttribute("persist") && !Ct6(d) && nt6(d);
+                for (let E4 of e20) if (E4(d, u3)) return;
+                t2.schedule(u3, b4.type + " " + (d.id || d.tagName.toLowerCase()));
               }
             }
-            function M6(c3) {
-              if (c3.key !== "ArrowUp" && c3.key !== "ArrowDown") return;
-              let u3 = c3.target;
-              if (!u3 || u3.nodeType !== 1 || u3.tagName !== "INPUT" || !u3.hasAttribute("bind") || !u3.hasAttribute("step")) return;
-              let b4 = (u3.getAttribute("type") || "text").toLowerCase();
-              if (b4 !== "text" && b4 !== "tel" && b4 !== "search" || !t2.appFor(u3)) return;
-              c3.preventDefault();
-              let x6 = Z7(u3.getAttribute("step")) || 1, L7 = c3.key === "ArrowUp" ? 1 : -1, C5 = Z7(u3.value) + x6 * (c3.shiftKey ? 10 : 1) * L7, R5 = u3.getAttribute("min"), F5 = u3.getAttribute("max");
-              R5 !== null && R5 !== "" && C5 < Z7(R5) && (C5 = Z7(R5)), F5 !== null && F5 !== "" && C5 > Z7(F5) && (C5 = Z7(F5)), G5(u3).write(String(Number(C5.toFixed(2))));
+            function n3(b4) {
+              let d = b4.target, u3 = t2.appFor(d);
+              u3 && setTimeout(() => {
+                d.querySelectorAll("[bind]").forEach((E4) => {
+                  E4.dispatchEvent(new Event("input", { bubbles: true })), E4.dispatchEvent(new Event("change", { bubbles: true }));
+                }), t2.schedule(u3, "reset");
+              }, 0);
             }
-            function H6(c3 = document) {
-              c3.addEventListener("click", P7), c3.addEventListener("submit", d), c3.addEventListener("reset", p3), c3.addEventListener("toggle", y4, true), c3.addEventListener("close", E4, true), c3.addEventListener("input", S4), c3.addEventListener("change", S4), c3.addEventListener("clay:sorted", _4), c3.addEventListener("keydown", M6);
+            function o3(b4) {
+              let d = t2.appFor(b4.target);
+              d && t2.schedule(d, "toggle");
             }
-            return { install: H6 };
-          }
-          var hn4 = /^(set:|move:|sort:|trigger-add$|trigger-remove$|trigger-reset$)/;
-          function ye6(t2) {
-            return `${t2.tagName.toLowerCase()}[sap]`;
-          }
-          function br4(t2) {
-            let e20 = 0;
-            for (let r44 of t2.querySelectorAll("*")) for (let n3 of r44.attributes) if (hn4.test(n3.name)) {
-              e20++;
-              break;
+            function s2(b4) {
+              let d = b4.detail || {};
+              for (let u3 of [d.from, d.to, b4.target]) {
+                if (!u3 || u3.nodeType !== 1) continue;
+                let E4 = t2.appFor(u3);
+                E4 && t2.schedule(E4, "sorted");
+              }
             }
-            for (let r44 of t2.attributes) if (hn4.test(r44.name)) {
-              e20++;
-              break;
+            function a2(b4) {
+              if (b4.key !== "ArrowUp" && b4.key !== "ArrowDown") return;
+              let d = b4.target;
+              if (!d || d.nodeType !== 1 || d.tagName !== "INPUT" || !d.hasAttribute("bind") || !d.hasAttribute("step")) return;
+              let u3 = (d.getAttribute("type") || "text").toLowerCase();
+              if (u3 !== "text" && u3 !== "tel" && u3 !== "search" || !t2.appFor(d)) return;
+              b4.preventDefault();
+              let S4 = P7(d.getAttribute("step")) || 1, k5 = b4.key === "ArrowUp" ? 1 : -1, _4 = P7(d.value) + S4 * (b4.shiftKey ? 10 : 1) * k5, h = d.getAttribute("min"), A4 = d.getAttribute("max");
+              h !== null && h !== "" && _4 < P7(h) && (_4 = P7(h)), A4 !== null && A4 !== "" && _4 > P7(A4) && (_4 = P7(A4)), R5(d).write(String(Number(_4.toFixed(2))));
             }
-            return e20;
+            function g2(b4 = document) {
+              b4.addEventListener("reset", n3), b4.addEventListener("toggle", o3, true), b4.addEventListener("input", r44), b4.addEventListener("change", r44), b4.addEventListener("clay:sorted", s2), b4.addEventListener("keydown", a2);
+            }
+            return { install: g2, addRouter: (b4) => e20.push(b4) };
+          }
+          function tn3(t2) {
+            let e20 = t2.toLowerCase();
+            return /^x-text$|^x-html$/.test(e20) ? 'use text="state.x" (Sap paints text only)' : /^x-show$|^v-show$|^v-if$/.test(e20) ? 'use show="expr" (toggles native hidden)' : /^x-model$|^v-model$/.test(e20) ? 'use bind="field"' : /^@|^x-on:|^v-on:|^on:/.test(e20) ? "use native onclick + Sap(this) (no event directive)" : /^:|^x-bind:class$|^v-bind:class$/.test(e20) ? 'use class:NAME="expr" or attr:NAME="expr"' : /^x-for$|^v-for$/.test(e20) ? 'use items="name" on the container and item template on the row' : /^x-data$/.test(e20) ? "declare state with state= / bind / items (no JS state object)" : /^x-init$/.test(e20) ? "use a <script> or onclick + Sap(this)" : /^bind:/.test(e20) ? 'use bind="field"; one-way paint is attr:NAME="expr"' : /^x-/.test(e20) || /^v-/.test(e20) ? "this is a foreign-dialect attribute; Sap has no x-/v- attributes" : null;
           }
-          function bn4(t2) {
+          function en3(t2) {
             let e20 = [], r44 = (n3) => {
               for (let o3 of n3.attributes) {
                 let s2 = o3.name;
@@ -74348,186 +74655,286 @@ ${t2}` : `"use strict"; return (${t2});`;
             for (let n3 of t2.querySelectorAll("*")) r44(n3);
             return e20;
           }
-          function gn5(t2) {
-            function e20(l2) {
-              let w4 = l2._stats || {}, N16 = l2.root;
-              return { root: ye6(N16), fields: w4.fields || 0, calcs: w4.calcs || 0, paints: w4.paints || 0, actions: br4(N16), lists: (N16.hasAttribute("items") ? 1 : 0) + N16.querySelectorAll("[items]").length, rows: N16.querySelectorAll("[item]:not([template])").length, warnings: l2.diag.warnings.length, errors: l2.diag.errors.length, mountWrites: l2._mountWrites || 0, ms: Math.round((l2._mountMs || 0) * 10) / 10, passes: l2._passes || 0, lastPass: l2._lastPass || null, ok: l2.diag.errors.length === 0 && !l2.halted };
-            }
-            function r44() {
-              let l2 = t2.apps().map(e20);
-              return { ok: l2.every((w4) => w4.ok), apps: l2 };
-            }
-            function n3(l2) {
-              let w4 = e20(l2);
-              return w4.ok ? `sap \u2713 ${w4.root} \xB7 fields ${w4.fields} \xB7 calcs ${w4.calcs} \xB7 paints ${w4.paints} \xB7 actions ${w4.actions} \xB7 lists ${w4.lists} \xB7 rows ${w4.rows} \xB7 warnings ${w4.warnings} \xB7 mount writes ${w4.mountWrites} \xB7 ${w4.ms}ms` : `sap \u2717 ${w4.root} \xB7 errors ${w4.errors} \xB7 warnings ${w4.warnings} \xB7 ${w4.ms}ms`;
-            }
-            function o3() {
-              for (let l2 of t2.apps()) {
-                let w4 = n3(l2);
-                l2.diag.errors.length || l2.halted ? console.error(w4) : console.log(w4);
-              }
-            }
-            function s2() {
-              let l2 = [], w4 = [];
-              for (let N16 of t2.apps()) l2.push(...N16.diag.errors), w4.push(...N16.diag.warnings);
-              return { ok: l2.length === 0, errors: l2, warnings: w4, counts: { errors: l2.length, warnings: w4.length } };
-            }
-            function a2(l2) {
-              return l2 ? typeof l2 == "string" ? document.querySelector(l2) : l2.nodeType === 1 ? l2 : null : null;
-            }
-            function k5(l2, w4) {
-              let N16 = a2(l2);
-              if (!N16) return console.warn("sap why: element not found"), null;
-              let P7 = [`sap why <${N16.tagName.toLowerCase()}> \u2014 ${Ot5(N16)}`], z5 = [...N16.attributes].filter((d) => /^(bind|text|show|effect|invalid|detail|calc:|text:|attr:|class:|css:|set:|state|items|scope)/.test(d.name));
-              for (let d of z5) P7.push(`  ${d.name}="${d.value}"`);
-              let m4 = N16;
-              for (; m4 && !m4._sapScope; ) m4 = m4.parentElement;
-              if (m4 && m4._sapScope) {
-                let d = m4._sapScope, p3 = w4 ? [w4] : Object.keys(d);
-                P7.push("  reads:");
-                for (let y4 of p3) {
-                  let E4 = d[y4];
-                  typeof E4 != "function" && P7.push(`    ${y4} = ${JSON.stringify(Array.isArray(E4) ? `[${E4.length} rows]` : E4)}`);
+          function nn2(t2) {
+            function e20(o3) {
+              return o3 ? typeof o3 == "string" ? document.querySelector(o3) : o3.nodeType === 1 ? o3 : null : null;
+            }
+            function r44(o3, s2) {
+              let a2 = e20(o3);
+              if (!a2) return console.warn("sap why: element not found"), null;
+              let g2 = [`sap why <${a2.tagName.toLowerCase()}> \u2014 ${yt6(a2)}`], b4 = [...a2.attributes].filter((u3) => /^(bind|text|show|effect|invalid|detail|calc:|text:|attr:|class:|css:|set:|state|items|scope)/.test(u3.name));
+              for (let u3 of b4) g2.push(`  ${u3.name}="${u3.value}"`);
+              let d = a2;
+              for (; d && !d._sapScope; ) d = d.parentElement;
+              if (d && d._sapScope) {
+                let u3 = d._sapScope, E4 = s2 ? [s2] : Object.keys(u3);
+                g2.push("  reads:");
+                for (let S4 of E4) {
+                  let k5 = u3[S4];
+                  typeof k5 != "function" && g2.push(`    ${S4} = ${JSON.stringify(Array.isArray(k5) ? `[${k5.length} rows]` : k5)}`);
                 }
               }
-              return P7.push("  serialization: textContent and value/checked attributes save with the file; reads live from properties"), console.log(P7.join(`
+              return g2.push("  serialization: textContent and value/checked attributes save with the file; reads live from properties"), console.log(g2.join(`
 `)), null;
             }
-            function $6(l2) {
-              let w4 = l2 === void 0 ? true : !!l2;
-              for (let N16 of t2.apps()) N16._debug = w4;
-              return console.log(`sap debug ${w4 ? "on" : "off"} \u2014 per-pass headers will ${w4 ? "" : "no longer "}log`), w4;
-            }
-            function A4() {
-              let l2 = [], w4 = 0;
-              for (let d of t2.apps()) {
-                let p3 = d.root, y4 = ye6(p3);
-                w4++;
-                let E4 = new ht6(d.name);
-                Zt5(p3, E4);
-                for (let c3 of E4.errors) l2.push({ code: c3.code, severity: "error", message: `${y4}: ${c3.code} ${c3.slug} at ${c3.el}` });
-                for (let c3 of E4.warnings) l2.push({ code: c3.code, severity: "warn", message: `${y4}: ${c3.code} ${c3.slug} at ${c3.el}` });
-                w4++, $t6(d, { trigger: "doctor-dryrun" });
-                let S4 = d._stats ? d._stats.writes : 0;
-                S4 > 0 && l2.push({ code: "W30", severity: "warn", message: `${y4}: dry recompute wrote ${S4} cells on a quiet page; an element is stale or non-idempotent` }), w4++;
-                let _4 = bn4(p3).map((c3) => c3.src).join(" \0 "), M6 = [];
-                for (let c3 of [p3, ...p3.querySelectorAll("[state]")]) for (let u3 of V7(c3.getAttribute("state") || "")) M6.push(u3.name);
-                for (let c3 of M6) new RegExp(`(state|item)\\.${c3}\\b`).test(_4) || l2.push({ code: "I33", severity: "info", message: `${y4}: field "${c3}" is declared but read nowhere (dead state)` });
-                w4++;
-                let H6 = /* @__PURE__ */ new Map();
-                for (let c3 of p3.querySelectorAll("[id]")) H6.set(c3.id, (H6.get(c3.id) || 0) + 1);
-                for (let [c3, u3] of H6) u3 > 1 && l2.push({ code: "W32", severity: "warn", message: `${y4}: duplicate id "${c3}" (${u3} elements) \u2014 clone/edit collision` });
-                w4++;
-                for (let c3 of bn4(p3)) c3.src.length > 120 && l2.push({ code: "I33", severity: "info", message: `${y4}: ${c3.attr} expression is ${c3.src.length} chars; consider a calc: field` });
-                w4++;
-                for (let c3 of p3.querySelectorAll("[text], [text\\:num]")) {
-                  let u3 = c3.textContent || "";
-                  /\.\d{5,}/.test(u3) && l2.push({ code: "I33", severity: "info", message: `${y4}: ${Ot5(c3)} paints >4 decimals; consider text:FMT` });
+            function n3() {
+              let o3 = [], s2 = 0;
+              for (let u3 of t2.apps()) {
+                let E4 = u3.root, S4 = It6(E4);
+                s2++;
+                let k5 = new K7(u3.name);
+                Pt5(E4, k5);
+                for (let w4 of k5.errors) o3.push({ code: w4.code, severity: "error", message: `${S4}: ${w4.code} ${w4.slug} at ${w4.el}` });
+                for (let w4 of k5.warnings) o3.push({ code: w4.code, severity: "warn", message: `${S4}: ${w4.code} ${w4.slug} at ${w4.el}` });
+                s2++, it6(u3, { trigger: "doctor-dryrun" });
+                let _4 = u3._stats ? u3._stats.writes : 0;
+                _4 > 0 && o3.push({ code: "W30", severity: "warn", message: `${S4}: dry recompute wrote ${_4} cells on a quiet page; an element is stale or non-idempotent` }), s2++;
+                let h = en3(E4).map((w4) => w4.src).join(" \0 "), A4 = [];
+                for (let w4 of [E4, ...E4.querySelectorAll("[state]")]) for (let v5 of C5(w4.getAttribute("state") || "")) A4.push(v5.name);
+                for (let w4 of A4) new RegExp(`(state|item)\\.${w4}\\b`).test(h) || o3.push({ code: "I33", severity: "info", message: `${S4}: field "${w4}" is declared but read nowhere (dead state)` });
+                s2++;
+                let p3 = /* @__PURE__ */ new Map();
+                for (let w4 of E4.querySelectorAll("[id]")) p3.set(w4.id, (p3.get(w4.id) || 0) + 1);
+                for (let [w4, v5] of p3) v5 > 1 && o3.push({ code: "W32", severity: "warn", message: `${S4}: duplicate id "${w4}" (${v5} elements) \u2014 clone/edit collision` });
+                s2++;
+                for (let w4 of en3(E4)) w4.src.length > 120 && o3.push({ code: "I33", severity: "info", message: `${S4}: ${w4.attr} expression is ${w4.src.length} chars; consider a calc: field` });
+                s2++;
+                for (let w4 of E4.querySelectorAll("[text], [text\\:num]")) {
+                  let v5 = w4.textContent || "";
+                  /\.\d{5,}/.test(v5) && o3.push({ code: "I33", severity: "info", message: `${S4}: ${yt6(w4)} paints >4 decimals; consider text:FMT` });
                 }
               }
-              let N16 = l2.filter((d) => d.severity === "error").length, P7 = l2.filter((d) => d.severity === "warn").length, z5 = l2.filter((d) => d.severity === "info").length;
-              console.log(`sap doctor \xB7 ${t2.apps().map((d) => ye6(d.root)).join(", ")} \xB7 errors ${N16} \xB7 warnings ${P7} \xB7 info ${z5} \xB7 ${w4} checks \xB7 0ms`);
-              for (let d of l2) (d.severity === "error" ? console.error : d.severity === "warn" ? console.warn : console.info)(`  ${d.severity === "error" ? "\u2717" : d.severity === "warn" ? "\u26A0" : "\xB7"} ${d.message}`);
-              return l2;
+              let a2 = o3.filter((u3) => u3.severity === "error").length, g2 = o3.filter((u3) => u3.severity === "warn").length, b4 = o3.filter((u3) => u3.severity === "info").length;
+              console.log(`sap doctor \xB7 ${t2.apps().map((u3) => It6(u3.root)).join(", ")} \xB7 errors ${a2} \xB7 warnings ${g2} \xB7 info ${b4} \xB7 ${s2} checks \xB7 0ms`);
+              for (let u3 of o3) (u3.severity === "error" ? console.error : u3.severity === "warn" ? console.warn : console.info)(`  ${u3.severity === "error" ? "\u2717" : u3.severity === "warn" ? "\u26A0" : "\xB7"} ${u3.message}`);
+              return o3;
             }
-            return { status: r44, report: s2, why: k5, debug: $6, doctor: A4, greenLine: n3, printGreenLines: o3, REGISTRY: re5 };
+            return { why: r44, doctor: n3 };
           }
-          var wn4 = "0.5.2";
-          var tt6 = /* @__PURE__ */ new Map(), it6 = [], Ae6 = Ee6($t6);
-          function gr4(t2) {
-            let e20 = t2;
-            for (; e20; ) {
-              if (e20.nodeType === 1 && e20.hasAttribute && e20.hasAttribute("sap")) return tt6.get(e20) || null;
-              e20 = e20.parentNode && e20.parentNode.host ? e20.parentNode.host : e20.parentElement;
-            }
-            return null;
+          function ir4(t2, e20) {
+            let r44 = String(t2).split("."), n3 = (s2) => {
+              for (let a2 of r44) {
+                if (s2 == null) return;
+                s2 = Array.isArray(s2) ? s2.flatMap((g2) => g2 && g2[a2] != null ? g2[a2] : []) : s2[a2];
+              }
+              return s2;
+            }, o3 = n3(e20.state);
+            return o3 === void 0 ? n3(e20.root) : o3;
           }
-          function wr4() {
-            for (let t2 = it6.length - 1; t2 >= 0; t2--) {
-              let e20 = it6[t2];
-              e20.root.isConnected || (tt6.delete(e20.root), it6.splice(t2, 1));
+          function sr4(t2, e20, r44, n3) {
+            e20._sapScope = r44;
+            let o3 = e20.getAttribute("detail") || "", s2 = /^([\w.]+)\s+by\s+(.+)$/.exec(o3);
+            if (!s2) {
+              e20.hidden = true, e20._sapDetailRow = null;
+              return;
+            }
+            let a2 = s2[1], g2 = s2[2].trim(), b4 = ir4(a2, n3), d;
+            try {
+              d = Y5(N16(g2), { state: r44, item: n3.item, el: e20, root: n3.root });
+            } catch {
+              d = void 0;
             }
+            let u3 = Array.isArray(b4) && d != null ? b4.find((S4) => S4 && typeof S4 == "object" && S4.$el && String(S4.$key) === String(d)) : null;
+            if (e20._sapDetailRow = u3 ? u3.$el : null, e20.tagName === "DIALOG") {
+              let S4 = u3 ? String(u3.$key) : null;
+              if (S4 !== e20._sapDetailKey && (e20._sapDetailKey = S4, e20._sapDismissed = false), !u3) {
+                e20._sapOpenedFor = null, e20.open && typeof e20.close == "function" && (e20._sapEngineClose = true, e20.close());
+                return;
+              }
+              e20.open ? e20._sapOpenedFor = S4 : (e20._sapOpenedFor === S4 && (e20._sapDismissed = true), e20._sapOpenedFor = null, !e20._sapDismissed && e20.isConnected && typeof e20.showModal == "function" && (e20.hidden && (e20.hidden = false), e20.showModal(), e20._sapOpenedFor = S4));
+            } else {
+              if (!u3) {
+                e20.hidden || (e20.hidden = true);
+                return;
+              }
+              e20.hidden && (e20.hidden = false);
+            }
+            Nt4();
+            let E4 = { root: n3.root, state: r44, item: u3, ownerEl: u3.$el, projection: true };
+            t2.collectEl(e20, q7(e20), E4), t2.walkScope(e20, u3, E4);
+          }
+          var rn3 = { name: "detail", begin(t2) {
+            t2.deferredDetails = [];
+          }, boundary: { detail(t2, e20, r44, n3, o3) {
+            for (let s2 of C5(e20.getAttribute("state") || "")) s2.name in n3 || (n3[s2.name] = G5(e20, s2) ? e20.hasAttribute(s2.attr) : t2.resolveDefault(e20, s2));
+            t2.deferredDetails.push({ el: e20, parentObj: n3, ctx: o3 });
+          } }, afterIntake(t2) {
+            for (let e20 = 0; e20 < t2.deferredDetails.length; e20++) {
+              let { el: r44, parentObj: n3, ctx: o3 } = t2.deferredDetails[e20];
+              sr4(t2, r44, n3, o3);
+            }
+          } };
+          function on4(t2) {
+            let e20 = 0, r44 = t2;
+            for (; r44 && !(r44.hasAttribute && r44.hasAttribute("sap")); ) r44 = r44.parentElement, e20++;
+            return e20;
           }
-          function yr4(t2, e20) {
-            if (t2.moveBefore) try {
-              t2.moveBefore(e20, null);
+          var sn3 = { name: "calc", begin(t2) {
+            t2.calcs = [];
+          }, collect(t2, e20, r44, n3) {
+            if (!r44.calcs) return;
+            let o3 = n3.item || n3.state;
+            for (let s2 of r44.calcs) t2.calcs.push({ owner: o3, ownerEl: n3.ownerEl, name: s2.name, entry: s2.entry, def: s2, el: e20, ctx: n3 });
+          }, compute(t2) {
+            let e20 = t2.app, r44 = /* @__PURE__ */ new Map();
+            for (let o3 of t2.calcs) {
+              let s2 = r44.get(o3.owner);
+              s2 || (s2 = { ownerEl: o3.ownerEl, list: [] }, r44.set(o3.owner, s2)), s2.list.push(o3);
+            }
+            let n3 = [...r44.values()].sort((o3, s2) => on4(s2.ownerEl) - on4(o3.ownerEl));
+            for (let o3 of n3) {
+              let s2;
+              try {
+                s2 = be5(o3.list);
+              } catch (a2) {
+                e20.diag.error("E07", o3.list[0].el, { problem: a2.message }), s2 = o3.list;
+              }
+              for (let a2 of s2) try {
+                a2.owner[a2.name] = I5(a2.entry, a2.ctx.state, a2.ctx.item, a2.el, a2.ctx.root), Q6(a2.el);
+              } catch (g2) {
+                a2.owner[a2.name] = void 0, e20.diag.error("E24", a2.el, { attr: "calc:" + a2.name, expr: a2.entry.src, problem: String(g2.message) }), M6(a2.el, g2.sapCode || "E24");
+              }
+            }
+            t2.stats.calcs = t2.calcs.length, t2.stats.lists = r44.size;
+          } };
+          function ar4(t2, e20, r44) {
+            let n3 = r44.nextSibling;
+            if (e20.isConnected && t2.moveBefore) try {
+              t2.moveBefore(e20, n3);
               return;
             } catch {
             }
-            t2.appendChild(e20);
+            t2.insertBefore(e20, n3);
           }
-          function Ar4(t2, e20) {
-            let r44 = e20.parentElement;
-            if (r44) {
-              if (r44.moveBefore) try {
-                r44.moveBefore(t2, e20);
-                return;
+          function ur4(t2, e20, r44) {
+            for (let n3 = e20.parentElement; n3; n3 = n3.parentElement) if (n3._sapScope === r44 && !n3.hasAttribute("detail") || n3.hasAttribute("sap")) return n3;
+            return t2;
+          }
+          function cr4(t2, e20, r44) {
+            let n3 = t2.app;
+            e20._sapDrawnEl = ur4(t2.root, e20, r44.state);
+            let o3 = null;
+            for (let h = e20.firstElementChild; h; h = h.nextElementSibling) if (h.tagName === "TEMPLATE") {
+              o3 = h;
+              break;
+            }
+            let s2 = o3 && o3.content.children.length === 1 ? o3.content.firstElementChild : null;
+            if (!s2) return n3.diag.error("E42", e20, { attr: "each", problem: "each needs one <template> child with exactly one element root" }), 0;
+            let a2 = e20.getAttribute("each"), g2;
+            try {
+              g2 = Y5(N16(a2), { state: r44.state, item: r44.item, el: e20, root: r44.root });
+            } catch (h) {
+              return n3.diag.error("E24", e20, { attr: "each", expr: a2, problem: String(h.message) }), 0;
+            }
+            if (!Array.isArray(g2)) return n3.diag.error("E40", e20, { attr: "each", expr: a2, problem: "each must evaluate to an array; the list keeps its last good rows" }), 0;
+            let b4 = N16(e20.getAttribute("key") || "item.$key"), d = [], u3 = /* @__PURE__ */ new Set();
+            for (let h of g2) {
+              let A4;
+              try {
+                A4 = I5(b4, r44.state, h, e20, r44.root);
               } catch {
+                A4 = void 0;
               }
-              r44.insertBefore(t2, e20);
+              let p3 = A4 == null ? "" : String(A4);
+              if (p3 === "" || u3.has(p3)) return n3.diag.error("E41", e20, { attr: "key", expr: b4.src, problem: p3 === "" ? "an item has no key; the list keeps its last good rows" : `duplicate key "${p3}"; the list keeps its last good rows` }), 0;
+              u3.add(p3), d.push(p3);
+            }
+            let E4 = e20._sapEach || /* @__PURE__ */ new Map(), S4 = /* @__PURE__ */ new Map(), k5 = 0, _4 = o3;
+            d.forEach((h, A4) => {
+              let p3 = E4.get(h);
+              if (!p3 || p3.parentElement !== e20) {
+                p3 = e20.ownerDocument.importNode(s2, true);
+                let w4 = (p3.getAttribute("clay") || "").split(/\s+/).filter(Boolean);
+                w4.includes("editor-ui") || p3.setAttribute("clay", [...w4, "editor-ui"].join(" ")), p3._sapEachRow = true, k5++;
+              }
+              p3.getAttribute("data-key") !== h && p3.setAttribute("data-key", h), _4.nextElementSibling !== p3 && (ar4(e20, p3, _4), k5++), p3._sapEachItem = g2[A4], S4.set(h, p3), _4 = p3;
+            });
+            for (let [h, A4] of E4) S4.get(h) !== A4 && A4.parentElement === e20 && (A4.remove(), k5++);
+            return e20._sapEach = S4, Nt4(), d.forEach((h, A4) => {
+              let p3 = S4.get(h), w4 = { root: r44.root, state: r44.state, item: g2[A4], ownerEl: p3, projection: false, view: true };
+              t2.collectEl(p3, q7(p3), w4), t2.walkScope(p3, {}, w4);
+            }), k5;
+          }
+          var an3 = { name: "each", begin(t2) {
+            t2.eachList = [];
+          }, boundary: { each(t2, e20, r44, n3, o3) {
+            t2.collectEl(e20, r44, o3), t2.eachList.push({ el: e20, ctx: o3 });
+          } }, reconcile(t2) {
+            let e20 = 0;
+            for (let r44 = 0; r44 < t2.eachList.length; r44++) e20 += cr4(t2, t2.eachList[r44].el, t2.eachList[r44].ctx);
+            return e20;
+          } };
+          function fr4(t2, e20) {
+            try {
+              I5(t2.def.entry, t2.ctx.state, t2.ctx.item, t2.el, t2.ctx.root), Q6(t2.el);
+            } catch (r44) {
+              e20.diag.error("E24", t2.el, { attr: "effect", expr: t2.def.entry && t2.def.entry.src, problem: String(r44.message) }), M6(t2.el, "E24");
             }
           }
-          var mt6 = { apps: () => it6.slice(), appFor: gr4, isRegistered: (t2) => tt6.has(t2), pruneDisconnected: wr4, schedule: (t2, e20) => Ae6.schedule(t2, e20), runNow: (t2, e20) => Ae6.runNow(t2, e20), moveInto: yr4, placeBefore: Ar4, remountIfPresent: () => te6() }, An4 = pn4(mt6), Er4 = mn3(mt6, An4), st6 = gn5(mt6), yn4 = false;
-          function En4() {
-            yn4 || (yn4 = true, Er4.install(document), Ke6(mt6));
-          }
-          function te6(t2 = document) {
-            En4(), me6(mt6);
-            let e20 = t2.querySelectorAll("[sap]"), r44 = [];
-            for (let n3 of e20) {
-              if (tt6.has(n3)) continue;
-              let o3 = we6(n3);
-              tt6.set(n3, o3), it6.push(o3), r44.push(o3);
+          var un4 = { name: "effect", begin(t2) {
+            t2.effects = [];
+          }, collect(t2, e20, r44, n3) {
+            if (r44.effects) for (let o3 of r44.effects) t2.effects.push({ def: o3, el: e20, ctx: n3 });
+          }, afterPaint(t2) {
+            for (let e20 of t2.effects) fr4(e20, t2.app);
+          } };
+          function lr4(t2) {
+            let e20 = "";
+            try {
+              let r44 = I5(t2.def.entry, t2.ctx.state, t2.ctx.item, t2.el, t2.ctx.root);
+              e20 = typeof r44 == "string" ? r44 : "";
+            } catch {
+              e20 = "";
             }
-            for (let n3 of r44) {
-              let o3 = st6.greenLine(n3);
-              n3.diag.errors.length || n3.halted ? console.error(o3) : console.log(o3);
+            typeof t2.el.setCustomValidity == "function" && t2.el.setCustomValidity(e20);
+          }
+          var cn3 = { name: "validation", begin(t2) {
+            t2.invalids = [];
+          }, collect(t2, e20, r44, n3) {
+            if (r44.invalids) for (let o3 of r44.invalids) t2.invalids.push({ def: o3, el: e20, ctx: n3 });
+          }, afterPaint(t2) {
+            for (let e20 of t2.invalids) lr4(e20);
+          } };
+          function fn4(t2, e20) {
+            if (t2 === t2.ownerDocument.activeElement) return 0;
+            if (t2.type === "radio") {
+              let s2 = e20 != null && String(t2.value) === String(e20);
+              return t2.checked === s2 ? 0 : (t2.checked = s2, 1);
             }
-            return r44;
+            let r44 = ht6(t2), n3 = Rt6(t2, r44), o3 = e20 ?? "";
+            return String(n3) !== String(o3) ? (Re6(t2, r44, o3), 1) : 0;
           }
-          function vn4(t2) {
-            if (En4(), me6(mt6), !t2) return te6();
-            let e20 = typeof t2 == "string" ? document.querySelector(t2) : t2;
-            if (!e20) return null;
-            if (tt6.has(e20)) return tt6.get(e20);
-            let r44 = we6(e20);
-            tt6.set(e20, r44), it6.push(r44);
-            let n3 = st6.greenLine(r44);
-            return r44.diag.errors.length || r44.halted ? console.error(n3) : console.log(n3), r44;
-          }
-          var O4 = An4.Sap;
-          O4.version = wn4;
-          O4.refresh = function() {
-            for (let e20 of it6) e20.root.isConnected && Ae6.runNow(e20, "refresh");
-          };
-          O4.batch = Xe6;
-          O4.status = st6.status;
-          O4.report = st6.report;
-          O4.why = st6.why;
-          O4.debug = st6.debug;
-          O4.doctor = st6.doctor;
-          O4.greenLine = st6.greenLine;
-          O4.formats = At5;
-          O4.serializeControlToAttributes = xt6;
-          O4.finalizeControlForSave = je6;
-          O4.rehydrateControlFromAttributes = Yt5;
-          O4.mount = vn4;
-          O4.config = function(e20 = {}) {
-            return e20.formats && Object.assign(At5, e20.formats), O4;
-          };
-          O4._registry = tt6;
-          O4._reset = function() {
-            tt6.clear(), it6.length = 0, nn2();
-          };
-          function vr4() {
-            if (typeof document > "u") return;
-            let t2 = () => Ge6(() => te6());
-            document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", t2) : t2();
+          var ln3 = { name: "projection", collect(t2, e20, r44, n3) {
+            if (!(r44.bind != null && (n3.view || n3.projection) && !vt5(e20))) return;
+            let o3 = r44.bind, s2 = t2.paints;
+            n3.view ? tt6(oe6(n3.item), o3) ? (e20._sapViewBind = "item", s2.push({ def: { kind: "projection", field: o3, from: "item" }, el: e20, ctx: n3 })) : o3 in n3.state || o3 in n3.root ? (e20._sapViewBind = "drawn", s2.push({ def: { kind: "projection", field: o3, from: "drawn" }, el: e20, ctx: n3 })) : (e20._sapViewBind = null, t2.app.diag.error("E43", e20, { attr: "bind", expr: o3, problem: `bind="${o3}" inside an each row matches no field of the row's record or of the scope the row is drawn in`, fix: "bind a field the record owns (bind, state= or items= on the [item]), or declare it with state= where the list is drawn" })) : s2.push({ def: { kind: "projection", field: o3, from: null }, el: e20, ctx: n3 });
+          }, paintKinds: { projection(t2) {
+            let e20 = t2.def;
+            if (e20.from === "drawn") {
+              let r44 = e20.field in t2.ctx.state ? t2.ctx.state : t2.ctx.root;
+              return fn4(t2.el, r44[e20.field]);
+            }
+            return fn4(t2.el, t2.ctx.item ? t2.ctx.item[e20.field] : "");
+          } } };
+          function dn3() {
+            for (let t2 of [rn3, sn3, an3, un4, cn3, ln3]) Oe6(t2);
           }
-          vr4();
-          typeof window < "u" && (window.Sap = O4);
-          var xr4 = O4;
-          return Tn3(Sr4);
+          dn3();
+          qe6((t2, e20, r44) => {
+            for (let n3 of t2.attributes) {
+              let o3 = tn3(n3.name);
+              o3 && (e20("E01", t2, { attr: n3.name, expr: n3.value, problem: `"${n3.name}" is a foreign-dialect attribute; Sap has no ${n3.name.split(/[:=]/)[0]} directive`, fix: o3 + " \u2014 or wrap the subtree in sap-ignore if intentional" }), r44(n3.name));
+            }
+          });
+          var { Sap: Mt6, mountAll: pn4, mount: dr4, runtime: pr4 } = Ye6({ createAccessor: Je6, debugExtras: nn2, installInput(t2, e20, r44) {
+            let n3 = Ze5(t2), o3 = Qe6(t2, e20);
+            n3.addRouter(o3.routeInput), n3.install(r44), o3.install(r44);
+          } }), bt6 = typeof window < "u" ? window.Sap : null;
+          bt6 && bt6 !== Mt6 && bt6.core && typeof bt6.unmount == "function" && bt6.unmount();
+          Xe6(pn4);
+          typeof window < "u" && (window.Sap = Mt6);
+          var mr4 = Mt6;
+          return yn4(hr4);
         })();
         if (typeof window !== "undefined" && Sap && Sap.default) window.Sap = Sap.default;
         var sapDefault = Sap.default;
@@ -75852,7 +76259,10 @@ ${t2}` : `"use strict"; return (${t2});`;
     // verify is sent as the ordinary full serialization, so the floor is the behaviour
     // it replaces. `exclude=source` turns it off.
     source: { path: "plugins/source.js", editOnly: true, default: true },
-    "visitor-drafts": { path: "plugins/visitor-drafts.js", editOnly: false, default: false }
+    "visitor-drafts": { path: "plugins/visitor-drafts.js", editOnly: false, default: false },
+    // The sapjs core. Loaded for any page with a [sap] root at boot (resolveModules'
+    // hasSap), in view mode too: a reader's tab paints the same totals.
+    derive: { path: "plugins/derive.js", editOnly: false, default: false }
   };
   var MODULES = {
     "core/is-edit-mode.js": () => Promise.resolve().then(() => (init_is_edit_mode(), is_edit_mode_exports)),
@@ -75892,10 +76302,11 @@ ${t2}` : `"use strict"; return (${t2});`;
     "plugins/ai-edit.js": () => Promise.resolve().then(() => (init_ai_edit(), ai_edit_exports)),
     "plugins/demo.js": () => Promise.resolve().then(() => (init_demo(), demo_exports)),
     "plugins/visitor-drafts.js": () => Promise.resolve().then(() => (init_visitor_drafts(), visitor_drafts_exports)),
-    "plugins/source.js": () => Promise.resolve().then(() => (init_source2(), source_exports))
+    "plugins/source.js": () => Promise.resolve().then(() => (init_source2(), source_exports)),
+    "plugins/derive.js": () => Promise.resolve().then(() => (init_derive(), derive_exports))
   };
-  var PLUGIN_ORDER = ["visitor-drafts", "richclay", "indicator", "sortable", "undo", "quickcrop", "upload", "people", "cms", "sync", "live", "page", "message", "wire", "ai-edit", "demo", "source"];
-  var IMPLIES = { cms: ["quickcrop", "upload"], "ai-edit": ["wire"], page: ["live", "sync"] };
+  var PLUGIN_ORDER = ["visitor-drafts", "richclay", "indicator", "sortable", "undo", "quickcrop", "upload", "people", "cms", "sync", "live", "page", "message", "wire", "ai-edit", "demo", "derive", "source"];
+  var IMPLIES = { cms: ["quickcrop", "upload"], "ai-edit": ["wire"], page: ["live", "sync", "upload"] };
   function parseCsv2(params, key2, enabled, apply2) {
     const raw = params.get(key2);
     if (!raw) return;
@@ -75911,7 +76322,7 @@ ${t2}` : `"use strict"; return (${t2});`;
   }
   var DRAFT_DROPS = ["sync", "live", "page", "upload", "quickcrop", "cms", "people", "wire", "ai-edit", "demo", "source"];
   var DRAFT_DROPS_CORE = ["attrs/refetch-on-save.js"];
-  function resolveModules(params, isEditMode2, { isDraftMode: isDraftMode2 = false } = {}) {
+  function resolveModules(params, isEditMode2, { isDraftMode: isDraftMode2 = false, hasSap = false } = {}) {
     const core = [...CORE_WAVES.always];
     if (isEditMode2) core.push(...CORE_WAVES.editOnly);
     const explicit = /* @__PURE__ */ new Set();
@@ -75922,6 +76333,7 @@ ${t2}` : `"use strict"; return (${t2});`;
     for (const [name, spec] of Object.entries(PLUGIN_PATHS)) {
       if (spec.default) enabled.add(name);
     }
+    if (hasSap) enabled.add("derive");
     if (excluded2.has("wire")) enabled.delete("ai-edit");
     for (const name of [...enabled]) {
       if (excluded2.has(name)) continue;
@@ -76063,6 +76475,8 @@ ${t2}` : `"use strict"; return (${t2});`;
 
   // src/loader.js
   init_style();
+  init_derived();
+  init_boot_phase();
   function domReady() {
     return new Promise((resolve) => dom_ready_default(resolve));
   }
@@ -76076,7 +76490,9 @@ ${t2}` : `"use strict"; return (${t2});`;
     window.__hyperclayEditMode = isEditMode2;
     const regionPolicy = await MODULES["lib/region-policy.js"]();
     const { isDraftMode: isDraftMode2 } = editMode;
-    const plan = resolveModules(params, isEditMode2, { isDraftMode: isDraftMode2 });
+    const hasSap = Boolean(document.querySelector("[sap]"));
+    bootPhase.holdSettle = hasSap && isEditMode2;
+    const plan = resolveModules(params, isEditMode2, { isDraftMode: isDraftMode2, hasSap });
     const loaded = {};
     for (const path of plan.core) {
       loaded[path] = await MODULES[path]();
@@ -76094,10 +76510,28 @@ ${t2}` : `"use strict"; return (${t2});`;
       attachPluginMember(path, mod, loaded);
     }
     await Promise.allSettled(plan.plugins.map((path) => loaded[path]?.ready).filter(Boolean));
+    if (hasSap) mountDerivedEngine(loaded);
     installViewModeNotice(isEditMode2);
     readyResolve(window.clay);
     document.dispatchEvent(new CustomEvent("clay:ready", { detail: { clay: window.clay } }));
   }
+  function mountDerivedEngine(loaded) {
+    const save = loaded["core/save.js"];
+    let fileSignature = null;
+    try {
+      fileSignature = save ? save.currentPaintSignature() : null;
+    } catch (err) {
+      console.error("clayjs: could not read the page's painted values:", err);
+    }
+    try {
+      if (window.Sap && typeof window.Sap.mount === "function") window.Sap.mount();
+    } catch (err) {
+      console.error("clayjs: the derive engine failed to mount:", err);
+    } finally {
+      save?.releaseBootSettle();
+    }
+    if (save && fileSignature != null) save.schedulePaintHeal(fileSignature);
+  }
   function assembleCore(loaded, { isDraftMode: isDraftMode2, isEditMode: isEditMode2, isOwner: isOwner2, siteVisibility: siteVisibility2 }, regionPolicy) {
     const clay5 = window.clay;
     const mutation = loaded["lib/mutation.js"];
@@ -76119,6 +76553,7 @@ ${t2}` : `"use strict"; return (${t2});`;
     clay5.readData = pageData2.readData;
     clay5.writeData = pageData2.writeData;
     clay5.ephemeral = ephemeral;
+    clay5.derived = derived;
     clay5.effect = effect;
     clay5.style = style2;
     if (save) {
@@ -76212,9 +76647,9 @@ ${t2}` : `"use strict"; return (${t2});`;
         if (started3[name]) return;
         started3[name] = true;
         var wait = function() {
-          var ready5 = clay5.ready;
-          return ready5.then(fn4, function(err) {
-            if (clay5.ready === ready5) throw err;
+          var ready6 = clay5.ready;
+          return ready6.then(fn4, function(err) {
+            if (clay5.ready === ready6) throw err;
             return wait();
           });
         };