@nextbridgehq/payload-block-builder 0.1.6 → 0.1.8

package/dist/client.cjs

@@ -77,6 +77,56 @@ function MediaPicker({ label, required, value, onChange }) {
     "x"
   ))) : /* @__PURE__ */ import_react.default.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Choose from Media Library")), /* @__PURE__ */ import_react.default.createElement(ListDrawer, { onSelect: handleSelect }));
 }
+function RelationshipPicker({ label, required, collection, value, onChange }) {
+  const changeRef = (0, import_react.useRef)(onChange);
+  const closeRef = (0, import_react.useRef)(() => {
+  });
+  (0, import_react.useEffect)(() => {
+    changeRef.current = onChange;
+  });
+  const handleSelect = (0, import_react.useCallback)(
+    ({ docID, doc }) => {
+      changeRef.current({
+        id: docID,
+        title: doc?.title ?? doc?.name ?? doc?.slug ?? null
+      });
+      closeRef.current();
+    },
+    []
+  );
+  const [ListDrawer, ListDrawerToggler, { closeDrawer }] = (0, import_ui.useListDrawer)({
+    collectionSlugs: [collection]
+  });
+  closeRef.current = closeDrawer;
+  const relObj = value && typeof value === "object" ? value : null;
+  const relId = relObj?.id ?? (typeof value === "string" || typeof value === "number" ? value : null);
+  const relTitle = relObj?.title ? String(relObj.title) : null;
+  const [fetchedTitle, setFetchedTitle] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    if (!relId || relTitle) {
+      setFetchedTitle(null);
+      return;
+    }
+    fetch(`/api/${collection}/${String(relId)}?depth=0`, { credentials: "same-origin" }).then((r) => r.ok ? r.json() : null).then((doc) => {
+      if (doc) {
+        const t = doc.title ?? doc.name ?? doc.slug ?? null;
+        setFetchedTitle(t ? String(t) : null);
+      }
+    }).catch(() => {
+    });
+  }, [relId, relTitle, collection]);
+  const displayTitle = relTitle ?? fetchedTitle;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-field" }, /* @__PURE__ */ import_react.default.createElement("label", { className: "bdf-label" }, label, required && /* @__PURE__ */ import_react.default.createElement("span", { className: "bdf-required" }, "*"), /* @__PURE__ */ import_react.default.createElement("span", { style: { marginLeft: 6, fontSize: 11, color: "var(--theme-elevation-400)", fontWeight: 400 } }, "(", collection, ")")), /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-area" }, relId ? /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-selected" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "bdf-upload-name" }, displayTitle ?? `ID: ${String(relId)}`), /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-actions" }, /* @__PURE__ */ import_react.default.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Change"), /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: "bdf-icon-btn bdf-icon-btn--danger",
+      title: "Remove",
+      onClick: () => onChange(null)
+    },
+    "\xD7"
+  ))) : /* @__PURE__ */ import_react.default.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Choose from ", collection)), /* @__PURE__ */ import_react.default.createElement(ListDrawer, { onSelect: handleSelect }));
+}
 function SchemaForm({ schema, value, onChange }) {
   const set = (0, import_react.useCallback)(
     (key, val) => onChange({ ...value, [key]: val }),
@@ -214,17 +264,19 @@ function FieldInput({ field, value, onChange }) {
           onChange
         }
       );
-    case "relationship":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-field" }, /* @__PURE__ */ import_react.default.createElement("label", { className: "bdf-label" }, label, field.required && /* @__PURE__ */ import_react.default.createElement("span", { className: "bdf-required" }, "*"), field.collection && /* @__PURE__ */ import_react.default.createElement("span", { style: { marginLeft: 6, fontSize: 11, color: "var(--theme-elevation-400)", fontWeight: 400 } }, "(", field.collection, ")")), /* @__PURE__ */ import_react.default.createElement(
-        "input",
+    case "relationship": {
+      const collection = field.collection ?? "media";
+      return /* @__PURE__ */ import_react.default.createElement(
+        RelationshipPicker,
         {
-          className: "bdf-input",
-          type: "text",
-          value: value ?? "",
-          onChange: (e) => onChange(e.target.value),
-          placeholder: "Enter document ID"
+          label,
+          required: field.required,
+          collection,
+          value,
+          onChange
         }
-      ));
+      );
+    }
     case "json":
       return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-field" }, /* @__PURE__ */ import_react.default.createElement("label", { className: "bdf-label" }, label, field.required && /* @__PURE__ */ import_react.default.createElement("span", { className: "bdf-required" }, "*"), /* @__PURE__ */ import_react.default.createElement("span", { style: { marginLeft: 6, fontSize: 11, color: "var(--theme-elevation-400)", fontWeight: 400 } }, "(JSON)")), /* @__PURE__ */ import_react.default.createElement(
         "textarea",
@@ -1172,6 +1224,7 @@ var useBuilderStore = (0, import_zustand.create)()(
 
 // src/block-builder/components/canvas/TopBar.tsx
 var import_react7 = __toESM(require("react"), 1);
+var import_lucide_react = require("lucide-react");
 
 // src/block-builder/lib/mapToSaveRequest.ts
 var TYPE_MAP = {
@@ -1360,7 +1413,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
     return () => document.removeEventListener("mousedown", handleClick);
   }, []);
   async function handlePublish() {
-    if (!activeBlock || isReadOnly) return;
+    if (!activeBlock || isReadOnly) return false;
     setNotification({ status: "publishing" });
     try {
       const req = mapToSaveRequest(activeBlock);
@@ -1377,13 +1430,15 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
           status: "success",
           msg: `v${json.versionNumber ?? "?"} published successfully!`
         });
-        await onAfterPublish();
+        onAfterPublish();
+        return true;
       } else {
         setNotification({
           status: "error",
           title: "Failed to publish block",
           errors: json.errors ?? ["An unknown error occurred."]
         });
+        return false;
       }
     } catch (err) {
       setNotification({
@@ -1391,6 +1446,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
         title: "Network error",
         errors: [err instanceof Error ? err.message : "Could not reach the server."]
       });
+      return false;
     }
   }
   function handleExport() {
@@ -1418,9 +1474,9 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
       className: "bb-block-picker__trigger",
       onClick: () => setBlockPickerOpen((o) => !o)
     },
-    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-block-picker__icon" }, "B"),
+    /* @__PURE__ */ import_react7.default.createElement(import_lucide_react.Blocks, { size: 14, strokeWidth: 1.75, className: "bb-block-picker__icon" }),
     /* @__PURE__ */ import_react7.default.createElement("span", null, activeBlockDef?.name ?? activeSlug ?? "Select a block"),
-    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__chevron" }, "v")
+    /* @__PURE__ */ import_react7.default.createElement(import_lucide_react.ChevronDown, { size: 14, strokeWidth: 1.75, className: "bb-version-selector__chevron" })
   ), blockPickerOpen && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-block-picker__dropdown" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-version-dropdown__header" }, "Block Definitions"), blockDefs.map((b) => /* @__PURE__ */ import_react7.default.createElement(
     "button",
     {
@@ -1444,7 +1500,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
     /* @__PURE__ */ import_react7.default.createElement("span", { className: `bb-version-selector__dot${selectedVersion?.isCurrent ? " bb-version-selector__dot--current" : " bb-version-selector__dot--old"}` }),
     /* @__PURE__ */ import_react7.default.createElement("span", null, selectedVersion?.label ?? `v${selectedVersion?.versionNumber ?? "?"}`),
     selectedVersion?.isCurrent && /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__badge" }, "current"),
-    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__chevron" }, "v")
+    /* @__PURE__ */ import_react7.default.createElement(import_lucide_react.ChevronDown, { size: 14, strokeWidth: 1.75, className: "bb-version-selector__chevron" })
   ), versionDropdownOpen && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-version-dropdown" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-version-dropdown__header" }, "Version History"), versions.map((v) => /* @__PURE__ */ import_react7.default.createElement(
     "button",
     {
@@ -1485,9 +1541,8 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
     {
       type: "button",
       onClick: async () => {
-        await handlePublish();
-        setVersionMeta(null, false);
-        onRestoreVersion();
+        const success = await handlePublish();
+        if (success) onRestoreVersion();
       },
       disabled: notification?.status === "publishing" || !activeBlock,
       className: "bb-btn bb-btn--warning"
@@ -1502,11 +1557,12 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
       className: "bb-btn bb-btn--primary"
     },
     notification?.status === "publishing" ? "Publishing..." : "Publish to Payload"
-  ))), notification?.status === "publishing" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--publishing" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__spinner" }), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, isReadOnly ? "Restoring version..." : "Publishing to Payload..."), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "Validating schema and saving block definition.")))), notification?.status === "success" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--success" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-notify__icon" }, "OK"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, notification.msg), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "The block definition and version have been saved.")), /* @__PURE__ */ import_react7.default.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "x"))), notification?.status === "error" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--error" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-notify__icon" }, "!"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, notification.title), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "Fix the following errors before publishing:"), /* @__PURE__ */ import_react7.default.createElement("ul", { className: "bb-notify__error-list" }, notification.errors.map((e, i) => /* @__PURE__ */ import_react7.default.createElement("li", { key: i }, e)))), /* @__PURE__ */ import_react7.default.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "x"))));
+  ))), notification?.status === "publishing" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--publishing" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__spinner" }), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, isReadOnly ? "Restoring version..." : "Publishing to Payload..."), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "Validating schema and saving block definition.")))), notification?.status === "success" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--success" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-notify__icon" }, "OK"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, notification.msg), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "The block definition and version have been saved.")), /* @__PURE__ */ import_react7.default.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, /* @__PURE__ */ import_react7.default.createElement(import_lucide_react.X, { size: 12, strokeWidth: 2 })))), notification?.status === "error" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--error" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-notify__icon" }, "!"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, notification.title), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "Fix the following errors before publishing:"), /* @__PURE__ */ import_react7.default.createElement("ul", { className: "bb-notify__error-list" }, notification.errors.map((e, i) => /* @__PURE__ */ import_react7.default.createElement("li", { key: i }, e)))), /* @__PURE__ */ import_react7.default.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, /* @__PURE__ */ import_react7.default.createElement(import_lucide_react.X, { size: 12, strokeWidth: 2 })))));
 }
 
 // src/block-builder/components/canvas/BlockList.tsx
 var import_react8 = __toESM(require("react"), 1);
+var import_lucide_react2 = require("lucide-react");
 function BlockList() {
   const blocks = useBuilderStore((s) => s.blocks);
   const activeBlockId = useBuilderStore((s) => s.activeBlockId);
@@ -1514,7 +1570,7 @@ function BlockList() {
   const removeBlock = useBuilderStore((s) => s.removeBlock);
   const duplicateBlock = useBuilderStore((s) => s.duplicateBlock);
   const setActiveBlock = useBuilderStore((s) => s.setActiveBlock);
-  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "bb-sidebar bb-sidebar--200 bb-sidebar--blocks" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "bb-sidebar__header" }, /* @__PURE__ */ import_react8.default.createElement("span", { className: "bb-sidebar__title" }, "Blocks"), /* @__PURE__ */ import_react8.default.createElement("button", { type: "button", onClick: addBlock, title: "Add block", className: "bb-sidebar__add" }, "+")), /* @__PURE__ */ import_react8.default.createElement("div", { className: "bb-sidebar__body" }, blocks.length === 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "bb-block-empty" }, "No blocks yet.", /* @__PURE__ */ import_react8.default.createElement("br", null), "Click + to create one."), blocks.map((block) => {
+  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "bb-sidebar bb-sidebar--200 bb-sidebar--blocks" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "bb-sidebar__header" }, /* @__PURE__ */ import_react8.default.createElement("span", { className: "bb-sidebar__title" }, "Blocks"), /* @__PURE__ */ import_react8.default.createElement("button", { type: "button", onClick: addBlock, title: "Add block", className: "bb-sidebar__add" }, /* @__PURE__ */ import_react8.default.createElement(import_lucide_react2.Plus, { size: 14, strokeWidth: 2 }))), /* @__PURE__ */ import_react8.default.createElement("div", { className: "bb-sidebar__body" }, blocks.length === 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "bb-block-empty" }, "No blocks yet.", /* @__PURE__ */ import_react8.default.createElement("br", null), "Click + to create one."), blocks.map((block) => {
     const isActive = block.id === activeBlockId;
     return /* @__PURE__ */ import_react8.default.createElement(
       "div",
@@ -1539,7 +1595,7 @@ function BlockList() {
             className: "bb-block-action",
             title: "Duplicate"
           },
-          "="
+          /* @__PURE__ */ import_react8.default.createElement(import_lucide_react2.Copy, { size: 12, strokeWidth: 1.75 })
         ),
         /* @__PURE__ */ import_react8.default.createElement(
           "button",
@@ -1549,7 +1605,7 @@ function BlockList() {
             className: "bb-block-action bb-block-action--danger",
             title: "Delete"
           },
-          "x"
+          /* @__PURE__ */ import_react8.default.createElement(import_lucide_react2.Trash2, { size: 12, strokeWidth: 1.75 })
         )
       )
     );
@@ -1566,24 +1622,19 @@ var import_modifiers = require("@dnd-kit/modifiers");
 var import_react9 = __toESM(require("react"), 1);
 var import_sortable = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
+var import_lucide_react3 = require("lucide-react");
 var ICON_MAP = {
-  text: "T",
-  textarea: "Tx",
-  richText: "RT",
-  number: "#",
-  checkbox: "[x]",
-  select: "v",
-  radio: "(o)",
-  date: "D",
-  upload: "^",
-  email: "@",
-  code: "<>",
-  point: "P",
-  relationship: "->>",
-  array: "[]",
-  group: "{ }",
-  json: "{ }",
-  ui: "UI"
+  text: import_lucide_react3.Type,
+  textarea: import_lucide_react3.AlignLeft,
+  number: import_lucide_react3.Hash,
+  email: import_lucide_react3.Mail,
+  date: import_lucide_react3.Calendar,
+  checkbox: import_lucide_react3.CheckSquare,
+  select: import_lucide_react3.ChevronDown,
+  radio: import_lucide_react3.Circle,
+  upload: import_lucide_react3.Upload,
+  relationship: import_lucide_react3.Link,
+  json: import_lucide_react3.Braces
 };
 function SortableFieldCard({ field, blockId, index }) {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({
@@ -1592,6 +1643,7 @@ function SortableFieldCard({ field, blockId, index }) {
   const activeFieldId = useBuilderStore((s) => s.activeFieldId);
   const setActiveField = useBuilderStore((s) => s.setActiveField);
   const removeField = useBuilderStore((s) => s.removeField);
+  const isReadOnly = useBuilderStore((s) => s.isReadOnly);
   const isActive = activeFieldId === field.id;
   const wrapStyle = {
     transform: import_utilities.CSS.Transform.toString(transform),
@@ -1612,10 +1664,10 @@ function SortableFieldCard({ field, blockId, index }) {
         className: `bb-field-card${isActive ? " bb-field-card--active" : ""}`,
         onClick: () => setActiveField(isActive ? null : field.id)
       },
-      /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__icon" }, ICON_MAP[field.type] ?? "?"),
+      /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__icon" }, /* @__PURE__ */ import_react9.default.createElement(FieldIcon, { type: field.type })),
       /* @__PURE__ */ import_react9.default.createElement("div", { className: "bb-field-card__body" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "bb-field-card__name" }, field.name || /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__name--empty" }, "unnamed")), /* @__PURE__ */ import_react9.default.createElement("div", { className: "bb-field-card__type" }, field.type, field.required && /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__required" }, "*"))),
       /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__index" }, "#", index + 1),
-      /* @__PURE__ */ import_react9.default.createElement(
+      !isReadOnly && /* @__PURE__ */ import_react9.default.createElement(
         "button",
         {
           type: "button",
@@ -1627,11 +1679,15 @@ function SortableFieldCard({ field, blockId, index }) {
           className: "bb-field-card__delete",
           title: "Remove field"
         },
-        "x"
+        /* @__PURE__ */ import_react9.default.createElement(import_lucide_react3.X, { size: 12, strokeWidth: 2 })
       )
     )
   );
 }
+function FieldIcon({ type }) {
+  const Icon = ICON_MAP[type];
+  return Icon ? /* @__PURE__ */ import_react9.default.createElement(Icon, { size: 13, strokeWidth: 1.75 }) : null;
+}
 
 // src/block-builder/components/canvas/BuilderCanvas.tsx
 function BuilderCanvas() {
@@ -1748,21 +1804,15 @@ var import_react12 = __toESM(require("react"), 1);
 var ALL_TYPES = [
   "text",
   "textarea",
-  "richText",
   "number",
+  "email",
+  "date",
   "checkbox",
   "select",
   "radio",
-  "date",
   "upload",
-  "email",
-  "code",
-  "point",
   "relationship",
-  "array",
-  "group",
-  "json",
-  "ui"
+  "json"
 ];
 function FieldConfig() {
   const activeBlockId = useBuilderStore((s) => s.activeBlockId);
@@ -1934,7 +1984,7 @@ function ConfigPanel() {
 
 // src/block-builder/components/sidebar/FieldPalette.tsx
 var import_react14 = __toESM(require("react"), 1);
-var import_lucide_react = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 
 // src/block-builder/lib/field-palette.ts
 var FIELD_PALETTE = [
@@ -1968,19 +2018,20 @@ function getFieldMeta(type) {
 
 // src/block-builder/components/sidebar/FieldPalette.tsx
 var ICON_MAP2 = {
-  Type: import_lucide_react.Type,
-  AlignLeft: import_lucide_react.AlignLeft,
-  Hash: import_lucide_react.Hash,
-  Mail: import_lucide_react.Mail,
-  Calendar: import_lucide_react.Calendar,
-  CheckSquare: import_lucide_react.CheckSquare,
-  ChevronDown: import_lucide_react.ChevronDown,
-  Circle: import_lucide_react.Circle,
-  Upload: import_lucide_react.Upload,
-  Link: import_lucide_react.Link,
-  List: import_lucide_react.List,
-  Folder: import_lucide_react.Folder,
-  Braces: import_lucide_react.Braces
+  Type: import_lucide_react4.Type,
+  AlignLeft: import_lucide_react4.AlignLeft,
+  AlignJustify: import_lucide_react4.AlignJustify,
+  Hash: import_lucide_react4.Hash,
+  Mail: import_lucide_react4.Mail,
+  Calendar: import_lucide_react4.Calendar,
+  CheckSquare: import_lucide_react4.CheckSquare,
+  ChevronDown: import_lucide_react4.ChevronDown,
+  Circle: import_lucide_react4.Circle,
+  Upload: import_lucide_react4.Upload,
+  Link: import_lucide_react4.Link,
+  List: import_lucide_react4.List,
+  Folder: import_lucide_react4.Folder,
+  Braces: import_lucide_react4.Braces
 };
 function FieldPalette() {
   const [search, setSearch] = (0, import_react14.useState)("");
@@ -2333,7 +2384,9 @@ function BuilderShell({ loadSlug }) {
       setBlockDefs(
         (json.docs ?? []).map((d) => ({ id: String(d.id), slug: d.slug, name: d.name }))
       );
-    }).catch(() => {
+    }).catch((err) => {
+      console.error("[block-builder] Failed to load block definitions:", err);
+      setLoadError("Could not load block definitions. Please refresh the page.");
     });
   }, []);
   const loadVersionsForSlug = (0, import_react16.useCallback)(async (slug) => {