@ohhwells/bridge 0.1.67-next.194 → 0.1.67-next.196

package/dist/index.cjs

@@ -7181,6 +7181,7 @@ function applyFieldType(wrapper, type) {
     if (inputType) input.type = inputType;
     shedSize(input);
     applyDefaults(input);
+    requireIfEmail(wrapper, type);
     return;
   }
   const next = document.createElement(tag);
@@ -7193,6 +7194,11 @@ function applyFieldType(wrapper, type) {
   if (type === "long-text") next.setAttribute("rows", "4");
   input.replaceWith(next);
   applyDefaults(next);
+  requireIfEmail(wrapper, type);
+}
+function requireIfEmail(wrapper, type) {
+  if (type !== "email") return;
+  setFieldRequired(wrapper, true);
 }
 var REQUIRED_MARK_ATTR = "data-ohw-field-required";
 function fieldLabelText(label) {
@@ -7275,6 +7281,7 @@ function insertField(form, type) {
   const label = ensureFieldLabel(wrapper, key);
   label.textContent = defaults.label;
   label.setAttribute("data-ohw-key", `${key}-label`);
+  requireIfEmail(wrapper, type);
   return wrapper;
 }
 function duplicateField(form, wrapper) {
@@ -7416,7 +7423,7 @@ function FormFieldToolbar({
             "aria-pressed": required,
             onClick: onRequiredToggle,
             className: "flex h-7 items-center gap-1.5 whitespace-nowrap rounded-md px-2 text-[13px] font-medium transition-colors " + (required ? "bg-primary/10 text-primary" : "text-foreground hover:bg-muted/70"),
-            "data-ohw-field-required": "",
+            "data-ohw-field-required-toggle": "",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.Asterisk, { size: 14, strokeWidth: 2, "aria-hidden": true }),
               "Required"
@@ -18728,7 +18735,9 @@ function OhhwellsBridge() {
         return;
       }
       const { y } = toProbeCoords(clientX, clientY, fromParentViewport);
-      const sections = Array.from(document.querySelectorAll("[data-ohw-section]")).sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);
+      const sections = Array.from(document.querySelectorAll("[data-ohw-section]")).filter(
+        (el) => !el.hasAttribute("data-ohw-ai-template-hidden") && !el.hasAttribute("data-ohw-ai-removed") && !el.hasAttribute("data-ohw-ai-replaced-by") && el.getBoundingClientRect().height > 0
+      ).sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);
       const ZONE = 20;
       for (let i = 0; i < sections.length; i++) {
         const a = sections[i];
@@ -19152,10 +19161,16 @@ function OhhwellsBridge() {
         nodes: collectEditableNodes(editContentRef.current)
       });
     };
+    const clearInteractionChrome = () => {
+      deactivateRef.current();
+      deselectRef.current();
+      clearMediaSelectionRef.current();
+    };
     const handleAiApplyTree = (e) => {
       if (e.data?.type !== "ow:ai-apply-tree") return;
       const payload = e.data.payload;
       if (!payload || typeof payload.id !== "string" || !isRenderableTree(payload.tree)) return;
+      clearInteractionChrome();
       const previous = aiSectionsRef.current;
       const nextState = applyTreeToState(parseAiSectionsState(previous), {
         ...payload,
@@ -19180,6 +19195,7 @@ function OhhwellsBridge() {
       if (!sectionId || sectionId === "navbar" || sectionId === "footer") return;
       const exists = document.querySelector(`[data-ohw-section="${CSS.escape(sectionId)}"]`);
       if (!exists) return;
+      clearInteractionChrome();
       const previous = aiSectionsRef.current;
       const nextState = deleteSectionFromState(parseAiSectionsState(previous), sectionId);
       const nextValue = serializeAiSectionsState(nextState);
@@ -19195,6 +19211,7 @@ function OhhwellsBridge() {
     const handleAiSetSections = (e) => {
       if (e.data?.type !== "ow:ai-set-sections") return;
       const value = typeof e.data.value === "string" ? e.data.value : "";
+      clearInteractionChrome();
       aiSectionsRef.current = value;
       applyAiSectionsToDom(parseAiSectionsState(value));
       applyStylesToDom(parseStyleStore(stylesRef.current));
@@ -20820,14 +20837,20 @@ function OhhwellsBridge() {
           },
           `field-drop-${i}`
         )) : null,
-        fieldTypePickerOpen && formPickRect && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          "div",
-          {
-            className: "pointer-events-none fixed z-[2147483645]",
-            style: { top: formPickRect.top + 16, left: formPickRect.left + 24 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldTypePicker, { onPick: handleAddField })
-          }
-        ),
+        fieldTypePickerOpen && formPickRect ? (() => {
+          const toolbar = document.querySelector("[data-ohw-form-toolbar]")?.getBoundingClientRect();
+          return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            "div",
+            {
+              className: "pointer-events-none fixed z-[2147483645]",
+              style: {
+                top: toolbar ? toolbar.bottom + 6 : formPickRect.top + 16,
+                left: toolbar ? toolbar.left : formPickRect.left + 24
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldTypePicker, { onPick: handleAddField })
+            }
+          );
+        })() : null,
         toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer2(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
         toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           FooterContainerChrome,