@ixo/editor 2.16.3 → 2.17.0

package/dist/{chunk-3A47Y7LN.mjs → chunk-KWCTPDGD.mjs}

@@ -16744,14 +16744,14 @@ var DomainCreatorSignTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
-import React185, { useCallback as useCallback47, useMemo as useMemo56 } from "react";
+import React185, { useCallback as useCallback47, useMemo as useMemo56, useEffect as useEffect47 } from "react";
 import { ActionIcon as ActionIcon27, Badge as Badge28, Group as Group59, Stack as Stack122, Text as Text96, Tooltip as Tooltip18 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight8 } from "@tabler/icons-react";
 
 // src/mantine/blocks/domainCreatorSign/flow/SignPanel.tsx
-import React184, { useCallback as useCallback46, useState as useState64 } from "react";
 import { Alert as Alert24, Button as Button32, CloseButton as CloseButton13, Group as Group58, Loader as Loader24, Stack as Stack121, Text as Text95, Title as Title16 } from "@mantine/core";
 import { IconAlertCircle as IconAlertCircle11, IconCheck as IconCheck5, IconSignature } from "@tabler/icons-react";
+import React184, { useCallback as useCallback46, useState as useState64 } from "react";
 var SignPanel = ({ editor, block, onComplete, onError }) => {
   const { closePanel } = usePanelStore();
   const { handlers } = useBlocknoteContext();
@@ -16765,6 +16765,11 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
       return null;
     }
   }, [block.props.domainCardData]);
+  const getDate100YearsFromNow = useCallback46(() => {
+    const date = /* @__PURE__ */ new Date();
+    date.setFullYear(date.getFullYear() + 100);
+    return date.toISOString();
+  }, []);
   const processSignAndCreate = useCallback46(async () => {
     if (!handlers) {
       throw new Error("Handlers not available");
@@ -16782,25 +16787,30 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
       throw new Error("requestPin handler not available");
     }
     const domainCardData2 = getDomainCardData();
-    if (!domainCardData2 || !domainCardData2.name) {
+    if (!domainCardData2 || !domainCardData2.credentialSubject?.name) {
       throw new Error("Domain card data is missing or invalid");
     }
-    const entityType = block.props.entityType || domainCardData2.type?.[0]?.replace("ixo:", "") || "dao";
+    const extractEntityType = (type) => {
+      return type.replace(/^schema:/i, "").toLowerCase();
+    };
+    const entityType = block.props.entityType || (domainCardData2.credentialSubject?.type?.[0] ? extractEntityType(domainCardData2.credentialSubject.type[0]) : "dao");
     const issuerDid = handlers.getEntityDid?.() || handlers.getCurrentUser?.()?.address;
     if (!issuerDid) {
       throw new Error("Unable to determine issuer DID");
     }
     const entityDid = "did:ixo:entity:pending";
+    const validFrom = domainCardData2.validFrom || (/* @__PURE__ */ new Date()).toISOString();
+    const validUntil = domainCardData2.validUntil || getDate100YearsFromNow();
     const credentialSubject = {
-      ...domainCardData2,
+      ...domainCardData2.credentialSubject,
       id: entityDid
     };
     const unsignedCredential = buildVerifiableCredential({
       entityDid,
       issuerDid,
       credentialSubject,
-      validFrom: domainCardData2.validFrom || (/* @__PURE__ */ new Date()).toISOString(),
-      validUntil: domainCardData2.validUntil
+      validFrom,
+      validUntil
     });
     setFlowStep("signing");
     editor.updateBlock(block, { props: { ...block.props, status: "signing" } });
@@ -16828,22 +16838,23 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
       entityDid,
       cid: uploadResult.cid,
       serviceEndpoint: uploadResult.url,
-      description: `Domain Card for ${domainCardData2.name || "Domain"}`
+      description: `Domain Card for ${domainCardData2.credentialSubject?.name || "Domain"}`
     });
     setFlowStep("creating");
     editor.updateBlock(block, { props: { ...block.props, status: "creating" } });
+    const endDate = domainCardData2.endDate || validUntil;
     const { entityDid: newEntityDid, transactionHash } = await handlers.createDomain({
       entityType,
       linkedResource: [domainCardLinkedResource],
-      startDate: domainCardData2.validFrom,
-      endDate: domainCardData2.validUntil
+      startDate: validFrom,
+      endDate
     });
     return {
       entityDid: newEntityDid,
       entityType,
       transactionHash
     };
-  }, [handlers, getDomainCardData, block, editor]);
+  }, [handlers, getDomainCardData, block, editor, getDate100YearsFromNow]);
   const handleSign = useCallback46(async () => {
     try {
       const result = await processSignAndCreate();
@@ -16893,13 +16904,34 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
     return /* @__PURE__ */ React184.createElement(Stack121, { gap: "md", p: "md" }, /* @__PURE__ */ React184.createElement(Group58, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Title16, { order: 5 }, block.props.title || "Sign to Create"), /* @__PURE__ */ React184.createElement(CloseButton13, { onClick: handleClose, title: "Close panel" })), /* @__PURE__ */ React184.createElement(Alert24, { icon: /* @__PURE__ */ React184.createElement(IconAlertCircle11, { size: 16 }), title: "Domain Creation Failed", color: "red" }, /* @__PURE__ */ React184.createElement(Text95, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React184.createElement(Group58, null, /* @__PURE__ */ React184.createElement(Button32, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React184.createElement(Button32, { variant: "subtle", onClick: handleClose }, "Close")));
   }
   const domainCardData = getDomainCardData();
-  return /* @__PURE__ */ React184.createElement(Stack121, { gap: "md", p: "md" }, /* @__PURE__ */ React184.createElement(Group58, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Stack121, { gap: 4 }, /* @__PURE__ */ React184.createElement(Title16, { order: 5 }, block.props.title || "Sign to Create"), /* @__PURE__ */ React184.createElement(Text95, { size: "sm", c: "dimmed" }, "Review and sign to create your domain.")), /* @__PURE__ */ React184.createElement(CloseButton13, { onClick: handleClose, title: "Close panel" })), /* @__PURE__ */ React184.createElement(Stack121, { gap: "xs", p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, /* @__PURE__ */ React184.createElement(Text95, { fw: 600, size: "sm" }, "Domain Card Summary"), /* @__PURE__ */ React184.createElement(Group58, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Name:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs" }, domainCardData?.name || "Not set")), /* @__PURE__ */ React184.createElement(Group58, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Type:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs" }, block.props.entityType || domainCardData?.type?.[0] || "dao")), domainCardData?.description && /* @__PURE__ */ React184.createElement(Group58, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Description:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs", lineClamp: 2, style: { flex: 1 } }, domainCardData.description))), /* @__PURE__ */ React184.createElement(Button32, { leftSection: /* @__PURE__ */ React184.createElement(IconSignature, { size: 18 }), onClick: handleSign, fullWidth: true }, "Sign & Create Domain"));
+  return /* @__PURE__ */ React184.createElement(Stack121, { gap: "md", p: "md" }, /* @__PURE__ */ React184.createElement(Group58, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Stack121, { gap: 4 }, /* @__PURE__ */ React184.createElement(Title16, { order: 5 }, block.props.title || "Sign to Create"), /* @__PURE__ */ React184.createElement(Text95, { size: "sm", c: "dimmed" }, "Review and sign to create your domain.")), /* @__PURE__ */ React184.createElement(CloseButton13, { onClick: handleClose, title: "Close panel" })), /* @__PURE__ */ React184.createElement(Stack121, { gap: "xs", p: "md", style: { backgroundColor: "var(--mantine-color-dark-6)", borderRadius: 8 } }, /* @__PURE__ */ React184.createElement(Text95, { fw: 600, size: "sm" }, "Domain Card Summary"), /* @__PURE__ */ React184.createElement(Group58, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Name:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs" }, domainCardData?.credentialSubject?.name || "Not set")), /* @__PURE__ */ React184.createElement(Group58, { gap: "xs" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Type:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs" }, block.props.entityType || (domainCardData?.credentialSubject?.type?.[0]?.replace(/^schema:/i, "").toLowerCase() ?? "dao"))), domainCardData?.credentialSubject?.description && /* @__PURE__ */ React184.createElement(Group58, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React184.createElement(Text95, { size: "xs", c: "dimmed", style: { width: 80 } }, "Description:"), /* @__PURE__ */ React184.createElement(Text95, { size: "xs", lineClamp: 2, style: { flex: 1 } }, domainCardData.credentialSubject.description))), /* @__PURE__ */ React184.createElement(Button32, { leftSection: /* @__PURE__ */ React184.createElement(IconSignature, { size: 18 }), onClick: handleSign, fullWidth: true }, "Sign & Create Domain"));
 };
 
 // src/mantine/blocks/domainCreatorSign/flow/FlowView.tsx
 var DOMAIN_CREATOR_SIGN_FLOW_PANEL_ID = "domain-creator-sign-flow-panel";
+function isDomainCardDataReady(domainCardData) {
+  if (!domainCardData || domainCardData === "{}") return false;
+  try {
+    const parsed = JSON.parse(domainCardData);
+    return Boolean(parsed && typeof parsed === "object" && parsed.name);
+  } catch {
+    return false;
+  }
+}
 var DomainCreatorSignFlowView = ({ editor, block }) => {
   const status = block.props.status || "pending";
+  const domainCardData = block.props.domainCardData || "{}";
+  const isDataReady = isDomainCardDataReady(domainCardData);
+  useEffect47(() => {
+    if (status === "pending" && isDataReady) {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          status: "ready"
+        }
+      });
+    }
+  }, [isDataReady, status, editor, block]);
   const handleComplete = useCallback47(
     (result) => {
       editor.updateBlock(block, {
@@ -16960,7 +16992,7 @@ var DomainCreatorSignFlowView = ({ editor, block }) => {
       case "ready":
         return "Click to sign and create the domain";
       default:
-        return "Waiting for domain data to be approved";
+        return "Waiting for domain card data";
     }
   };
   return /* @__PURE__ */ React185.createElement(BaseContainer, { onClick: isClickable ? handleOpen : void 0, style: { opacity: isClickable ? 1 : 0.7, cursor: isClickable ? "pointer" : "not-allowed" } }, /* @__PURE__ */ React185.createElement(Group59, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React185.createElement(Group59, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("feather", block.props.icon), /* @__PURE__ */ React185.createElement(Stack122, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React185.createElement(Group59, { gap: "xs", align: "center" }, /* @__PURE__ */ React185.createElement(Text96, { fw: 600, size: "sm" }, block.props.title || "Sign to Create"), /* @__PURE__ */ React185.createElement(Badge28, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React185.createElement(Text96, { size: "xs", c: "dimmed", lineClamp: 2 }, getDescriptionText()))), isClickable && /* @__PURE__ */ React185.createElement(Tooltip18, { label: status === "completed" ? "View details" : "Sign & Create", withArrow: true }, /* @__PURE__ */ React185.createElement(ActionIcon27, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React185.createElement(IconChevronRight8, { size: 18 })))));
@@ -17022,14 +17054,14 @@ import React189, { useCallback as useCallback48 } from "react";
 import { Paper as Paper19, CloseButton as CloseButton14, Title as Title17 } from "@mantine/core";
 
 // src/mantine/blocks/domainCardViewer/template/GeneralTab.tsx
-import React188, { useEffect as useEffect47, useState as useState65 } from "react";
+import React188, { useEffect as useEffect48, useState as useState65 } from "react";
 var GeneralTab13 = ({ title, description, icon, onTitleChange, onDescriptionChange, onIconChange }) => {
   const [localTitle, setLocalTitle] = useState65(title || "");
   const [localDescription, setLocalDescription] = useState65(description || "");
   const [localIcon, setLocalIcon] = useState65(icon || "dots-circle");
-  useEffect47(() => setLocalTitle(title || ""), [title]);
-  useEffect47(() => setLocalDescription(description || ""), [description]);
-  useEffect47(() => setLocalIcon(icon || "dots-circle"), [icon]);
+  useEffect48(() => setLocalTitle(title || ""), [title]);
+  useEffect48(() => setLocalDescription(description || ""), [description]);
+  useEffect48(() => setLocalIcon(icon || "dots-circle"), [icon]);
   return /* @__PURE__ */ React188.createElement(BaseSection, null, /* @__PURE__ */ React188.createElement(
     BaseTextInput,
     {
@@ -17145,7 +17177,7 @@ var DomainCardViewerTemplateView = ({ editor, block }) => {
 };
 
 // src/mantine/blocks/domainCardViewer/flow/FlowView.tsx
-import React192, { useMemo as useMemo59, useCallback as useCallback49, useEffect as useEffect48, useRef as useRef11 } from "react";
+import React192, { useMemo as useMemo59, useCallback as useCallback49, useEffect as useEffect49 } from "react";
 import { ActionIcon as ActionIcon28, Badge as Badge30, Button as Button34, Group as Group61, Stack as Stack125, Text as Text99, Tooltip as Tooltip19 } from "@mantine/core";
 import { IconChevronRight as IconChevronRight9, IconLoader, IconTestPipe, IconTrash as IconTrash5 } from "@tabler/icons-react";
 
@@ -17456,45 +17488,11 @@ function isPreviewDataReady(domainPreviewData) {
     return false;
   }
 }
-function isDomainCardDataReady(domainCardData) {
-  if (!domainCardData || domainCardData === "{}") return false;
-  try {
-    const parsed = JSON.parse(domainCardData);
-    return Boolean(parsed && typeof parsed === "object" && parsed.name);
-  } catch {
-    return false;
-  }
-}
-function syncToDomainCreatorSignBlocks(editor, domainCardData, isApproved) {
-  const allBlocks = editor.document;
-  for (const docBlock of allBlocks) {
-    if (docBlock.type === "domainCreatorSign") {
-      const currentStatus = docBlock.props.status;
-      if (currentStatus === "completed" || currentStatus === "signing" || currentStatus === "uploading" || currentStatus === "creating") {
-        continue;
-      }
-      const newStatus = isApproved && isDomainCardDataReady(domainCardData) ? "ready" : "pending";
-      if (docBlock.props.domainCardData !== domainCardData || docBlock.props.status !== newStatus) {
-        editor.updateBlock(docBlock, {
-          props: {
-            ...docBlock.props,
-            domainCardData,
-            status: newStatus
-          }
-        });
-      }
-    }
-  }
-}
 var DomainCardViewerFlowView = ({ editor, block }) => {
   const status = block.props.status || "pending";
   const domainPreviewData = block.props.domainPreviewData || "{}";
-  const domainCardData = block.props.domainCardData || "{}";
   const isDataReady = isPreviewDataReady(domainPreviewData);
-  const isApproved = status === "approved";
-  const prevDomainCardDataRef = useRef11(domainCardData);
-  const prevStatusRef = useRef11(status);
-  useEffect48(() => {
+  useEffect49(() => {
     if (status === "pending" && isDataReady) {
       editor.updateBlock(block, {
         props: {
@@ -17504,15 +17502,6 @@ var DomainCardViewerFlowView = ({ editor, block }) => {
       });
     }
   }, [isDataReady, status, editor, block]);
-  useEffect48(() => {
-    const dataChanged = prevDomainCardDataRef.current !== domainCardData;
-    const statusChanged = prevStatusRef.current !== status;
-    if (dataChanged || statusChanged) {
-      syncToDomainCreatorSignBlocks(editor, domainCardData, isApproved);
-      prevDomainCardDataRef.current = domainCardData;
-      prevStatusRef.current = status;
-    }
-  }, [domainCardData, status, isApproved, editor]);
   const handleApprove = useCallback49(() => {
     editor.updateBlock(block, {
       props: {
@@ -17814,7 +17803,7 @@ blockRegistry.register({
 });
 
 // src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo60, useEffect as useEffect49, useState as useState66, useCallback as useCallback50 } from "react";
+import { useMemo as useMemo60, useEffect as useEffect50, useState as useState66, useCallback as useCallback50 } from "react";
 
 // src/mantine/blocks/hooks/useDependsOn.ts
 import { useMemo as useMemo61 } from "react";
@@ -18293,14 +18282,14 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
 import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
 
 // src/core/hooks/useMatrixProvider.ts
-import { useEffect as useEffect50, useState as useState67, useRef as useRef12, useCallback as useCallback51, useMemo as useMemo62 } from "react";
+import { useEffect as useEffect51, useState as useState67, useRef as useRef11, useCallback as useCallback51, useMemo as useMemo62 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
   const [matrixProvider, setProvider] = useState67(null);
   const [status, setStatus] = useState67("disconnected");
-  const isMountedRef = useRef12(true);
-  const providerRef = useRef12(null);
-  const retryTimeoutRef = useRef12(null);
+  const isMountedRef = useRef11(true);
+  const providerRef = useRef11(null);
+  const retryTimeoutRef = useRef11(null);
   const providerOptions = useMemo62(
     () => ({
       translator: {
@@ -18362,7 +18351,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect50(() => {
+  useEffect51(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -18379,7 +18368,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect50(() => {
+  useEffect51(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -18398,7 +18387,7 @@ function useCollaborativeYDoc(_options) {
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo64, useEffect as useEffect51 } from "react";
+import { useMemo as useMemo64, useEffect as useEffect52 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -18583,7 +18572,7 @@ function useCreateCollaborativeIxoEditor(options) {
     roomId: options.roomId
   });
   const metadataManager = useMemo64(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect51(() => {
+  useEffect52(() => {
     return () => {
       metadataManager.dispose();
     };
@@ -18804,12 +18793,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect51(() => {
+  useEffect52(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect51(() => {
+  useEffect52(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -18842,7 +18831,7 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/CoverImage.tsx
-import React196, { useState as useState68, useRef as useRef13, useEffect as useEffect52 } from "react";
+import React196, { useState as useState68, useRef as useRef12, useEffect as useEffect53 } from "react";
 import { Box as Box35, Group as Group62 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
@@ -19005,10 +18994,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const [isHovering, setIsHovering] = useState68(false);
   const [isRepositioning, setIsRepositioning] = useState68(false);
   const [coverPosition, setCoverPosition] = useState68(50);
-  const coverFileInputRef = useRef13(null);
-  const logoFileInputRef = useRef13(null);
+  const coverFileInputRef = useRef12(null);
+  const logoFileInputRef = useRef12(null);
   const [metadata, setMetadata] = useState68(() => editor?.getPageMetadata?.() || null);
-  useEffect52(() => {
+  useEffect53(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -19295,7 +19284,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
 }
 
 // src/mantine/components/PageHeader.tsx
-import React197, { useState as useState69, useRef as useRef14, useEffect as useEffect53 } from "react";
+import React197, { useState as useState69, useRef as useRef13, useEffect as useEffect54 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -19307,8 +19296,8 @@ function PageHeader({
   menuItems = []
 }) {
   const [isMenuOpen, setIsMenuOpen] = useState69(false);
-  const menuRef = useRef14(null);
-  useEffect53(() => {
+  const menuRef = useRef13(null);
+  useEffect54(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -19488,7 +19477,7 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React198, { useCallback as useCallback52, useEffect as useEffect54, useRef as useRef15, useState as useState70 } from "react";
+import React198, { useCallback as useCallback52, useEffect as useEffect55, useRef as useRef14, useState as useState70 } from "react";
 import { Box as Box36 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -19501,14 +19490,14 @@ var ExternalDropZone = ({
   onPlacementCancel,
   children
 }) => {
-  const containerRef = useRef15(null);
+  const containerRef = useRef14(null);
   const [isValidDrag, setIsValidDrag] = useState70(false);
   const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState70(false);
   const [indicatorStyle, setIndicatorStyle] = useState70({});
-  const dropPositionRef = useRef15(null);
-  const scrollAnimationRef = useRef15(null);
-  const scrollDirectionRef = useRef15(null);
-  const scrollContainerRef = useRef15(null);
+  const dropPositionRef = useRef14(null);
+  const scrollAnimationRef = useRef14(null);
+  const scrollDirectionRef = useRef14(null);
+  const scrollContainerRef = useRef14(null);
   const getBlockElements = useCallback52(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
@@ -19664,7 +19653,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect54(() => {
+  useEffect55(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -19722,7 +19711,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect54(() => {
+  useEffect55(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -19745,13 +19734,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect54(() => {
+  useEffect55(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -19762,7 +19751,7 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect54(() => {
+  useEffect55(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
@@ -20122,7 +20111,7 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React202, { useState as useState72, useEffect as useEffect55, useMemo as useMemo65 } from "react";
+import React202, { useState as useState72, useEffect as useEffect56, useMemo as useMemo65 } from "react";
 import { Stack as Stack127, Text as Text101, Paper as Paper21, Group as Group64, Badge as Badge31, Button as Button37, ActionIcon as ActionIcon29, Loader as Loader26, Alert as Alert27, Divider as Divider12 } from "@mantine/core";
 import { IconPlus as IconPlus5, IconTrash as IconTrash6, IconShieldCheck as IconShieldCheck2, IconUser as IconUser4, IconRobot as IconRobot3, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
@@ -20137,7 +20126,7 @@ var FlowPermissionsPanel = ({
   const [loading, setLoading] = useState72(true);
   const [revoking, setRevoking] = useState72(null);
   const rootCapability = useMemo65(() => editor.getRootCapability?.(), [editor]);
-  useEffect55(() => {
+  useEffect56(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -20554,4 +20543,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-3A47Y7LN.mjs.map
+//# sourceMappingURL=chunk-KWCTPDGD.mjs.map