@ixo/editor 2.11.0 → 2.13.0

package/dist/{chunk-SYSJYAKU.mjs → chunk-JRIF7FLP.mjs}

@@ -16776,8 +16776,8 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React165, { useState as useState61, useRef as useRef11, useEffect as useEffect45 } from "react";
-import { Box as Box29, Button as Button32, Group as Group51 } from "@mantine/core";
+import React166, { useState as useState61, useRef as useRef11, useEffect as useEffect45 } from "react";
+import { Box as Box29, Group as Group51 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -16909,6 +16909,30 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
   return transformImage(sourceUrl, options);
 }
 
+// src/mantine/components/Base/CoverImageButton.tsx
+import React165 from "react";
+import { Button as Button32 } from "@mantine/core";
+function CoverImageButton({ isActive = false, children, onClick, style }) {
+  return /* @__PURE__ */ React165.createElement(
+    Button32,
+    {
+      onClick,
+      variant: "filled",
+      size: "xs",
+      style: {
+        backgroundColor: isActive ? "rgba(55, 53, 47, 0.9)" : "rgba(255, 255, 255, 0.9)",
+        color: isActive ? "white" : "#37352f",
+        fontSize: "12px",
+        fontWeight: 500,
+        padding: "4px 8px",
+        height: "auto",
+        ...style
+      }
+    },
+    children
+  );
+}
+
 // src/mantine/components/CoverImage.tsx
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
@@ -17009,7 +17033,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React165.createElement(
+    return /* @__PURE__ */ React166.createElement(
       Box29,
       {
         style: {
@@ -17022,7 +17046,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React165.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React165.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React165.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React165.createElement(
+      /* @__PURE__ */ React166.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React166.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React166.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React166.createElement(
         Group51,
         {
           gap: "xs",
@@ -17033,45 +17057,12 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React165.createElement(
-          Button32,
-          {
-            variant: "filled",
-            size: "xs",
-            onClick: handleAddLogo,
-            style: {
-              backgroundColor: "rgba(255, 255, 255, 0.9)",
-              color: "#37352f",
-              fontSize: "12px",
-              fontWeight: 500,
-              padding: "4px 8px",
-              height: "auto"
-            }
-          },
-          "Add icon"
-        ),
-        /* @__PURE__ */ React165.createElement(
-          Button32,
-          {
-            variant: "filled",
-            size: "xs",
-            onClick: handleAddCover,
-            style: {
-              backgroundColor: "rgba(255, 255, 255, 0.9)",
-              color: "#37352f",
-              fontSize: "12px",
-              fontWeight: 500,
-              padding: "4px 8px",
-              height: "auto"
-            }
-          },
-          "Add cover"
-        )
-      ), logoSrc && /* @__PURE__ */ React165.createElement(
+        /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleAddLogo }, "Add icon"),
+        /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React166.createElement(
         Box29,
         {
           style: {
-            borderRadius: "100%",
             position: "relative",
             insetInlineStart: "0",
             width: "120px",
@@ -17082,7 +17073,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React165.createElement(
+        /* @__PURE__ */ React166.createElement(
           "img",
           {
             src: logoSrc,
@@ -17090,12 +17081,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             style: {
               width: "100%",
               height: "100%",
+              borderRadius: "100%",
               boxShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
               objectFit: "cover"
             }
           }
         ),
-        editable && isHovering && /* @__PURE__ */ React165.createElement(
+        editable && isHovering && /* @__PURE__ */ React166.createElement(
           "div",
           {
             style: {
@@ -17110,62 +17102,14 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React165.createElement(
-            Button32,
-            {
-              variant: "filled",
-              size: "xs",
-              onClick: handleChangeLogo,
-              style: {
-                backgroundColor: "rgba(255, 255, 255, 0.9)",
-                color: "#37352f",
-                fontSize: "12px",
-                fontWeight: 500,
-                padding: "4px 8px",
-                height: "auto"
-              }
-            },
-            "Change"
-          ),
-          /* @__PURE__ */ React165.createElement(
-            Button32,
-            {
-              variant: "filled",
-              size: "xs",
-              onClick: handleRemoveLogo,
-              style: {
-                backgroundColor: "rgba(255, 255, 255, 0.9)",
-                color: "#37352f",
-                fontSize: "12px",
-                fontWeight: 500,
-                padding: "4px 8px",
-                height: "auto"
-              }
-            },
-            "Remove"
-          ),
-          /* @__PURE__ */ React165.createElement(
-            Button32,
-            {
-              variant: "filled",
-              size: "xs",
-              onClick: handleAddCover,
-              style: {
-                backgroundColor: "rgba(255, 255, 255, 0.9)",
-                color: "#37352f",
-                fontSize: "12px",
-                fontWeight: 500,
-                padding: "4px 8px",
-                height: "auto"
-              }
-            },
-            "Add cover"
-          )
+          /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
+          /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleAddCover }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React165.createElement(
+  return /* @__PURE__ */ React166.createElement(
     Box29,
     {
       style: {
@@ -17186,7 +17130,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React165.createElement(
+    /* @__PURE__ */ React166.createElement(
       "img",
       {
         src: coverUrl,
@@ -17204,7 +17148,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React165.createElement(
+    editable && isHovering && /* @__PURE__ */ React166.createElement(
       Group51,
       {
         gap: "xs",
@@ -17215,59 +17159,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React165.createElement(
-        Button32,
-        {
-          variant: "filled",
-          size: "xs",
-          onClick: handleChangeCover,
-          style: {
-            backgroundColor: "rgba(255, 255, 255, 0.9)",
-            color: "#37352f",
-            fontSize: "12px",
-            fontWeight: 500,
-            padding: "4px 8px",
-            height: "auto"
-          }
-        },
-        "Change cover"
-      ),
-      /* @__PURE__ */ React165.createElement(
-        Button32,
-        {
-          variant: "filled",
-          size: "xs",
-          onClick: handleReposition,
-          style: {
-            backgroundColor: isRepositioning ? "rgba(55, 53, 47, 0.9)" : "rgba(255, 255, 255, 0.9)",
-            color: isRepositioning ? "white" : "#37352f",
-            fontSize: "12px",
-            fontWeight: 500,
-            padding: "4px 8px",
-            height: "auto"
-          }
-        },
-        isRepositioning ? "Done" : "Reposition"
-      ),
-      /* @__PURE__ */ React165.createElement(
-        Button32,
-        {
-          variant: "filled",
-          size: "xs",
-          onClick: handleRemoveCover,
-          style: {
-            backgroundColor: "rgba(255, 255, 255, 0.9)",
-            color: "#37352f",
-            fontSize: "12px",
-            fontWeight: 500,
-            padding: "4px 8px",
-            height: "auto"
-          }
-        },
-        "Remove"
-      )
+      /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleChangeCover }, "Change cover"),
+      /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleReposition, isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React165.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React165.createElement(
+    /* @__PURE__ */ React166.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React166.createElement(
       Box29,
       {
         style: {
@@ -17276,17 +17172,16 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           insetInlineStart: "0",
           width: "120px",
           height: "120px",
-          zIndex: 11,
-          padding: 12,
-          borderRadius: "100%"
+          zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React165.createElement(
+      logoSrc && /* @__PURE__ */ React166.createElement(
         "img",
         {
           src: logoSrc,
           alt: "Logo",
           style: {
+            borderRadius: "100%",
             width: "100%",
             height: "100%",
             boxShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
@@ -17294,9 +17189,9 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           }
         }
       ),
-      editable && isHovering && /* @__PURE__ */ React165.createElement(React165.Fragment, null, logoSrc ? (
+      editable && isHovering && /* @__PURE__ */ React166.createElement(React166.Fragment, null, logoSrc ? (
         // Logo exists: Show Change/Remove buttons when hovering on cover
-        /* @__PURE__ */ React165.createElement(
+        /* @__PURE__ */ React166.createElement(
           Group51,
           {
             gap: "xs",
@@ -17307,60 +17202,20 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               zIndex: 12
             }
           },
-          /* @__PURE__ */ React165.createElement(
-            Button32,
-            {
-              variant: "filled",
-              size: "xs",
-              onClick: handleChangeLogo,
-              style: {
-                backgroundColor: "rgba(255, 255, 255, 0.9)",
-                color: "#37352f",
-                fontSize: "12px",
-                fontWeight: 500,
-                padding: "4px 8px",
-                height: "auto"
-              }
-            },
-            "Change"
-          ),
-          /* @__PURE__ */ React165.createElement(
-            Button32,
-            {
-              variant: "filled",
-              size: "xs",
-              onClick: handleRemoveLogo,
-              style: {
-                backgroundColor: "rgba(255, 255, 255, 0.9)",
-                color: "#37352f",
-                fontSize: "12px",
-                fontWeight: 500,
-                padding: "4px 8px",
-                height: "auto"
-              }
-            },
-            "Remove"
-          )
+          /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleChangeLogo }, "Change"),
+          /* @__PURE__ */ React166.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
         )
       ) : (
         // No logo: Show "Add icon" button when hovering anywhere on cover
-        /* @__PURE__ */ React165.createElement(
-          Button32,
+        /* @__PURE__ */ React166.createElement(
+          CoverImageButton,
           {
-            variant: "filled",
-            size: "xs",
             onClick: handleAddLogo,
             style: {
               position: "absolute",
               top: "50%",
               left: "50%",
               transform: "translate(-50%, -50%)",
-              backgroundColor: "rgba(255, 255, 255, 0.9)",
-              color: "#37352f",
-              fontSize: "12px",
-              fontWeight: 500,
-              padding: "4px 8px",
-              height: "auto",
               zIndex: 12
             }
           },
@@ -17368,13 +17223,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         )
       ))
     )),
-    /* @__PURE__ */ React165.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React165.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React166.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React166.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React166, { useState as useState62, useRef as useRef12, useEffect as useEffect46 } from "react";
+import React167, { useState as useState62, useRef as useRef12, useEffect as useEffect46 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -17406,14 +17261,14 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React166.createElement("div", { style: styles.container }, /* @__PURE__ */ React166.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React166.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React166.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React166.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React166.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React166.createElement("span", null, "Private"), /* @__PURE__ */ React166.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React166.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React166.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React166.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React166.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React166.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React166.createElement(
+  return /* @__PURE__ */ React167.createElement("div", { style: styles.container }, /* @__PURE__ */ React167.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React167.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React167.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React167.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React167.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React167.createElement("span", null, "Private"), /* @__PURE__ */ React167.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React167.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React167.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React167.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React167.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React167.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React167.createElement(
     "button",
     {
       style: styles.menuButton,
       onClick: () => setIsMenuOpen(!isMenuOpen),
       "aria-label": "Menu"
     },
-    /* @__PURE__ */ React166.createElement(
+    /* @__PURE__ */ React167.createElement(
       "svg",
       {
         width: "16",
@@ -17421,11 +17276,11 @@ function PageHeader({
         viewBox: "0 0 16 16",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React166.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React166.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React166.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
+      /* @__PURE__ */ React167.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React167.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React167.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
     )
-  ), isMenuOpen && /* @__PURE__ */ React166.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React166.createElement(React166.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React166.createElement("div", { style: styles.divider }), /* @__PURE__ */ React166.createElement(
+  ), isMenuOpen && /* @__PURE__ */ React167.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React167.createElement(React167.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React167.createElement("div", { style: styles.divider }), /* @__PURE__ */ React167.createElement(
     "button",
     {
       style: {
@@ -17435,8 +17290,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React166.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React166.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React167.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React167.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -17567,13 +17422,22 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React167, { useCallback as useCallback42, useEffect as useEffect47, useRef as useRef13, useState as useState63 } from "react";
+import React168, { useCallback as useCallback42, useEffect as useEffect47, useRef as useRef13, useState as useState63 } from "react";
 import { Box as Box30 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
-var ExternalDropZone = ({ editor, onDrop, acceptedType = "application/x-artifact", dropIndicator, children }) => {
+var ExternalDropZone = ({
+  editor,
+  onDrop,
+  acceptedType = "application/x-artifact",
+  dropIndicator,
+  isPlacementMode = false,
+  onPlacementCancel,
+  children
+}) => {
   const containerRef = useRef13(null);
   const [isValidDrag, setIsValidDrag] = useState63(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState63(false);
   const [indicatorStyle, setIndicatorStyle] = useState63({});
   const dropPositionRef = useRef13(null);
   const scrollAnimationRef = useRef13(null);
@@ -17743,8 +17607,87 @@ var ExternalDropZone = ({ editor, onDrop, acceptedType = "application/x-artifact
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
+  const handleOverlayMouseMove = useCallback42(
+    (e) => {
+      setIsHoveringInPlacementMode(true);
+      checkAutoScroll(e.clientY);
+      const result = findDropPosition(e.clientY);
+      if (result) {
+        dropPositionRef.current = result.position;
+        setIndicatorStyle({
+          position: "absolute",
+          top: result.indicatorTop,
+          left: 0,
+          right: 0,
+          zIndex: 9999,
+          pointerEvents: "none"
+        });
+      }
+    },
+    [findDropPosition, checkAutoScroll]
+  );
+  const handleOverlayMouseLeave = useCallback42(() => {
+    setIsHoveringInPlacementMode(false);
+    dropPositionRef.current = null;
+    stopAutoScroll();
+  }, [stopAutoScroll]);
+  const handleOverlayClick = useCallback42(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const position = dropPositionRef.current;
+      if (position) {
+        onDrop(position);
+      }
+      setIsHoveringInPlacementMode(false);
+      dropPositionRef.current = null;
+      stopAutoScroll();
+    },
+    [onDrop, stopAutoScroll]
+  );
+  const handleOverlayWheel = useCallback42(
+    (e) => {
+      const container = getScrollContainer();
+      if (container === window) {
+        window.scrollBy(0, e.deltaY);
+      } else {
+        container.scrollBy(0, e.deltaY);
+      }
+    },
+    [getScrollContainer]
+  );
   useEffect47(() => {
-    if (isValidDrag) {
+    if (!isPlacementMode) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        onPlacementCancel?.();
+      }
+    };
+    const handleGlobalClick = (e) => {
+      const target = e.target;
+      if (target.closest("[data-placement-toggle]")) {
+        return;
+      }
+      if (containerRef.current && !containerRef.current.contains(target)) {
+        onPlacementCancel?.();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    document.addEventListener("click", handleGlobalClick, true);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener("click", handleGlobalClick, true);
+    };
+  }, [isPlacementMode, onPlacementCancel]);
+  useEffect47(() => {
+    if (!isPlacementMode) {
+      setIsHoveringInPlacementMode(false);
+      dropPositionRef.current = null;
+    }
+  }, [isPlacementMode]);
+  useEffect47(() => {
+    const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
+    if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
     } else {
       document.body.classList.remove("external-artifact-drag-active");
@@ -17752,7 +17695,7 @@ var ExternalDropZone = ({ editor, onDrop, acceptedType = "application/x-artifact
     return () => {
       document.body.classList.remove("external-artifact-drag-active");
     };
-  }, [isValidDrag]);
+  }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
   useEffect47(() => {
     return () => {
       if (scrollAnimationRef.current) {
@@ -17760,33 +17703,59 @@ var ExternalDropZone = ({ editor, onDrop, acceptedType = "application/x-artifact
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React167.isValidElement(dropIndicator) ? React167.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React168.isValidElement(dropIndicator) ? React168.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
-  return /* @__PURE__ */ React167.createElement(
+  const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
+  return /* @__PURE__ */ React168.createElement(
     Box30,
     {
       ref: containerRef,
-      style: { position: "relative", width: "100%", height: "100%" },
+      style: {
+        position: "relative",
+        width: "100%",
+        height: "100%"
+      },
       onDragOver: handleDragOver,
       onDragLeave: handleDragLeave,
       onDrop: handleDrop,
-      "data-external-drag": isValidDrag ? "true" : void 0
+      "data-external-drag": isValidDrag ? "true" : void 0,
+      "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isValidDrag && indicatorWithPosition && /* @__PURE__ */ React167.createElement(Box30, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    isPlacementMode && /* @__PURE__ */ React168.createElement(
+      Box30,
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          cursor: "crosshair",
+          zIndex: 9998,
+          // Below the indicator (9999) but above content
+          background: "transparent"
+        },
+        onMouseMove: handleOverlayMouseMove,
+        onMouseLeave: handleOverlayMouseLeave,
+        onClick: handleOverlayClick,
+        onWheel: handleOverlayWheel
+      }
+    ),
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React168.createElement(Box30, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
 // src/mantine/IxoEditor.tsx
-import React169 from "react";
+import React170 from "react";
 import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
 import { BlockNoteView } from "@blocknote/mantine";
 import { filterSuggestionItems } from "@blocknote/core";
 import { MantineProvider } from "@mantine/core";
 
 // src/mantine/components/PanelContent.tsx
-import React168 from "react";
+import React169 from "react";
 import { Box as Box31 } from "@mantine/core";
 var panelStyles = {
   light: {
@@ -17816,7 +17785,7 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React168.createElement(
+  return /* @__PURE__ */ React169.createElement(
     Box31,
     {
       pos: "sticky",
@@ -17851,11 +17820,13 @@ function IxoEditorContent({
   pageHeaderProps,
   onExternalDrop,
   externalDropType,
-  dropIndicator
+  dropIndicator,
+  isPlacementMode,
+  onPlacementCancel
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const editorContent = /* @__PURE__ */ React169.createElement(
+  const editorContent = /* @__PURE__ */ React170.createElement(
     BlockNoteView,
     {
       editor,
@@ -17870,7 +17841,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React169.createElement(
+    config.slashMenu && /* @__PURE__ */ React170.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -17883,7 +17854,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React169.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React169.createElement(
+  return /* @__PURE__ */ React170.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React170.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -17892,10 +17863,22 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React169.createElement(PageHeader, { ...pageHeaderProps }),
-    /* @__PURE__ */ React169.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    onExternalDrop ? /* @__PURE__ */ React169.createElement(ExternalDropZone, { editor, onDrop: onExternalDrop, acceptedType: externalDropType, dropIndicator }, editorContent) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React169.createElement(PanelContent, { theme: config.theme }));
+    selfNav && /* @__PURE__ */ React170.createElement(PageHeader, { ...pageHeaderProps }),
+    /* @__PURE__ */ React170.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React170.createElement(
+      ExternalDropZone,
+      {
+        editor,
+        onDrop: onExternalDrop || (() => {
+        }),
+        acceptedType: externalDropType,
+        dropIndicator,
+        isPlacementMode,
+        onPlacementCancel
+      },
+      editorContent
+    ) : editorContent
+  ), isPanelVisible && /* @__PURE__ */ React170.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -17917,7 +17900,9 @@ function IxoEditor({
   dynamicListPanelRenderer,
   onExternalDrop,
   externalDropType,
-  dropIndicator
+  dropIndicator,
+  isPlacementMode,
+  onPlacementCancel
 }) {
   if (!editor) {
     return null;
@@ -17932,7 +17917,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React169.createElement(
+  const editorContent = /* @__PURE__ */ React170.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -17943,7 +17928,7 @@ function IxoEditor({
       getDynamicListData,
       dynamicListPanelRenderer
     },
-    /* @__PURE__ */ React169.createElement(
+    /* @__PURE__ */ React170.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -17959,19 +17944,21 @@ function IxoEditor({
         pageHeaderProps,
         onExternalDrop,
         externalDropType,
-        dropIndicator
+        dropIndicator,
+        isPlacementMode,
+        onPlacementCancel
       },
       children
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React169.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React170.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React170, { useState as useState64 } from "react";
+import React171, { useState as useState64 } from "react";
 import { Modal as Modal3, Stack as Stack112, Text as Text85, TextInput as TextInput6, Button as Button33, Alert as Alert23, Group as Group52 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle10, IconCheck as IconCheck5, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
@@ -18025,15 +18012,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React170.createElement(
+  return /* @__PURE__ */ React171.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React170.createElement(Group52, { gap: "xs" }, /* @__PURE__ */ React170.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React170.createElement(Text85, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React171.createElement(Group52, { gap: "xs" }, /* @__PURE__ */ React171.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React171.createElement(Text85, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React170.createElement(Stack112, { gap: "md" }, success ? /* @__PURE__ */ React170.createElement(Alert23, { color: "green", icon: /* @__PURE__ */ React170.createElement(IconCheck5, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React170.createElement(React170.Fragment, null, /* @__PURE__ */ React170.createElement(Text85, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React170.createElement(Text85, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React170.createElement(Alert23, { color: "blue", variant: "light" }, /* @__PURE__ */ React170.createElement(Text85, { size: "sm" }, "This is a ", /* @__PURE__ */ React170.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React170.createElement(Stack112, { gap: "xs" }, /* @__PURE__ */ React170.createElement(Text85, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React170.createElement(Text85, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React170.createElement(Text85, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React170.createElement(Text85, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React170.createElement(
+    /* @__PURE__ */ React171.createElement(Stack112, { gap: "md" }, success ? /* @__PURE__ */ React171.createElement(Alert23, { color: "green", icon: /* @__PURE__ */ React171.createElement(IconCheck5, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React171.createElement(React171.Fragment, null, /* @__PURE__ */ React171.createElement(Text85, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React171.createElement(Text85, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React171.createElement(Alert23, { color: "blue", variant: "light" }, /* @__PURE__ */ React171.createElement(Text85, { size: "sm" }, "This is a ", /* @__PURE__ */ React171.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React171.createElement(Stack112, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text85, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React171.createElement(Text85, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React171.createElement(Text85, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React171.createElement(Text85, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React171.createElement(
       TextInput6,
       {
         label: "Enter PIN to encrypt signing key",
@@ -18044,7 +18031,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React170.createElement(
+    ), /* @__PURE__ */ React171.createElement(
       TextInput6,
       {
         label: "Confirm PIN",
@@ -18054,12 +18041,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React170.createElement(Alert23, { color: "red", icon: /* @__PURE__ */ React170.createElement(IconAlertCircle10, { size: 16 }) }, error), /* @__PURE__ */ React170.createElement(Group52, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React170.createElement(Button33, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React170.createElement(
+    ), error && /* @__PURE__ */ React171.createElement(Alert23, { color: "red", icon: /* @__PURE__ */ React171.createElement(IconAlertCircle10, { size: 16 }) }, error), /* @__PURE__ */ React171.createElement(Group52, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React171.createElement(Button33, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React171.createElement(
       Button33,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React170.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React171.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -18067,7 +18054,7 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React171, { useState as useState65, useEffect as useEffect48, useMemo as useMemo53 } from "react";
+import React172, { useState as useState65, useEffect as useEffect48, useMemo as useMemo53 } from "react";
 import { Stack as Stack113, Text as Text86, Paper as Paper16, Group as Group53, Badge as Badge23, Button as Button34, ActionIcon as ActionIcon26, Loader as Loader23, Alert as Alert24, Divider as Divider11 } from "@mantine/core";
 import { IconPlus as IconPlus5, IconTrash as IconTrash5, IconShieldCheck as IconShieldCheck2, IconUser as IconUser4, IconRobot as IconRobot3, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
@@ -18121,11 +18108,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React171.createElement(IconRobot3, { size: 16 });
+        return /* @__PURE__ */ React172.createElement(IconRobot3, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React171.createElement(IconBuilding, { size: 16 });
+        return /* @__PURE__ */ React172.createElement(IconBuilding, { size: 16 });
       default:
-        return /* @__PURE__ */ React171.createElement(IconUser4, { size: 16 });
+        return /* @__PURE__ */ React172.createElement(IconUser4, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -18144,7 +18131,7 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React171.createElement(Stack113, { gap: "md" }, /* @__PURE__ */ React171.createElement(Stack113, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text86, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React171.createElement(Paper16, { p: "sm", withBorder: true }, /* @__PURE__ */ React171.createElement(Group53, { gap: "xs" }, /* @__PURE__ */ React171.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React171.createElement(Stack113, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React171.createElement(Text86, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React171.createElement(Text86, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React171.createElement(Badge23, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React171.createElement(Divider11, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React171.createElement(Group53, { justify: "center", py: "xl" }, /* @__PURE__ */ React171.createElement(Loader23, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React171.createElement(Alert24, { color: "gray", variant: "light" }, /* @__PURE__ */ React171.createElement(Text86, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React171.createElement(Stack113, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React171.createElement(Paper16, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React171.createElement(Group53, { justify: "space-between" }, /* @__PURE__ */ React171.createElement(Group53, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React171.createElement(Stack113, { gap: 2 }, /* @__PURE__ */ React171.createElement(Text86, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React171.createElement(Text86, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React171.createElement(Group53, { gap: "xs" }, /* @__PURE__ */ React171.createElement(Text86, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React171.createElement(Text86, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React171.createElement(Text86, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React171.createElement(
+  return /* @__PURE__ */ React172.createElement(Stack113, { gap: "md" }, /* @__PURE__ */ React172.createElement(Stack113, { gap: "xs" }, /* @__PURE__ */ React172.createElement(Text86, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React172.createElement(Paper16, { p: "sm", withBorder: true }, /* @__PURE__ */ React172.createElement(Group53, { gap: "xs" }, /* @__PURE__ */ React172.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React172.createElement(Stack113, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React172.createElement(Text86, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React172.createElement(Text86, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React172.createElement(Badge23, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React172.createElement(Divider11, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React172.createElement(Group53, { justify: "center", py: "xl" }, /* @__PURE__ */ React172.createElement(Loader23, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React172.createElement(Alert24, { color: "gray", variant: "light" }, /* @__PURE__ */ React172.createElement(Text86, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React172.createElement(Stack113, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React172.createElement(Paper16, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React172.createElement(Group53, { justify: "space-between" }, /* @__PURE__ */ React172.createElement(Group53, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React172.createElement(Stack113, { gap: 2 }, /* @__PURE__ */ React172.createElement(Text86, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React172.createElement(Text86, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React172.createElement(Group53, { gap: "xs" }, /* @__PURE__ */ React172.createElement(Text86, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React172.createElement(Text86, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React172.createElement(Text86, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React172.createElement(
     ActionIcon26,
     {
       color: "red",
@@ -18153,11 +18140,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React171.createElement(IconTrash5, { size: 16 })
-  ))))), /* @__PURE__ */ React171.createElement(
+    /* @__PURE__ */ React172.createElement(IconTrash5, { size: 16 })
+  ))))), /* @__PURE__ */ React172.createElement(
     Button34,
     {
-      leftSection: /* @__PURE__ */ React171.createElement(IconPlus5, { size: 16 }),
+      leftSection: /* @__PURE__ */ React172.createElement(IconPlus5, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -18166,7 +18153,7 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React172, { useState as useState66, useCallback as useCallback43 } from "react";
+import React173, { useState as useState66, useCallback as useCallback43 } from "react";
 import {
   Modal as Modal4,
   Stack as Stack114,
@@ -18299,29 +18286,29 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React172.createElement(
+  return /* @__PURE__ */ React173.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React172.createElement(Group54, { gap: "xs" }, /* @__PURE__ */ React172.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React172.createElement(Text87, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React173.createElement(Group54, { gap: "xs" }, /* @__PURE__ */ React173.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React173.createElement(Text87, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React172.createElement(Stack114, { gap: "md" }, /* @__PURE__ */ React172.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React172.createElement(Text87, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React172.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React173.createElement(Stack114, { gap: "md" }, /* @__PURE__ */ React173.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React173.createElement(Text87, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React173.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React172.createElement(Group54, null, /* @__PURE__ */ React172.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React172.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React172.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React172.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React172.createElement(
+    } }, /* @__PURE__ */ React173.createElement(Group54, null, /* @__PURE__ */ React173.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React173.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React173.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React173.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React173.createElement(
       TextInput7,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React172.createElement(IconSearch5, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React172.createElement(Loader24, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React173.createElement(IconSearch5, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React173.createElement(Loader24, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React172.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React172.createElement(Group54, { justify: "space-between" }, /* @__PURE__ */ React172.createElement(Group54, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React172.createElement(IconRobot4, { size: 16 }) : /* @__PURE__ */ React172.createElement(IconUser5, { size: 16 }), /* @__PURE__ */ React172.createElement(Text87, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React172.createElement(Badge24, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React172.createElement(ActionIcon27, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React172.createElement(IconX8, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React172.createElement(Paper17, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React172.createElement(Stack114, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React172.createElement(
+    ), selectedRecipient ? /* @__PURE__ */ React173.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React173.createElement(Group54, { justify: "space-between" }, /* @__PURE__ */ React173.createElement(Group54, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React173.createElement(IconRobot4, { size: 16 }) : /* @__PURE__ */ React173.createElement(IconUser5, { size: 16 }), /* @__PURE__ */ React173.createElement(Text87, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React173.createElement(Badge24, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React173.createElement(ActionIcon27, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React173.createElement(IconX8, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React173.createElement(Paper17, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React173.createElement(Stack114, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React173.createElement(
       Button35,
       {
         key: result.did,
@@ -18331,7 +18318,7 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React172.createElement(
+    )))) : null) : /* @__PURE__ */ React173.createElement(
       TextInput7,
       {
         label: "Recipient DID",
@@ -18339,12 +18326,12 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React172.createElement(Divider12, null), /* @__PURE__ */ React172.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React172.createElement(Text87, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React173.createElement(Divider12, null), /* @__PURE__ */ React173.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React173.createElement(Text87, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React172.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React172.createElement(Group54, { gap: "xs" }, /* @__PURE__ */ React172.createElement(Badge24, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React172.createElement(Text87, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React172.createElement(Text87, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React173.createElement(Paper17, { p: "sm", withBorder: true }, /* @__PURE__ */ React173.createElement(Group54, { gap: "xs" }, /* @__PURE__ */ React173.createElement(Badge24, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React173.createElement(Text87, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React173.createElement(Text87, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React172.createElement(React172.Fragment, null, /* @__PURE__ */ React172.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React172.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React172.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React172.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React172.createElement(Paper17, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React172.createElement(Stack114, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React172.createElement(
+      /* @__PURE__ */ React173.createElement(React173.Fragment, null, /* @__PURE__ */ React173.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React173.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React173.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React173.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React173.createElement(Paper17, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React173.createElement(Stack114, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React173.createElement(
         Checkbox12,
         {
           key: block.id,
@@ -18359,14 +18346,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React172.createElement(Divider12, null), /* @__PURE__ */ React172.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React172.createElement(
+    )), /* @__PURE__ */ React173.createElement(Divider12, null), /* @__PURE__ */ React173.createElement(Stack114, { gap: "xs" }, /* @__PURE__ */ React173.createElement(
       Checkbox12,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React172.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React173.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -18376,7 +18363,7 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React172.createElement(
+    )), /* @__PURE__ */ React173.createElement(
       Checkbox12,
       {
         label: "Recipient can grant permissions to others",
@@ -18384,7 +18371,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React172.createElement(Divider12, null), /* @__PURE__ */ React172.createElement(
+    ), /* @__PURE__ */ React173.createElement(Divider12, null), /* @__PURE__ */ React173.createElement(
       TextInput7,
       {
         label: "Enter your PIN to sign this delegation",
@@ -18393,7 +18380,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React172.createElement(Alert25, { color: "red" }, error), /* @__PURE__ */ React172.createElement(Group54, { justify: "flex-end" }, /* @__PURE__ */ React172.createElement(Button35, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React172.createElement(Button35, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React173.createElement(Alert25, { color: "red" }, error), /* @__PURE__ */ React173.createElement(Group54, { justify: "flex-end" }, /* @__PURE__ */ React173.createElement(Button35, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React173.createElement(Button35, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -18499,4 +18486,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-SYSJYAKU.mjs.map
+//# sourceMappingURL=chunk-JRIF7FLP.mjs.map