@panphora/clayjs 1.8.2 → 1.9.0

package/dist/clay.standalone.js

@@ -1,4 +1,4 @@
-/* clayjs 1.8.2 standalone build: every clayjs module in one file. https://clayjs.com/offline
+/* clayjs 1.9.0 standalone build: every clayjs module in one file. https://clayjs.com/offline
    Third-party code inside keeps its own license (Sortable MIT, Squire MIT, DOMPurify Apache-2.0 OR MPL-2.0, MicroModal MIT, parse5 MIT): https://clayjs.com/THIRD-PARTY-NOTICES.md */
 (() => {
   var __create = Object.create;
@@ -111,7 +111,7 @@
       SAVE_TOKEN_ATTRS = ["savetoken"];
       LEGACY_SAVE_TOKEN_ATTRS = ["htmlclaytoken"];
       HOST_IDENTITY_ATTRS = ["documentid", "htmlclayid"];
-      HOST_RESPONSE_ATTRS = ["documentetag"];
+      HOST_RESPONSE_ATTRS = ["documentetag", "sitevisibility"];
       HOST_TOKEN_ATTRS = [
         ...SAVE_TOKEN_ATTRS,
         ...LEGACY_SAVE_TOKEN_ATTRS,
@@ -157,11 +157,17 @@
       (attr) => document.documentElement.getAttribute(attr)
     );
   }
-  var servedDocumentEtag, warnedAboutLegacyToken;
+  var servedDocumentEtag, SITE_VISIBILITIES, servedSiteVisibility, warnedAboutLegacyToken;
   var init_host_attrs = __esm({
     "src/core/host-attrs.js"() {
       init_root_attrs();
       servedDocumentEtag = typeof document === "undefined" ? null : document.documentElement.getAttribute("documentetag") || null;
+      SITE_VISIBILITIES = /* @__PURE__ */ new Set(["private", "public"]);
+      servedSiteVisibility = (() => {
+        if (typeof document === "undefined") return null;
+        const value = document.documentElement.getAttribute("sitevisibility");
+        return SITE_VISIBILITIES.has(value) ? value : null;
+      })();
       warnedAboutLegacyToken = false;
     }
   });
@@ -170,9 +176,10 @@
   var is_edit_mode_exports = {};
   __export(is_edit_mode_exports, {
     isEditMode: () => isEditMode,
-    isOwner: () => isOwner
+    isOwner: () => isOwner,
+    siteVisibility: () => siteVisibility
   });
-  var forcedEditMode, isViewOnlyDocument, isEditMode, isOwner;
+  var forcedEditMode, isViewOnlyDocument, isEditMode, isOwner, siteVisibility;
   var init_is_edit_mode = __esm({
     "src/core/is-edit-mode.js"() {
       init_cookie();
@@ -189,6 +196,7 @@
       isViewOnlyDocument = typeof document !== "undefined" && document.documentElement.hasAttribute("viewonly");
       isEditMode = query_default.editmode ? query_default.editmode === "true" : isViewOnlyDocument || servedStaleToken() ? false : forcedEditMode != null ? forcedEditMode : hasSaveToken() || Boolean(cookie_default.get("isAdminOfCurrentResource"));
       isOwner = Boolean(cookie_default.get("isAdminOfCurrentResource"));
+      siteVisibility = servedSiteVisibility;
     }
   });
 
@@ -607,14 +615,14 @@
   __export(mutation_exports, {
     default: () => mutation_default
   });
-  function isLibraryRootAttr(record) {
-    return record.type === "attributes" && record.target === document.documentElement && ROOT_LIBRARY_ATTR_SET.has(record.attributeName);
+  function isLibraryRootAttr(record2) {
+    return record2.type === "attributes" && record2.target === document.documentElement && ROOT_LIBRARY_ATTR_SET.has(record2.attributeName);
   }
   function withoutLibraryNoise(records3) {
     return records3.some(isLibraryRootAttr) ? records3.filter((r) => !isLibraryRootAttr(r)) : records3;
   }
-  function policyBeforeMutation(record) {
-    let source2 = record.target;
+  function policyBeforeMutation(record2) {
+    let source2 = record2.target;
     let clone = source2.cloneNode(false);
     const leaf = clone;
     while (source2.parentElement) {
@@ -623,8 +631,8 @@
       parent.appendChild(clone);
       clone = parent;
     }
-    if (record.oldValue == null) leaf.removeAttribute(record.attributeName);
-    else leaf.setAttribute(record.attributeName, record.oldValue);
+    if (record2.oldValue == null) leaf.removeAttribute(record2.attributeName);
+    else leaf.setAttribute(record2.attributeName, record2.oldValue);
     return resolveRegionPolicy(leaf);
   }
   var dummyElem, ROOT_LIBRARY_ATTR_SET, localMutation, existingHub, Mutation, mutation_default;
@@ -1144,7 +1152,7 @@
         },
         _recomputeHasNonPausable() {
           this._hasNonPausable = Object.values(this._callbacks).some(
-            (list2) => list2.some((cb) => cb.pausable === false)
+            (list3) => list3.some((cb) => cb.pausable === false)
           );
         },
         _startObserving() {
@@ -1265,16 +1273,16 @@
   });
 
   // src/lib/content-dom.js
-  function copyControlState(source2, copy) {
+  function copyControlState(source2, copy2) {
     if (!/^(INPUT|TEXTAREA|SELECT|OPTION)$/.test(source2.tagName || "")) return;
     const type = (source2.getAttribute?.("type") || "").toLowerCase();
-    if ("value" in source2 && "value" in copy && source2.tagName !== "OPTION" && type !== "checkbox" && type !== "radio" && type !== "file") copy.value = source2.value;
-    if (source2.tagName === "INPUT" && (type === "checkbox" || type === "radio")) copy.checked = source2.checked;
-    if (source2.tagName === "OPTION") copy.selected = source2.selected;
+    if ("value" in source2 && "value" in copy2 && source2.tagName !== "OPTION" && type !== "checkbox" && type !== "radio" && type !== "file") copy2.value = source2.value;
+    if (source2.tagName === "INPUT" && (type === "checkbox" || type === "radio")) copy2.checked = source2.checked;
+    if (source2.tagName === "OPTION") copy2.selected = source2.selected;
     if (source2.tagName === "SELECT") {
-      for (let i2 = 0; i2 < source2.options.length; i2++) copy.options[i2].selected = source2.options[i2].selected;
+      for (let i2 = 0; i2 < source2.options.length; i2++) copy2.options[i2].selected = source2.options[i2].selected;
     }
-    if ("indeterminate" in source2 && "indeterminate" in copy) copy.indeterminate = source2.indeterminate;
+    if ("indeterminate" in source2 && "indeterminate" in copy2) copy2.indeterminate = source2.indeterminate;
   }
   function matchesWithin(node, selector, boundary, inherit) {
     if (inherit) return !!node.closest?.(selector);
@@ -1288,11 +1296,11 @@
   }
   function importTree(source2, targetDocument, capability, capabilityMatch, exclude, boundary, inherit, maps) {
     if (source2.nodeType === 1 && ((inherit ? hasCapability(source2, capability) : matchesWithin(source2, capabilityMatch, boundary, false)) || exclude && (inherit && source2 !== boundary ? source2.matches(exclude) : matchesWithin(source2, exclude, boundary, inherit)))) return null;
-    const copy = targetDocument.importNode(source2, false);
-    maps.cloneToLive.set(copy, source2);
-    maps.liveToClone.set(source2, copy);
+    const copy2 = targetDocument.importNode(source2, false);
+    maps.cloneToLive.set(copy2, source2);
+    maps.liveToClone.set(source2, copy2);
     const sourceChildren = source2.nodeType === 1 && source2.tagName === "TEMPLATE" ? source2.content : source2;
-    const copyChildren = copy.nodeType === 1 && copy.tagName === "TEMPLATE" ? copy.content : copy;
+    const copyChildren = copy2.nodeType === 1 && copy2.tagName === "TEMPLATE" ? copy2.content : copy2;
     if (sourceChildren !== source2) {
       maps.cloneToLive.set(copyChildren, sourceChildren);
       maps.liveToClone.set(sourceChildren, copyChildren);
@@ -1304,8 +1312,8 @@
         if (child.nodeType === 1) copyControlState(child, childCopy);
       }
     }
-    if (source2.nodeType === 1) copyControlState(source2, copy);
-    return copy;
+    if (source2.nodeType === 1) copyControlState(source2, copy2);
+    return copy2;
   }
   function createContentView(context, { capability = "data", exclude = null, inherit = true } = {}) {
     if (!context) throw new TypeError("createContentView requires a DOM context");
@@ -1658,8 +1666,8 @@
     return captureForSave({ emitForSync: false });
   }
   function serializeRecoveryClone(clone, { prepared = false } = {}) {
-    const copy = clonePreventingOnclone(clone);
-    return serializeClone(prepared ? copy : prepareCloneForSave(copy, { authored: false }));
+    const copy2 = clonePreventingOnclone(clone);
+    return serializeClone(prepared ? copy2 : prepareCloneForSave(copy2, { authored: false }));
   }
   function captureRecoveryPage() {
     return serializeSaveClone(captureSaveClone({ flushUndo: false, authored: false }));
@@ -2029,6 +2037,96 @@
     }
   });
 
+  // src/ui/theme-parts.js
+  function stateList({ hover = false, active: active3 = false, focus = false, disabled = false } = {}) {
+    const list3 = ["base"];
+    if (!disabled && hover) list3.push("hover");
+    if (!disabled && active3) list3.push("active");
+    if (focus) list3.push("focus");
+    if (disabled) list3.push("disabled");
+    return list3;
+  }
+  function neutral(t, pct) {
+    if (t.background && t.background !== t.surface) return pct > 8 ? mix(t.background, t.text || "currentColor", 6) : t.background;
+    if (t.surface) return mix(t.surface, t.text || "currentColor", pct);
+    return t.background;
+  }
+  function button(t, variant, state2) {
+    const r = [];
+    const fill = { primary: ["accent", "accentText"], danger: ["danger", "dangerText"] }[variant];
+    if (state2 === "base") r.push(...decl("font-family", t.font), ...decl("border-radius", t.radius));
+    if (state2 === "base" && t.buttonHeight) r.push("height:auto", "block-size:auto", `min-height:${t.buttonHeight}`);
+    if (fill) {
+      const bg = t[fill[0]];
+      const fg = t[fill[1]];
+      if (state2 === "base") r.push(...decl("background", bg), ...decl("border-color", bg), ...decl("color", fg));
+      if (state2 === "hover" && bg && fg) r.push(`background:${mix(bg, fg, 12)}`);
+      if (state2 === "active" && bg) r.push(`border-color:${bg}`, ...fg ? [`background:${mix(bg, fg, 20)}`] : []);
+      if (state2 === "disabled" && bg) r.push("opacity:.55");
+    } else if (variant === "quiet") {
+      if (state2 === "base") r.push(...decl("color", t.text));
+      if (state2 === "hover") r.push(...decl("background", neutral(t, 7)));
+      if (state2 === "active") r.push(...decl("background", neutral(t, 12)));
+      if (state2 === "disabled") r.push(...decl("color", t.mutedText));
+    } else {
+      if (state2 === "base") r.push(...decl("background", t.surface), ...decl("color", t.text), ...decl("border-color", t.border));
+      if (state2 === "hover") r.push(...decl("background", neutral(t, 7)));
+      if (state2 === "active") r.push(...decl("background", neutral(t, 12)), ...decl("border-color", t.border));
+      if (state2 === "disabled") r.push(...decl("color", t.mutedText));
+    }
+    if (state2 === "focus" && t.accent) r.push(`outline:2px solid ${t.accent}`);
+    return r;
+  }
+  function tokenRules(theme2, role, state2 = "base") {
+    if (!themed(theme2)) return [];
+    if (role.startsWith("button.")) return button(theme2.tokens, role.slice(7), state2);
+    return ROLES[role] ? ROLES[role](theme2.tokens, state2) : [];
+  }
+  function tokenRulesFor(theme2, role, active3) {
+    return stateList(active3).flatMap((s2) => tokenRules(theme2, role, s2));
+  }
+  function partRules(theme2, names, active3) {
+    if (!themed(theme2) || !names?.length) return [];
+    const states2 = stateList(active3);
+    const r = [];
+    for (const name of names) {
+      const part = theme2.parts[name];
+      if (!part) continue;
+      for (const s2 of states2) for (const [prop, value] of Object.entries(part[s2] || {})) r.push(`${prop}:${value}`);
+    }
+    return r;
+  }
+  function markParts(el5, theme2, names) {
+    if (themed(theme2) && names?.length) el5.setAttribute("data-clay-part", names.join(" "));
+  }
+  function floorRules(rules, prop, px) {
+    if (!px) return [];
+    const last = [...rules].reverse().find((r) => r.startsWith(`${prop}:`));
+    const value = last ? last.slice(prop.length + 1).trim() : "";
+    const out = [`${prop}:${px}px`];
+    if (value && value !== `${px}px`) out.push(`${prop}:max(${px}px, ${value})`);
+    return out;
+  }
+  var themed, mix, decl, ROLES;
+  var init_theme_parts = __esm({
+    "src/ui/theme-parts.js"() {
+      themed = (theme2) => !!theme2 && !theme2.bevel;
+      mix = (a, b, pct) => `color-mix(in srgb, ${a}, ${b} ${pct}%)`;
+      decl = (prop, value) => value ? [`${prop}:${value}`] : [];
+      ROLES = {
+        input: (t, s2) => s2 === "base" ? [...decl("font-family", t.font), ...decl("color", t.text), ...decl("background", t.surface), ...decl("border-color", t.border), ...decl("border-radius", t.radius)] : s2 === "hover" ? decl("border-color", t.mutedText) : s2 === "focus" && t.accent ? [`outline:2px solid ${t.accent}`, `border-color:${t.accent}`] : [],
+        surface: (t, s2) => s2 === "base" ? [...decl("background", t.surface), ...decl("color", t.text), ...decl("border-color", t.border), ...decl("box-shadow", t.shadow), ...decl("border-radius", t.radius), ...decl("font-family", t.font)] : [],
+        text: (t, s2) => s2 === "base" ? [...decl("color", t.text), ...decl("font-family", t.font)] : [],
+        mutedText: (t, s2) => s2 === "base" ? [...decl("color", t.mutedText), ...decl("font-family", t.font)] : [],
+        heading: (t, s2) => s2 === "base" ? [...decl("font-family", t.headingFont || t.font), ...decl("color", t.text)] : [],
+        code: (t, s2) => s2 === "base" ? decl("color", t.text) : [],
+        well: (t, s2) => s2 === "base" ? [...decl("background", t.background), ...t.border ? [`border:1px solid ${t.border}`] : [], ...decl("border-radius", t.radius)] : [],
+        overlay: (t, s2) => s2 === "base" ? decl("background", t.overlay) : [],
+        close: (t, s2) => s2 === "base" ? [...decl("background", t.surface), ...decl("color", t.mutedText), ...decl("border-color", t.border)] : s2 === "hover" ? decl("background", neutral(t, 7)) : s2 === "focus" && t.accent ? [`outline:2px solid ${t.accent}`] : []
+      };
+    }
+  });
+
   // src/ui/bevel-controls.js
   var bevel_controls_exports = {};
   __export(bevel_controls_exports, {
@@ -2044,6 +2142,7 @@
     pageScheme: () => pageScheme,
     paintInput: () => paintInput,
     protectIcon: () => protectIcon,
+    restyleBox: () => restyleBox,
     setShown: () => setShown
   });
   function runtime(el5) {
@@ -2088,12 +2187,13 @@
       style(el5, rules);
     }
   }
-  function bevelButton(label, { variant = "default", small = false, onClick = null, extra = [], labelExtra = [], onState = null } = {}) {
+  function bevelButton(label, { variant = "default", small = false, onClick = null, extra = [], labelExtra = [], onState = null, theme: theme2 = null, parts = [], labelParts = [] } = {}) {
     const v2 = VARIANT[variant] || VARIANT.default;
     const size = small ? SIZE.small : SIZE.normal;
     const reducedMotion = media("(prefers-reduced-motion: reduce)");
     const forced = media("(forced-colors: active)");
     const coarse = media("(pointer: coarse)");
+    const narrow = media("(max-width: 760px)");
     const flags = { hovered: false, pressed: false, focusVisible: false, disabled: false };
     const pinned = /* @__PURE__ */ new Map();
     const b = runtime(make("button", []));
@@ -2101,6 +2201,11 @@
     const span = runtime(make("span", []));
     span.textContent = label;
     b.append(span);
+    const variantName = VARIANT[variant] ? variant : "default";
+    const names = ["button", `button.${variantName}`, ...parts];
+    const labelNames = ["buttonLabel", ...labelParts];
+    markParts(b, theme2, names);
+    markParts(span, theme2, labelNames);
     function applyState() {
       const rules = [...RESET, "box-sizing:border-box", ...v2.rest, ...size];
       if (flags.disabled) {
@@ -2112,13 +2217,25 @@
       if (flags.focusVisible) rules.push(...RULES.focus);
       if (forced) rules.push(...MEDIA.forcedColors);
       if (coarse) rules.push(...MEDIA.coarseButton);
+      if (narrow) rules.push("min-height:44px");
       rules.push(...extra);
+      if (themed(theme2)) {
+        const act = { hover: flags.hovered, active: flags.pressed, focus: flags.focusVisible, disabled: flags.disabled };
+        rules.push(...tokenRulesFor(theme2, `button.${variantName}`, act), ...partRules(theme2, names, act));
+        if (forced) rules.push(...MEDIA.forcedColors);
+        rules.push(...floorRules(rules, "min-height", narrow ? 44 : coarse ? 40 : 0));
+      }
       for (const [prop, value] of pinned) rules.push(`${prop}:${value}`);
       restyle(b, rules);
       const labelRules = [...RESET, "font:inherit", "color:inherit", ...RULES.buttonLabel];
       if (flags.disabled) labelRules.push(...RULES.buttonDisabledLabel);
       else if (flags.pressed) labelRules.push(...reducedMotion ? MEDIA.reducedMotion : RULES.buttonActiveLabel);
       labelRules.push(...labelExtra);
+      if (themed(theme2)) {
+        const act = { hover: flags.hovered, active: flags.pressed, focus: flags.focusVisible, disabled: flags.disabled };
+        labelRules.push(...partRules(theme2, labelNames, act));
+        if (flags.pressed && !flags.disabled && reducedMotion) labelRules.push(...MEDIA.reducedMotion);
+      }
       restyle(span, labelRules);
       onState?.({ ...flags });
     }
@@ -2251,35 +2368,72 @@
     paint({ hovered: false, focusVisible: false });
     return b;
   }
-  function bevelBox(tag, rules = []) {
-    return runtime(make(tag, [...RESET, "box-sizing:border-box", ...rules]));
+  function bevelBox(tag, rules = [], { theme: theme2 = null, parts = [], role = null } = {}) {
+    const el5 = runtime(make(tag, [...RESET, "box-sizing:border-box", ...rules]));
+    if (themed(theme2)) {
+      if (role) style(el5, tokenRulesFor(theme2, role, {}));
+      const names = [...["text", "mutedText", "well"].includes(role) ? [role] : [], ...parts];
+      style(el5, partRules(theme2, names, {}));
+      markParts(el5, theme2, names);
+    }
+    return el5;
+  }
+  function restyleBox(el5, rules) {
+    restyle(el5, [...RESET, "box-sizing:border-box", ...rules]);
   }
-  function bevelSurface(tag, rules = []) {
-    return runtime(make(tag, [...RESET, "box-sizing:border-box", ...RULES.surface, `font:14px/1.5 ${FONT_SANS}`, ...rules]));
+  function bevelSurface(tag, rules = [], { theme: theme2 = null, parts = [], role = "surface" } = {}) {
+    const el5 = runtime(make(tag, [...RESET, "box-sizing:border-box", ...RULES.surface, `font:14px/1.5 ${FONT_SANS}`, ...rules]));
+    if (themed(theme2)) {
+      if (role) style(el5, tokenRulesFor(theme2, role, {}));
+      style(el5, partRules(theme2, parts, {}));
+      markParts(el5, theme2, parts);
+    }
+    return el5;
   }
-  function bevelWell(rules = []) {
-    return runtime(make("div", [...RESET, "display:block", "box-sizing:border-box", `font:14px/1.5 ${FONT_SANS}`, `color:${TOKENS2.ink}`, ...RULES.recess, ...rules]));
+  function bevelWell(rules = [], { theme: theme2 = null, parts = [], role = "well" } = {}) {
+    const el5 = runtime(make("div", [...RESET, "display:block", "box-sizing:border-box", `font:14px/1.5 ${FONT_SANS}`, `color:${TOKENS2.ink}`, ...RULES.recess, ...rules]));
+    if (themed(theme2)) {
+      if (role) style(el5, tokenRulesFor(theme2, role, {}));
+      const names = [...["text", "mutedText", "well"].includes(role) ? [role] : [], ...parts];
+      style(el5, partRules(theme2, names, {}));
+      markParts(el5, theme2, names);
+    }
+    return el5;
   }
-  function bevelText(tag, rules = [], text) {
+  function bevelText(tag, rules = [], text, { theme: theme2 = null, parts = [], role = "text" } = {}) {
     const el5 = runtime(make(tag, [...RESET, "font:inherit", `color:${TOKENS2.ink}`, ...rules]));
     if (text != null) el5.textContent = text;
+    if (themed(theme2)) {
+      if (role) style(el5, tokenRulesFor(theme2, role, {}));
+      const names = [...["text", "mutedText", "well"].includes(role) ? [role] : [], ...parts];
+      style(el5, partRules(theme2, names, {}));
+      markParts(el5, theme2, names);
+    }
     return el5;
   }
-  function paintInput(el5, { rules = [] } = {}) {
+  function paintInput(el5, { rules = [], theme: theme2 = null, parts = [] } = {}) {
     const flags = { hovered: false, focused: false };
     const forced = media("(forced-colors: active)");
     const coarse = media("(pointer: coarse)");
     runtime(el5);
+    const names = ["input", ...parts];
+    markParts(el5, theme2, names);
     function applyState() {
       const height = el5.localName === "textarea" ? el5.style.getPropertyValue("height") : "";
-      const list2 = [...RESET, "box-sizing:border-box", ...RULES.input];
-      if (flags.hovered) list2.push(...RULES.inputHover);
-      if (flags.focused) list2.push(...RULES.inputFocus);
-      if (forced) list2.push(...MEDIA.forcedColors);
-      list2.push(...rules);
-      if (coarse) list2.push(...MEDIA.coarseInput);
-      if (height) list2.push(`height:${height}`);
-      restyle(el5, list2);
+      const list3 = [...RESET, "box-sizing:border-box", ...RULES.input];
+      if (flags.hovered) list3.push(...RULES.inputHover);
+      if (flags.focused) list3.push(...RULES.inputFocus);
+      if (forced) list3.push(...MEDIA.forcedColors);
+      list3.push(...rules);
+      if (coarse) list3.push(...MEDIA.coarseInput);
+      if (themed(theme2)) {
+        const act = { hover: flags.hovered && !el5.disabled, focus: flags.focused, disabled: !!el5.disabled };
+        list3.push(...tokenRulesFor(theme2, "input", act), ...partRules(theme2, names, act));
+        if (forced) list3.push(...MEDIA.forcedColors);
+        if (coarse) list3.push(...floorRules(list3, "font-size", 16));
+      }
+      if (height) list3.push(`height:${height}`);
+      restyle(el5, list3);
     }
     el5.addEventListener("pointerenter", () => {
       flags.hovered = true;
@@ -2319,6 +2473,7 @@
     "src/ui/bevel-controls.js"() {
       init_hostile_css();
       init_bevel();
+      init_theme_parts();
       RUNTIME_ONLY = "no-save no-watch no-snapshot";
       RESET = ["all:initial", "color-scheme:inherit", "direction:ltr", "unicode-bidi:isolate"];
       SIZE = {
@@ -2337,7 +2492,7 @@
       if (typeof document !== "undefined") {
         document.addEventListener("keydown", () => {
           keyboardModality = true;
-          for (const refresh of focusedButtons) refresh();
+          for (const refresh2 of focusedButtons) refresh2();
         }, true);
         document.addEventListener("pointerdown", () => {
           keyboardModality = false;
@@ -2437,6 +2592,13 @@
   });
 
   // src/core/host-meta.js
+  function settle(outcome2, meta = bareHost()) {
+    outcomes.set(meta, outcome2);
+    return meta;
+  }
+  function hostMetaOutcome(meta) {
+    return outcomes.get(meta) ?? "none";
+  }
   function bareHost() {
     return { spec: null, extensions: [], document: null };
   }
@@ -2446,10 +2608,15 @@
       return inFlight;
     }
     if (!refreshing) {
+      const previous = inFlight;
       refreshing = fetchMeta().catch(bareHost).finally(() => {
         refreshing = null;
       });
-      inFlight = refreshing;
+      inFlight = refreshing.then(async (meta) => {
+        if (hostMetaOutcome(meta) === "ok" || !previous) return meta;
+        const last = await previous;
+        return hostMetaOutcome(last) === "ok" ? last : meta;
+      });
     }
     return refreshing;
   }
@@ -2458,6 +2625,7 @@
     return meta.extensions.includes(name);
   }
   async function fetchMeta() {
+    if (!/^https?:$/.test(window.location.protocol)) return settle("none");
     const token = saveToken();
     const path = token ? `${META_PATH}/${token}` : META_PATH;
     const controller = new AbortController();
@@ -2476,33 +2644,34 @@
         redirect: "manual",
         signal: controller.signal
       });
-      if (!res.ok) return bareHost();
+      if (!res.ok) return settle(res.status >= 500 ? "failed" : "none");
       const text = await res.text();
-      if (!text) return bareHost();
+      if (!text) return settle("none");
       let body;
       try {
         body = JSON.parse(text);
       } catch (_) {
-        return bareHost();
+        return settle("none");
       }
-      if (!body || typeof body !== "object" || typeof body.spec !== "number") return bareHost();
-      return {
+      if (!body || typeof body !== "object" || typeof body.spec !== "number") return settle("none");
+      return settle("ok", {
         spec: body.spec,
         extensions: Array.isArray(body.extensions) ? body.extensions : [],
         document: body.document && typeof body.document === "object" ? body.document : null
-      };
+      });
     } catch (_) {
-      return bareHost();
+      return settle("failed");
     } finally {
       clearTimeout(timeoutId);
     }
   }
-  var META_PATH, META_TIMEOUT_MS, inFlight, refreshing;
+  var META_PATH, META_TIMEOUT_MS, outcomes, inFlight, refreshing;
   var init_host_meta = __esm({
     "src/core/host-meta.js"() {
       init_host_attrs();
       META_PATH = "/_/meta";
       META_TIMEOUT_MS = 6e3;
+      outcomes = /* @__PURE__ */ new WeakMap();
       inFlight = null;
       refreshing = null;
     }
@@ -2513,7 +2682,7 @@
     let lastCall = executeFirst ? 0 : Date.now();
     let timeoutId = null;
     let pending4 = [];
-    function settle3(ctx, args, waiting) {
+    function settle4(ctx, args, waiting) {
       let result2;
       try {
         result2 = callback.apply(ctx, args);
@@ -2541,7 +2710,7 @@
           lastCall = now3;
           const waiting = pending4.concat({ resolve, reject });
           pending4 = [];
-          settle3(ctx, args, waiting);
+          settle4(ctx, args, waiting);
         } else {
           pending4.push({ resolve, reject });
           if (!timeoutId) {
@@ -2550,7 +2719,7 @@
               timeoutId = null;
               const waiting = pending4;
               pending4 = [];
-              settle3(ctx, args, waiting);
+              settle4(ctx, args, waiting);
             }, remaining);
           }
         }
@@ -3632,7 +3801,7 @@
   }
   async function flushBytes(keepalive, deadline) {
     if (!baselineSettled()) await nextEvent("clay:baseline-settled", deadline);
-    let saved = false;
+    let saved2 = false;
     let etag = null;
     for (let attempt = 0; attempt < 4; attempt++) {
       if (isSaveInProgress()) await settled(deadline);
@@ -3641,12 +3810,12 @@
       if (!bytesUnsaved()) {
         gateClearIfUnchanged(token);
         if (hasUnsavedState()) throw flushError("This document has unsaved work a save cannot write.", "blocked");
-        return { state: saved ? "saved" : "clean", etag: etag ?? lastSeenEtag() };
+        return { state: saved2 ? "saved" : "clean", etag: etag ?? lastSeenEtag() };
       }
       const result2 = await withKeepalive(keepalive, () => savePage());
       if (result2.msgType === "skipped") continue;
       if (!result2.ok) throw flushError(result2.msg || "Save failed", result2.msgType === "conflict" || isSaveConflicted() ? "conflict" : "failed");
-      saved = true;
+      saved2 = true;
       etag = result2.etag ?? null;
     }
     throw flushError("The document kept changing while saving.", "failed");
@@ -4229,8 +4398,8 @@
   function side(hit, ctx) {
     return { before: ctx?.before || "", hit, after: ctx?.after || "", cutBefore: !!ctx?.cutBefore, cutAfter: !!ctx?.cutAfter };
   }
-  function structuralSentence(record, kind) {
-    const reason = record.detail || record.reason;
+  function structuralSentence(record2, kind) {
+    const reason = record2.detail || record2.reason;
     const make2 = SENTENCE[reason];
     return make2 ? make2(kind.toLowerCase()) : "Your change here was replaced by the other edit.";
   }
@@ -4265,8 +4434,8 @@
     }
     return n2 || null;
   }
-  function localNode(record, ref) {
-    const root3 = window.clay?.conflicts?.recoveryOf?.(record.id)?.root;
+  function localNode(record2, ref) {
+    const root3 = window.clay?.conflicts?.recoveryOf?.(record2.id)?.root;
     const path = ref?.local?.[0];
     return root3 && path ? nodeAtPath(root3, path) : null;
   }
@@ -4284,7 +4453,7 @@
     const under = el5.isConnected ? headingAbove(el5) : null;
     return under ? `under ${under}` : null;
   }
-  function recoverySentence(record, rv, kind) {
+  function recoverySentence(record2, rv, kind) {
     const s2 = rv.structure;
     const k2 = kind.toLowerCase();
     switch (`${s2.localAction}/${s2.remoteAction}`) {
@@ -4297,7 +4466,7 @@
       case "inserted/inserted":
         return "You and the other edit added different content in the same place. Their content is showing.";
       case "moved/moved": {
-        const mine = placeName(liveOf(s2.localPlacement?.parent) || localNode(record, s2.localPlacement?.parent));
+        const mine = placeName(liveOf(s2.localPlacement?.parent) || localNode(record2, s2.localPlacement?.parent));
         const theirs = placeName(liveOf(s2.mergedPlacement?.parent));
         if (mine && theirs && mine !== theirs) {
           return `You moved this ${k2} ${mine}. The other edit moved it ${theirs}. Their position is showing.`;
@@ -4308,12 +4477,12 @@
         return "Your change here was replaced by the other edit.";
     }
   }
-  function recoveryRow(record, rv) {
-    const id = record.id;
+  function recoveryRow(record2, rv) {
+    const id = record2.id;
     const shown3 = rv.applied !== false;
     const live = shown3 ? liveOf(rv.subject) : null;
     const target = live ? visibleHost(live) : null;
-    const shape = elementOf(live) || elementOf(localNode(record, rv.subject));
+    const shape = elementOf(live) || elementOf(localNode(record2, rv.subject));
     const plainKind = NON_ELEMENT[rv.subject?.nodeType];
     if (rv.attribute) {
       return {
@@ -4321,8 +4490,8 @@
         kind: "attr",
         name: nameOfElement(shape, rv.attribute.qualifiedName),
         target,
-        yours: side(String(record.local ?? "")),
-        now: shown3 ? side(String(record.remote ?? "")) : null,
+        yours: side(String(record2.local ?? "")),
+        now: shown3 ? side(String(record2.remote ?? "")) : null,
         sentence: shown3 ? null : CHANGED_AGAIN
       };
     }
@@ -4336,7 +4505,7 @@
         target,
         yours: null,
         now: null,
-        sentence: shown3 ? recoverySentence(record, rv, kind) : CHANGED_AGAIN
+        sentence: shown3 ? recoverySentence(record2, rv, kind) : CHANGED_AGAIN
       };
     }
     const name = plainKind === "Comment" ? "Comment" : shape && HIDDEN.has(shape.localName) ? kindName(shape) : nameOfElement(shape);
@@ -4350,49 +4519,49 @@
       sentence: shown3 ? null : CHANGED_AGAIN
     };
   }
-  function rowOf(record) {
-    const id = record.id;
-    if (record.recovery?.version === 1) return recoveryRow(record, record.recovery);
-    if (record.kind === "attr") {
-      const el6 = record.el || null;
+  function rowOf(record2) {
+    const id = record2.id;
+    if (record2.recovery?.version === 1) return recoveryRow(record2, record2.recovery);
+    if (record2.kind === "attr") {
+      const el6 = record2.el || null;
       return {
         id,
         kind: "attr",
-        name: nameOfElement(el6, record.name),
+        name: nameOfElement(el6, record2.name),
         target: hostOf(el6),
-        yours: side(String(record.local ?? "")),
-        now: side(String(record.remote ?? "")),
+        yours: side(String(record2.local ?? "")),
+        now: side(String(record2.remote ?? "")),
         sentence: null
       };
     }
-    if (record.kind === "structure") {
-      const live = record.el && record.el.isConnected ? record.el : null;
-      const shape = live || record.base || record.el || null;
+    if (record2.kind === "structure") {
+      const live = record2.el && record2.el.isConnected ? record2.el : null;
+      const shape = live || record2.base || record2.el || null;
       const kind = kindName(elementOf(shape));
-      const sentence = structuralSentence(record, kind);
-      const both = typeof record.local === "string" && typeof record.remote === "string";
+      const sentence = structuralSentence(record2, kind);
+      const both = typeof record2.local === "string" && typeof record2.remote === "string";
       return {
         id,
         kind: "struct",
         name: live ? nameOfElement(live) : kind,
         target: live ? hostOf(live) : null,
-        yours: both ? side(plain(record.local)) : null,
-        now: both ? side(plain(record.remote)) : null,
+        yours: both ? side(plain(record2.local)) : null,
+        now: both ? side(plain(record2.remote)) : null,
         sentence
       };
     }
-    const host = hostOf(record.node);
-    const el5 = elementOf(record.node);
-    const name = el5 && HIDDEN.has(el5.localName) ? kindName(el5) : record.node?.nodeType === 8 ? "Comment" : nameOfElement(el5);
-    const html = typeof record.lss === "number";
+    const host2 = hostOf(record2.node);
+    const el5 = elementOf(record2.node);
+    const name = el5 && HIDDEN.has(el5.localName) ? kindName(el5) : record2.node?.nodeType === 8 ? "Comment" : nameOfElement(el5);
+    const html = typeof record2.lss === "number";
     const text = (v2) => v2 == null ? "" : Array.isArray(v2) ? v2.join("") : String(v2);
-    const yours = html ? plain(record.local) : text(record.local);
-    const now3 = html ? plain(record.remote) : text(record.remote);
+    const yours = html ? plain(record2.local) : text(record2.local);
+    const now3 = html ? plain(record2.remote) : text(record2.remote);
     return {
       id,
       kind: "text",
       name,
-      target: host && !HIDDEN.has(host.localName) ? host : host ? visibleContainer(host) : null,
+      target: host2 && !HIDDEN.has(host2.localName) ? host2 : host2 ? visibleContainer(host2) : null,
       yours: side(yours),
       now: side(now3),
       sentence: null
@@ -11953,27 +12122,27 @@
     }
     return broad(raw);
   }
-  function protectionOf(record) {
-    if (released.has(record)) return null;
-    const raws = [...rawSet([record])];
+  function protectionOf(record2) {
+    if (released.has(record2)) return null;
+    const raws = [...rawSet([record2])];
     const values = raws.map((raw) => current(raw));
     if (!values.some(Boolean)) return null;
     if (values.some((state2) => !state2)) {
       for (const raw of raws) if (!states.has(raw)) broad(raw);
-      return protectionOf(record);
+      return protectionOf(record2);
     }
     const union = [...new Set(values.flatMap((state2) => state2.nodes))];
     if (values.every((state2) => state2.mode === "source") && union.length === 1) return null;
     const nodes = values.some((state2) => state2.mode === "document") ? [document.documentElement] : union;
     return { nodes, status: values.some((state2) => state2.status === "unknown") ? "unknown" : "proved", generation: generation2 };
   }
-  function releaseProtection(record) {
-    for (const raw of rawOf(record)) {
+  function releaseProtection(record2) {
+    for (const raw of rawOf(record2)) {
       released.add(raw);
       states.delete(raw);
     }
-    released.add(record);
-    states.delete(record);
+    released.add(record2);
+    states.delete(record2);
     generation2++;
   }
   function allRaw(records3) {
@@ -12039,11 +12208,11 @@
           invalidate();
           return;
         }
-        const entries = /* @__PURE__ */ new Map();
+        const entries2 = /* @__PURE__ */ new Map();
         for (const entry of result2.entries) {
           if (!entry || typeof entry !== "object" || !isElement(entry.from)) continue;
-          if (entries.has(entry.from)) entries.set(entry.from, null);
-          else entries.set(entry.from, entry);
+          if (entries2.has(entry.from)) entries2.set(entry.from, null);
+          else entries2.set(entry.from, entry);
         }
         for (const [raw, { state: state2, chains }] of frame.before) {
           if (released.has(raw)) continue;
@@ -12056,7 +12225,7 @@
           for (const chain of chains) {
             let found = null;
             for (let i2 = 0; i2 < chain.length; i2++) {
-              found = positive(entries.get(chain[i2]));
+              found = positive(entries2.get(chain[i2]));
               if (found) {
                 fallback2 ||= i2 > 0;
                 break;
@@ -12128,7 +12297,7 @@
           return false;
         }
       };
-      rawOf = (record) => record.rawReports?.length ? record.rawReports : [record];
+      rawOf = (record2) => record2.rawReports?.length ? record2.rawReports : [record2];
       rawSet = (records3) => new Set(records3.flatMap(rawOf).filter((raw) => !released.has(raw)));
       captureFootprintWitnesses = (nodes) => [...new Set(nodes)].map(witness);
       footprintWitnessesValid = (witnesses) => witnesses.every((w2) => valid(w2));
@@ -12524,12 +12693,12 @@
     return words.length === 1 ? first(words[0]) : first(words[0]) + first(words[1]);
   }
   function normalize(data) {
-    const list2 = data && Array.isArray(data.people) ? data.people : [];
-    const people = [];
-    for (const person of list2) {
+    const list3 = data && Array.isArray(data.people) ? data.people : [];
+    const people2 = [];
+    for (const person of list3) {
       if (!person || typeof person.id !== "string" || !person.id) continue;
       const name = typeof person.name === "string" && person.name.trim() ? person.name.trim() : "Someone";
-      people.push({
+      people2.push({
         id: person.id,
         name,
         canEdit: person.canEdit === true,
@@ -12538,7 +12707,7 @@
     }
     const count = data && data.anonymous;
     const anonymous = typeof count === "number" && Number.isFinite(count) && count > 0 ? Math.floor(count) : 0;
-    return { people, anonymous };
+    return { people: people2, anonymous };
   }
   var SIZE2, OVERLAP, FONT, LABEL_FONT, RESET2, FACE, COLORS, Presence, presence;
   var init_presence = __esm({
@@ -12607,8 +12776,8 @@
           this.tip = null;
         }
         render() {
-          const { people, anonymous } = this.roster;
-          if (people.length + anonymous <= 1) {
+          const { people: people2, anonymous } = this.roster;
+          if (people2.length + anonymous <= 1) {
             this.hide();
             return;
           }
@@ -12616,7 +12785,7 @@
           this.hideTip();
           set(this.root, "color-scheme", pageScheme());
           this.stack.textContent = "";
-          for (const person of people) {
+          for (const person of people2) {
             this.stack.appendChild(this.avatar(person));
           }
           if (this.stack.firstElementChild) set(this.stack.firstElementChild, "margin-left", "0");
@@ -14616,8 +14785,8 @@
   function project(root3) {
     const container = kidsOf(root3);
     const f2 = { root: root3, container, text: "", nodes: [], atoms: [], blocks: [] };
-    const walk = (list2) => {
-      for (const node of list2) {
+    const walk = (list3) => {
+      for (const node of list3) {
         if (node.nodeType === 3) {
           if (!node.data) continue;
           f2.nodes.push({ node, s: f2.text.length, e: f2.text.length + node.data.length });
@@ -14783,9 +14952,9 @@
     const subject = rec.recovery.subject;
     const live = liveOf2(subject, apply, subject.nodeType);
     if (!live) return null;
-    const local = t.local.text.slice(t.local.start, t.local.end);
-    if (STRUCTURAL.test(t.merged.text.slice(t.merged.start, t.merged.end)) || local.includes(BREAK2)) return null;
-    const op = { kind: "text", id: rec.id, ticket: apply.ticket, key: subject.key, fragment: t.local.fragment, encoding: t.encoding, local, ids: /* @__PURE__ */ new Set(), range: document.createRange() };
+    const local2 = t.local.text.slice(t.local.start, t.local.end);
+    if (STRUCTURAL.test(t.merged.text.slice(t.merged.start, t.merged.end)) || local2.includes(BREAK2)) return null;
+    const op = { kind: "text", id: rec.id, ticket: apply.ticket, key: subject.key, fragment: t.local.fragment, encoding: t.encoding, local: local2, ids: /* @__PURE__ */ new Set(), range: document.createRange() };
     if (live.nodeType === 8) {
       const span2 = rebase(t.merged.text, live.data, t.merged.start, t.merged.end);
       if (!span2) return null;
@@ -15205,9 +15374,9 @@
     const selection = sel && sel.rangeCount ? [sel.anchorNode, sel.anchorOffset, sel.focusNode, sel.focusOffset] : null;
     return { attrs, controls, active: active3, caret, selection };
   }
-  function sameAttrs(el5, list2) {
+  function sameAttrs(el5, list3) {
     const now3 = el5.attributes;
-    return now3.length === list2.length && list2.every(([a, value], i2) => now3[i2] === a && a.value === value);
+    return now3.length === list3.length && list3.every(([a, value], i2) => now3[i2] === a && a.value === value);
   }
   function rollback(records3, page) {
     const touched = /* @__PURE__ */ new Set();
@@ -15221,10 +15390,10 @@
       }
     }
     for (const el5 of touched) {
-      const list2 = page.attrs.get(el5);
-      if (!list2 || sameAttrs(el5, list2)) continue;
+      const list3 = page.attrs.get(el5);
+      if (!list3 || sameAttrs(el5, list3)) continue;
       for (const a of [...el5.attributes]) el5.removeAttributeNode(a);
-      for (const [a, value] of list2) {
+      for (const [a, value] of list3) {
         a.value = value;
         el5.setAttributeNode(a);
       }
@@ -15723,15 +15892,15 @@
     cells.push(box);
     return cells;
   }
-  function buildRow(record, index) {
-    const row = rowOf(record);
+  function buildRow(record2, index) {
+    const row = rowOf(record2);
     const box = bevelText("div", ["display:block", "padding:8px 12px 10px", ...index ? [`border-top:1px solid ${TOKENS2.line}`] : []]);
     const where = bevelText("div", ["display:flex", "align-items:center", "gap:4px", "font-size:12.5px", "font-weight:600", `color:${TOKENS2["ink-2"]}`, "margin-bottom:4px"]);
     where.append(bevelText("span", [], row.name));
-    if (row.target && row.target.isConnected) where.append(key(eyeButton(row), `eye:${record.id}`));
+    if (row.target && row.target.isConnected) where.append(key(eyeButton(row), `eye:${record2.id}`));
     box.append(where);
     if (row.sentence) box.append(bevelText("div", ["display:block", "font-size:13px", `color:${TOKENS2["ink-2"]}`], row.sentence));
-    if (blockedRows.has(record.id)) box.append(bevelText("div", ["display:block", "font-size:13px", "margin-top:4px", `color:${WARN}`], blockedRows.get(record.id)));
+    if (blockedRows.has(record2.id)) box.append(bevelText("div", ["display:block", "font-size:13px", "margin-top:4px", `color:${WARN}`], blockedRows.get(record2.id)));
     if (row.yours) {
       const grid = bevelText("div", ["display:grid", "grid-template-columns:44px 1fr", "gap:3px 10px", "align-items:start", `font:12.5px/1.5 ${FONT_MONO}`, ...row.sentence ? ["margin-top:4px"] : []]);
       grid.append(...valueLine("Yours", row.yours, { mine: true }));
@@ -21586,6 +21755,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     makeSortable: () => makeSortable,
     ready: () => ready
   });
+  function recordRuntimeAttrs(item) {
+    return [item, ...item.querySelectorAll("*")].map((el5) => [el5, RUNTIME_ATTRS.map((name) => el5.getAttribute(name))]);
+  }
+  function restoreRuntimeAttrs(recorded) {
+    for (const [el5, values] of recorded) {
+      RUNTIME_ATTRS.forEach((name, i2) => {
+        const before = values[i2];
+        const now3 = el5.getAttribute(name);
+        if (now3 === before) return;
+        if (before === null) {
+          if (name === "style" && now3) return;
+          el5.removeAttribute(name);
+        } else {
+          el5.setAttribute(name, before);
+        }
+      });
+    }
+  }
   function makeSortable(sortableElem, Sortable) {
     let options = {};
     const childSelector = /^(UL|OL)$/.test(sortableElem.tagName) ? "li" : "*";
@@ -21634,12 +21821,47 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }));
       sortableElem.dispatchEvent(new Event("input", { bubbles: true }));
     };
+    const ENDS = ["pointerup", "pointercancel", "dragend", "drop"];
+    let recorded = null;
+    const restoreSoon = () => {
+      const pending4 = recorded;
+      recorded = null;
+      pressed.delete(pending4);
+      ENDS.forEach((type) => document.removeEventListener(type, restoreSoon, true));
+      if (pending4) setTimeout(() => restoreRuntimeAttrs(pending4), 0);
+    };
+    sortableElem.addEventListener("pointerdown", (event) => {
+      let item = event.target instanceof Element ? event.target : null;
+      while (item && item.parentElement !== sortableElem) item = item.parentElement;
+      if (!item || recorded) return;
+      recorded = recordRuntimeAttrs(item);
+      pressed.add(recorded);
+      ENDS.forEach((type) => document.addEventListener(type, restoreSoon, true));
+    }, true);
+    options.onUnchoose = restoreSoon;
     Sortable.create(sortableElem, options);
   }
   async function init16() {
     if (!isEditMode) return;
     const mod = await Promise.resolve().then(() => (init_Sortable_vendor(), Sortable_vendor_exports));
     const Sortable = window.Sortable || mod.default;
+    onSnapshot((root3, { original }) => {
+      for (const el5 of root3.querySelectorAll("[sortable] .sortable-chosen, [sortable] .sortable-ghost, [sortable] .sortable-drag")) {
+        el5.classList.remove("sortable-chosen", "sortable-ghost", "sortable-drag");
+        if (!el5.classList.length) el5.removeAttribute("class");
+      }
+      if (!pressed.size) return;
+      const before = /* @__PURE__ */ new Map();
+      for (const recording of pressed) for (const [el5, values] of recording) before.set(el5, values);
+      for (const el5 of root3.querySelectorAll("[sortable] *")) {
+        const values = before.get(original(el5));
+        if (!values) continue;
+        RUNTIME_ATTRS.forEach((name, i2) => {
+          if (values[i2] === null) el5.removeAttribute(name);
+          else el5.setAttribute(name, values[i2]);
+        });
+      }
+    });
     document.querySelectorAll("[sortable]").forEach((el5) => makeSortable(el5, Sortable));
     mutation_default.onAddElement({
       selectorFilter: "[sortable]",
@@ -21652,13 +21874,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       });
     });
   }
-  var EDITOR_UI_SELECTOR, ready, sortable_default;
+  var EDITOR_UI_SELECTOR, RUNTIME_ATTRS, pressed, ready, sortable_default;
   var init_sortable = __esm({
     "src/plugins/sortable.js"() {
       init_is_edit_mode();
       init_mutation();
       init_region_capabilities();
+      init_snapshot();
       EDITOR_UI_SELECTOR = capabilitySelector("history");
+      RUNTIME_ATTRS = ["draggable", "style"];
+      pressed = /* @__PURE__ */ new Set();
       ready = init16();
       sortable_default = init16;
     }
@@ -28545,12 +28770,12 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
         const finishOnce = () => {
           if (settled2) return false;
           settled2 = true;
-          host.close();
+          host2.close();
           URL.revokeObjectURL(url);
           active2 = false;
           return true;
         };
-        const host = adapter.open({
+        const host2 = adapter.open({
           content: stage,
           confirmLabel,
           onConfirm() {
@@ -28655,9 +28880,9 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       event.preventDefault();
     }
   }
-  function dialogClose(label, inHeader) {
+  function dialogClose(label, inHeader, theme2 = null, names = [], iconNames = []) {
     const hover = RULES.dialogCloseHover[0].slice("background:".length);
-    const b = bevelBox("button", [
+    const base = [
       "position:absolute",
       "top:-1px",
       "right:-1px",
@@ -28672,26 +28897,82 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       ...inHeader ? [] : [`border-bottom:${LINE}`],
       "cursor:pointer",
       "outline:none"
-    ]);
+    ];
+    const b = bevelBox("button", base);
     b.type = "button";
     b.setAttribute("aria-label", label);
     b.title = label;
     b.innerHTML = GLYPHS.dialogClose;
-    protectIcon(b.firstElementChild, 16);
-    b.addEventListener("pointerenter", () => set(b, "background", hover));
-    b.addEventListener("pointerleave", () => set(b, "background", TOKENS2.face));
+    if (!themed(theme2)) {
+      protectIcon(b.firstElementChild, 16);
+      b.addEventListener("pointerenter", () => set(b, "background", hover));
+      b.addEventListener("pointerleave", () => set(b, "background", TOKENS2.face));
+      b.addEventListener("focus", () => {
+        set(b, "outline", `2px solid ${TOKENS2.brass}`);
+        set(b, "outline-offset", "-4px");
+      });
+      b.addEventListener("blur", () => set(b, "outline", "none"));
+      return b;
+    }
+    const allNames = ["close", ...names];
+    const icon = ["icon", ...iconNames];
+    markParts(b, theme2, allNames);
+    markParts(b.firstElementChild, theme2, icon);
+    const flags = { hover: false, focus: false, pressed: false };
+    const paint = () => {
+      const act = { hover: flags.hover, active: flags.pressed, focus: flags.focus };
+      const svg = b.firstElementChild;
+      svg.style.cssText = "";
+      protectIcon(svg, 16);
+      style(svg, partRules(theme2, icon, act));
+      restyleBox(b, [
+        ...base,
+        ...flags.hover ? [`background:${hover}`] : [],
+        ...flags.focus ? [`outline:2px solid ${TOKENS2.brass}`, "outline-offset:-4px"] : [],
+        ...tokenRulesFor(theme2, "close", act),
+        ...partRules(theme2, allNames, act)
+      ]);
+    };
+    b.addEventListener("pointerenter", () => {
+      flags.hover = true;
+      paint();
+    });
+    b.addEventListener("pointerleave", () => {
+      flags.hover = false;
+      flags.pressed = false;
+      paint();
+    });
+    b.addEventListener("pointerdown", (e) => {
+      if (e.button !== void 0 && e.button !== 0) return;
+      flags.pressed = true;
+      paint();
+    });
+    b.addEventListener("pointerup", () => {
+      flags.pressed = false;
+      paint();
+    });
     b.addEventListener("focus", () => {
-      set(b, "outline", `2px solid ${TOKENS2.brass}`);
-      set(b, "outline-offset", "-4px");
+      flags.focus = true;
+      paint();
+    });
+    b.addEventListener("blur", () => {
+      flags.focus = false;
+      flags.pressed = false;
+      paint();
     });
-    b.addEventListener("blur", () => set(b, "outline", "none"));
+    paint();
     return b;
   }
-  function bevelDialog({ zIndex = "100", width = "600px", closable = false, titled = false } = {}) {
-    const root3 = bevelBox("div", ["display:block"]);
+  function bevelDialog({ zIndex = "100", width = "600px", closable = false, titled = false, theme: theme2 = null, surface = "modal" } = {}) {
+    const on3 = themed(theme2);
+    const t = on3 ? theme2.tokens : {};
+    const S2 = t.spacing;
+    const names = (part) => surface === "modal" ? [`dialog.${part}`] : [`dialog.${part}`, `${surface}.${part}`];
+    const root3 = bevelBox("div", ["display:block"], { theme: theme2, parts: names("root") });
     root3.setAttribute("data-clay-modal", "");
+    if (on3) root3.setAttribute("data-clay-ui", surface);
     root3.setAttribute("aria-hidden", "true");
-    set(root3, "color-scheme", pageScheme());
+    set(root3, "color-scheme", on3 ? theme2.scheme : pageScheme());
     const overlay = bevelBox("div", [
       "position:fixed",
       "inset:0",
@@ -28702,7 +28983,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       "justify-content:center",
       "padding:min(96px, 10vh) 16px 16px",
       `background:color-mix(in srgb, ${TOKENS2.ground} 72%, transparent)`
-    ]);
+    ], { theme: theme2, parts: names("overlay"), role: "overlay" });
     overlay.tabIndex = -1;
     const panel2 = bevelSurface("form", [
       "position:relative",
@@ -28712,7 +28993,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       `width:min(${width}, 100%)`,
       "max-height:calc(100dvh - min(96px, 10vh) - 16px)",
       ...RULES.dialogPanel
-    ]);
+    ], { theme: theme2, parts: names("panel") });
     panel2.setAttribute("role", "dialog");
     panel2.setAttribute("aria-modal", "true");
     let header = null;
@@ -28723,9 +29004,11 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
         "display:block",
         "flex:none",
         `padding:20px ${closable ? "68px" : "22px"} 16px 22px`,
-        ...RULES.dialogHeader
-      ]);
-      heading = bevelText("div", ["display:block", ...RULES.dialogHeading, "overflow-wrap:anywhere"]);
+        ...RULES.dialogHeader,
+        ...t.border ? [`border-bottom-color:${t.border}`] : [],
+        ...S2 ? [`padding:${S2} ${closable ? `calc(${S2} + 46px)` : S2} calc(${S2} * .7) ${S2}`] : []
+      ], { theme: theme2, parts: names("header") });
+      heading = bevelText("div", ["display:block", ...RULES.dialogHeading, "overflow-wrap:anywhere"], void 0, { theme: theme2, parts: names("title"), role: "heading" });
       heading.setAttribute("role", "heading");
       heading.setAttribute("aria-level", "2");
       header.append(heading);
@@ -28739,22 +29022,25 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       "overflow-x:hidden",
       `padding:20px ${closable && !titled ? "84px" : "22px"} 20px 22px`,
       "overflow-wrap:anywhere",
-      `font:14.5px/1.55 ${FONT_SANS}`
-    ]);
+      `font:14.5px/1.55 ${FONT_SANS}`,
+      ...S2 ? [`padding:${S2} ${closable && !titled ? `calc(${S2} + 62px)` : S2} ${S2} ${S2}`] : []
+    ], void 0, { theme: theme2, parts: names("body") });
     const footer = bevelBox("div", [
       "display:flex",
       "flex:none",
       "flex-wrap:wrap",
       "justify-content:flex-end",
       "align-items:center",
-      ...RULES.dialogFooter
-    ]);
+      ...RULES.dialogFooter,
+      ...t.border ? [`border-top-color:${t.border}`] : [],
+      ...S2 ? [`padding:calc(${S2} * .65) ${S2}`, `gap:calc(${S2} / 2)`] : []
+    ], { theme: theme2, parts: [...names("footer"), ...names("actions")] });
     panel2.append(body, footer);
-    const close = closable ? dialogClose("Close", titled) : null;
+    const close = closable ? dialogClose("Close", titled, theme2, names("close"), names("closeIcon")) : null;
     if (close) (header || panel2).append(close);
     overlay.append(panel2);
     root3.append(overlay);
-    return { root: root3, overlay, panel: panel2, header, heading, body, footer, close };
+    return { root: root3, overlay, panel: panel2, header, heading, body, footer, close, theme: theme2 };
   }
   var dismissOf, FOCUSABLE, LINE;
   var init_bevel_dialog = __esm({
@@ -28762,6 +29048,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       init_hostile_css();
       init_bevel_controls();
       init_bevel();
+      init_theme_parts();
       dismissOf = /* @__PURE__ */ new WeakMap();
       FOCUSABLE = 'a[href], input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [contenteditable], [tabindex]:not([tabindex^="-"])';
       LINE = `1px solid ${TOKENS2["line-2"]}`;
@@ -28890,6 +29177,9 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     if (!meta.extensions.includes("upload")) {
       return result(false, "This host does not store uploaded files", "skipped", "unsupported");
     }
+    if (!meta.document?.upload) {
+      return result(false, "You can't add files to this document", "error", "forbidden");
+    }
     const cap = meta.document?.upload?.maxBytes;
     if (typeof cap === "number" && cap > 0 && file.size > cap) {
       return result(false, `That file is larger than this host accepts (${cap} bytes)`, "error", "too-large");
@@ -28989,6 +29279,605 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
   });
 
+  // src/ui/theme.js
+  function validValue(prop, value) {
+    if (typeof value !== "string") return false;
+    const v2 = value.trim();
+    if (!v2 || v2.length > 500 || /[;{}]|!\s*important/i.test(v2)) return false;
+    const supports = globalThis.CSS?.supports;
+    return typeof supports === "function" ? supports.call(globalThis.CSS, prop, v2) : true;
+  }
+  function plainObject(x2) {
+    return !!x2 && typeof x2 === "object" && Object.getPrototypeOf(x2) === Object.prototype;
+  }
+  function normalize2(options) {
+    if (!plainObject(options)) throw new TypeError("clay.theme: pass an options object, false or null");
+    const { auto = true, colorScheme = "page", tokens = {}, parts = {}, ...rest } = options;
+    const unknown = Object.keys(rest);
+    if (unknown.length) throw new TypeError(`clay.theme: unknown option "${unknown[0]}"`);
+    if (typeof auto !== "boolean") throw new TypeError("clay.theme: auto must be true or false");
+    if (!SCHEMES.includes(colorScheme)) throw new TypeError(`clay.theme: colorScheme must be one of ${SCHEMES.join(", ")}`);
+    if (!plainObject(tokens)) throw new TypeError("clay.theme: tokens must be an object");
+    if (!plainObject(parts)) throw new TypeError("clay.theme: parts must be an object");
+    const outTokens = {};
+    for (const [name, value] of Object.entries(tokens)) {
+      if (!(name in TOKEN_PROPS)) throw new TypeError(`clay.theme: unknown token "${name}"`);
+      if (!validValue(TOKEN_PROPS[name], value)) throw new TypeError(`clay.theme: token "${name}" is not a valid ${TOKEN_PROPS[name]} value`);
+      outTokens[name] = name === "spacing" && value.trim() === "0" ? "0px" : value.trim();
+    }
+    const outParts = {};
+    for (const [name, states2] of Object.entries(parts)) {
+      if (!PART_NAMES.has(name)) throw new TypeError(`clay.theme: unknown part "${name}"`);
+      if (!plainObject(states2)) throw new TypeError(`clay.theme: part "${name}" must map states to declarations`);
+      outParts[name] = {};
+      for (const [state2, decls] of Object.entries(states2)) {
+        if (!STATES.includes(state2)) throw new TypeError(`clay.theme: part "${name}" has unknown state "${state2}"`);
+        if (!plainObject(decls)) throw new TypeError(`clay.theme: "${name}.${state2}" must be an object of CSS declarations`);
+        outParts[name][state2] = {};
+        for (const [prop, value] of Object.entries(decls)) {
+          if (!/^-?[a-z][a-z-]*$/.test(prop) || prop.startsWith("--")) throw new TypeError(`clay.theme: "${prop}" in ${name}.${state2} is not a CSS property name`);
+          if (!validValue(prop, value)) throw new TypeError(`clay.theme: "${prop}: ${value}" in ${name}.${state2} is not valid`);
+          outParts[name][state2][prop] = value.trim();
+        }
+      }
+    }
+    return Object.freeze({ auto, colorScheme, tokens: Object.freeze(outTokens), parts: Object.freeze(outParts) });
+  }
+  function copy(c2) {
+    if (c2 === false) return false;
+    return JSON.parse(JSON.stringify(c2));
+  }
+  function theme(options) {
+    initTheme();
+    if (arguments.length === 0) return copy(config);
+    if (options === false) config = false;
+    else if (options === null) config = DEFAULT;
+    else config = normalize2(options);
+    return copy(config);
+  }
+  function initTheme() {
+    if (initialized2) return;
+    initialized2 = true;
+    const pre = typeof window !== "undefined" ? window.clayTheme : void 0;
+    if (pre === false) config = false;
+    else if (pre === void 0 || pre === null) config = DEFAULT;
+    else {
+      try {
+        config = normalize2(pre);
+      } catch (err) {
+        console.warn(`clayjs: ignoring window.clayTheme: ${err.message}`);
+        config = DEFAULT;
+      }
+    }
+    if (typeof window !== "undefined") {
+      const clay4 = window.clay = window.clay || {};
+      clay4.theme = theme;
+    }
+  }
+  function parseColor(value) {
+    const v2 = String(value).trim().toLowerCase();
+    let m2 = /^#([0-9a-f]{3}|[0-9a-f]{6})$/.exec(v2);
+    if (m2) {
+      const h = m2[1].length === 3 ? [...m2[1]].map((c2) => c2 + c2).join("") : m2[1];
+      return [0, 2, 4].map((i2) => parseInt(h.slice(i2, i2 + 2), 16)).concat(1);
+    }
+    m2 = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/.exec(v2);
+    if (!m2) return null;
+    const a = m2[4] === void 0 ? 1 : Number(m2[4]) / (m2[5] ? 100 : 1);
+    return [Number(m2[1]), Number(m2[2]), Number(m2[3]), a];
+  }
+  function luminance([r, g, b]) {
+    const lin = (c2) => (c2 /= 255) <= 0.03928 ? c2 / 12.92 : ((c2 + 0.055) / 1.055) ** 2.4;
+    return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+  }
+  function contrast(a, b) {
+    const [x2, y2] = [luminance(a), luminance(b)].sort((p2, q3) => q3 - p2);
+    return (x2 + 0.05) / (y2 + 0.05);
+  }
+  function chosenFont(value) {
+    const families = String(value || "").split(",").map((f2) => f2.trim().replace(/^["']|["']$/g, "").toLowerCase()).filter(Boolean);
+    return families.length && !families.every((f2) => DEFAULT_FONTS.has(f2));
+  }
+  function opaqueBackground(el5) {
+    if (!el5) return null;
+    const cs2 = getComputedStyle(el5);
+    if (cs2.backgroundImage && cs2.backgroundImage !== "none") return { blocked: true };
+    const raw = (cs2.backgroundColor || "").trim();
+    if (TRANSPARENT.has(raw)) return null;
+    const c2 = parseColor(raw);
+    if (!c2) return { blocked: true };
+    if (c2[3] === 0) return null;
+    if (c2[3] < 1) return { blocked: true };
+    return { value: raw, rgb: c2 };
+  }
+  function samplePage() {
+    const out = {};
+    const body = document.body;
+    if (!body) return out;
+    const cs2 = getComputedStyle(body);
+    if (chosenFont(cs2.fontFamily)) out.font = cs2.fontFamily.trim();
+    let bg = opaqueBackground(body);
+    if (!bg) bg = opaqueBackground(document.documentElement);
+    const text = parseColor(cs2.color);
+    if (bg && !bg.blocked && text && text[3] === 1 && contrast(bg.rgb, text) >= 3) {
+      out.background = bg.value;
+      out.surface = bg.value;
+      out.text = cs2.color;
+    }
+    return out;
+  }
+  function cssTokens() {
+    const out = {};
+    if (!document.body) return out;
+    const cs2 = getComputedStyle(document.body);
+    for (const [name, prop] of Object.entries(TOKEN_PROPS)) {
+      const v2 = cs2.getPropertyValue(`--clay-ui-${kebab(name)}`).trim();
+      if (v2 && validValue(prop, v2)) out[name] = name === "spacing" && v2 === "0" ? "0px" : v2;
+    }
+    return out;
+  }
+  function scheme(choice, tokens) {
+    if (choice !== "page") return choice;
+    const s2 = getComputedStyle(document.documentElement).colorScheme;
+    if (s2 && s2 !== "normal") return s2;
+    const meta = document.querySelector('meta[name="color-scheme"]')?.getAttribute("content")?.trim();
+    if (meta && /\b(light|dark)\b/.test(meta)) return meta;
+    const surface = parseColor(tokens.surface || "");
+    if (surface) return luminance(surface) < 0.2 ? "dark" : "light";
+    return "light dark";
+  }
+  function onColor(fill, t) {
+    const f2 = parseColor(fill);
+    const a = parseColor(t.text);
+    const b = parseColor(t.surface);
+    if (f2 && a && b) return contrast(f2, a) >= contrast(f2, b) ? t.text : t.surface;
+    return null;
+  }
+  function resolveTheme() {
+    initTheme();
+    if (config === false) return { bevel: true, scheme: pageScheme(), tokens: {}, parts: {} };
+    const sampled = config.auto ? samplePage() : {};
+    const tokens = { ...sampled, ...cssTokens(), ...config.tokens };
+    if (tokens.text && tokens.surface) {
+      tokens.mutedText ??= `color-mix(in srgb, ${tokens.text} 70%, ${tokens.surface})`;
+      tokens.border ??= `color-mix(in srgb, ${tokens.text} 18%, ${tokens.surface})`;
+      tokens.overlay ??= `color-mix(in srgb, ${tokens.text} 20%, transparent)`;
+      tokens.accent ??= tokens.text;
+    }
+    for (const [fill, on3] of [["accent", "accentText"], ["danger", "dangerText"]]) {
+      if (!tokens[fill] || tokens[on3]) continue;
+      const pick = onColor(tokens[fill], tokens);
+      if (pick) tokens[on3] = pick;
+      else console.warn(`clayjs: theme sets ${fill} without ${on3}; pass ${on3} so text on it stays readable`);
+    }
+    return { bevel: false, scheme: scheme(config.colorScheme, tokens), tokens, parts: config.parts };
+  }
+  var TOKEN_PROPS, STATES, DIALOG, NOTICE, PART_NAMES, SCHEMES, DEFAULT, kebab, config, initialized2, TRANSPARENT, DEFAULT_FONTS;
+  var init_theme = __esm({
+    "src/ui/theme.js"() {
+      init_bevel_controls();
+      TOKEN_PROPS = {
+        font: "font-family",
+        headingFont: "font-family",
+        text: "color",
+        mutedText: "color",
+        background: "background-color",
+        surface: "background-color",
+        border: "border-color",
+        accent: "background-color",
+        accentText: "color",
+        danger: "background-color",
+        dangerText: "color",
+        success: "color",
+        warning: "color",
+        radius: "border-radius",
+        shadow: "box-shadow",
+        overlay: "background-color",
+        spacing: "outline-offset",
+        buttonHeight: "min-height"
+      };
+      STATES = ["base", "hover", "active", "focus", "disabled"];
+      DIALOG = ["root", "overlay", "panel", "header", "title", "body", "footer", "close", "closeIcon", "content", "input", "hint", "actions", "button", "buttonLabel", "well", "code", "copyButton"];
+      NOTICE = ["root", "panel", "header", "title", "text", "icon", "dot", "actions", "button", "buttonLabel", "close", "well", "list", "row", "location", "valueLabel", "value", "before", "after", "mine", "theirs", "warning", "previewRing"];
+      PART_NAMES = /* @__PURE__ */ new Set([
+        "button",
+        "button.default",
+        "button.primary",
+        "button.quiet",
+        "button.danger",
+        "buttonLabel",
+        "input",
+        "text",
+        "mutedText",
+        "icon",
+        "well",
+        "close",
+        ...["dialog", "people", "crop"].flatMap((s2) => DIALOG.map((p2) => `${s2}.${p2}`)),
+        "people.choices",
+        "people.choice",
+        "people.choiceLabel",
+        "crop.stage",
+        "crop.image",
+        "crop.dim",
+        "crop.selection",
+        "crop.handle",
+        "crop.handle.nw",
+        "crop.handle.ne",
+        "crop.handle.sw",
+        "crop.handle.se",
+        "toast.stack",
+        "toast.panel",
+        "toast.icon",
+        "toast.text",
+        "toast.close",
+        "toast.closeIcon",
+        ...["notice", "conflict", "section", "staleHost"].flatMap((s2) => NOTICE.map((p2) => `${s2}.${p2}`))
+      ]);
+      SCHEMES = ["page", "light", "dark"];
+      DEFAULT = Object.freeze({ auto: true, colorScheme: "page", tokens: {}, parts: {} });
+      kebab = (name) => name.replace(/[A-Z]/g, (c2) => `-${c2.toLowerCase()}`);
+      config = null;
+      initialized2 = false;
+      TRANSPARENT = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]);
+      DEFAULT_FONTS = /* @__PURE__ */ new Set(["serif", "times", "times new roman", "-webkit-standard", "tinos", "liberation serif"]);
+    }
+  });
+
+  // src/plugins/people.js
+  var people_exports = {};
+  __export(people_exports, {
+    author: () => author,
+    currentMe: () => currentMe,
+    default: () => people_default,
+    people: () => people,
+    ready: () => ready2
+  });
+  function clean(person) {
+    if (!person || typeof person !== "object") return null;
+    const id = typeof person.id === "string" ? person.id : "";
+    const name = typeof person.name === "string" ? person.name.trim().replace(/\s+/g, " ") : "";
+    if (!ID.test(id) || !name || name.length > MAX_NAME || EMAIL.test(name)) return null;
+    return { id, name };
+  }
+  function initialsOf2(name) {
+    const letters = name.split(" ").filter(Boolean).slice(0, 2).map((word) => Array.from(word)[0]);
+    return letters.join("").toUpperCase() || "?";
+  }
+  function colorOf(id) {
+    let hash = 0;
+    for (const ch of String(id)) hash = hash * 31 + ch.codePointAt(0) >>> 0;
+    return hash % COLORS2;
+  }
+  function record({ id, name }) {
+    return Object.freeze({ id, name, initials: initialsOf2(name), color: colorOf(id) });
+  }
+  function emit2() {
+    document.dispatchEvent(new CustomEvent("clay:people", { detail: { me: currentMe() } }));
+  }
+  function registry() {
+    return document.querySelector("[clay-people]");
+  }
+  function entries() {
+    return [...document.querySelectorAll("[clay-people] data[value]")];
+  }
+  function saved() {
+    if (cache) return cache;
+    cache = /* @__PURE__ */ new Map();
+    for (const el5 of entries()) {
+      const person = clean({ id: el5.getAttribute("value"), name: el5.textContent });
+      if (person && !cache.has(person.id)) cache.set(person.id, record(person));
+    }
+    return cache;
+  }
+  function readLocal() {
+    if (local === void 0) {
+      local = null;
+      try {
+        local = clean(JSON.parse(window.localStorage.getItem(STORE) || "null"));
+      } catch (_) {
+      }
+    }
+    return local;
+  }
+  function writeLocal(person) {
+    local = person;
+    try {
+      window.localStorage.setItem(STORE, JSON.stringify(person));
+    } catch (_) {
+    }
+  }
+  function mint() {
+    const bytes = new Uint8Array(16);
+    crypto.getRandomValues(bytes);
+    return btoa(String.fromCharCode(...bytes)).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+  }
+  function currentMe() {
+    if (!editing()) return null;
+    if (host.me) return record(host.me);
+    if (host.unavailable) return null;
+    if (outcome !== "ok" && outcome !== "none") return null;
+    const mine = readLocal();
+    return mine ? record(mine) : null;
+  }
+  function applyMeta(meta) {
+    const nextOutcome = hostMetaOutcome(meta);
+    if (nextOutcome !== "ok" && host.supports) return;
+    const people2 = meta.document?.people;
+    const supports = meta.extensions.includes("people") && !!people2 && typeof people2 === "object";
+    const next = {
+      supports,
+      me: supports ? clean(people2.me) : null,
+      members: supports && Array.isArray(people2.members) ? people2.members.map(clean).filter(Boolean) : null,
+      unavailable: supports && people2.unavailable === true
+    };
+    const changed2 = nextOutcome !== outcome || JSON.stringify(next) !== JSON.stringify(host);
+    host = next;
+    outcome = nextOutcome;
+    if (changed2) emit2();
+  }
+  async function refresh(fresh) {
+    applyMeta(await hostMeta({ fresh }));
+  }
+  function get2(id) {
+    const key2 = String(id ?? "");
+    const live = host.me?.id === key2 && host.me || host.members?.find((person) => person.id === key2);
+    if (live) return record(live);
+    const mine = readLocal();
+    if (mine?.id === key2) return record(mine);
+    return saved().get(key2) || Object.freeze({ id: key2, name: "Unknown person", initials: "?", color: colorOf(key2) });
+  }
+  function list() {
+    return [...saved().keys()].map(get2);
+  }
+  async function available() {
+    await refresh(outcome !== "none");
+    return host.members ? host.members.map(record) : null;
+  }
+  function add(person) {
+    const p2 = clean(person);
+    if (!p2) throw new TypeError("clay.people.add: needs an id of 8 to 64 letters, digits, _ or -, and a name of 1 to 120 characters");
+    let root3 = registry();
+    if (!root3) {
+      root3 = document.createElement("div");
+      root3.setAttribute("clay-people", "");
+      root3.hidden = true;
+      document.body.append(root3);
+    }
+    const same = entries().filter((el5) => el5.getAttribute("value") === p2.id);
+    if (same.length) {
+      if (same[0].textContent !== p2.name) same[0].textContent = p2.name;
+      for (const extra of same.slice(1)) extra.remove();
+    } else {
+      const el5 = document.createElement("data");
+      el5.setAttribute("value", p2.id);
+      el5.textContent = p2.name;
+      root3.append(el5);
+    }
+    cache = null;
+    return record(p2);
+  }
+  function remove2(id) {
+    const key2 = String(id ?? "");
+    for (const el5 of entries()) if (el5.getAttribute("value") === key2) el5.remove();
+    cache = null;
+  }
+  function canRename() {
+    return editing() && !host.me && (outcome === "ok" || outcome === "none") && !!readLocal() && !host.unavailable;
+  }
+  function rename(name) {
+    if (!canRename()) throw Object.assign(new Error("clay.people.rename: only a name chosen in this browser can be changed here"), { code: "not-renamable" });
+    const mine = readLocal();
+    const next = clean({ id: mine.id, name });
+    if (!next) throw new TypeError("clay.people.rename: needs a name of 1 to 120 characters that is not an email address");
+    writeLocal(next);
+    if (entries().some((el5) => el5.getAttribute("value") === next.id)) add(next);
+    emit2();
+    return record(next);
+  }
+  function unavailable() {
+    return Object.assign(new Error("Can't reach the host to check who you are. Try again in a moment."), { code: "people-unavailable" });
+  }
+  async function author(el5, attr = "data-by") {
+    if (!window.clay?.isEditMode) throw new Error("clay.author: this page is not in edit mode");
+    if (!(el5 instanceof Element)) throw new TypeError("clay.author: needs an element");
+    if (host.supports) {
+      const meta = await hostMeta({ fresh: true });
+      const fresh = hostMetaOutcome(meta);
+      if (fresh === "none") throw Object.assign(new Error("This page lost its connection to the host. Reload it to keep editing."), { code: "people-unavailable" });
+      if (fresh !== "ok") throw unavailable();
+      applyMeta(meta);
+      if (host.unavailable) throw Object.assign(new Error("The app hosting this file can't name you right now. Check its Profile settings, then try again."), { code: "people-unavailable" });
+    } else if (outcome !== "ok" && outcome !== "none") {
+      await refresh(outcome === "failed");
+    }
+    if (outcome === "failed") throw unavailable();
+    let me3 = currentMe();
+    if (!me3) {
+      const chosen = await askName();
+      if (!chosen) return null;
+      writeLocal(chosen);
+      me3 = record(chosen);
+      emit2();
+    }
+    add(me3);
+    el5.setAttribute(attr, me3.id);
+    return me3;
+  }
+  function askName() {
+    if (asking && askingRoot?.isConnected) return asking;
+    if (asking) cancelAsking();
+    asking = new Promise((resolve) => {
+      const theme2 = resolveTheme();
+      const { root: root3, overlay, panel: panel2, heading, body, footer, close } = bevelDialog({
+        zIndex: "2147483001",
+        width: "420px",
+        closable: true,
+        titled: true,
+        theme: theme2,
+        surface: "people"
+      });
+      askingRoot = root3;
+      cancelAsking = () => finish2(null);
+      heading.textContent = "What name should appear on your changes?";
+      panel2.setAttribute("aria-label", "Your name");
+      const input = bevelInput("input", { rules: ["display:block", "width:100%", "margin:0"], theme: theme2, parts: ["dialog.input", "people.input"] });
+      input.setAttribute("aria-label", "Your name");
+      input.maxLength = MAX_NAME;
+      input.autocomplete = "name";
+      const hint = bevelText(
+        "p",
+        ["display:block", "margin:10px 0 0", "font-size:13px", "opacity:.8"],
+        "Saved in this browser. Everyone who can read this page will see it.",
+        { theme: theme2, parts: ["dialog.hint", "people.hint"], role: "mutedText" }
+      );
+      const hintText = hint.textContent;
+      body.append(input, hint);
+      const known = list().slice(0, 8);
+      if (known.length) {
+        const label = bevelText("p", ["display:block", "margin:18px 0 8px", "font-size:13px"], "Or continue as someone already in this page:", { theme: theme2, parts: ["people.choiceLabel"], role: "mutedText" });
+        const row = bevelBox("div", ["display:flex", "flex-wrap:wrap", "gap:8px"], { theme: theme2, parts: ["people.choices"] });
+        for (const person of known) {
+          row.append(bevelButton(person.name, { small: true, onClick: () => finish2({ id: person.id, name: person.name }), theme: theme2, parts: ["dialog.button", "people.button", "people.choice"], labelParts: ["dialog.buttonLabel", "people.buttonLabel"] }));
+        }
+        body.append(label, row);
+      }
+      const cancel2 = bevelButton("Cancel", { onClick: () => finish2(null), theme: theme2, parts: ["dialog.button", "people.button"], labelParts: ["dialog.buttonLabel", "people.buttonLabel"] });
+      const ok = bevelButton("Continue", { variant: "primary", onClick: () => submit2(), theme: theme2, parts: ["dialog.button", "people.button"], labelParts: ["dialog.buttonLabel", "people.buttonLabel"] });
+      footer.append(cancel2, ok);
+      const submit2 = () => {
+        const name = input.value.trim().replace(/\s+/g, " ");
+        if (!name) {
+          input.focus();
+          return;
+        }
+        if (EMAIL.test(name)) {
+          hint.textContent = "Use a name, not an email address. Everyone who can read this page will see it.";
+          input.focus();
+          return;
+        }
+        finish2({ id: mint(), name: name.slice(0, MAX_NAME) });
+      };
+      input.addEventListener("input", () => {
+        if (hint.textContent !== hintText) hint.textContent = hintText;
+      });
+      panel2.addEventListener("submit", (event) => {
+        event.preventDefault();
+        submit2();
+      });
+      close?.addEventListener("click", () => finish2(null));
+      let pressedOnBackdrop = false;
+      overlay.addEventListener("mousedown", (event) => {
+        pressedOnBackdrop = event.target === overlay;
+      });
+      overlay.addEventListener("click", (event) => {
+        if (pressedOnBackdrop && event.target === overlay) finish2(null);
+        pressedOnBackdrop = false;
+      });
+      const onKey = (event) => {
+        if (event.key === "Tab") {
+          event.stopPropagation();
+          keepFocusIn(panel2, event);
+          return;
+        }
+        if (event.key === "Escape") {
+          event.preventDefault();
+          event.stopPropagation();
+          finish2(null);
+        } else if (event.key === "Enter" && event.target === input) {
+          event.preventDefault();
+          event.stopPropagation();
+          submit2();
+        }
+      };
+      document.addEventListener("keydown", onKey, true);
+      let done = false;
+      function finish2(person) {
+        if (done) return;
+        done = true;
+        document.removeEventListener("keydown", onKey, true);
+        root3.remove();
+        if (person) writeLocal(person);
+        asking = null;
+        askingRoot = null;
+        cancelAsking = null;
+        resolve(person);
+      }
+      dismissOf.set(root3, () => finish2(null));
+      root3.setAttribute("aria-hidden", "false");
+      modalHost().append(root3);
+      input.focus();
+    });
+    return asking;
+  }
+  function modalHost() {
+    const open2 = [...document.querySelectorAll("dialog[open]")].filter((d) => d.matches(":modal"));
+    return open2[open2.length - 1] || document.body;
+  }
+  function touchesRegistry(node) {
+    return node.nodeType === 1 && (node.matches("[clay-people]") || !!node.querySelector("[clay-people]"));
+  }
+  function registrySignature() {
+    return JSON.stringify([...saved().values()].map(({ id, name }) => [id, name]));
+  }
+  function observe() {
+    lastRegistry = registrySignature();
+    new MutationObserver((records3) => {
+      for (const rec of records3) {
+        const target = rec.target.nodeType === 1 ? rec.target : rec.target.parentElement;
+        if (rec.attributeName === "clay-people" || target?.closest("[clay-people]") || [...rec.addedNodes].some(touchesRegistry) || [...rec.removedNodes].some(touchesRegistry)) {
+          cache = null;
+          const next = registrySignature();
+          if (next !== lastRegistry) {
+            lastRegistry = next;
+            emit2();
+          }
+          return;
+        }
+      }
+    }).observe(document.body, { subtree: true, childList: true, characterData: true, attributes: true, attributeFilter: ["value", "clay-people"] });
+  }
+  async function init18() {
+    observe();
+    if (!editing()) return;
+    window.addEventListener("storage", (event) => {
+      if (event.key !== STORE) return;
+      local = void 0;
+      emit2();
+    });
+    document.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "visible" && outcome !== "none") refresh(true);
+    });
+    const first = refresh(false);
+    await Promise.race([first, new Promise((resolve) => setTimeout(resolve, BOOT_WAIT_MS))]);
+  }
+  var editing, ID, STORE, BOOT_WAIT_MS, COLORS2, MAX_NAME, EMAIL, host, outcome, local, cache, asking, askingRoot, cancelAsking, lastRegistry, people, ready2, people_default;
+  var init_people = __esm({
+    "src/plugins/people.js"() {
+      init_host_meta();
+      init_is_edit_mode();
+      init_bevel_dialog();
+      init_bevel_controls();
+      init_theme();
+      editing = () => window.clay && "isEditMode" in window.clay ? !!window.clay.isEditMode : isEditMode;
+      ID = /^[A-Za-z0-9_-]{8,64}$/;
+      STORE = "clay:people:me";
+      BOOT_WAIT_MS = 2e3;
+      COLORS2 = 8;
+      MAX_NAME = 120;
+      EMAIL = /\S+@\S+\.\S+/;
+      host = { supports: false, me: null, members: null, unavailable: false };
+      outcome = null;
+      cache = null;
+      asking = null;
+      askingRoot = null;
+      cancelAsking = null;
+      lastRegistry = "";
+      people = Object.freeze({ get: get2, list, available, add, remove: remove2, canRename, rename });
+      ready2 = init18();
+      people_default = people;
+    }
+  });
+
   // src/plugins/wire.js
   var wire_exports = {};
   __export(wire_exports, {
@@ -29023,7 +29912,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       startedAt: rec.startedAt
     };
   }
-  function emit2(rec, frame) {
+  function emit3(rec, frame) {
     const snapshot = view2(rec);
     for (const fn2 of listeners) {
       try {
@@ -29037,7 +29926,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   function setState(rec, state2) {
     if (rec.state === state2) return;
     rec.state = state2;
-    emit2(rec);
+    emit3(rec);
   }
   function arm(rec, ms, message, { cancelFirst = false, errorCode = null } = {}) {
     clearTimeout(rec.timer);
@@ -29119,7 +30008,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
         rec.text = typeof frame.text === "string" ? frame.text : "";
         rec.state = "acked";
         notifyStatus(rec, frame);
-        emit2(rec, frame);
+        emit3(rec, frame);
         break;
       case "wire/done":
         rec.result = Object.prototype.hasOwnProperty.call(frame, "payload") ? frame.payload : null;
@@ -29187,7 +30076,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     rec.landingTimer = setTimeout(() => {
       finish(rec, "done", null);
     }, LANDING_TIMEOUT_MS);
-    emit2(rec);
+    emit3(rec);
     closeStreamIfIdle();
   }
   function finish(rec, state2, error, fields = {}) {
@@ -29211,13 +30100,13 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       rec.signalHandler = null;
     }
     releaseSaving(rec);
-    emit2(rec);
+    emit3(rec);
     closeStreamIfIdle();
     prune();
     if (rec.settle) {
-      const settle3 = rec.settle;
+      const settle4 = rec.settle;
       rec.settle = null;
-      settle3(view2(rec));
+      settle4(view2(rec));
     }
   }
   function loadSaveLane() {
@@ -29243,14 +30132,14 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   function once(eventName, timeout) {
     return new Promise((resolve) => {
       let done = false;
-      const settle3 = () => {
+      const settle4 = () => {
         if (done) return;
         done = true;
-        document.removeEventListener(eventName, settle3);
+        document.removeEventListener(eventName, settle4);
         resolve();
       };
-      document.addEventListener(eventName, settle3);
-      setTimeout(settle3, timeout);
+      document.addEventListener(eventName, settle4);
+      setTimeout(settle4, timeout);
     });
   }
   async function flushSave2() {
@@ -29350,7 +30239,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       rec.settle = resolve;
     });
     records2.set(id, rec);
-    emit2(rec);
+    emit3(rec);
     if (rec.signal) {
       rec.signalHandler = () => cancel(id);
       rec.signal.addEventListener("abort", rec.signalHandler, { once: true });
@@ -29454,11 +30343,11 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     postFrame({ type: "wire/cancel", id: rec.id }).catch(() => {
     });
   }
-  function get2(id) {
+  function get3(id) {
     const rec = records2.get(id);
     return rec ? view2(rec) : void 0;
   }
-  function list() {
+  function list2() {
     return [...records2.values()].map(view2);
   }
   function isBusy() {
@@ -29506,7 +30395,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       saveDepth = 0;
       saveLane = null;
       saveLaneReady = null;
-      wire = { send: send2, cancel, get: get2, list, isBusy, on: on2, helpers };
+      wire = { send: send2, cancel, get: get3, list: list2, isBusy, on: on2, helpers };
       wire_default = wire;
     }
   });
@@ -29517,8 +30406,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     aiEdit: () => aiEdit
   });
   async function helperStateNow() {
-    const list2 = await wire_default.helpers();
-    const helper = list2.find((h) => h.name === HELPER);
+    const list3 = await wire_default.helpers();
+    const helper = list3.find((h) => h.name === HELPER);
     return helper && (helper.state === "ready" || helper.state === "unavailable") ? helper.state : null;
   }
   function pauseObservers() {
@@ -29670,11 +30559,11 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       }
     });
     session.handle = handle;
-    const outcome = await handle.done;
+    const outcome2 = await handle.done;
     if (!session || session.handle !== handle) return;
-    if (outcome.state === "done") onDone(outcome.result || {});
-    else if (outcome.state === "cancelled") onError("HTML Clay stopped this edit.");
-    else onError(outcome.error || "the helper reported an error");
+    if (outcome2.state === "done") onDone(outcome2.result || {});
+    else if (outcome2.state === "cancelled") onError("HTML Clay stopped this edit.");
+    else onError(outcome2.error || "the helper reported an error");
   }
   function isScriptURL(value) {
     const url = value.replace(/[\t\n\r]/g, "").replace(/^[\u0000- ]+/, "").toLowerCase();
@@ -29689,21 +30578,21 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   }
   function activeParts(root3) {
     const parts = /* @__PURE__ */ new Map();
-    const add = (part) => parts.set(part, (parts.get(part) || 0) + 1);
+    const add2 = (part) => parts.set(part, (parts.get(part) || 0) + 1);
     for (const el5 of [root3, ...root3.querySelectorAll("*")]) {
       const tag = el5.tagName.toLowerCase();
       if (tag === "script") {
-        if (runsAsCode(el5)) add("script " + attrsOf(el5) + "|" + el5.textContent.trim());
+        if (runsAsCode(el5)) add2("script " + attrsOf(el5) + "|" + el5.textContent.trim());
       } else if (ACTIVE_TAGS.has(tag) || tag === "meta" && el5.hasAttribute("http-equiv")) {
-        add(tag + " " + attrsOf(el5));
+        add2(tag + " " + attrsOf(el5));
       } else if ((tag === "animate" || tag === "set") && /href/i.test(el5.getAttribute("attributeName") || "")) {
-        add(tag + " " + attrsOf(el5));
+        add2(tag + " " + attrsOf(el5));
       }
       for (const attr of el5.attributes) {
         const name = attr.name.toLowerCase();
-        if (ACTIVE_ATTR.test(name)) add(tag + " " + name + "=" + attr.value.trim());
-        else if (name === "srcdoc") add(tag + " srcdoc=" + attr.value);
-        else if (isScriptURL(attr.value)) add(tag + " " + name + "=" + attr.value);
+        if (ACTIVE_ATTR.test(name)) add2(tag + " " + name + "=" + attr.value.trim());
+        else if (name === "srcdoc") add2(tag + " srcdoc=" + attr.value);
+        else if (isScriptURL(attr.value)) add2(tag + " " + name + "=" + attr.value);
       }
     }
     return parts;
@@ -29823,7 +30712,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     ::highlight(clay-ai-edit) { background-color: ${TOKENS2["brass-soft"]} !important; }
   `;
     document.head.appendChild(style2);
-    const scheme = `color-scheme:${pageScheme()}`;
+    const scheme2 = `color-scheme:${pageScheme()}`;
     ring2 = marked(bevelBox("div", [
       "box-sizing:content-box",
       "position:fixed",
@@ -29831,7 +30720,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       "pointer-events:none",
       `border:2px solid ${TOKENS2.brass}`,
       "border-radius:0",
-      scheme
+      scheme2
     ]), "data-clay-ai-edit", "ring");
     setShown(ring2, false);
     panel = marked(bevelSurface("div", [
@@ -29842,7 +30731,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       "border-radius:12px",
       `box-shadow:${SHADOW}`,
       `font:13px/1.5 ${FONT_SANS}`,
-      scheme
+      scheme2
     ]), "data-clay-ai-edit", "panel");
     setShown(panel, false);
     panel.setAttribute("role", "dialog");
@@ -29900,7 +30789,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       "align-items:center",
       `box-shadow:${SHADOW}`,
       `font:13px/1.5 ${FONT_SANS}`,
-      scheme
+      scheme2
     ]), "data-clay-ai-edit", "status-bar");
     setShown(bar, false, "flex");
     barStatus = part(bevelText("div", [
@@ -29924,12 +30813,12 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     bar.append(barStatus, barStop, barKeep, barRevert, barClose);
     chip = marked(bevelButton("AI", {
       small: true,
-      extra: ["position:fixed", "width:26px", "height:26px", `font:600 11px/1 ${FONT_SANS}`, ...FLOATING, scheme]
+      extra: ["position:fixed", "width:26px", "height:26px", `font:600 11px/1 ${FONT_SANS}`, ...FLOATING, scheme2]
     }), "data-clay-ai-edit", "chip");
     chip.title = "Comment on this (\u2318J)";
     setShown(chip, false, "inline-grid");
     docBubble = marked(bevelButton("AI", {
-      extra: ["position:fixed", "width:40px", "height:40px", `font:600 14px/1 ${FONT_SANS}`, ...FLOATING, scheme]
+      extra: ["position:fixed", "width:40px", "height:40px", `font:600 14px/1 ${FONT_SANS}`, ...FLOATING, scheme2]
     }), "data-clay-ai-edit", "bubble");
     docBubble.title = "Comment on the whole page";
     placeBubble();
@@ -30040,8 +30929,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   }
   function placeBubble() {
     if (!docBubble) return;
-    const host = document.querySelector("[data-hcms-toggle-host]");
-    const rect = host && host.getBoundingClientRect();
+    const host2 = document.querySelector("[data-hcms-toggle-host]");
+    const rect = host2 && host2.getBoundingClientRect();
     const beside = !!rect && rect.width > 0 && rect.height > 0;
     docBubble.pin({
       right: beside ? `${Math.round((document.documentElement.clientWidth || window.innerWidth) - rect.left + 8)}px` : "16px",
@@ -30370,7 +31259,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       selectionTimer = setTimeout(showChipForSelection, 150);
     });
   }
-  async function init18() {
+  async function init19() {
     if (!isEditMode || panel) return;
     helperState = await helperStateNow();
     if (!helperState || panel) return;
@@ -30382,7 +31271,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   }
   async function open(el5, { prompt } = {}) {
     if (!canOpenTarget(el5)) return false;
-    await init18();
+    await init19();
     await new Promise((resolve) => setTimeout(resolve, 0));
     if (!panel || session || barMode || !canOpenTarget(el5)) return false;
     if (!panel.hidden && anchorEl === el5) {
@@ -30441,10 +31330,10 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       MODAL_SELECTOR = '[data-clay-modal], dialog[open], [aria-modal="true"]';
       PAGE_FIELD = 'input,textarea,select,[contenteditable=""],[contenteditable="true"]';
       dom_ready_default(() => {
-        init18().catch(() => {
+        init19().catch(() => {
         });
       });
-      aiEdit = { init: init18, open };
+      aiEdit = { init: init19, open };
     }
   });
 
@@ -30452,7 +31341,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   var demo_exports = {};
   __export(demo_exports, {
     demo: () => demo,
-    ready: () => ready2
+    ready: () => ready3
   });
   function postedHtml(raw) {
     return typeof raw === "string" ? raw : "";
@@ -30467,9 +31356,9 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
   }
   async function restore() {
-    const saved = localStorage.getItem(KEY);
-    if (!saved) return;
-    const doc = new DOMParser().parseFromString(saved, "text/html");
+    const saved2 = localStorage.getItem(KEY);
+    if (!saved2) return;
+    const doc = new DOMParser().parseFromString(saved2, "text/html");
     if (!isEditMode) {
       for (const el5 of doc.querySelectorAll(":is([editable], [clay-editable])[contenteditable]")) {
         el5.removeAttribute("contenteditable");
@@ -30481,7 +31370,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       scripts: { handle: true, matchMode: "smart" }
     });
   }
-  var KEY, LATENCY_MS, CHROME_SELECTOR, failNextSave, snapshotBody, realFetch, ready2, demo;
+  var KEY, LATENCY_MS, CHROME_SELECTOR, failNextSave, snapshotBody, realFetch, ready3, demo;
   var init_demo = __esm({
     "src/plugins/demo.js"() {
       init_hyper_morph_vendor();
@@ -30540,7 +31429,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
           }, LATENCY_MS);
         });
       };
-      ready2 = restore();
+      ready3 = restore();
       demo = {
         key: KEY,
         failNext() {
@@ -35087,7 +35976,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     const html = doc.childNodes.find((n2) => n2.nodeName === "html");
     const outside = doc.childNodes.filter((n2) => n2 !== html).map((n2) => n2.nodeName === "#documentType" ? { kind: "doctype", name: n2.name || "", publicId: n2.publicId || "", systemId: n2.systemId || "" } : { kind: n2.nodeName === "#comment" ? "comment" : n2.nodeName, value: n2.data });
     const root3 = html ? locOf(html, null, src) : null;
-    if (root3) settle(root3, src);
+    if (root3) settle2(root3, src);
     return {
       src,
       doc,
@@ -35145,7 +36034,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
     return loc;
   }
-  function settle(loc, src, limit = Infinity) {
+  function settle2(loc, src, limit = Infinity) {
     if (loc.kind !== "element") return;
     for (const cl2 of loc.children) {
       if (cl2.from >= limit && !(cl2.kind === "text" && !/\S/.test(cl2.value))) loc.movedIn = true;
@@ -35176,7 +36065,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       floor = cl2.to;
     }
     const inner = loc.located && loc.endTagged ? Math.min(limit, loc.closeTo) : limit;
-    for (const cl2 of loc.children) settle(cl2, src, inner);
+    for (const cl2 of loc.children) settle2(cl2, src, inner);
   }
   function firstOutOfOrder(loc, flag = "outOfOrder") {
     if (loc[flag]) return loc.tag;
@@ -35218,7 +36107,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     }
     return out;
   }
-  function mix(h, s2) {
+  function mix2(h, s2) {
     for (let i2 = 0; i2 < s2.length; i2++) {
       h ^= s2.charCodeAt(i2);
       h = Math.imul(h, 16777619);
@@ -35228,15 +36117,15 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   function hashKey(parts) {
     let a = 2166136261, b = 5381;
     for (const p2 of parts) {
-      a = mix(a, p2);
-      b = (Math.imul(b, 33) ^ mix(a ^ 2654435769, p2)) >>> 0;
+      a = mix2(a, p2);
+      b = (Math.imul(b, 33) ^ mix2(a ^ 2654435769, p2)) >>> 0;
     }
     return a.toString(36) + "." + b.toString(36);
   }
   function liveKids(el5) {
-    const list2 = el5.nodeType === 1 && el5.tagName === "TEMPLATE" && el5.content ? el5.content.childNodes : el5.childNodes;
+    const list3 = el5.nodeType === 1 && el5.tagName === "TEMPLATE" && el5.content ? el5.content.childNodes : el5.childNodes;
     const out = [];
-    for (const n2 of list2) if (n2.nodeType === 1 || n2.nodeType === 3 || n2.nodeType === 8) out.push(n2);
+    for (const n2 of list3) if (n2.nodeType === 1 || n2.nodeType === 3 || n2.nodeType === 8) out.push(n2);
     return out;
   }
   function keysOfLive(n2, keyMap) {
@@ -35810,8 +36699,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     return vDiff(P2.parseFromString(a.innerHTML, "text/html").body, P2.parseFromString(raw(b), "text/html").body, path + ">#noscript");
   }
   function vKids(el5) {
-    const list2 = el5.localName === "template" && el5.content ? el5.content.childNodes : el5.childNodes;
-    return Array.from(list2).filter((n2) => n2.nodeType === 1 || n2.nodeType === 3 || n2.nodeType === 8);
+    const list3 = el5.localName === "template" && el5.content ? el5.content.childNodes : el5.childNodes;
+    return Array.from(list3).filter((n2) => n2.nodeType === 1 || n2.nodeType === 3 || n2.nodeType === 8);
   }
   function vDiff(a, b, path, at3 = []) {
     if (a.nodeType !== b.nodeType) return path + ": node type " + a.nodeType + " vs " + b.nodeType;
@@ -35952,12 +36841,12 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     scheduleRefresh();
   }
   function report(bytes) {
-    const outcome = state.lastOutcome;
-    if (!outcome || outcome.text !== bytes) return;
+    const outcome2 = state.lastOutcome;
+    if (!outcome2 || outcome2.text !== bytes) return;
     state.lastOutcome = null;
     state.saves++;
-    if (outcome.scope === "full") reprint(outcome.reason);
-    else if (outcome.scope === "partial") partialReprint(outcome.reason, outcome.printed);
+    if (outcome2.scope === "full") reprint(outcome2.reason);
+    else if (outcome2.scope === "partial") partialReprint(outcome2.reason, outcome2.printed);
   }
   function queueRepair(event) {
     if (!state.installed) return;
@@ -38744,9 +39633,9 @@ ${t}` : `"use strict"; return (${t});`;
     cleanContentClone: () => cleanContentClone,
     createContentView: () => createContentView,
     default: () => dom_helpers_default,
-    init: () => init19
+    init: () => init20
   });
-  function init19() {
+  function init20() {
     window.clay = window.clay || {};
     window.clay.dom = Object.assign(window.clay.dom || {}, { createContentView, cleanContentClone });
     if (HTMLElement.prototype.hasOwnProperty("nearest")) {
@@ -38897,8 +39786,8 @@ ${t}` : `"use strict"; return (${t});`;
       init_nearest();
       init_pipe();
       init_content_dom();
-      init19();
-      dom_helpers_default = init19;
+      init20();
+      dom_helpers_default = init20;
     }
   });
 
@@ -38914,12 +39803,12 @@ ${t}` : `"use strict"; return (${t});`;
         timeoutId = setTimeout(() => {
           const waiting = pending4;
           pending4 = [];
-          settle2(callback, ctx, args, waiting);
+          settle3(callback, ctx, args, waiting);
         }, delay);
       });
     };
   }
-  function settle2(callback, ctx, args, waiting) {
+  function settle3(callback, ctx, args, waiting) {
     let result2;
     try {
       result2 = callback.apply(ctx, args);
@@ -39500,12 +40389,14 @@ ${t}` : `"use strict"; return (${t});`;
   });
 
   // src/ui/modal.js
-  var MicroModal, themodal, modal_default;
+  var SURFACE_THEME, MicroModal, themodal, modal_default;
   var init_modal = __esm({
     "src/ui/modal.js"() {
       init_bevel_controls();
       init_hostile_css();
       init_bevel_dialog();
+      init_theme();
+      SURFACE_THEME = /* @__PURE__ */ Symbol("clay.surfaceTheme");
       MicroModal = (() => {
         "use strict";
         const FOCUSABLE_ELEMENTS = [
@@ -39674,8 +40565,8 @@ ${t}` : `"use strict"; return (${t});`;
           for (const id in triggerMap) validateModalPresence(id);
           return true;
         };
-        const init29 = (config) => {
-          const options = Object.assign({}, { openTrigger: "data-micromodal-trigger" }, config);
+        const init30 = (config2) => {
+          const options = Object.assign({}, { openTrigger: "data-micromodal-trigger" }, config2);
           const triggers = [...document.querySelectorAll(`[${options.openTrigger}]`)];
           const triggerMap = generateTriggerMap(triggers, options.openTrigger);
           if (options.debugMode === true && validateArgs(triggers, triggerMap) === false) return;
@@ -39686,8 +40577,8 @@ ${t}` : `"use strict"; return (${t});`;
             activeModal = new Modal(options);
           }
         };
-        const show2 = (targetModal, config) => {
-          const options = config || {};
+        const show2 = (targetModal, config2) => {
+          const options = config2 || {};
           options.targetModal = targetModal;
           if (options.debugMode === true && validateModalPresence(targetModal) === false) return;
           if (activeModal) activeModal.removeEventListeners();
@@ -39699,9 +40590,9 @@ ${t}` : `"use strict"; return (${t});`;
           activeModal.closeModal();
           activeModal = null;
         };
-        return { init: init29, show: show2, close };
+        return { init: init30, show: show2, close };
       })();
-      themodal = /* @__PURE__ */ (() => {
+      themodal = (() => {
         let html = "";
         let yes = "";
         let no2 = "";
@@ -39709,6 +40600,7 @@ ${t}` : `"use strict"; return (${t});`;
         let closeHtml = "";
         let title = "";
         let width = "";
+        let theme2;
         let enableClickOutsideCloses = true;
         let disableScroll = true;
         let disableFocus = false;
@@ -39741,15 +40633,17 @@ ${t}` : `"use strict"; return (${t});`;
               document.body.style.overflow = "";
             }
             this._dismiss = dismiss3;
-            const shell = bevelDialog({ zIndex, closable: !!closeHtml, titled: !!title, ...width ? { width } : {} });
+            const surfaceTheme = theme2 === void 0 ? resolveTheme() : theme2;
+            const shell = bevelDialog({ zIndex, closable: !!closeHtml, titled: !!title, ...width ? { width } : {}, theme: surfaceTheme });
             const modalRootElem = shell.root;
             const modalOverlayElem = shell.overlay;
             const modalContainerElem = shell.panel;
             const modalContentElem = shell.body;
             const modalButtonsElem = shell.footer;
             const modalCloseElem = shell.close;
-            const modalNoElem = bevelButton("");
-            const modalYesElem = bevelButton("", { variant: "primary" });
+            const buttonParts = { theme: surfaceTheme, parts: ["dialog.button"], labelParts: ["dialog.buttonLabel"] };
+            const modalNoElem = bevelButton("", buttonParts);
+            const modalYesElem = bevelButton("", { variant: "primary", ...buttonParts });
             modalYesElem.type = "submit";
             modalButtonsElem.append(modalNoElem, modalYesElem);
             const place4 = (target, value) => {
@@ -39827,6 +40721,7 @@ ${t}` : `"use strict"; return (${t});`;
                 closeHtml = "";
                 title = "";
                 width = "";
+                theme2 = void 0;
                 enableClickOutsideCloses = true;
                 disableScroll = true;
                 disableFocus = false;
@@ -39841,7 +40736,7 @@ ${t}` : `"use strict"; return (${t});`;
             this.isShowing = true;
             myOnOpen.forEach((cb) => cb());
             if (!disableFocus) {
-              let firstInput = modalContentElem.querySelector(":is(input,textarea,button):not([hidden])") || [modalYesElem, modalNoElem].find((button) => !button.hidden);
+              let firstInput = modalContentElem.querySelector(":is(input,textarea,button):not([hidden])") || [modalYesElem, modalNoElem].find((button2) => !button2.hidden);
               firstInput?.focus();
               firstInput?.setSelectionRange?.(-1, -1);
             }
@@ -39873,6 +40768,12 @@ ${t}` : `"use strict"; return (${t});`;
           set width(newVal) {
             width = newVal;
           },
+          get [SURFACE_THEME]() {
+            return theme2;
+          },
+          set [SURFACE_THEME](newVal) {
+            theme2 = newVal;
+          },
           get yes() {
             return yes;
           },
@@ -39940,10 +40841,11 @@ ${t}` : `"use strict"; return (${t});`;
 
   // src/ui/dialogs.js
   function createModal(promptText, yesCallback, extraContent = "", includeInput = false, defaultValue = "", yesLabel = "OK") {
-    const content = bevelBox("div", ["display:flex", "flex-direction:column", "gap:14px", `font:14.5px/1.55 ${FONT_SANS}`, `color:${TOKENS2["ink-2"]}`]);
+    const theme2 = resolveTheme();
+    const content = bevelBox("div", ["display:flex", "flex-direction:column", "gap:14px", `font:14.5px/1.55 ${FONT_SANS}`, `color:${TOKENS2["ink-2"]}`], { theme: theme2, parts: ["dialog.content"], role: "text" });
     let input = null;
     if (includeInput) {
-      input = bevelInput("input", { rules: ["display:block", "width:100%", "margin:0"] });
+      input = bevelInput("input", { rules: ["display:block", "width:100%", "margin:0"], theme: theme2, parts: ["dialog.input"] });
       input.setAttribute("value", String(defaultValue));
       input.required = true;
       content.append(input);
@@ -39952,6 +40854,7 @@ ${t}` : `"use strict"; return (${t});`;
     modal_default.title = promptText;
     modal_default.html = includeInput || extraContent ? content : "";
     modal_default.width = "440px";
+    modal_default[SURFACE_THEME] = theme2;
     modal_default.closeHtml = "x";
     modal_default.no = "Cancel";
     modal_default.yes = yesLabel;
@@ -40001,15 +40904,17 @@ ${t}` : `"use strict"; return (${t});`;
     return createModal(promptText, yesCallback, extraContent, false, "", "Confirm");
   }
   function tell(promptText, ...content) {
-    const box = bevelBox("div", ["display:flex", "flex-direction:column", "gap:12px"]);
+    const theme2 = resolveTheme();
+    const box = bevelBox("div", ["display:flex", "flex-direction:column", "gap:12px"], { theme: theme2, parts: ["dialog.content"] });
     for (const c2 of content) {
-      const paragraph = bevelText("div", [`font:14.5px/1.55 ${FONT_SANS}`, `color:${TOKENS2["ink-2"]}`, "overflow-wrap:anywhere"]);
+      const paragraph = bevelText("div", [`font:14.5px/1.55 ${FONT_SANS}`, `color:${TOKENS2["ink-2"]}`, "overflow-wrap:anywhere"], void 0, { theme: theme2 });
       paragraph.innerHTML = c2;
       box.append(paragraph);
     }
     modal_default.title = promptText;
     modal_default.html = content.length ? box : "";
     modal_default.width = "470px";
+    modal_default[SURFACE_THEME] = theme2;
     modal_default.closeHtml = "x";
     modal_default.yes = "OK";
     const promise = new Promise((resolve, reject) => {
@@ -40027,7 +40932,8 @@ ${t}` : `"use strict"; return (${t});`;
     return promise;
   }
   function snippet(title, content, extraContent = "") {
-    const box = bevelBox("div", ["display:block"]);
+    const theme2 = resolveTheme();
+    const box = bevelBox("div", ["display:block"], { theme: theme2, parts: ["dialog.content"] });
     const well = bevelBox("div", [
       "display:block",
       "max-width:100%",
@@ -40036,23 +40942,27 @@ ${t}` : `"use strict"; return (${t});`;
       "padding:14px 16px",
       `background:${TOKENS2.sunk}`,
       `border:1px solid ${TOKENS2["line-2"]}`
-    ]);
-    const pre = bevelText("pre", ["display:block", "margin:0", "white-space:nowrap", `font:13px/1.6 ${FONT_MONO}`]);
+    ], { theme: theme2, parts: ["dialog.well"], role: "well" });
+    const pre = bevelText("pre", ["display:block", "margin:0", "white-space:nowrap", `font:13px/1.6 ${FONT_MONO}`], void 0, { theme: theme2, parts: ["dialog.code"], role: "code" });
     pre.innerHTML = content;
     well.append(pre);
-    const copy = bevelButton("Copy", {
+    const copy2 = bevelButton("Copy", {
       small: true,
       extra: ["margin:0 0 14px"],
+      theme: theme2,
+      parts: ["dialog.button", "dialog.copyButton"],
+      labelParts: ["dialog.buttonLabel"],
       onClick: () => {
         copy_to_clipboard_default(content);
         toast_default("Copied to clipboard!", "success");
       }
     });
-    box.append(well, copy);
+    box.append(well, copy2);
     box.insertAdjacentHTML("beforeend", extraContent || "");
     modal_default.title = title;
     modal_default.html = box;
     modal_default.width = "540px";
+    modal_default[SURFACE_THEME] = theme2;
     modal_default.closeHtml = "x";
     modal_default.yes = "";
     const promise = new Promise((resolve) => {
@@ -40067,7 +40977,7 @@ ${t}` : `"use strict"; return (${t});`;
     modal_default.open();
     return promise;
   }
-  function init20() {
+  function init21() {
     dom_ready_default(() => {
       const micromodalParentElem = document.querySelector("[data-clay-modal]");
       if (micromodalParentElem) {
@@ -40084,7 +40994,8 @@ ${t}` : `"use strict"; return (${t});`;
       init_copy_to_clipboard();
       init_bevel_controls();
       init_bevel();
-      init20();
+      init_theme();
+      init21();
     }
   });
 
@@ -40106,6 +41017,8 @@ ${t}` : `"use strict"; return (${t});`;
       init_modal();
       init_dialogs();
       init_save_feedback();
+      init_theme();
+      initTheme();
       clay3 = window.clay = window.clay || {};
       clay3.toast = toast_default;
       clay3.toastPersistent = toastPersistent;
@@ -40206,7 +41119,7 @@ ${t}` : `"use strict"; return (${t});`;
   var options_exports = {};
   __export(options_exports, {
     default: () => options_default,
-    init: () => init21,
+    init: () => init22,
     parseOptionAttribute: () => parseOptionAttribute
   });
   function parseOptionAttribute(attrName, attrValue) {
@@ -40223,7 +41136,7 @@ ${t}` : `"use strict"; return (${t});`;
     const values = rawValue.split("|");
     return { name, rawValue, values, kind: match.kind, prefix: match.prefix, negated: match.kind === "show-not" };
   }
-  function init21() {
+  function init22() {
     optionVisibility.start();
   }
   var STYLE_NAME, OPTION_PREFIXES, optionVisibility, options_default;
@@ -40357,12 +41270,12 @@ ${t}` : `"use strict"; return (${t});`;
       };
       window.clay.optionVisibility = optionVisibility;
       options_default = optionVisibility;
-      init21();
+      init22();
     }
   });
 
   // src/events/onclickaway.js
-  function init22() {
+  function init23() {
     document.addEventListener("click", function(event) {
       const elementsWithOnClickAway = document.querySelectorAll("[onclickaway]");
       elementsWithOnClickAway.forEach((element) => {
@@ -40383,7 +41296,7 @@ ${t}` : `"use strict"; return (${t});`;
   });
 
   // src/events/onclickchildren.js
-  function init23() {
+  function init24() {
     document.addEventListener("click", function(event) {
       const parent = event.target.closest("[onclickchildren]");
       if (parent && event.target !== parent) {
@@ -40398,7 +41311,7 @@ ${t}` : `"use strict"; return (${t});`;
   });
 
   // src/events/onclone.js
-  function init24() {
+  function init25() {
     if (Node.prototype.__hyperclayOnclone) {
       return;
     }
@@ -40451,7 +41364,7 @@ ${t}` : `"use strict"; return (${t});`;
       console.error("Error in onmutation execution:", error);
     }
   }
-  function init25() {
+  function init26() {
     mutation_default.onAnyChange({ require: "observed" }, (changes2) => {
       const toFire = /* @__PURE__ */ new Set();
       for (const change of changes2) {
@@ -40471,7 +41384,7 @@ ${t}` : `"use strict"; return (${t});`;
   });
 
   // src/events/onpagemutation.js
-  function init26() {
+  function init27() {
     const executeGlobalMutation = async (element) => {
       try {
         const code = element.getAttribute("onglobalmutation") || element.getAttribute("onpagemutation");
@@ -40511,7 +41424,7 @@ ${t}` : `"use strict"; return (${t});`;
   });
 
   // src/events/onrender.js
-  function init27() {
+  function init28() {
     const executeRender = async (element) => {
       try {
         const code = element.getAttribute("onrender");
@@ -40544,15 +41457,15 @@ ${t}` : `"use strict"; return (${t});`;
   var events_exports = {};
   __export(events_exports, {
     default: () => events_default,
-    init: () => init28
+    init: () => init29
   });
-  function init28() {
-    init22();
+  function init29() {
     init23();
     init24();
     init25();
     init26();
     init27();
+    init28();
   }
   var events_default;
   var init_events = __esm({
@@ -40563,8 +41476,8 @@ ${t}` : `"use strict"; return (${t});`;
       init_onmutation();
       init_onpagemutation();
       init_onrender();
-      init28();
-      events_default = init28;
+      init29();
+      events_default = init29;
     }
   });
 
@@ -40613,6 +41526,8 @@ ${t}` : `"use strict"; return (${t});`;
     // injects its own editing toggle there and clayjs's edit-mode signal is a
     // superset of the cms's, so the plugin is present exactly when it can be used.
     upload: { path: "plugins/upload.js", editOnly: true, default: false },
+    // Who is editing and who wrote what. Not editOnly: a reader still sees names.
+    people: { path: "plugins/people.js", editOnly: false, default: false },
     wire: { path: "plugins/wire.js", editOnly: false, default: false },
     // Edit mode only: the AI comment box is an editing gesture. Opt in with
     // `plugins=ai-edit`; it stays dormant on any host that does not list a ready
@@ -40656,12 +41571,13 @@ ${t}` : `"use strict"; return (${t});`;
     "plugins/cms.js": () => Promise.resolve().then(() => (init_cms2(), cms_exports)),
     "plugins/quickcrop.js": () => Promise.resolve().then(() => (init_quickcrop2(), quickcrop_exports)),
     "plugins/upload.js": () => Promise.resolve().then(() => (init_upload(), upload_exports)),
+    "plugins/people.js": () => Promise.resolve().then(() => (init_people(), people_exports)),
     "plugins/wire.js": () => Promise.resolve().then(() => (init_wire(), wire_exports)),
     "plugins/ai-edit.js": () => Promise.resolve().then(() => (init_ai_edit(), ai_edit_exports)),
     "plugins/demo.js": () => Promise.resolve().then(() => (init_demo(), demo_exports)),
     "plugins/source.js": () => Promise.resolve().then(() => (init_source(), source_exports))
   };
-  var PLUGIN_ORDER = ["richclay", "indicator", "sortable", "undo", "quickcrop", "upload", "cms", "sync", "wire", "ai-edit", "demo", "source"];
+  var PLUGIN_ORDER = ["richclay", "indicator", "sortable", "undo", "quickcrop", "upload", "people", "cms", "sync", "wire", "ai-edit", "demo", "source"];
   var IMPLIES = { cms: ["quickcrop", "upload"], "ai-edit": ["wire"] };
   function parseCsv(params, key2, enabled, apply) {
     const raw = params.get(key2);
@@ -40706,13 +41622,15 @@ ${t}` : `"use strict"; return (${t});`;
 
   // src/loader.js
   init_dom_ready();
+  init_theme();
   function domReady() {
     return new Promise((resolve) => dom_ready_default(resolve));
   }
   async function boot(base, params, readyResolve) {
+    initTheme();
     await domReady();
     const editMode = await MODULES["core/is-edit-mode.js"]();
-    const { isEditMode: isEditMode2, isOwner: isOwner2 } = editMode;
+    const { isEditMode: isEditMode2, isOwner: isOwner2, siteVisibility: siteVisibility2 } = editMode;
     window.__hyperclayEditMode = isEditMode2;
     const regionPolicy = await MODULES["lib/region-policy.js"]();
     const plan = resolveModules(params, isEditMode2);
@@ -40720,7 +41638,7 @@ ${t}` : `"use strict"; return (${t});`;
     for (const path of plan.core) {
       loaded[path] = await MODULES[path]();
     }
-    assembleCore(loaded, { isEditMode: isEditMode2, isOwner: isOwner2 }, regionPolicy);
+    assembleCore(loaded, { isEditMode: isEditMode2, isOwner: isOwner2, siteVisibility: siteVisibility2 }, regionPolicy);
     for (const path of plan.plugins) {
       let mod;
       try {
@@ -40737,7 +41655,7 @@ ${t}` : `"use strict"; return (${t});`;
     readyResolve(window.clay);
     document.dispatchEvent(new CustomEvent("clay:ready", { detail: { clay: window.clay } }));
   }
-  function assembleCore(loaded, { isEditMode: isEditMode2, isOwner: isOwner2 }, regionPolicy) {
+  function assembleCore(loaded, { isEditMode: isEditMode2, isOwner: isOwner2, siteVisibility: siteVisibility2 }, regionPolicy) {
     const clay4 = window.clay;
     const mutation = loaded["lib/mutation.js"];
     const editModeMod = loaded["core/edit-mode.js"];
@@ -40745,6 +41663,7 @@ ${t}` : `"use strict"; return (${t});`;
       toggleEditMode: editModeMod.toggleEditMode,
       isEditMode: isEditMode2,
       isOwner: isOwner2,
+      siteVisibility: siteVisibility2,
       Mutation: mutation.default,
       region: regionPolicy.windowRegionShape
     });
@@ -40785,6 +41704,10 @@ ${t}` : `"use strict"; return (${t});`;
       clay4.cms = mod.cms || mod.default;
     } else if (path === "plugins/upload.js") {
       clay4.upload = mod.upload || mod.default;
+    } else if (path === "plugins/people.js") {
+      clay4.people = mod.people;
+      clay4.author = mod.author;
+      Object.defineProperty(clay4, "me", { get: mod.currentMe, configurable: true, enumerable: true });
     } else if (path === "plugins/wire.js") {
       clay4.wire = mod.wire || mod.default;
     } else if (path === "plugins/ai-edit.js") {