@ohhwells/bridge 0.1.49-next.114 → 0.1.49-next.115

package/dist/index.cjs

@@ -7152,6 +7152,7 @@ function duplicateNavbarItem(sourceAnchor) {
 
 // src/lib/footer-items.ts
 var FOOTER_ORDER_KEY = "__ohw_footer_order";
+var MAX_FOOTER_COLUMNS = 18;
 var FOOTER_HREF_RE = /^footer-(\d+)-(\d+)-href$/;
 function parseFooterHrefKey(key) {
   if (!key) return null;
@@ -7366,6 +7367,9 @@ function getNextFooterColumnIndex() {
   if (indices.length === 0) return 0;
   return Math.max(...indices) + 1;
 }
+function canAddFooterColumn() {
+  return listFooterColumns().length < MAX_FOOTER_COLUMNS;
+}
 function buildFooterHeading(colIndex, text) {
   const heading = document.createElement("p");
   heading.setAttribute("data-ohw-editable", "text");
@@ -7432,6 +7436,9 @@ function insertFooterColumnDom(colIndex, heading, items) {
   return { column, firstLink };
 }
 function insertFooterColumn(heading = DEFAULT_FOOTER_COLUMN_HEADING, linkLabel = DEFAULT_FOOTER_COLUMN_LINK_LABEL, linkHref = DEFAULT_FOOTER_COLUMN_LINK_HREF) {
+  if (!canAddFooterColumn()) {
+    throw new Error(`Footer column limit reached (${MAX_FOOTER_COLUMNS})`);
+  }
   const colIndex = getNextFooterColumnIndex();
   const inserted = insertFooterColumnDom(colIndex, heading, [{ href: linkHref, label: linkLabel }]);
   if (!inserted?.firstLink) throw new Error("Failed to insert footer column");
@@ -7777,6 +7784,14 @@ function buildFooterColumnEditContentPatch(result) {
 function addFooterColumnWithPersist({
   postToParent: postToParent2
 }) {
+  if (!canAddFooterColumn()) {
+    postToParent2({
+      type: "ow:toast",
+      title: `Maximum ${MAX_FOOTER_COLUMNS} columns`,
+      toastType: "error"
+    });
+    return null;
+  }
   const result = insertFooterColumn();
   const patch = buildFooterColumnEditContentPatch(result);
   setStoredLinkHref(result.hrefKey, result.href);
@@ -8324,7 +8339,11 @@ function useNavItemDrag({
 // src/ui/footer-container-chrome.tsx
 var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-function FooterContainerChrome({ rect, onAdd }) {
+function FooterContainerChrome({
+  rect,
+  onAdd,
+  addDisabled = false
+}) {
   const chromeGap = 6;
   const buttonMargin = 7;
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -8345,7 +8364,8 @@ function FooterContainerChrome({ rect, onAdd }) {
           {
             type: "button",
             "data-ohw-footer-add-button": "",
-            className: "pointer-events-auto absolute left-1/2 flex size-7 -translate-x-1/2 -translate-y-full items-center justify-center rounded-[10px] border border-border bg-background p-0.5 shadow-sm transition-colors hover:bg-muted/80",
+            disabled: addDisabled,
+            className: "pointer-events-auto absolute left-1/2 flex size-7 -translate-x-1/2 -translate-y-full items-center justify-center rounded-[10px] border border-border bg-background p-0.5 shadow-sm transition-colors hover:bg-muted/80 disabled:pointer-events-none disabled:opacity-40",
             style: { top: chromeGap - buttonMargin },
             "aria-label": "Add item",
             onMouseDown: (e) => {
@@ -8355,12 +8375,13 @@ function FooterContainerChrome({ rect, onAdd }) {
             onClick: (e) => {
               e.preventDefault();
               e.stopPropagation();
+              if (addDisabled) return;
               onAdd();
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Plus, { className: "size-4 shrink-0 text-foreground", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { side: "bottom", sideOffset: 9, children: "Add item" })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { side: "bottom", sideOffset: 9, children: addDisabled ? "Maximum columns reached" : "Add item" })
       ] })
     }
   ) });
@@ -10180,9 +10201,18 @@ function OhhwellsBridge() {
     });
   }, []);
   const handleAddFooterColumn = (0, import_react11.useCallback)(() => {
+    if (!canAddFooterColumn()) {
+      postToParent2({
+        type: "ow:toast",
+        title: `Maximum ${MAX_FOOTER_COLUMNS} columns`,
+        toastType: "error"
+      });
+      return;
+    }
     deselectRef.current();
     deactivateRef.current();
     const result = addFooterColumnWithPersist({ postToParent: postToParent2 });
+    if (!result) return;
     editContentRef.current = {
       ...editContentRef.current,
       ...buildFooterColumnEditContentPatch(result)
@@ -13098,7 +13128,14 @@ function OhhwellsBridge() {
       hoveredNavContainerRect && (toolbarVariant !== "select-frame" || isFooterFrameSelection) && !linkPopover && !isItemDragging && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
       hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
       toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isNavbarLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FooterContainerChrome, { rect: toolbarRect, onAdd: handleAddFooterColumn }),
+      toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && selectedElRef.current && isFooterLinksContainer(selectedElRef.current) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        FooterContainerChrome,
+        {
+          rect: toolbarRect,
+          onAdd: handleAddFooterColumn,
+          addDisabled: !canAddFooterColumn()
+        }
+      ),
       toolbarRect && !linkPopover && (toolbarVariant === "link-action" || toolbarVariant === "select-frame") && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         ItemInteractionLayer,
         {