@ixo/editor 2.22.0 → 2.23.0

package/dist/{chunk-NBT2P6S5.mjs → chunk-75HEM77J.mjs}

@@ -1160,6 +1160,44 @@ var CONDITIONABLE_PROPERTIES = {
       type: "string",
       description: "Error message if sending failed"
     }
+  ],
+  governanceGroup: [
+    {
+      name: "coreAddress",
+      displayName: "Core Address",
+      type: "string",
+      description: "The DAO core contract address"
+    },
+    {
+      name: "groupAddress",
+      displayName: "Group Address",
+      type: "string",
+      description: "The voting group contract address"
+    },
+    {
+      name: "groupType",
+      displayName: "Group Type",
+      type: "select",
+      selectOptions: [
+        { value: "categorical", label: "Categorical" },
+        { value: "multisig", label: "Multisig" },
+        { value: "nftStaking", label: "NFT Staking" },
+        { value: "tokenStaking", label: "Token Staking" }
+      ],
+      description: "Type of governance group"
+    },
+    {
+      name: "title",
+      displayName: "Title",
+      type: "string",
+      description: "Title of the governance group block"
+    },
+    {
+      name: "description",
+      displayName: "Description",
+      type: "string",
+      description: "Description of the governance group block"
+    }
   ]
 };
 function getConditionableProperties(blockType, block) {
@@ -1977,7 +2015,8 @@ import {
   IconBell,
   IconMail,
   IconFeather,
-  IconDotsCircleHorizontal
+  IconDotsCircleHorizontal,
+  IconUsers as IconUsers2
 } from "@tabler/icons-react";
 var ICON_MAP = {
   "square-check": IconSquareCheck,
@@ -1991,7 +2030,8 @@ var ICON_MAP = {
   "dollar-sign": IconUserDollar,
   mail: IconMail,
   feather: IconFeather,
-  "dots-circle": IconDotsCircleHorizontal
+  "dots-circle": IconDotsCircleHorizontal,
+  users: IconUsers2
 };
 var getIcon = (fallback = "square-check", key, color = "white", size = 26, stroke = 1.5) => {
   const validKey = key in ICON_MAP ? key : fallback;
@@ -18099,9 +18139,27 @@ import { Alert as Alert26, Button as Button33, Group as Group62, Loader as Loade
 import { IconAlertCircle as IconAlertCircle12, IconCheck as IconCheck8 } from "@tabler/icons-react";
 import React196, { useCallback as useCallback51, useState as useState68 } from "react";
 
+// src/mantine/blocks/domainCreatorSign/utils/buildLinkedEntityResource.ts
+function parseLinkedEntities(entitiesString) {
+  if (!entitiesString || entitiesString === "[]") return [];
+  try {
+    return JSON.parse(entitiesString);
+  } catch {
+    return [];
+  }
+}
+function buildGovernanceGroupLinkedEntities(linkedEntities) {
+  return linkedEntities.filter((entity) => entity.type === "governanceGroup" && entity.coreAddress).map((entity) => ({
+    id: entity.coreAddress,
+    type: "group",
+    relationship: "governs",
+    service: ""
+  }));
+}
+
 // src/mantine/components/Base/BaseSigning.tsx
 import { Badge as Badge31, Box as Box38, Flex as Flex29, Group as Group61, Slider, Stack as Stack127, Tabs as Tabs4, Text as Text103, Tooltip as Tooltip20 } from "@mantine/core";
-import { IconClock as IconClock2, IconFeather as IconFeather2, IconUsers as IconUsers2, IconArrowsExchange, IconCalendar as IconCalendar2, IconLeaf, IconBolt } from "@tabler/icons-react";
+import { IconClock as IconClock2, IconFeather as IconFeather2, IconUsers as IconUsers3, IconArrowsExchange, IconCalendar as IconCalendar2, IconLeaf, IconBolt } from "@tabler/icons-react";
 import React195, { useState as useState67 } from "react";
 function BaseSigning({ handleSign }) {
   const [value, setValue] = useState67(23);
@@ -18173,7 +18231,7 @@ function BaseSigning({ handleSign }) {
           }
         }
       },
-      /* @__PURE__ */ React195.createElement(Tabs4.List, null, /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Agents" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "agents", leftSection: /* @__PURE__ */ React195.createElement(IconUsers2, { size: 18, color: "white" }) })), /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Transactions" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "transactions", leftSection: /* @__PURE__ */ React195.createElement(IconArrowsExchange, { size: 18, color: "white" }) })), /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Date" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "date", leftSection: /* @__PURE__ */ React195.createElement(IconCalendar2, { size: 18, color: "white" }) })), /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Charge" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "charge", leftSection: /* @__PURE__ */ React195.createElement(IconBolt, { size: 18, color: "white" }) })), /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Impact" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "impact", leftSection: /* @__PURE__ */ React195.createElement(IconLeaf, { size: 18, color: "white" }) }))),
+      /* @__PURE__ */ React195.createElement(Tabs4.List, null, /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Agents" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "agents", leftSection: /* @__PURE__ */ React195.createElement(IconUsers3, { size: 18, color: "white" }) })), /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Transactions" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "transactions", leftSection: /* @__PURE__ */ React195.createElement(IconArrowsExchange, { size: 18, color: "white" }) })), /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Date" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "date", leftSection: /* @__PURE__ */ React195.createElement(IconCalendar2, { size: 18, color: "white" }) })), /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Charge" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "charge", leftSection: /* @__PURE__ */ React195.createElement(IconBolt, { size: 18, color: "white" }) })), /* @__PURE__ */ React195.createElement(Tooltip20, { label: "Impact" }, /* @__PURE__ */ React195.createElement(Tabs4.Tab, { value: "impact", leftSection: /* @__PURE__ */ React195.createElement(IconLeaf, { size: 18, color: "white" }) }))),
       /* @__PURE__ */ React195.createElement(Tabs4.Panel, { value: "agents" }, /* @__PURE__ */ React195.createElement(Text103, { c: "white", size: "sm" }, "Agents content")),
       /* @__PURE__ */ React195.createElement(Tabs4.Panel, { value: "transactions" }, /* @__PURE__ */ React195.createElement(Text103, { c: "white", size: "sm" }, "Transactions content")),
       /* @__PURE__ */ React195.createElement(Tabs4.Panel, { value: "date" }, /* @__PURE__ */ React195.createElement(Text103, { c: "white", size: "sm" }, "Date content")),
@@ -18305,12 +18363,15 @@ var SignPanel = ({ editor, block, onComplete, onError }) => {
       serviceEndpoint: uploadResult.url,
       description: `Domain Card for ${domainCardData2.credentialSubject?.name || "Domain"}`
     });
+    const linkedEntitiesData = parseLinkedEntities(block.props.linkedEntities || "[]");
+    const governanceGroupLinkedEntities = buildGovernanceGroupLinkedEntities(linkedEntitiesData);
     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],
+      linkedEntity: governanceGroupLinkedEntities.length > 0 ? governanceGroupLinkedEntities : void 0,
       startDate: validFrom,
       endDate
     });
@@ -18508,6 +18569,8 @@ var DomainCreatorSignBlockSpec = createReactBlockSpec17(
       transactionHash: { default: "" },
       // Error message if failed
       errorMessage: { default: "" },
+      // JSON array of LinkedEntityData from governance groups and other sources
+      linkedEntities: { default: "[]" },
       assignment: {
         default: JSON.stringify({
           assignedActor: { did: "", avatar: "", displayName: "" },
@@ -19120,219 +19183,1662 @@ var DomainCardViewerBlockSpec = createReactBlockSpec18(
   }
 );
 
-// src/mantine/blocks/registry/blockRegistry.ts
-var BlockRegistry = class {
-  constructor() {
-    this.blocks = /* @__PURE__ */ new Map();
-  }
-  register(entry) {
-    this.blocks.set(entry.type, entry);
-  }
-  get(type) {
-    return this.blocks.get(type);
-  }
-  getAll() {
-    return new Map(this.blocks);
-  }
-  getValidDependencies(type) {
-    const entry = this.get(type);
-    return entry?.validDependencies || [];
-  }
-  getPropSchema(type) {
-    const entry = this.get(type);
-    return entry?.propSchema;
-  }
-  isValidDependency(blockType, dependencyType) {
-    const validDeps = this.getValidDependencies(blockType);
-    return validDeps.includes(dependencyType);
-  }
-};
-var blockRegistry = new BlockRegistry();
-blockRegistry.register({
-  type: "proposal",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "\u{1F4DD}",
-    proposalId: "",
-    status: "draft",
-    contractAddress: "",
-    coreAddress: "",
-    createdProposalId: ""
-  },
-  validDependencies: [],
-  defaultProps: {
-    icon: "\u{1F4DD}",
-    status: "draft"
-  }
-});
-blockRegistry.register({
-  type: "proposalVote",
-  propSchema: {
-    title: "",
-    subtitle: "",
-    icon: "\u{1F5F3}\uFE0F",
-    status: "open",
-    daysLeft: 0,
-    proposalId: "",
-    proposalBlockId: "",
-    proposalContractAddress: ""
-  },
-  validDependencies: ["proposal"],
-  defaultProps: {
-    icon: "\u{1F5F3}\uFE0F",
-    status: "open",
-    daysLeft: 0,
-    proposalBlockId: ""
-  }
-});
-blockRegistry.register({
-  type: "list",
-  propSchema: {
-    title: "",
-    did: "",
-    fragmentIdentifier: ""
-  },
-  validDependencies: [],
-  defaultProps: {}
-});
-blockRegistry.register({
-  type: "overview",
-  propSchema: {
-    did: ""
-  },
-  validDependencies: [],
-  defaultProps: {}
-});
-blockRegistry.register({
-  type: "enumChecklist",
-  propSchema: {
-    listType: "",
-    listConfig: "{}"
-  },
-  validDependencies: [],
-  defaultProps: {}
-});
-blockRegistry.register({
-  type: "notify",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "bell",
-    channel: "email",
-    to: "[]",
-    cc: "[]",
-    bcc: "[]",
-    subject: "",
-    body: "",
-    bodyType: "text",
-    from: "",
-    replyTo: "",
-    templateId: "",
-    templateVariables: "{}",
-    status: "idle",
-    messageId: "",
-    sentAt: "",
-    errorMessage: "",
-    conditions: ""
-  },
-  validDependencies: [],
-  defaultProps: {
-    icon: "bell",
-    channel: "email",
-    bodyType: "text",
-    status: "idle"
-  }
-});
-blockRegistry.register({
-  type: "bid",
-  propSchema: {
-    title: "",
-    description: "",
-    did: "",
-    selectedCollections: "[]",
-    adminAddress: ""
+// src/mantine/blocks/governanceGroup/GovernanceGroupBlockSpec.tsx
+import React214 from "react";
+import { createReactBlockSpec as createReactBlockSpec19 } from "@blocknote/react";
+
+// src/mantine/blocks/governanceGroup/GovernanceGroupBlock.tsx
+import React213 from "react";
+
+// src/mantine/blocks/governanceGroup/template/TemplateView.tsx
+import React210, { useMemo as useMemo67 } from "react";
+import { Badge as Badge36, Group as Group67, Stack as Stack135, Text as Text111 } from "@mantine/core";
+
+// src/mantine/blocks/governanceGroup/template/TemplateConfig.tsx
+import React209, { useCallback as useCallback56 } from "react";
+
+// src/mantine/blocks/governanceGroup/template/GeneralTab.tsx
+import React207, { useEffect as useEffect52, useState as useState70 } from "react";
+import { Card as Card17, SimpleGrid as SimpleGrid2, Stack as Stack133, Text as Text109, ThemeIcon as ThemeIcon2 } from "@mantine/core";
+import { IconUsers as IconUsers4, IconSignature, IconPhoto as IconPhoto2, IconCoin } from "@tabler/icons-react";
+
+// src/mantine/blocks/governanceGroup/types.ts
+var GROUP_TYPE_CONFIGS = [
+  {
+    type: "categorical",
+    title: "Categorical Group",
+    description: "Weight-based voting where members have assigned voting power",
+    icon: "users"
   },
-  validDependencies: [],
-  defaultProps: {}
-});
-blockRegistry.register({
-  type: "claim",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "square-check",
-    deedDid: "",
-    selectedCollections: "[]",
-    adminAddress: ""
+  {
+    type: "multisig",
+    title: "Multisig Group",
+    description: "Requires multiple signatures for proposals to pass",
+    icon: "signature"
   },
-  validDependencies: [],
-  defaultProps: {
-    icon: "square-check"
-  }
-});
-blockRegistry.register({
-  type: "domainCreator",
-  propSchema: {
-    title: "",
-    description: "",
-    icon: "file-text",
-    surveySchema: "",
-    answers: "",
-    lastSubmission: ""
+  {
+    type: "nftStaking",
+    title: "NFT Staking Group",
+    description: "Voting power based on staked NFTs",
+    icon: "photo"
   },
-  validDependencies: [],
-  defaultProps: {
-    icon: "file-text",
-    surveySchema: "",
-    answers: "",
-    lastSubmission: ""
+  {
+    type: "tokenStaking",
+    title: "Token Staking Group",
+    description: "Voting power based on staked tokens",
+    icon: "coin"
   }
-});
-
-// src/mantine/blocks/hooks/useBlockDependencies.ts
-import { useMemo as useMemo66, useEffect as useEffect52, useState as useState70, useCallback as useCallback55 } from "react";
-
-// src/mantine/blocks/hooks/useDependsOn.ts
-import { useMemo as useMemo67 } from "react";
+];
 
-// src/mantine/blocks/index.ts
-var blockSpecs = {
-  checkbox: CheckboxBlockSpec,
-  list: ListBlockSpec,
-  enumChecklist: EnumChecklistBlock,
-  overview: OverviewBlock,
-  proposal: ProposalBlockSpec,
-  apiRequest: ApiRequestBlockSpec,
-  notify: NotifyBlockSpec,
-  claim: ClaimBlockSpec,
-  bid: BidBlockSpec,
-  evaluator: EvaluatorBlockSpec,
-  domainCreator: DomainCreatorBlockSpec,
-  email: EmailBlockSpec,
-  visualization: VisualizationBlockSpec,
-  dynamicList: DynamicListBlockSpec,
-  protocolSelector: ProtocolSelectorBlockSpec,
-  form: FormBlockSpec,
-  domainCreatorSign: DomainCreatorSignBlockSpec,
-  domainCardViewer: DomainCardViewerBlockSpec
-};
-var getExtraSlashMenuItems = (editor) => {
-  const slashMenuList = [
+// src/mantine/blocks/governanceGroup/template/GeneralTab.tsx
+var GROUP_TYPE_ICONS = {
+  categorical: /* @__PURE__ */ React207.createElement(IconUsers4, { size: 20 }),
+  multisig: /* @__PURE__ */ React207.createElement(IconSignature, { size: 20 }),
+  nftStaking: /* @__PURE__ */ React207.createElement(IconPhoto2, { size: 20 }),
+  tokenStaking: /* @__PURE__ */ React207.createElement(IconCoin, { size: 20 })
+};
+var GeneralTab15 = ({ title, description, icon, groupType, onTitleChange, onDescriptionChange, onIconChange, onGroupTypeChange }) => {
+  const [localTitle, setLocalTitle] = useState70(title || "");
+  const [localDescription, setLocalDescription] = useState70(description || "");
+  const [localIcon, setLocalIcon] = useState70(icon || "users");
+  useEffect52(() => setLocalTitle(title || ""), [title]);
+  useEffect52(() => setLocalDescription(description || ""), [description]);
+  useEffect52(() => setLocalIcon(icon || "users"), [icon]);
+  return /* @__PURE__ */ React207.createElement(BaseSection, null, /* @__PURE__ */ React207.createElement(Stack133, { gap: "md" }, /* @__PURE__ */ React207.createElement(Text109, { size: "sm", fw: 500 }, "Group Type"), /* @__PURE__ */ React207.createElement(SimpleGrid2, { cols: 2, spacing: "sm" }, GROUP_TYPE_CONFIGS.map((config) => {
+    const isSelected = groupType === config.type;
+    return /* @__PURE__ */ React207.createElement(
+      Card17,
+      {
+        key: config.type,
+        shadow: "sm",
+        padding: "md",
+        radius: "md",
+        withBorder: true,
+        style: {
+          cursor: "pointer",
+          borderColor: isSelected ? "var(--mantine-color-blue-6)" : void 0,
+          backgroundColor: isSelected ? "var(--mantine-color-blue-0)" : void 0
+        },
+        onClick: () => onGroupTypeChange(config.type)
+      },
+      /* @__PURE__ */ React207.createElement(Stack133, { align: "center", gap: "xs" }, /* @__PURE__ */ React207.createElement(ThemeIcon2, { size: "lg", radius: "md", variant: isSelected ? "filled" : "light", color: "blue" }, GROUP_TYPE_ICONS[config.type]), /* @__PURE__ */ React207.createElement(Text109, { fw: 500, size: "xs", ta: "center" }, config.title), /* @__PURE__ */ React207.createElement(Text109, { size: "xs", c: "dimmed", ta: "center", lineClamp: 2 }, config.description))
+    );
+  }))), /* @__PURE__ */ React207.createElement(
+    BaseTextInput,
     {
-      title: "Checkbox",
-      onItemClick: () => {
-        editor.insertBlocks(
-          [
-            {
-              type: "checkbox",
-              props: {
-                checked: false,
-                allowedCheckers: "all",
-                initialChecked: false,
-                title: "",
-                description: "",
-                visibility: "all",
+      label: "Title",
+      placeholder: "e.g. Create Governance Group",
+      value: localTitle,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalTitle(newValue);
+        onTitleChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React207.createElement(
+    BaseTextArea,
+    {
+      label: "Description",
+      placeholder: "Short summary for the governance group creation flow",
+      minRows: 3,
+      value: localDescription,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalDescription(newValue);
+        onDescriptionChange(newValue);
+      }
+    }
+  ), /* @__PURE__ */ React207.createElement(
+    BaseTextInput,
+    {
+      label: "Icon",
+      description: "Use a supported icon key (e.g. users, signature, coin)",
+      placeholder: "users",
+      value: localIcon,
+      onChange: (event) => {
+        const newValue = event.currentTarget.value;
+        setLocalIcon(newValue);
+        onIconChange(newValue);
+      }
+    }
+  ));
+};
+
+// src/mantine/blocks/governanceGroup/template/AfterCreateTab.tsx
+import React208, { useCallback as useCallback55, useMemo as useMemo66 } from "react";
+import { Stack as Stack134, Text as Text110, Alert as Alert28, Card as Card18, Group as Group66, ActionIcon as ActionIcon30, Badge as Badge35, Switch as Switch6, Select as Select5 } from "@mantine/core";
+import { IconPlus as IconPlus5, IconTrash as IconTrash6, IconLink } from "@tabler/icons-react";
+function parseAfterCreateConfig(configString) {
+  if (!configString) {
+    return { enabled: false, actions: [] };
+  }
+  try {
+    return JSON.parse(configString);
+  } catch {
+    return { enabled: false, actions: [] };
+  }
+}
+function stringifyAfterCreateConfig(config) {
+  return JSON.stringify(config);
+}
+function generateActionId() {
+  return `action_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
+}
+var AfterCreateTab = ({ editor, block, afterCreate, onAfterCreateChange }) => {
+  const config = useMemo66(() => parseAfterCreateConfig(afterCreate), [afterCreate]);
+  const availableTargetBlocks = useMemo66(() => {
+    if (!editor?.document) return [];
+    return editor.document.filter((docBlock) => docBlock.type === "domainCreatorSign" && docBlock.id !== block.id).map((docBlock) => ({
+      id: docBlock.id,
+      type: docBlock.type,
+      title: docBlock.props?.title || "Sign to Create"
+    }));
+  }, [editor?.document, block.id]);
+  const updateConfig = useCallback55(
+    (newConfig) => {
+      onAfterCreateChange(stringifyAfterCreateConfig(newConfig));
+    },
+    [onAfterCreateChange]
+  );
+  const handleAddAction = useCallback55(() => {
+    const firstAvailableBlock = availableTargetBlocks[0];
+    if (!firstAvailableBlock) return;
+    const newAction = {
+      id: generateActionId(),
+      type: "addLinkedEntity",
+      targetBlockId: firstAvailableBlock.id,
+      targetBlockType: firstAvailableBlock.type,
+      enabled: true
+    };
+    updateConfig({
+      enabled: true,
+      actions: [...config.actions, newAction]
+    });
+  }, [availableTargetBlocks, config, updateConfig]);
+  const handleRemoveAction = useCallback55(
+    (actionId) => {
+      const newActions = config.actions.filter((a) => a.id !== actionId);
+      updateConfig({
+        ...config,
+        enabled: newActions.length > 0,
+        actions: newActions
+      });
+    },
+    [config, updateConfig]
+  );
+  const handleUpdateAction = useCallback55(
+    (actionId, updates) => {
+      const newActions = config.actions.map((a) => a.id === actionId ? { ...a, ...updates } : a);
+      updateConfig({ ...config, actions: newActions });
+    },
+    [config, updateConfig]
+  );
+  const handleTargetBlockChange = useCallback55(
+    (actionId, targetBlockId) => {
+      const targetBlock = availableTargetBlocks.find((b) => b.id === targetBlockId);
+      if (!targetBlock) return;
+      handleUpdateAction(actionId, {
+        targetBlockId,
+        targetBlockType: targetBlock.type
+      });
+    },
+    [availableTargetBlocks, handleUpdateAction]
+  );
+  if (availableTargetBlocks.length === 0) {
+    return /* @__PURE__ */ React208.createElement(BaseSection, null, /* @__PURE__ */ React208.createElement(Stack134, { gap: "md" }, /* @__PURE__ */ React208.createElement(Text110, { size: "sm", c: "dimmed" }, "Configure actions to execute after the governance group is successfully created."), /* @__PURE__ */ React208.createElement(Alert28, { color: "blue", title: "No target blocks available" }, `Add a "Sign to Create" block to the document to configure after-create actions. The governance group's core address can be added as a linked entity to the domain.`)));
+  }
+  return /* @__PURE__ */ React208.createElement(BaseSection, null, /* @__PURE__ */ React208.createElement(Stack134, { gap: "md" }, /* @__PURE__ */ React208.createElement(Text110, { size: "sm", c: "dimmed" }, "Configure actions to execute after the governance group is successfully created. The group's core address will be added as a linked entity to the target domain."), /* @__PURE__ */ React208.createElement(Stack134, { gap: "sm" }, config.actions.map((action) => {
+    const targetBlock = availableTargetBlocks.find((b) => b.id === action.targetBlockId);
+    const isTargetMissing = !targetBlock;
+    return /* @__PURE__ */ React208.createElement(Card18, { key: action.id, withBorder: true, padding: "sm", radius: "md" }, /* @__PURE__ */ React208.createElement(Stack134, { gap: "xs" }, /* @__PURE__ */ React208.createElement(Group66, { justify: "space-between", align: "center" }, /* @__PURE__ */ React208.createElement(Group66, { gap: "xs" }, /* @__PURE__ */ React208.createElement(IconLink, { size: 16 }), /* @__PURE__ */ React208.createElement(Text110, { size: "sm", fw: 500 }, "Add as Linked Entity"), /* @__PURE__ */ React208.createElement(Badge35, { size: "xs", variant: "light", color: "blue" }, "Governance Group")), /* @__PURE__ */ React208.createElement(Group66, { gap: "xs" }, /* @__PURE__ */ React208.createElement(Switch6, { size: "xs", checked: action.enabled, onChange: (e) => handleUpdateAction(action.id, { enabled: e.currentTarget.checked }) }), /* @__PURE__ */ React208.createElement(ActionIcon30, { variant: "subtle", color: "red", size: "sm", onClick: () => handleRemoveAction(action.id) }, /* @__PURE__ */ React208.createElement(IconTrash6, { size: 14 })))), isTargetMissing && /* @__PURE__ */ React208.createElement(Alert28, { color: "orange", variant: "light", title: "Target block not found", p: "xs" }, /* @__PURE__ */ React208.createElement(Text110, { size: "xs" }, "The configured target block no longer exists. Please select a new target.")), /* @__PURE__ */ React208.createElement(
+      Select5,
+      {
+        label: "Target Block",
+        description: "Select the Sign to Create block to receive the linked entity",
+        placeholder: "Select target block",
+        value: action.targetBlockId,
+        onChange: (value) => value && handleTargetBlockChange(action.id, value),
+        data: availableTargetBlocks.map((b) => ({
+          value: b.id,
+          label: b.title || `Sign to Create (${b.id.slice(0, 8)}...)`
+        })),
+        size: "xs"
+      }
+    ), targetBlock && /* @__PURE__ */ React208.createElement(Text110, { size: "xs", c: "dimmed" }, 'After creation, the governance group address will be linked to "', targetBlock.title, '"')));
+  })), /* @__PURE__ */ React208.createElement(BaseButton, { onClick: handleAddAction, leftSection: /* @__PURE__ */ React208.createElement(IconPlus5, { size: 16 }), variant: "light", fullWidth: true }, "Add After-Create Action")));
+};
+
+// src/mantine/blocks/governanceGroup/flow/surveys/categoricalGroupSurvey.ts
+var categoricalGroupSurvey = {
+  title: "Create Member-Based Group",
+  logoPosition: "right",
+  pages: [
+    {
+      name: "page1",
+      elements: [
+        {
+          type: "text",
+          name: "groupType",
+          title: "Group Type",
+          defaultValue: "member-based",
+          hideNumber: true,
+          visible: false
+        },
+        {
+          type: "text",
+          name: "groupName",
+          title: "Group Name",
+          hideNumber: true,
+          isRequired: true
+        },
+        {
+          type: "text",
+          name: "description",
+          title: "Description",
+          hideNumber: true
+        },
+        {
+          type: "boolean",
+          name: "voteSwitching",
+          title: "Allow vote switching",
+          titleLocation: "left",
+          description: "Members will be allowed to change their vote before the voting deadline has expired. This will result in all proposals having to complete the full voting duration, even if consensus is reached early.",
+          hideNumber: true
+        },
+        {
+          type: "boolean",
+          name: "proposalDeposit",
+          title: "Proposal Deposit",
+          description: "The number of tokens that must be deposited to create a proposal. Setting this may deter spam, but setting it too high may limit broad participation.",
+          hideNumber: true
+        },
+        {
+          type: "dropdown",
+          name: "quorum",
+          title: "Quorum",
+          description: "The minimum percentage of voting power that must vote on a proposal for it to be considered a valid vote. If the group has many inactive members, setting this value too high may make it difficult to pass proposals.",
+          hideNumber: true,
+          defaultValue: "majority",
+          choices: [
+            {
+              value: "majority",
+              text: "Majority"
+            },
+            {
+              value: "pecentage",
+              text: "%"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "quorumPercentage",
+          visibleIf: "{quorum} = 'pecentage'",
+          startWithNewLine: false,
+          title: "Quorum Percentage",
+          hideNumber: true
+        },
+        {
+          type: "dropdown",
+          name: "passingThreshold",
+          title: "Passing Threshold",
+          description: "A majority passing threshold is recommended. Without a majority threshold, the quorum is set by those who voted. A proposal could therefore pass with only a minority of the group voting \u2018yes.\u2019 With a majority threshold, as least 50% of the whole group must vote \u2018yes\u2019.",
+          hideNumber: true,
+          defaultValue: "majority",
+          choices: [
+            {
+              value: "majority",
+              text: "Majority"
+            },
+            {
+              value: "percentage",
+              text: "%"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "passingThresholdPercentage",
+          visibleIf: "{passingThreshold} = 'percentage'",
+          startWithNewLine: false,
+          title: "Passing Threshold Percentage",
+          hideNumber: true,
+          inputType: "number"
+        },
+        {
+          type: "dropdown",
+          name: "proposalSubmissionPolicy",
+          title: "Proposal Submission Policy",
+          description: "Who is allowed to submit proposals to the Group?",
+          hideNumber: true,
+          choices: [
+            {
+              value: "members",
+              text: "Members "
+            },
+            {
+              value: "anyone",
+              text: "Anyone"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "proposalDurationAmount",
+          title: "Voting Duration",
+          description: "The duration for which proposals are open for voting. A low proposal duration may increase the speed at which your Group can pass proposals. Setting the duration too low may make it difficult for proposals to pass as voters will have limited time to vote. After this time elapses, the proposal will either pass or fail.",
+          hideNumber: true,
+          defaultValue: 1,
+          inputType: "number"
+        },
+        {
+          type: "dropdown",
+          name: "proposalDurationUnit",
+          startWithNewLine: false,
+          title: "Unit",
+          hideNumber: true,
+          defaultValue: "weeks",
+          choices: [
+            {
+              value: "seconds",
+              text: "Seconds"
+            },
+            {
+              value: "minutes",
+              text: "Minutes"
+            },
+            {
+              value: "hours",
+              text: "Hours"
+            },
+            {
+              value: "days",
+              text: "Days"
+            },
+            {
+              value: "weeks",
+              text: "Weeks"
+            },
+            {
+              value: "months",
+              text: "Months"
+            },
+            {
+              value: "years",
+              text: "Years"
+            }
+          ]
+        },
+        {
+          type: "paneldynamic",
+          name: "membershipCategory",
+          title: "Membership Category",
+          hideNumber: true,
+          templateElements: [
+            {
+              type: "text",
+              name: "categoryName",
+              title: "Category Name"
+            },
+            {
+              type: "text",
+              name: "weightPerMember",
+              title: "Voting Weight Per Member",
+              defaultValue: 1,
+              inputType: "number",
+              isRequired: true
+            },
+            {
+              type: "paneldynamic",
+              name: "members",
+              title: "Members",
+              templateElements: [
+                {
+                  type: "text",
+                  name: "memberAddress",
+                  title: "Member Address",
+                  isRequired: true
+                }
+              ],
+              panelCount: 1
+            }
+          ],
+          panelCount: 1
+        }
+      ]
+    }
+  ],
+  completeText: "Complete",
+  showNavigationButtons: true,
+  complete: false,
+  focusFirstQuestionAutomatic: true,
+  pageNextText: "Continue",
+  pagePrevText: "Back",
+  showCompletedPage: false
+};
+
+// src/mantine/blocks/governanceGroup/flow/surveys/multisigGroupSurvey.ts
+var multisigGroupSurvey = {
+  title: "Create Multi-Sig Group",
+  logoPosition: "right",
+  pages: [
+    {
+      name: "page1",
+      elements: [
+        {
+          type: "text",
+          name: "groupName",
+          title: "Group Name",
+          hideNumber: true
+        },
+        {
+          type: "text",
+          name: "description",
+          title: "Description",
+          hideNumber: true
+        },
+        {
+          type: "text",
+          name: "threshold",
+          title: "Minimum Number of Signatories Required",
+          description: "The minimum number of members who must approve for a proposal to pass",
+          hideNumber: true,
+          inputType: "number"
+        },
+        {
+          type: "paneldynamic",
+          name: "memberships",
+          title: "Multi-Sig Group Members",
+          hideNumber: true,
+          templateElements: [
+            {
+              type: "paneldynamic",
+              name: "members",
+              templateElements: [
+                {
+                  type: "text",
+                  name: "memberAddress",
+                  title: "Member Address"
+                }
+              ],
+              panelCount: 1,
+              minPanelCount: 1
+            }
+          ],
+          panelCount: 1,
+          showQuestionNumbers: "off"
+        }
+      ]
+    }
+  ],
+  completeText: "Create Multi-Sig Group",
+  showNavigationButtons: true,
+  complete: false,
+  focusFirstQuestionAutomatic: true,
+  pageNextText: "Continue",
+  pagePrevText: "Back",
+  showCompletedPage: false
+};
+
+// src/mantine/blocks/governanceGroup/flow/surveys/nftStakingGroupSurvey.ts
+var nftStakingGroupSurvey = {
+  title: "Create NFT-Based Group",
+  logoPosition: "right",
+  pages: [
+    {
+      name: "page1",
+      elements: [
+        {
+          type: "file",
+          name: "groupImage",
+          title: "Group Image"
+        },
+        {
+          type: "text",
+          name: "groupType",
+          title: "Group Type",
+          defaultValue: "nft-based",
+          hideNumber: true,
+          visible: false
+        },
+        {
+          type: "text",
+          name: "groupName",
+          title: "Group Name",
+          hideNumber: true
+        },
+        {
+          type: "text",
+          name: "description",
+          title: "Description",
+          hideNumber: true
+        },
+        {
+          type: "text",
+          name: "nftContractAddress",
+          title: "NFT Contract Address",
+          description: "The address of the NFT contract used for voting.",
+          hideNumber: true
+        },
+        {
+          type: "boolean",
+          name: "voteSwitching",
+          title: "Allow Vote Switching",
+          titleLocation: "left",
+          description: "Members will be allowed to change their vote before the voting deadline has expired.",
+          hideNumber: true
+        },
+        {
+          type: "dropdown",
+          name: "quorum",
+          title: "Quorum",
+          description: "The minimum percentage of voting power that must vote on a proposal for it to be considered a valid vote.",
+          hideNumber: true,
+          defaultValue: "majority",
+          choices: [
+            {
+              value: "majority",
+              text: "Majority"
+            },
+            {
+              value: "percentage",
+              text: "%"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "quorumPercentage",
+          visibleIf: "{quorum} = 'percentage'",
+          startWithNewLine: false,
+          title: "Quorum Percentage",
+          hideNumber: true
+        },
+        {
+          type: "dropdown",
+          name: "passingThreshold",
+          title: "Passing Threshold",
+          description: "A majority passing threshold is recommended. Without a majority threshold, the quorum is set by those who voted.",
+          hideNumber: true,
+          defaultValue: "majority",
+          choices: [
+            {
+              value: "majority",
+              text: "Majority"
+            },
+            {
+              value: "percentage",
+              text: "%"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "passingThresholdPercentage",
+          visibleIf: "{passingThreshold} = 'percentage'",
+          startWithNewLine: false,
+          title: "Passing Threshold Percentage",
+          hideNumber: true,
+          inputType: "number"
+        },
+        {
+          type: "dropdown",
+          name: "proposalSubmissionPolicy",
+          title: "Proposal Submission Policy",
+          description: "Who is allowed to submit proposals to the Group?",
+          hideNumber: true,
+          choices: [
+            {
+              value: "members",
+              text: "Members"
+            },
+            {
+              value: "anyone",
+              text: "Anyone"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "proposalDurationAmount",
+          title: "Voting Duration",
+          description: "The duration for which proposals are open for voting.",
+          hideNumber: true,
+          defaultValue: 1,
+          inputType: "number"
+        },
+        {
+          type: "dropdown",
+          name: "proposalDurationUnit",
+          startWithNewLine: false,
+          title: "Unit",
+          hideNumber: true,
+          defaultValue: "weeks",
+          choices: [
+            {
+              value: "seconds",
+              text: "Seconds"
+            },
+            {
+              value: "minutes",
+              text: "Minutes"
+            },
+            {
+              value: "hours",
+              text: "Hours"
+            },
+            {
+              value: "days",
+              text: "Days"
+            },
+            {
+              value: "weeks",
+              text: "Weeks"
+            },
+            {
+              value: "months",
+              text: "Months"
+            },
+            {
+              value: "years",
+              text: "Years"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  completeText: "Sign and Submit",
+  showNavigationButtons: true,
+  complete: false,
+  focusFirstQuestionAutomatic: true,
+  pageNextText: "Continue",
+  pagePrevText: "Back",
+  showCompletedPage: false
+};
+
+// src/mantine/blocks/governanceGroup/flow/surveys/tokenStakingGroupSurvey.ts
+var tokenStakingGroupSurvey = {
+  title: "Create Token-Based Staking Group",
+  logoPosition: "right",
+  pages: [
+    {
+      name: "page1",
+      elements: [
+        {
+          type: "file",
+          name: "groupImage",
+          title: "groupImage"
+        },
+        {
+          type: "text",
+          name: "groupType",
+          title: "Group Type",
+          defaultValue: "member-based",
+          hideNumber: true,
+          visible: false
+        },
+        {
+          type: "text",
+          name: "groupName",
+          title: "Group Name",
+          hideNumber: true
+        },
+        {
+          type: "text",
+          name: "description",
+          title: "Description",
+          hideNumber: true
+        },
+        {
+          type: "boolean",
+          name: "voteSwitching",
+          title: "Allow vote switching",
+          titleLocation: "left",
+          description: "Members will be allowed to change their vote before the voting deadline has expired. This will result in all proposals having to complete the full voting duration, even if consensus is reached early.",
+          hideNumber: true
+        },
+        {
+          type: "boolean",
+          name: "proposalDeposit",
+          title: "Proposal Deposit",
+          description: "The number of tokens that must be deposited to create a proposal. Setting this may deter spam, but setting it too high may limit broad participation.",
+          hideNumber: true
+        },
+        {
+          type: "dropdown",
+          name: "quorum",
+          title: "Quorum",
+          description: "The minimum percentage of voting power that must vote on a proposal for it to be considered a valid vote. If the group has many inactive members, setting this value too high may make it difficult to pass proposals.",
+          hideNumber: true,
+          defaultValue: "majority",
+          choices: [
+            {
+              value: "majority",
+              text: "Majority"
+            },
+            {
+              value: "pecentage",
+              text: "%"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "quorumPercentage",
+          visibleIf: "{quorum} = 'pecentage'",
+          startWithNewLine: false,
+          title: "Quorum Percentage",
+          hideNumber: true
+        },
+        {
+          type: "dropdown",
+          name: "passingThreshold",
+          title: "Passing Threshold",
+          description: "A majority passing threshold is recommended. Without a majority threshold, the quorum is set by those who voted. A proposal could therefore pass with only a minority of the group voting \u2018yes.\u2019 With a majority threshold, as least 50% of the whole group must vote \u2018yes\u2019.",
+          hideNumber: true,
+          defaultValue: "majority",
+          choices: [
+            {
+              value: "majority",
+              text: "Majority"
+            },
+            {
+              value: "percentage",
+              text: "%"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "passingThresholdPercentage",
+          visibleIf: "{passingThreshold} = 'percentage'",
+          startWithNewLine: false,
+          title: "Passing Threshold Percentage",
+          hideNumber: true,
+          inputType: "number"
+        },
+        {
+          type: "dropdown",
+          name: "proposalSubmissionPolicy",
+          title: "Proposal Submission Policy",
+          description: "Who is allowed to submit proposals to the Group?",
+          hideNumber: true,
+          choices: [
+            {
+              value: "members",
+              text: "Members "
+            },
+            {
+              value: "anyone",
+              text: "Anyone"
+            }
+          ]
+        },
+        {
+          type: "text",
+          name: "proposalDurationAmount",
+          title: "Voting Duration",
+          description: "The duration for which proposals are open for voting. A low proposal duration may increase the speed at which your Group can pass proposals. Setting the duration too low may make it difficult for proposals to pass as voters will have limited time to vote. After this time elapses, the proposal will either pass or fail.",
+          hideNumber: true,
+          defaultValue: 1,
+          inputType: "number"
+        },
+        {
+          type: "dropdown",
+          name: "proposalDurationUnit",
+          startWithNewLine: false,
+          title: "Unit",
+          hideNumber: true,
+          defaultValue: "weeks",
+          choices: [
+            {
+              value: "seconds",
+              text: "Seconds"
+            },
+            {
+              value: "minutes",
+              text: "Minutes"
+            },
+            {
+              value: "hours",
+              text: "Hours"
+            },
+            {
+              value: "days",
+              text: "Days"
+            },
+            {
+              value: "weeks",
+              text: "Weeks"
+            },
+            {
+              value: "months",
+              text: "Months"
+            },
+            {
+              value: "years",
+              text: "Years"
+            }
+          ]
+        },
+        {
+          type: "boolean",
+          name: "isExistingToken",
+          title: "Use an existing staking token",
+          defaultValue: "true"
+        },
+        {
+          type: "text",
+          name: "tokenAddress",
+          visibleIf: "{isExistingToken} = true",
+          title: "Token Address"
+        },
+        {
+          type: "panel",
+          name: "tokenCreation",
+          visibleIf: "{isExistingToken} = false",
+          title: "Token Creation",
+          elements: [
+            {
+              type: "file",
+              name: "tokenIcon",
+              title: "Token Icon"
+            },
+            {
+              type: "text",
+              name: "tokenSymbol",
+              title: "Token Symbol"
+            },
+            {
+              type: "text",
+              name: "tokenName",
+              title: "Token Name"
+            },
+            {
+              type: "text",
+              name: "tokenSupply",
+              title: "Token Supply",
+              defaultValue: 1e7,
+              inputType: "number"
+            },
+            {
+              type: "text",
+              name: "treasuryPercent",
+              title: "Treasury Percent",
+              defaultValue: 90,
+              inputType: "number",
+              min: 0,
+              max: 100,
+              step: 1
+            }
+          ]
+        },
+        {
+          type: "paneldynamic",
+          name: "distributionCategory",
+          visibleIf: "{isExistingToken} = false",
+          title: "Distribution Category",
+          templateElements: [
+            {
+              type: "text",
+              name: "categoryName",
+              title: "Category Name"
+            },
+            {
+              type: "text",
+              name: "percentOfTotalSupply",
+              title: "Percent Of Total Supply"
+            },
+            {
+              type: "paneldynamic",
+              name: "members",
+              title: "Members",
+              templateElements: [
+                {
+                  type: "text",
+                  name: "memberAccount",
+                  title: "Member Account"
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  completeText: "Sign and Submit",
+  showNavigationButtons: true,
+  complete: false,
+  focusFirstQuestionAutomatic: true,
+  pageNextText: "Continue",
+  pagePrevText: "Back",
+  showCompletedPage: false
+};
+
+// src/mantine/blocks/governanceGroup/flow/surveys/index.ts
+var getSurveyForGroupType = (groupType) => {
+  switch (groupType) {
+    case "categorical":
+      return categoricalGroupSurvey;
+    case "multisig":
+      return multisigGroupSurvey;
+    case "nftStaking":
+      return nftStakingGroupSurvey;
+    case "tokenStaking":
+      return tokenStakingGroupSurvey;
+    default:
+      return null;
+  }
+};
+
+// src/mantine/blocks/governanceGroup/template/TemplateConfig.tsx
+var TemplateConfig15 = ({ editor, block }) => {
+  const { closePanel } = usePanelStore();
+  const updateProp = useCallback56(
+    (key, value) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          [key]: value
+        }
+      });
+    },
+    [editor, block]
+  );
+  const handleGroupTypeChange = useCallback56(
+    (groupType) => {
+      const surveySchema = getSurveyForGroupType(groupType);
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          groupType,
+          surveySchema: JSON.stringify(surveySchema),
+          answers: ""
+        }
+      });
+    },
+    [editor, block]
+  );
+  return /* @__PURE__ */ React209.createElement(BaseRightPanelLayout, { title: "Governance Group Settings", onClose: closePanel }, /* @__PURE__ */ React209.createElement(
+    ReusablePanel,
+    {
+      extraTabs: [
+        {
+          label: "General",
+          value: "general",
+          content: /* @__PURE__ */ React209.createElement(
+            GeneralTab15,
+            {
+              title: block.props.title || "",
+              description: block.props.description || "",
+              icon: block.props.icon || "users",
+              groupType: block.props.groupType || "",
+              onTitleChange: (value) => updateProp("title", value),
+              onDescriptionChange: (value) => updateProp("description", value),
+              onIconChange: (value) => updateProp("icon", value),
+              onGroupTypeChange: handleGroupTypeChange
+            }
+          )
+        },
+        {
+          label: "After Create",
+          value: "afterCreate",
+          content: /* @__PURE__ */ React209.createElement(AfterCreateTab, { editor, block, afterCreate: block.props.afterCreate || "", onAfterCreateChange: (value) => updateProp("afterCreate", value) })
+        },
+        {
+          label: "Authorization",
+          value: "authorization",
+          content: /* @__PURE__ */ React209.createElement(AuthorizationTab, { editor, block })
+        }
+      ],
+      context: { editor, block }
+    }
+  ));
+};
+
+// src/mantine/blocks/governanceGroup/template/TemplateView.tsx
+var GOVERNANCE_GROUP_TEMPLATE_PANEL_ID = "governance-group-template-panel";
+var GovernanceGroupTemplateView = ({ editor, block }) => {
+  const panelId = `${GOVERNANCE_GROUP_TEMPLATE_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo67(() => /* @__PURE__ */ React210.createElement(TemplateConfig15, { editor, block }), [editor, block]);
+  const { open } = usePanel(panelId, panelContent);
+  return /* @__PURE__ */ React210.createElement(BaseContainer, { onClick: open }, /* @__PURE__ */ React210.createElement(Badge36, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React210.createElement(Group67, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React210.createElement(Group67, { wrap: "nowrap", align: "center" }, getIcon("users", block.props.icon), /* @__PURE__ */ React210.createElement(Stack135, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React210.createElement(Text111, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Governance Group"), /* @__PURE__ */ React210.createElement(Text111, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Configure the governance group creation flow")))));
+};
+
+// src/mantine/blocks/governanceGroup/flow/FlowView.tsx
+import React212, { useCallback as useCallback58, useMemo as useMemo69, useState as useState72 } from "react";
+import { ActionIcon as ActionIcon31, Badge as Badge37, Group as Group69, Stack as Stack137, Text as Text113, Tooltip as Tooltip23 } from "@mantine/core";
+import { IconChevronRight as IconChevronRight10 } from "@tabler/icons-react";
+
+// src/mantine/blocks/governanceGroup/flow/GovernanceGroupPanel.tsx
+import React211, { useCallback as useCallback57, useEffect as useEffect53, useMemo as useMemo68, useRef as useRef11, useState as useState71 } from "react";
+import { Alert as Alert29, Button as Button36, Card as Card19, Group as Group68, Loader as Loader26, SimpleGrid as SimpleGrid3, Stack as Stack136, Text as Text112, ThemeIcon as ThemeIcon3 } from "@mantine/core";
+import { useDebouncedCallback as useDebouncedCallback3 } from "@mantine/hooks";
+import { IconAlertCircle as IconAlertCircle14, IconCheck as IconCheck10, IconUsers as IconUsers5, IconSignature as IconSignature2, IconPhoto as IconPhoto3, IconCoin as IconCoin2, IconArrowLeft as IconArrowLeft5 } from "@tabler/icons-react";
+import { Survey as Survey7, SurveyModel as SurveyModel7 } from "@ixo/surveys";
+
+// src/mantine/blocks/governanceGroup/utils/afterCreateExecutor.ts
+function parseAfterCreateConfig2(configString) {
+  if (!configString) return null;
+  try {
+    const config = JSON.parse(configString);
+    if (!config.enabled || !config.actions?.length) return null;
+    return config;
+  } catch {
+    return null;
+  }
+}
+function parseLinkedEntities2(entitiesString) {
+  if (!entitiesString || entitiesString === "[]") return [];
+  try {
+    return JSON.parse(entitiesString);
+  } catch {
+    return [];
+  }
+}
+function buildLinkedEntityData(params) {
+  return {
+    sourceBlockId: params.sourceBlockId,
+    type: "governanceGroup",
+    coreAddress: params.coreAddress,
+    name: params.name,
+    groupType: params.groupType,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function executeAfterCreateActions(params) {
+  const { editor, sourceBlock, coreAddress, groupType, afterCreateConfig } = params;
+  const errors = [];
+  if (!afterCreateConfig.enabled || !afterCreateConfig.actions?.length) {
+    return { success: true, errors: [] };
+  }
+  for (const action of afterCreateConfig.actions) {
+    if (!action.enabled) continue;
+    try {
+      if (action.type === "addLinkedEntity" && action.targetBlockType === "domainCreatorSign") {
+        const targetBlock = editor.document.find((block) => block.id === action.targetBlockId && block.type === action.targetBlockType);
+        if (!targetBlock) {
+          errors.push(`Target block not found: ${action.targetBlockId}`);
+          continue;
+        }
+        const linkedEntity = buildLinkedEntityData({
+          sourceBlockId: sourceBlock.id,
+          coreAddress,
+          name: sourceBlock.props?.title,
+          groupType
+        });
+        const existingEntities = parseLinkedEntities2(targetBlock.props?.linkedEntities || "[]");
+        const existingIndex = existingEntities.findIndex((e) => e.sourceBlockId === sourceBlock.id);
+        if (existingIndex >= 0) {
+          existingEntities[existingIndex] = linkedEntity;
+        } else {
+          existingEntities.push(linkedEntity);
+        }
+        editor.updateBlock(targetBlock, {
+          props: {
+            ...targetBlock.props,
+            linkedEntities: JSON.stringify(existingEntities)
+          }
+        });
+      }
+    } catch (err) {
+      errors.push(`Action failed: ${err instanceof Error ? err.message : "Unknown error"}`);
+    }
+  }
+  return { success: errors.length === 0, errors };
+}
+
+// src/mantine/blocks/governanceGroup/flow/GovernanceGroupPanel.tsx
+var SYNC_DEBOUNCE_MS3 = 300;
+function deepEqual3(a, b) {
+  if (a === b) return true;
+  if (a === null || b === null) return a === b;
+  if (typeof a !== typeof b) return false;
+  if (typeof a !== "object") return false;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false;
+    return a.every((item, index) => deepEqual3(item, b[index]));
+  }
+  if (Array.isArray(a) !== Array.isArray(b)) return false;
+  const aObj = a;
+  const bObj = b;
+  const aKeys = Object.keys(aObj);
+  const bKeys = Object.keys(bObj);
+  if (aKeys.length !== bKeys.length) return false;
+  return aKeys.every((key) => deepEqual3(aObj[key], bObj[key]));
+}
+var GROUP_TYPE_ICONS2 = {
+  categorical: /* @__PURE__ */ React211.createElement(IconUsers5, { size: 24 }),
+  multisig: /* @__PURE__ */ React211.createElement(IconSignature2, { size: 24 }),
+  nftStaking: /* @__PURE__ */ React211.createElement(IconPhoto3, { size: 24 }),
+  tokenStaking: /* @__PURE__ */ React211.createElement(IconCoin2, { size: 24 })
+};
+var GovernanceGroupPanel = ({ editor, block, onComplete }) => {
+  const { closePanel } = usePanelStore();
+  const { handlers } = useBlocknoteContext();
+  const existingCoreAddress = block.props.coreAddress;
+  const existingGroupType = block.props.groupType;
+  const getInitialFlowStep = () => {
+    if (existingCoreAddress) return "success";
+    if (existingGroupType) return "survey";
+    return "typeSelection";
+  };
+  const [flowStep, setFlowStep] = useState71(getInitialFlowStep);
+  const [selectedGroupType, setSelectedGroupType] = useState71(existingGroupType || null);
+  const [error, setError] = useState71(null);
+  const [createdCoreAddress, setCreatedCoreAddress] = useState71(existingCoreAddress || null);
+  const [createdGroupAddress, setCreatedGroupAddress] = useState71(block.props.groupAddress || null);
+  const isUpdatingFromProp = useRef11(false);
+  const lastSyncedAnswers = useRef11("");
+  const surveyModel = useMemo68(() => {
+    if (!selectedGroupType) return null;
+    const surveySchema = getSurveyForGroupType(selectedGroupType);
+    if (!surveySchema) return null;
+    const model = new SurveyModel7(surveySchema);
+    model.applyTheme(surveyTheme);
+    model.showQuestionNumbers = "off";
+    model.questionsOnPageMode = "singlePage";
+    return model;
+  }, [selectedGroupType]);
+  const syncPropToSurvey = useCallback57(
+    (answersJson) => {
+      if (!answersJson || answersJson === lastSyncedAnswers.current || !surveyModel) return;
+      try {
+        const answers = JSON.parse(answersJson);
+        isUpdatingFromProp.current = true;
+        Object.entries(answers).forEach(([key, value]) => {
+          const currentValue = surveyModel.getValue(key);
+          if (!deepEqual3(currentValue, value)) {
+            surveyModel.setValue(key, value);
+          }
+        });
+        lastSyncedAnswers.current = answersJson;
+      } catch (err) {
+        console.error("Failed to parse answers prop:", err);
+      } finally {
+        isUpdatingFromProp.current = false;
+      }
+    },
+    [surveyModel]
+  );
+  const syncSurveyToProp = useDebouncedCallback3((data) => {
+    const newAnswersJson = JSON.stringify(data);
+    if (newAnswersJson === lastSyncedAnswers.current) return;
+    lastSyncedAnswers.current = newAnswersJson;
+    editor.updateBlock(block, {
+      props: {
+        ...block.props,
+        answers: newAnswersJson
+      }
+    });
+  }, SYNC_DEBOUNCE_MS3);
+  useEffect53(() => {
+    const answersJson = block.props.answers;
+    if (answersJson && surveyModel) {
+      syncPropToSurvey(answersJson);
+    }
+  }, [block.props.answers, syncPropToSurvey, surveyModel]);
+  useEffect53(() => {
+    if (!surveyModel) return;
+    const handleValueChanged = () => {
+      if (isUpdatingFromProp.current) return;
+      syncSurveyToProp(surveyModel.data);
+    };
+    surveyModel.onValueChanged.add(handleValueChanged);
+    return () => {
+      surveyModel.onValueChanged.remove(handleValueChanged);
+    };
+  }, [surveyModel, syncSurveyToProp]);
+  const handleGroupTypeSelect = (groupType) => {
+    setSelectedGroupType(groupType);
+    const surveySchema = getSurveyForGroupType(groupType);
+    editor.updateBlock(block, {
+      props: {
+        ...block.props,
+        groupType,
+        surveySchema: JSON.stringify(surveySchema),
+        answers: ""
+      }
+    });
+    lastSyncedAnswers.current = "";
+    setFlowStep("survey");
+  };
+  const processGroupCreation = useCallback57(
+    async (data) => {
+      if (!handlers) {
+        throw new Error("Handlers not available");
+      }
+      if (!handlers.createGovernanceGroup) {
+        throw new Error("createGovernanceGroup handler not implemented");
+      }
+      if (!selectedGroupType) {
+        throw new Error("No group type selected");
+      }
+      setFlowStep("creating");
+      const result = await handlers.createGovernanceGroup({
+        groupType: selectedGroupType,
+        name: data.name,
+        description: data.description,
+        config: data
+      });
+      return result;
+    },
+    [handlers, selectedGroupType]
+  );
+  const handleSurveyComplete = useCallback57(
+    async (sender) => {
+      const data = sender.data || {};
+      try {
+        const result = await processGroupCreation(data);
+        setCreatedCoreAddress(result.coreAddress);
+        setCreatedGroupAddress(result.groupAddress);
+        setFlowStep("success");
+        editor.updateBlock(block, {
+          props: {
+            ...block.props,
+            coreAddress: result.coreAddress,
+            groupAddress: result.groupAddress
+          }
+        });
+        const afterCreateConfig = parseAfterCreateConfig2(block.props.afterCreate);
+        if (afterCreateConfig) {
+          const { errors } = executeAfterCreateActions({
+            editor,
+            sourceBlock: block,
+            coreAddress: result.coreAddress,
+            groupType: selectedGroupType || void 0,
+            afterCreateConfig
+          });
+          if (errors.length > 0) {
+            console.warn("After-create action errors:", errors);
+          }
+        }
+        onComplete?.({
+          surveyData: data,
+          coreAddress: result.coreAddress,
+          groupAddress: result.groupAddress,
+          transactionHash: result.transactionHash,
+          groupType: selectedGroupType || void 0
+        });
+      } catch (err) {
+        console.error("Group creation failed:", err);
+        setError(err instanceof Error ? err.message : "Group creation failed");
+        setFlowStep("error");
+      }
+    },
+    [processGroupCreation, onComplete, editor, block, selectedGroupType]
+  );
+  useEffect53(() => {
+    if (!surveyModel) return;
+    surveyModel.onComplete.add(handleSurveyComplete);
+    return () => {
+      surveyModel.onComplete.remove(handleSurveyComplete);
+    };
+  }, [handleSurveyComplete, surveyModel]);
+  const handleRetry = useCallback57(() => {
+    setFlowStep("survey");
+    setError(null);
+    surveyModel?.clear();
+  }, [surveyModel]);
+  const handleBackToTypeSelection = useCallback57(() => {
+    setSelectedGroupType(null);
+    setFlowStep("typeSelection");
+    editor.updateBlock(block, {
+      props: {
+        ...block.props,
+        groupType: "",
+        surveySchema: "",
+        answers: ""
+      }
+    });
+  }, [editor, block]);
+  const handleClose = useCallback57(() => {
+    closePanel();
+  }, [closePanel]);
+  if (flowStep === "typeSelection") {
+    return /* @__PURE__ */ React211.createElement(
+      BaseRightPanelLayout,
+      {
+        title: "Create Governance Group",
+        onClose: handleClose,
+        captionContent: /* @__PURE__ */ React211.createElement(Text112, { size: "sm", mb: "md", px: "xl", c: "dimmed" }, "Select the type of governance group you want to create.")
+      },
+      /* @__PURE__ */ React211.createElement(Stack136, { p: "md", gap: "md" }, /* @__PURE__ */ React211.createElement(SimpleGrid3, { cols: 2, spacing: "md" }, GROUP_TYPE_CONFIGS.map((config) => /* @__PURE__ */ React211.createElement(Card19, { key: config.type, shadow: "sm", padding: "lg", radius: "md", withBorder: true, style: { cursor: "pointer" }, onClick: () => handleGroupTypeSelect(config.type) }, /* @__PURE__ */ React211.createElement(Stack136, { align: "center", gap: "sm" }, /* @__PURE__ */ React211.createElement(ThemeIcon3, { size: "xl", radius: "md", variant: "light", color: "blue" }, GROUP_TYPE_ICONS2[config.type]), /* @__PURE__ */ React211.createElement(Text112, { fw: 500, size: "sm", ta: "center" }, config.title), /* @__PURE__ */ React211.createElement(Text112, { size: "xs", c: "dimmed", ta: "center" }, config.description))))))
+    );
+  }
+  if (flowStep === "creating") {
+    return /* @__PURE__ */ React211.createElement(Stack136, { gap: "md", p: "md", align: "center", justify: "center", style: { minHeight: 300 } }, /* @__PURE__ */ React211.createElement(Loader26, { size: "lg" }), /* @__PURE__ */ React211.createElement(Text112, { size: "sm", c: "dimmed" }, "Creating governance group..."));
+  }
+  if (flowStep === "success") {
+    const groupTypeName = selectedGroupType ? GROUP_TYPE_CONFIGS.find((c) => c.type === selectedGroupType)?.title || "Group" : "Group";
+    return /* @__PURE__ */ React211.createElement(Stack136, { gap: "md", p: "md" }, /* @__PURE__ */ React211.createElement(Alert29, { icon: /* @__PURE__ */ React211.createElement(IconCheck10, { size: 16 }), title: "Group Created Successfully", color: "green" }, /* @__PURE__ */ React211.createElement(Stack136, { gap: "xs" }, /* @__PURE__ */ React211.createElement(Text112, { size: "sm" }, "Your ", groupTypeName, " has been created successfully."), createdCoreAddress && /* @__PURE__ */ React211.createElement(Text112, { size: "xs", c: "dimmed" }, "Core Address: ", createdCoreAddress), createdGroupAddress && /* @__PURE__ */ React211.createElement(Text112, { size: "xs", c: "dimmed" }, "Group Address: ", createdGroupAddress))), /* @__PURE__ */ React211.createElement(Button36, { onClick: handleClose }, "Close"));
+  }
+  if (flowStep === "error") {
+    return /* @__PURE__ */ React211.createElement(Stack136, { gap: "md", p: "md" }, /* @__PURE__ */ React211.createElement(Alert29, { icon: /* @__PURE__ */ React211.createElement(IconAlertCircle14, { size: 16 }), title: "Group Creation Failed", color: "red" }, /* @__PURE__ */ React211.createElement(Text112, { size: "sm" }, error || "An unexpected error occurred")), /* @__PURE__ */ React211.createElement(Group68, null, /* @__PURE__ */ React211.createElement(Button36, { variant: "outline", onClick: handleRetry }, "Try Again"), /* @__PURE__ */ React211.createElement(Button36, { variant: "subtle", onClick: handleClose }, "Close")));
+  }
+  if (flowStep === "survey" && surveyModel) {
+    const groupTypeName = selectedGroupType ? GROUP_TYPE_CONFIGS.find((c) => c.type === selectedGroupType)?.title || "Group" : "Group";
+    const showChangeTypeButton = !existingGroupType;
+    return /* @__PURE__ */ React211.createElement(
+      BaseRightPanelLayout,
+      {
+        title: `Create ${groupTypeName}`,
+        onClose: handleClose,
+        captionContent: showChangeTypeButton ? /* @__PURE__ */ React211.createElement(Group68, { mb: "md", px: "xl" }, /* @__PURE__ */ React211.createElement(Button36, { variant: "subtle", size: "xs", leftSection: /* @__PURE__ */ React211.createElement(IconArrowLeft5, { size: 14 }), onClick: handleBackToTypeSelection }, "Change Type")) : void 0
+      },
+      /* @__PURE__ */ React211.createElement(Survey7, { model: surveyModel })
+    );
+  }
+  return null;
+};
+
+// src/mantine/blocks/governanceGroup/flow/FlowView.tsx
+var GOVERNANCE_GROUP_FLOW_PANEL_ID = "governance-group-flow-panel";
+var GovernanceGroupFlowView = ({ editor, block }) => {
+  const [hasOpened, setHasOpened] = useState72(false);
+  const [submissionStatus, setSubmissionStatus] = useState72("idle");
+  const lastSubmission = block.props.lastSubmission ? JSON.parse(block.props.lastSubmission) : null;
+  const hasExistingSubmission = lastSubmission?.coreAddress;
+  const handleComplete = useCallback58(
+    (data) => {
+      editor.updateBlock(block, {
+        props: {
+          ...block.props,
+          lastSubmission: JSON.stringify({
+            surveyData: data.surveyData,
+            coreAddress: data.coreAddress,
+            groupAddress: data.groupAddress,
+            transactionHash: data.transactionHash,
+            groupType: data.groupType,
+            completedAt: (/* @__PURE__ */ new Date()).toISOString()
+          }),
+          coreAddress: data.coreAddress || "",
+          groupAddress: data.groupAddress || ""
+        }
+      });
+      setSubmissionStatus("success");
+    },
+    [block, editor]
+  );
+  const panelId = `${GOVERNANCE_GROUP_FLOW_PANEL_ID}-${block.id}`;
+  const panelContent = useMemo69(() => /* @__PURE__ */ React212.createElement(GovernanceGroupPanel, { editor, block, onComplete: handleComplete }), [editor, block, handleComplete]);
+  const { open } = usePanel(panelId, panelContent);
+  const handleOpen = () => {
+    setHasOpened(true);
+    open();
+  };
+  const getBadgeProps = () => {
+    if (hasExistingSubmission || submissionStatus === "success") {
+      return { color: "green", text: "Created" };
+    }
+    if (submissionStatus === "error") {
+      return { color: "red", text: "Error" };
+    }
+    if (hasOpened) {
+      return { color: "blue", text: "In Progress" };
+    }
+    return { color: "gray", text: "Click to start" };
+  };
+  const badgeProps = getBadgeProps();
+  const getSubmissionDisplay = () => {
+    if (!lastSubmission) return "";
+    const groupTypeName = lastSubmission.groupType ? lastSubmission.groupType.charAt(0).toUpperCase() + lastSubmission.groupType.slice(1).replace(/([A-Z])/g, " $1") : "Group";
+    return `${groupTypeName} created: ${lastSubmission.coreAddress?.slice(0, 12)}...`;
+  };
+  return /* @__PURE__ */ React212.createElement(BaseContainer, { onClick: handleOpen }, /* @__PURE__ */ React212.createElement(Group69, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React212.createElement(Group69, { wrap: "nowrap", align: "center", style: { flex: 1 } }, getIcon("users", block.props.icon), /* @__PURE__ */ React212.createElement(Stack137, { gap: 4, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React212.createElement(Group69, { gap: "xs", align: "center" }, /* @__PURE__ */ React212.createElement(Text113, { fw: 600, size: "sm", contentEditable: false }, block.props.title || "Governance Group"), /* @__PURE__ */ React212.createElement(Badge37, { size: "xs", variant: "filled", color: badgeProps.color, styles: { root: { backgroundColor: `var(--mantine-color-${badgeProps.color}-6)`, color: "white" } } }, badgeProps.text)), /* @__PURE__ */ React212.createElement(Text113, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 2 }, hasExistingSubmission ? getSubmissionDisplay() : block.props.description || "Open the panel to create a new governance group."))), /* @__PURE__ */ React212.createElement(Tooltip23, { label: hasExistingSubmission ? "View/Edit group" : "Create group", withArrow: true }, /* @__PURE__ */ React212.createElement(ActionIcon31, { variant: "subtle", color: "blue" }, /* @__PURE__ */ React212.createElement(IconChevronRight10, { size: 18 })))));
+};
+
+// src/mantine/blocks/governanceGroup/GovernanceGroupBlock.tsx
+function GovernanceGroupBlock({ editor, block }) {
+  const { docType } = useBlocknoteContext();
+  if (docType === "template") {
+    return /* @__PURE__ */ React213.createElement(GovernanceGroupTemplateView, { editor, block });
+  }
+  return /* @__PURE__ */ React213.createElement(GovernanceGroupFlowView, { editor, block });
+}
+
+// src/mantine/blocks/governanceGroup/GovernanceGroupBlockSpec.tsx
+var GovernanceGroupBlockSpec = createReactBlockSpec19(
+  {
+    type: "governanceGroup",
+    propSchema: {
+      title: { default: "" },
+      description: { default: "" },
+      icon: { default: "users" },
+      groupType: { default: "" },
+      surveySchema: { default: "" },
+      answers: { default: "" },
+      lastSubmission: { default: "" },
+      coreAddress: { default: "" },
+      groupAddress: { default: "" },
+      // After-create hook configuration (JSON string of AfterCreateConfig)
+      afterCreate: { default: "" }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const ixoProps = props;
+      return /* @__PURE__ */ React214.createElement(GovernanceGroupBlock, { ...ixoProps });
+    }
+  }
+);
+
+// src/mantine/blocks/registry/blockRegistry.ts
+var BlockRegistry = class {
+  constructor() {
+    this.blocks = /* @__PURE__ */ new Map();
+  }
+  register(entry) {
+    this.blocks.set(entry.type, entry);
+  }
+  get(type) {
+    return this.blocks.get(type);
+  }
+  getAll() {
+    return new Map(this.blocks);
+  }
+  getValidDependencies(type) {
+    const entry = this.get(type);
+    return entry?.validDependencies || [];
+  }
+  getPropSchema(type) {
+    const entry = this.get(type);
+    return entry?.propSchema;
+  }
+  isValidDependency(blockType, dependencyType) {
+    const validDeps = this.getValidDependencies(blockType);
+    return validDeps.includes(dependencyType);
+  }
+};
+var blockRegistry = new BlockRegistry();
+blockRegistry.register({
+  type: "proposal",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "\u{1F4DD}",
+    proposalId: "",
+    status: "draft",
+    contractAddress: "",
+    coreAddress: "",
+    createdProposalId: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "\u{1F4DD}",
+    status: "draft"
+  }
+});
+blockRegistry.register({
+  type: "proposalVote",
+  propSchema: {
+    title: "",
+    subtitle: "",
+    icon: "\u{1F5F3}\uFE0F",
+    status: "open",
+    daysLeft: 0,
+    proposalId: "",
+    proposalBlockId: "",
+    proposalContractAddress: ""
+  },
+  validDependencies: ["proposal"],
+  defaultProps: {
+    icon: "\u{1F5F3}\uFE0F",
+    status: "open",
+    daysLeft: 0,
+    proposalBlockId: ""
+  }
+});
+blockRegistry.register({
+  type: "list",
+  propSchema: {
+    title: "",
+    did: "",
+    fragmentIdentifier: ""
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "overview",
+  propSchema: {
+    did: ""
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "enumChecklist",
+  propSchema: {
+    listType: "",
+    listConfig: "{}"
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "notify",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "bell",
+    channel: "email",
+    to: "[]",
+    cc: "[]",
+    bcc: "[]",
+    subject: "",
+    body: "",
+    bodyType: "text",
+    from: "",
+    replyTo: "",
+    templateId: "",
+    templateVariables: "{}",
+    status: "idle",
+    messageId: "",
+    sentAt: "",
+    errorMessage: "",
+    conditions: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "bell",
+    channel: "email",
+    bodyType: "text",
+    status: "idle"
+  }
+});
+blockRegistry.register({
+  type: "bid",
+  propSchema: {
+    title: "",
+    description: "",
+    did: "",
+    selectedCollections: "[]",
+    adminAddress: ""
+  },
+  validDependencies: [],
+  defaultProps: {}
+});
+blockRegistry.register({
+  type: "claim",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "square-check",
+    deedDid: "",
+    selectedCollections: "[]",
+    adminAddress: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "square-check"
+  }
+});
+blockRegistry.register({
+  type: "domainCreator",
+  propSchema: {
+    title: "",
+    description: "",
+    icon: "file-text",
+    surveySchema: "",
+    answers: "",
+    lastSubmission: ""
+  },
+  validDependencies: [],
+  defaultProps: {
+    icon: "file-text",
+    surveySchema: "",
+    answers: "",
+    lastSubmission: ""
+  }
+});
+
+// src/mantine/blocks/hooks/useBlockDependencies.ts
+import { useMemo as useMemo70, useEffect as useEffect54, useState as useState73, useCallback as useCallback59 } from "react";
+
+// src/mantine/blocks/hooks/useDependsOn.ts
+import { useMemo as useMemo71 } from "react";
+
+// src/mantine/blocks/index.ts
+var blockSpecs = {
+  checkbox: CheckboxBlockSpec,
+  list: ListBlockSpec,
+  enumChecklist: EnumChecklistBlock,
+  overview: OverviewBlock,
+  proposal: ProposalBlockSpec,
+  apiRequest: ApiRequestBlockSpec,
+  notify: NotifyBlockSpec,
+  claim: ClaimBlockSpec,
+  bid: BidBlockSpec,
+  evaluator: EvaluatorBlockSpec,
+  domainCreator: DomainCreatorBlockSpec,
+  email: EmailBlockSpec,
+  visualization: VisualizationBlockSpec,
+  dynamicList: DynamicListBlockSpec,
+  protocolSelector: ProtocolSelectorBlockSpec,
+  form: FormBlockSpec,
+  domainCreatorSign: DomainCreatorSignBlockSpec,
+  domainCardViewer: DomainCardViewerBlockSpec,
+  governanceGroup: GovernanceGroupBlockSpec
+};
+var getExtraSlashMenuItems = (editor) => {
+  const slashMenuList = [
+    {
+      title: "Checkbox",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "checkbox",
+              props: {
+                checked: false,
+                allowedCheckers: "all",
+                initialChecked: false,
+                title: "",
+                description: "",
+                visibility: "all",
                 dependencies: "",
                 conditions: ""
               }
@@ -19369,6 +20875,34 @@ var getExtraSlashMenuItems = (editor) => {
       group: "Domains",
       subtext: "Launch a survey-driven domain creation flow"
     },
+    {
+      title: "Governance Group",
+      onItemClick: () => {
+        editor.insertBlocks(
+          [
+            {
+              type: "governanceGroup",
+              props: {
+                title: "",
+                description: "",
+                icon: "users",
+                groupType: "",
+                surveySchema: "",
+                answers: "",
+                lastSubmission: "",
+                coreAddress: "",
+                groupAddress: ""
+              }
+            }
+          ],
+          editor.getTextCursorPosition().block,
+          "after"
+        );
+      },
+      aliases: ["governance", "group", "dao-group", "multisig", "staking"],
+      group: "DAO",
+      subtext: "Create a governance group (categorical, multisig, or staking)"
+    },
     {
       title: "List",
       onItemClick: () => {
@@ -19807,15 +21341,15 @@ 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 useEffect53, useState as useState71, useRef as useRef11, useCallback as useCallback56, useMemo as useMemo68 } from "react";
+import { useEffect as useEffect55, useState as useState74, useRef as useRef12, useCallback as useCallback60, useMemo as useMemo72 } from "react";
 import { MatrixProvider } from "@ixo/matrix-crdt";
 function useMatrixProvider({ matrixClient, roomId, yDoc }) {
-  const [matrixProvider, setProvider] = useState71(null);
-  const [status, setStatus] = useState71("disconnected");
-  const isMountedRef = useRef11(true);
-  const providerRef = useRef11(null);
-  const retryTimeoutRef = useRef11(null);
-  const providerOptions = useMemo68(
+  const [matrixProvider, setProvider] = useState74(null);
+  const [status, setStatus] = useState74("disconnected");
+  const isMountedRef = useRef12(true);
+  const providerRef = useRef12(null);
+  const retryTimeoutRef = useRef12(null);
+  const providerOptions = useMemo72(
     () => ({
       translator: {
         updateEventType: "matrix-crdt.doc_update",
@@ -19828,22 +21362,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
     }),
     []
   );
-  const handleDocumentAvailable = useCallback56(() => {
+  const handleDocumentAvailable = useCallback60(() => {
     if (isMountedRef.current) {
       setStatus("connected");
     }
   }, []);
-  const handleDocumentUnavailable = useCallback56(() => {
+  const handleDocumentUnavailable = useCallback60(() => {
     if (isMountedRef.current) {
       setStatus("failed");
     }
   }, []);
-  const handleCanWriteChanged = useCallback56(() => {
+  const handleCanWriteChanged = useCallback60(() => {
     if (isMountedRef.current && providerRef.current) {
       setStatus(providerRef.current.canWrite ? "connected" : "failed");
     }
   }, []);
-  const initProvider = useCallback56(async () => {
+  const initProvider = useCallback60(async () => {
     if (!isMountedRef.current) return;
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -19876,7 +21410,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       }
     }
   }, [matrixClient, providerOptions, handleDocumentAvailable, handleDocumentUnavailable, handleCanWriteChanged]);
-  useEffect53(() => {
+  useEffect55(() => {
     isMountedRef.current = true;
     initProvider();
     return () => {
@@ -19893,7 +21427,7 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
       setStatus("disconnected");
     };
   }, [initProvider]);
-  useEffect53(() => {
+  useEffect55(() => {
     return () => {
       isMountedRef.current = false;
     };
@@ -19902,17 +21436,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
 }
 
 // src/mantine/hooks/useCollaborativeYDoc.ts
-import { useMemo as useMemo69 } from "react";
+import { useMemo as useMemo73 } from "react";
 import * as Y from "yjs";
 function useCollaborativeYDoc(_options) {
-  return useMemo69(() => {
+  return useMemo73(() => {
     const doc = new Y.Doc();
     return doc;
   }, []);
 }
 
 // src/mantine/hooks/useCollaborativeIxoEditor.ts
-import { useMemo as useMemo70, useEffect as useEffect54, useState as useState72 } from "react";
+import { useMemo as useMemo74, useEffect as useEffect56, useState as useState75 } from "react";
 
 // src/core/lib/matrixMetadata.ts
 var COVER_IMAGE_EVENT_TYPE = "ixo.page.cover_image";
@@ -20081,7 +21615,7 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     permissions = { write: false }
   } = options || {};
-  const memoizedUser = useMemo70(
+  const memoizedUser = useMemo74(
     () => ({
       id: user?.id || "",
       name: user?.name || "",
@@ -20096,13 +21630,13 @@ function useCreateCollaborativeIxoEditor(options) {
     matrixClient,
     roomId: options.roomId
   });
-  const metadataManager = useMemo70(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
-  useEffect54(() => {
+  const metadataManager = useMemo74(() => new MatrixMetadataManager(matrixClient, options.roomId), [matrixClient, options.roomId]);
+  useEffect56(() => {
     return () => {
       metadataManager.dispose();
     };
   }, [metadataManager]);
-  const defaultUploadFile = useMemo70(
+  const defaultUploadFile = useMemo74(
     () => uploadFile || (async (file) => {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -20116,7 +21650,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [uploadFile]
   );
-  const schema = useMemo70(
+  const schema = useMemo74(
     () => BlockNoteSchema2.create({
       blockSpecs: {
         ...defaultBlockSpecs2,
@@ -20131,13 +21665,13 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     []
   );
-  const root = useMemo70(() => yDoc.getMap("root"), [yDoc]);
-  const documentFragment = useMemo70(() => yDoc.getXmlFragment("document"), [yDoc]);
-  const flowArray = useMemo70(() => yDoc.getArray("flow"), [yDoc]);
-  const runtimeMap = useMemo70(() => yDoc.getMap("runtime"), [yDoc]);
-  const delegationsMap = useMemo70(() => yDoc.getMap("delegations"), [yDoc]);
-  const userFragment = useMemo70(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
-  const collaborationConfig = useMemo70(
+  const root = useMemo74(() => yDoc.getMap("root"), [yDoc]);
+  const documentFragment = useMemo74(() => yDoc.getXmlFragment("document"), [yDoc]);
+  const flowArray = useMemo74(() => yDoc.getArray("flow"), [yDoc]);
+  const runtimeMap = useMemo74(() => yDoc.getMap("runtime"), [yDoc]);
+  const delegationsMap = useMemo74(() => yDoc.getMap("delegations"), [yDoc]);
+  const userFragment = useMemo74(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
+  const collaborationConfig = useMemo74(
     () => ({
       provider: matrixProvider,
       fragment: documentFragment,
@@ -20149,7 +21683,7 @@ function useCreateCollaborativeIxoEditor(options) {
     }),
     [matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
   );
-  const ixoConfig = useMemo70(
+  const ixoConfig = useMemo74(
     () => ({
       theme,
       editable,
@@ -20168,7 +21702,7 @@ function useCreateCollaborativeIxoEditor(options) {
     uploadFile: defaultUploadFile,
     collaboration: collaborationConfig
   });
-  const titleText = useMemo70(() => yDoc.getText("title"), [yDoc]);
+  const titleText = useMemo74(() => yDoc.getText("title"), [yDoc]);
   let ixoEditor;
   if (editor) {
     ixoEditor = editor;
@@ -20324,12 +21858,12 @@ function useCreateCollaborativeIxoEditor(options) {
       return void 0;
     };
   }
-  useEffect54(() => {
+  useEffect56(() => {
     if (ixoEditor) {
       ixoEditor.isEditable = editable;
     }
   }, [ixoEditor, editable]);
-  useEffect54(() => {
+  useEffect56(() => {
     if (connectionStatus !== "connected") {
       return;
     }
@@ -20351,9 +21885,9 @@ function useCreateCollaborativeIxoEditor(options) {
       titleText.insert(0, options.title);
     }
   }, [connectionStatus, root, titleText, permissions.write, options.docId, options.title, memoizedUser.id]);
-  const [connectedUsers, setConnectedUsers] = useState72([]);
+  const [connectedUsers, setConnectedUsers] = useState75([]);
   const webrtcProvider = matrixProvider?.webrtcProvider;
-  useEffect54(() => {
+  useEffect56(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -20372,7 +21906,7 @@ function useCreateCollaborativeIxoEditor(options) {
       awareness.off("change", updateUsers);
     };
   }, [matrixProvider, webrtcProvider, connectionStatus]);
-  useEffect54(() => {
+  useEffect56(() => {
     if (!matrixProvider?.awarenessInstance || !webrtcProvider || connectionStatus !== "connected") {
       return;
     }
@@ -20410,16 +21944,16 @@ function useCreateCollaborativeIxoEditor(options) {
 }
 
 // src/mantine/components/Base/BaseIconPicker.tsx
-import React208, { useState as useState73, useMemo as useMemo71, useEffect as useEffect55 } from "react";
-import { TextInput as TextInput6, Tabs as Tabs5, Box as Box40, Stack as Stack133, UnstyledButton as UnstyledButton2, Text as Text109, Center as Center12, ScrollArea as ScrollArea8, Group as Group66, Popover as Popover3 } from "@mantine/core";
+import React216, { useState as useState76, useMemo as useMemo75, useEffect as useEffect57 } from "react";
+import { TextInput as TextInput6, Tabs as Tabs5, Box as Box40, Stack as Stack138, UnstyledButton as UnstyledButton2, Text as Text114, Center as Center12, ScrollArea as ScrollArea8, Group as Group70, Popover as Popover3 } from "@mantine/core";
 import * as TablerIcons from "@tabler/icons-react";
-import { IconSearch as IconSearch5, IconX as IconX9, IconChevronLeft, IconChevronRight as IconChevronRight10 } from "@tabler/icons-react";
+import { IconSearch as IconSearch5, IconX as IconX9, IconChevronLeft, IconChevronRight as IconChevronRight11 } from "@tabler/icons-react";
 
 // src/mantine/components/Base/CoverImageButton.tsx
-import React207, { forwardRef } from "react";
-import { Button as Button36 } from "@mantine/core";
-var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React207.createElement(
-  Button36,
+import React215, { forwardRef } from "react";
+import { Button as Button37 } from "@mantine/core";
+var CoverImageButton = forwardRef(({ isActive = false, onClick, children, style, ...props }, ref) => /* @__PURE__ */ React215.createElement(
+  Button37,
   {
     ref,
     variant: "filled",
@@ -20468,28 +22002,28 @@ var localStorageService = {
 var iconsKey = "editor_recent_icons";
 var ICONS_PER_PAGE = 500;
 function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children, currentIcon }) {
-  const [searchQuery, setSearchQuery] = useState73("");
-  const [activeTab, setActiveTab] = useState73("icons");
-  const [currentPage, setCurrentPage] = useState73(1);
-  const allIcons = useMemo71(() => {
+  const [searchQuery, setSearchQuery] = useState76("");
+  const [activeTab, setActiveTab] = useState76("icons");
+  const [currentPage, setCurrentPage] = useState76(1);
+  const allIcons = useMemo75(() => {
     const iconEntries = Object.entries(TablerIcons).filter(([name]) => name.startsWith("Icon") && name !== "IconProps");
     return iconEntries;
   }, []);
-  const filteredIcons = useMemo71(() => {
+  const filteredIcons = useMemo75(() => {
     if (!searchQuery) return allIcons;
     const query = searchQuery.toLowerCase();
     return allIcons.filter(([name]) => name.toLowerCase().includes(query));
   }, [allIcons, searchQuery]);
-  useEffect55(() => {
+  useEffect57(() => {
     setCurrentPage(1);
   }, [searchQuery]);
-  const paginatedIcons = useMemo71(() => {
+  const paginatedIcons = useMemo75(() => {
     const startIndex = (currentPage - 1) * ICONS_PER_PAGE;
     const endIndex = startIndex + ICONS_PER_PAGE;
     return filteredIcons.slice(startIndex, endIndex);
   }, [filteredIcons, currentPage]);
   const totalPages = Math.ceil(filteredIcons.length / ICONS_PER_PAGE);
-  const recentIcons = useMemo71(() => {
+  const recentIcons = useMemo75(() => {
     const recentIconNames = localStorageService.get(iconsKey);
     if (!recentIconNames || recentIconNames.length === 0) return [];
     return recentIconNames.slice(0, 24).map((iconName) => allIcons.find(([name]) => name === iconName)).filter((entry) => entry !== void 0);
@@ -20504,9 +22038,9 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
   };
   const renderIconGrid = (icons) => {
     if (icons.length === 0) {
-      return /* @__PURE__ */ React208.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React208.createElement(Text109, { c: "dimmed", size: "sm" }, "No icons found"));
+      return /* @__PURE__ */ React216.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React216.createElement(Text114, { c: "dimmed", size: "sm" }, "No icons found"));
     }
-    return /* @__PURE__ */ React208.createElement(
+    return /* @__PURE__ */ React216.createElement(
       Box40,
       {
         style: {
@@ -20518,7 +22052,7 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       icons.map(([name, IconComponent]) => {
         const isSelected = currentIcon === name.replace("Icon", "").replace(/([A-Z])/g, "-$1").toLowerCase().slice(1);
-        return /* @__PURE__ */ React208.createElement(
+        return /* @__PURE__ */ React216.createElement(
           UnstyledButton2,
           {
             key: name,
@@ -20544,12 +22078,12 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
               }
             }
           },
-          /* @__PURE__ */ React208.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
+          /* @__PURE__ */ React216.createElement(IconComponent, { color: "white", size: 24, stroke: 1.5 })
         );
       })
     );
   };
-  return /* @__PURE__ */ React208.createElement(Popover3, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React208.createElement(Popover3.Target, null, children), /* @__PURE__ */ React208.createElement(
+  return /* @__PURE__ */ React216.createElement(Popover3, { opened, onClose, position: "right", width: 500, shadow: "xl" }, /* @__PURE__ */ React216.createElement(Popover3.Target, null, children), /* @__PURE__ */ React216.createElement(
     Popover3.Dropdown,
     {
       style: {
@@ -20559,15 +22093,15 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
       },
       p: 0
     },
-    /* @__PURE__ */ React208.createElement(Stack133, { gap: "md", p: "md" }, /* @__PURE__ */ React208.createElement(Tabs5, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React208.createElement(Tabs5.List, null, /* @__PURE__ */ React208.createElement(Tabs5.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React208.createElement(Tabs5.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React208.createElement(Tabs5.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React208.createElement(
+    /* @__PURE__ */ React216.createElement(Stack138, { gap: "md", p: "md" }, /* @__PURE__ */ React216.createElement(Tabs5, { value: activeTab, onChange: setActiveTab, variant: "pills" }, /* @__PURE__ */ React216.createElement(Tabs5.List, null, /* @__PURE__ */ React216.createElement(Tabs5.Tab, { value: "icons" }, "Icons"), /* @__PURE__ */ React216.createElement(Tabs5.Tab, { value: "upload" }, "Upload")), /* @__PURE__ */ React216.createElement(Tabs5.Panel, { value: "icons", pt: "md" }, /* @__PURE__ */ React216.createElement(
       TextInput6,
       {
         mb: "md",
         placeholder: "Filter",
-        leftSection: /* @__PURE__ */ React208.createElement(IconSearch5, { size: 18 }),
+        leftSection: /* @__PURE__ */ React216.createElement(IconSearch5, { size: 18 }),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
-        rightSection: searchQuery && /* @__PURE__ */ React208.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React208.createElement(IconX9, { size: 18 })),
+        rightSection: searchQuery && /* @__PURE__ */ React216.createElement(UnstyledButton2, { onClick: () => setSearchQuery("") }, /* @__PURE__ */ React216.createElement(IconX9, { size: 18 })),
         style: { flex: 1 },
         styles: {
           input: {
@@ -20577,22 +22111,22 @@ function BaseIconPicker({ opened, onClose, onSelectIcon, onUploadClick, children
           }
         }
       }
-    ), !searchQuery && /* @__PURE__ */ React208.createElement(Box40, { mb: "md" }, /* @__PURE__ */ React208.createElement(Text109, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React208.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React208.createElement(Box40, null, /* @__PURE__ */ React208.createElement(Group66, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React208.createElement(Text109, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React208.createElement(Group66, { gap: "xs" }, /* @__PURE__ */ React208.createElement(Text109, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React208.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React208.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React208.createElement(
+    ), !searchQuery && /* @__PURE__ */ React216.createElement(Box40, { mb: "md" }, /* @__PURE__ */ React216.createElement(Text114, { size: "sm", fw: 500, mb: "xs", px: "xs" }, "Recent"), /* @__PURE__ */ React216.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 60 }, renderIconGrid(recentIcons))), /* @__PURE__ */ React216.createElement(Box40, null, /* @__PURE__ */ React216.createElement(Group70, { justify: "space-between", mb: "xs", px: "xs" }, /* @__PURE__ */ React216.createElement(Text114, { size: "sm", fw: 500 }, searchQuery ? "Results" : "Icons"), totalPages > 1 && /* @__PURE__ */ React216.createElement(Group70, { gap: "xs" }, /* @__PURE__ */ React216.createElement(Text114, { size: "xs", c: "dimmed" }, "Page ", currentPage, " of ", totalPages, " (", filteredIcons.length, " total)"), /* @__PURE__ */ React216.createElement(BaseButton, { size: "xs", onClick: () => setCurrentPage((p) => Math.max(1, p - 1)), disabled: currentPage === 1, leftSection: /* @__PURE__ */ React216.createElement(IconChevronLeft, { size: 14 }) }, "Prev"), /* @__PURE__ */ React216.createElement(
       BaseButton,
       {
         size: "xs",
         onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
         disabled: currentPage === totalPages,
-        leftSection: /* @__PURE__ */ React208.createElement(IconChevronRight10, { size: 14 })
+        leftSection: /* @__PURE__ */ React216.createElement(IconChevronRight11, { size: 14 })
       },
       "Next"
-    ))), /* @__PURE__ */ React208.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React208.createElement(Tabs5.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React208.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React208.createElement(Stack133, { align: "center", gap: "md" }, /* @__PURE__ */ React208.createElement(Text109, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React208.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React208.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
+    ))), /* @__PURE__ */ React216.createElement(ScrollArea8.Autosize, { scrollbarSize: 0, mah: 200 }, renderIconGrid(paginatedIcons)))), /* @__PURE__ */ React216.createElement(Tabs5.Panel, { value: "upload", pt: "md" }, /* @__PURE__ */ React216.createElement(Center12, { py: "xl" }, /* @__PURE__ */ React216.createElement(Stack138, { align: "center", gap: "md" }, /* @__PURE__ */ React216.createElement(Text114, { size: "sm", c: "dimmed", ta: "center" }, "Upload a custom icon image", /* @__PURE__ */ React216.createElement("br", null), "(PNG, JPG, SVG)"), /* @__PURE__ */ React216.createElement(CoverImageButton, { onClick: onUploadClick }, "Choose File"))))))
   ));
 }
 
 // src/mantine/components/CoverImage.tsx
-import React210, { useState as useState74, useRef as useRef12, useEffect as useEffect56 } from "react";
-import { Box as Box42, Group as Group67 } from "@mantine/core";
+import React218, { useState as useState77, useRef as useRef13, useEffect as useEffect58 } from "react";
+import { Box as Box42, Group as Group71 } from "@mantine/core";
 
 // src/core/lib/imageTransform.ts
 var CLOUDFLARE_CDN_BASE = "https://www.ixo.earth/cdn-cgi/image";
@@ -20725,12 +22259,12 @@ function transformIconImage(sourceUrl, size = "default", customOptions) {
 }
 
 // src/mantine/components/Base/PageIcon.tsx
-import React209, { useMemo as useMemo72 } from "react";
+import React217, { useMemo as useMemo76 } from "react";
 import { Center as Center13, Box as Box41 } from "@mantine/core";
 import * as TablerIcons2 from "@tabler/icons-react";
 function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const isIconName = src && !src.startsWith("http");
-  const IconComponent = useMemo72(() => {
+  const IconComponent = useMemo76(() => {
     if (!isIconName || !src) return null;
     const iconComponent = TablerIcons2[src];
     if (iconComponent) {
@@ -20741,7 +22275,7 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
   const Container = useCenter ? Center13 : Box41;
   if (!src) return null;
   if (IconComponent) {
-    return /* @__PURE__ */ React209.createElement(
+    return /* @__PURE__ */ React217.createElement(
       Container,
       {
         style: {
@@ -20753,10 +22287,10 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
           ...style
         }
       },
-      /* @__PURE__ */ React209.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
+      /* @__PURE__ */ React217.createElement(IconComponent, { size: iconSize, color: "white", stroke: 1.5 })
     );
   }
-  return /* @__PURE__ */ React209.createElement(
+  return /* @__PURE__ */ React217.createElement(
     "img",
     {
       src,
@@ -20777,14 +22311,14 @@ function PageIcon({ src, iconSize = 64, useCenter = false, style }) {
 import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
 function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
-  const [isHovering, setIsHovering] = useState74(false);
-  const [isRepositioning, setIsRepositioning] = useState74(false);
-  const [coverPosition, setCoverPosition] = useState74(50);
-  const coverFileInputRef = useRef12(null);
-  const logoFileInputRef = useRef12(null);
+  const [isHovering, setIsHovering] = useState77(false);
+  const [isRepositioning, setIsRepositioning] = useState77(false);
+  const [coverPosition, setCoverPosition] = useState77(50);
+  const coverFileInputRef = useRef13(null);
+  const logoFileInputRef = useRef13(null);
   const [opened, { open, close }] = useDisclosure5(false);
-  const [metadata, setMetadata] = useState74(() => editor?.getPageMetadata?.() || null);
-  useEffect56(() => {
+  const [metadata, setMetadata] = useState77(() => editor?.getPageMetadata?.() || null);
+  useEffect58(() => {
     if (!editor?._metadataManager) {
       return;
     }
@@ -20866,7 +22400,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     return null;
   }
   if (!hasCover) {
-    return /* @__PURE__ */ React210.createElement(
+    return /* @__PURE__ */ React218.createElement(
       Box42,
       {
         style: {
@@ -20879,8 +22413,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         onMouseEnter: () => editable && setIsHovering(true),
         onMouseLeave: () => editable && setIsHovering(false)
       },
-      /* @__PURE__ */ React210.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React210.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React210.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React210.createElement(
-        Group67,
+      /* @__PURE__ */ React218.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "relative", height: "100%" } }, /* @__PURE__ */ React218.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }), /* @__PURE__ */ React218.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") }), editable && isHovering && !logoSrc && /* @__PURE__ */ React218.createElement(
+        Group71,
         {
           gap: "xs",
           style: {
@@ -20890,7 +22424,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 10
           }
         },
-        /* @__PURE__ */ React210.createElement(
+        /* @__PURE__ */ React218.createElement(
           BaseIconPicker,
           {
             opened,
@@ -20899,10 +22433,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: open }, "Add icon")
+          /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: open }, "Add icon")
         ),
-        /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
-      ), logoSrc && /* @__PURE__ */ React210.createElement(
+        /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+      ), logoSrc && /* @__PURE__ */ React218.createElement(
         Box42,
         {
           style: {
@@ -20916,8 +22450,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 11
           }
         },
-        /* @__PURE__ */ React210.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
-        editable && isHovering && /* @__PURE__ */ React210.createElement(
+        /* @__PURE__ */ React218.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
+        editable && isHovering && /* @__PURE__ */ React218.createElement(
           "div",
           {
             style: {
@@ -20932,7 +22466,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               alignItems: "center"
             }
           },
-          /* @__PURE__ */ React210.createElement(
+          /* @__PURE__ */ React218.createElement(
             BaseIconPicker,
             {
               opened,
@@ -20941,15 +22475,15 @@ function CoverImage({ coverImageUrl, logoUrl }) {
               onSelectIcon: (name) => handleSelectLogoIcon(name),
               onUploadClick: () => logoFileInputRef.current?.click()
             },
-            /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: open }, "Change")
+            /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: open }, "Change")
           ),
-          /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
-          /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
+          /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove"),
+          /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Add cover")
         )
       ))
     );
   }
-  return /* @__PURE__ */ React210.createElement(
+  return /* @__PURE__ */ React218.createElement(
     Box42,
     {
       style: {
@@ -20969,7 +22503,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseMove: handleMouseMove,
       onClick: () => isRepositioning && setIsRepositioning(false)
     },
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React218.createElement(
       "img",
       {
         src: coverUrl,
@@ -20987,8 +22521,8 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       }
     ),
-    editable && isHovering && /* @__PURE__ */ React210.createElement(
-      Group67,
+    editable && isHovering && /* @__PURE__ */ React218.createElement(
+      Group71,
       {
         gap: "xs",
         style: {
@@ -20998,11 +22532,11 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 10
         }
       },
-      /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
-      /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
+      /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
+      /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove")
     ),
-    /* @__PURE__ */ React210.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React218.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React218.createElement(
       Box42,
       {
         style: {
@@ -21014,9 +22548,9 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React210.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
-      editable && isHovering && /* @__PURE__ */ React210.createElement(React210.Fragment, null, logoSrc ? /* @__PURE__ */ React210.createElement(
-        Group67,
+      logoSrc && /* @__PURE__ */ React218.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      editable && isHovering && /* @__PURE__ */ React218.createElement(React218.Fragment, null, logoSrc ? /* @__PURE__ */ React218.createElement(
+        Group71,
         {
           gap: "xs",
           style: {
@@ -21026,7 +22560,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             zIndex: 12
           }
         },
-        /* @__PURE__ */ React210.createElement(
+        /* @__PURE__ */ React218.createElement(
           BaseIconPicker,
           {
             opened,
@@ -21035,10 +22569,10 @@ function CoverImage({ coverImageUrl, logoUrl }) {
             onSelectIcon: (name) => handleSelectLogoIcon(name),
             onUploadClick: () => logoFileInputRef.current?.click()
           },
-          /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: open }, "Change")
+          /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: open }, "Change")
         ),
-        /* @__PURE__ */ React210.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
-      ) : /* @__PURE__ */ React210.createElement(
+        /* @__PURE__ */ React218.createElement(CoverImageButton, { onClick: handleRemoveLogo }, "Remove")
+      ) : /* @__PURE__ */ React218.createElement(
         CoverImageButton,
         {
           onClick: open,
@@ -21053,13 +22587,13 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         "Add icon"
       ))
     )),
-    /* @__PURE__ */ React210.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
-    /* @__PURE__ */ React210.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
+    /* @__PURE__ */ React218.createElement("input", { ref: coverFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "cover") }),
+    /* @__PURE__ */ React218.createElement("input", { ref: logoFileInputRef, type: "file", accept: "image/*", style: { display: "none" }, onChange: (e) => handleFileSelect(e, "logo") })
   );
 }
 
 // src/mantine/components/PageHeader.tsx
-import React211, { useState as useState75, useRef as useRef13, useEffect as useEffect57 } from "react";
+import React219, { useState as useState78, useRef as useRef14, useEffect as useEffect59 } from "react";
 function PageHeader({
   title = "New page",
   icon,
@@ -21070,9 +22604,9 @@ function PageHeader({
   isFavorited = false,
   menuItems = []
 }) {
-  const [isMenuOpen, setIsMenuOpen] = useState75(false);
-  const menuRef = useRef13(null);
-  useEffect57(() => {
+  const [isMenuOpen, setIsMenuOpen] = useState78(false);
+  const menuRef = useRef14(null);
+  useEffect59(() => {
     function handleClickOutside(event) {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsMenuOpen(false);
@@ -21091,14 +22625,14 @@ function PageHeader({
       setIsMenuOpen(false);
     }
   };
-  return /* @__PURE__ */ React211.createElement("div", { style: styles.container }, /* @__PURE__ */ React211.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React211.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React211.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React211.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React211.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React211.createElement("span", null, "Private"), /* @__PURE__ */ React211.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React211.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React211.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React211.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React211.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React211.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React211.createElement(
+  return /* @__PURE__ */ React219.createElement("div", { style: styles.container }, /* @__PURE__ */ React219.createElement("div", { style: styles.leftSection }, /* @__PURE__ */ React219.createElement("span", { style: styles.icon }, icon || "\u{1F4C4}"), /* @__PURE__ */ React219.createElement("span", { style: styles.title }, title), isPrivate && /* @__PURE__ */ React219.createElement("button", { style: styles.privacyBadge }, /* @__PURE__ */ React219.createElement("span", { style: styles.lockIcon }, "\u{1F512}"), /* @__PURE__ */ React219.createElement("span", null, "Private"), /* @__PURE__ */ React219.createElement("span", { style: styles.chevron }, "\u25BE"))), /* @__PURE__ */ React219.createElement("div", { style: styles.rightSection }, lastEdited && /* @__PURE__ */ React219.createElement("span", { style: styles.editedText }, lastEdited), onShare && /* @__PURE__ */ React219.createElement("button", { style: styles.shareButton, onClick: onShare }, "Share"), onFavorite && /* @__PURE__ */ React219.createElement("button", { style: styles.iconButton, onClick: onFavorite }, isFavorited ? "\u2605" : "\u2606"), menuItems.length > 0 && /* @__PURE__ */ React219.createElement("div", { style: styles.menuContainer, ref: menuRef }, /* @__PURE__ */ React219.createElement(
     "button",
     {
       style: styles.menuButton,
       onClick: () => setIsMenuOpen(!isMenuOpen),
       "aria-label": "Menu"
     },
-    /* @__PURE__ */ React211.createElement(
+    /* @__PURE__ */ React219.createElement(
       "svg",
       {
         width: "16",
@@ -21106,11 +22640,11 @@ function PageHeader({
         viewBox: "0 0 16 16",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React211.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React211.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
-      /* @__PURE__ */ React211.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
+      /* @__PURE__ */ React219.createElement("circle", { cx: "3", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React219.createElement("circle", { cx: "8", cy: "8", r: "1.5" }),
+      /* @__PURE__ */ React219.createElement("circle", { cx: "13", cy: "8", r: "1.5" })
     )
-  ), isMenuOpen && /* @__PURE__ */ React211.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React211.createElement(React211.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React211.createElement("div", { style: styles.divider }), /* @__PURE__ */ React211.createElement(
+  ), isMenuOpen && /* @__PURE__ */ React219.createElement("div", { style: styles.dropdown }, menuItems.map((item, index) => /* @__PURE__ */ React219.createElement(React219.Fragment, { key: index }, item.divider && index > 0 && /* @__PURE__ */ React219.createElement("div", { style: styles.divider }), /* @__PURE__ */ React219.createElement(
     "button",
     {
       style: {
@@ -21120,8 +22654,8 @@ function PageHeader({
       onClick: () => handleMenuItemClick(item),
       disabled: item.disabled
     },
-    item.icon && /* @__PURE__ */ React211.createElement("span", { style: styles.menuItemIcon }, item.icon),
-    /* @__PURE__ */ React211.createElement("span", null, item.label)
+    item.icon && /* @__PURE__ */ React219.createElement("span", { style: styles.menuItemIcon }, item.icon),
+    /* @__PURE__ */ React219.createElement("span", null, item.label)
   )))))));
 }
 var styles = {
@@ -21252,7 +22786,7 @@ var styles = {
 };
 
 // src/mantine/components/ExternalDropZone.tsx
-import React212, { useCallback as useCallback57, useEffect as useEffect58, useRef as useRef14, useState as useState76 } from "react";
+import React220, { useCallback as useCallback61, useEffect as useEffect60, useRef as useRef15, useState as useState79 } from "react";
 import { Box as Box43 } from "@mantine/core";
 var SCROLL_ZONE_SIZE = 80;
 var SCROLL_SPEED = 12;
@@ -21265,20 +22799,20 @@ var ExternalDropZone = ({
   onPlacementCancel,
   children
 }) => {
-  const containerRef = useRef14(null);
-  const [isValidDrag, setIsValidDrag] = useState76(false);
-  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState76(false);
-  const [indicatorStyle, setIndicatorStyle] = useState76({});
-  const dropPositionRef = useRef14(null);
-  const scrollAnimationRef = useRef14(null);
-  const scrollDirectionRef = useRef14(null);
-  const scrollContainerRef = useRef14(null);
-  const getBlockElements = useCallback57(() => {
+  const containerRef = useRef15(null);
+  const [isValidDrag, setIsValidDrag] = useState79(false);
+  const [isHoveringInPlacementMode, setIsHoveringInPlacementMode] = useState79(false);
+  const [indicatorStyle, setIndicatorStyle] = useState79({});
+  const dropPositionRef = useRef15(null);
+  const scrollAnimationRef = useRef15(null);
+  const scrollDirectionRef = useRef15(null);
+  const scrollContainerRef = useRef15(null);
+  const getBlockElements = useCallback61(() => {
     if (!containerRef.current) return [];
     const blocks = containerRef.current.querySelectorAll('[data-node-type="blockContainer"]');
     return Array.from(blocks);
   }, []);
-  const getScrollContainer = useCallback57(() => {
+  const getScrollContainer = useCallback61(() => {
     if (scrollContainerRef.current) return scrollContainerRef.current;
     let element = containerRef.current;
     while (element) {
@@ -21293,7 +22827,7 @@ var ExternalDropZone = ({
     scrollContainerRef.current = window;
     return window;
   }, []);
-  const performScroll = useCallback57(() => {
+  const performScroll = useCallback61(() => {
     const container = getScrollContainer();
     const direction = scrollDirectionRef.current;
     if (!direction) {
@@ -21308,7 +22842,7 @@ var ExternalDropZone = ({
     }
     scrollAnimationRef.current = requestAnimationFrame(performScroll);
   }, [getScrollContainer]);
-  const startAutoScroll = useCallback57(
+  const startAutoScroll = useCallback61(
     (direction) => {
       if (scrollDirectionRef.current === direction) return;
       scrollDirectionRef.current = direction;
@@ -21318,14 +22852,14 @@ var ExternalDropZone = ({
     },
     [performScroll]
   );
-  const stopAutoScroll = useCallback57(() => {
+  const stopAutoScroll = useCallback61(() => {
     scrollDirectionRef.current = null;
     if (scrollAnimationRef.current) {
       cancelAnimationFrame(scrollAnimationRef.current);
       scrollAnimationRef.current = null;
     }
   }, []);
-  const checkAutoScroll = useCallback57(
+  const checkAutoScroll = useCallback61(
     (clientY) => {
       const container = getScrollContainer();
       let containerTop;
@@ -21348,7 +22882,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer, startAutoScroll, stopAutoScroll]
   );
-  const findDropPosition = useCallback57(
+  const findDropPosition = useCallback61(
     (clientY) => {
       const blocks = getBlockElements();
       if (blocks.length === 0 || !editor?.document) return null;
@@ -21381,7 +22915,7 @@ var ExternalDropZone = ({
     },
     [getBlockElements, editor]
   );
-  const handleDragOver = useCallback57(
+  const handleDragOver = useCallback61(
     (e) => {
       if (!e.dataTransfer.types.includes(acceptedType)) return;
       e.preventDefault();
@@ -21404,7 +22938,7 @@ var ExternalDropZone = ({
     },
     [acceptedType, findDropPosition, checkAutoScroll]
   );
-  const handleDragLeave = useCallback57(
+  const handleDragLeave = useCallback61(
     (e) => {
       if (containerRef.current && !containerRef.current.contains(e.relatedTarget)) {
         setIsValidDrag(false);
@@ -21414,7 +22948,7 @@ var ExternalDropZone = ({
     },
     [stopAutoScroll]
   );
-  const handleDrop = useCallback57(
+  const handleDrop = useCallback61(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -21428,7 +22962,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  useEffect58(() => {
+  useEffect60(() => {
     const handleGlobalDragEnd = () => {
       setIsValidDrag(false);
       dropPositionRef.current = null;
@@ -21437,7 +22971,7 @@ var ExternalDropZone = ({
     window.addEventListener("dragend", handleGlobalDragEnd);
     return () => window.removeEventListener("dragend", handleGlobalDragEnd);
   }, [stopAutoScroll]);
-  const handleOverlayMouseMove = useCallback57(
+  const handleOverlayMouseMove = useCallback61(
     (e) => {
       setIsHoveringInPlacementMode(true);
       checkAutoScroll(e.clientY);
@@ -21456,12 +22990,12 @@ var ExternalDropZone = ({
     },
     [findDropPosition, checkAutoScroll]
   );
-  const handleOverlayMouseLeave = useCallback57(() => {
+  const handleOverlayMouseLeave = useCallback61(() => {
     setIsHoveringInPlacementMode(false);
     dropPositionRef.current = null;
     stopAutoScroll();
   }, [stopAutoScroll]);
-  const handleOverlayClick = useCallback57(
+  const handleOverlayClick = useCallback61(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -21475,7 +23009,7 @@ var ExternalDropZone = ({
     },
     [onDrop, stopAutoScroll]
   );
-  const handleOverlayWheel = useCallback57(
+  const handleOverlayWheel = useCallback61(
     (e) => {
       const container = getScrollContainer();
       if (container === window) {
@@ -21486,7 +23020,7 @@ var ExternalDropZone = ({
     },
     [getScrollContainer]
   );
-  useEffect58(() => {
+  useEffect60(() => {
     if (!isPlacementMode) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -21509,13 +23043,13 @@ var ExternalDropZone = ({
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, [isPlacementMode, onPlacementCancel]);
-  useEffect58(() => {
+  useEffect60(() => {
     if (!isPlacementMode) {
       setIsHoveringInPlacementMode(false);
       dropPositionRef.current = null;
     }
   }, [isPlacementMode]);
-  useEffect58(() => {
+  useEffect60(() => {
     const isActive = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
     if (isActive) {
       document.body.classList.add("external-artifact-drag-active");
@@ -21526,18 +23060,18 @@ var ExternalDropZone = ({
       document.body.classList.remove("external-artifact-drag-active");
     };
   }, [isValidDrag, isPlacementMode, isHoveringInPlacementMode]);
-  useEffect58(() => {
+  useEffect60(() => {
     return () => {
       if (scrollAnimationRef.current) {
         cancelAnimationFrame(scrollAnimationRef.current);
       }
     };
   }, []);
-  const indicatorWithPosition = dropIndicator && React212.isValidElement(dropIndicator) ? React212.cloneElement(dropIndicator, {
+  const indicatorWithPosition = dropIndicator && React220.isValidElement(dropIndicator) ? React220.cloneElement(dropIndicator, {
     indicatorTop: typeof indicatorStyle.top === "number" ? indicatorStyle.top : void 0
   }) : dropIndicator;
   const shouldShowIndicator = isValidDrag || isPlacementMode && isHoveringInPlacementMode;
-  return /* @__PURE__ */ React212.createElement(
+  return /* @__PURE__ */ React220.createElement(
     Box43,
     {
       ref: containerRef,
@@ -21553,7 +23087,7 @@ var ExternalDropZone = ({
       "data-placement-mode": isPlacementMode ? "true" : void 0
     },
     children,
-    isPlacementMode && /* @__PURE__ */ React212.createElement(
+    isPlacementMode && /* @__PURE__ */ React220.createElement(
       Box43,
       {
         style: {
@@ -21573,19 +23107,19 @@ var ExternalDropZone = ({
         onWheel: handleOverlayWheel
       }
     ),
-    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React212.createElement(Box43, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
+    shouldShowIndicator && indicatorWithPosition && /* @__PURE__ */ React220.createElement(Box43, { style: { ...indicatorStyle, background: "none", border: "none", boxShadow: "none" } }, indicatorWithPosition)
   );
 };
 
 // src/mantine/IxoEditor.tsx
-import React214 from "react";
+import React222 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 React213 from "react";
+import React221 from "react";
 import { Box as Box44 } from "@mantine/core";
 var panelStyles = {
   light: {
@@ -21615,7 +23149,7 @@ function PanelContent({ theme }) {
   const { activePanel, registeredPanels } = usePanelStore();
   const isOpen = activePanel !== null;
   const content = activePanel ? registeredPanels.get(activePanel) : null;
-  return /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React221.createElement(
     Box44,
     {
       pos: "sticky",
@@ -21656,7 +23190,7 @@ function IxoEditorContent({
 }) {
   const { activePanel } = usePanelStore();
   const isPanelOpen = activePanel !== null;
-  const editorContent = /* @__PURE__ */ React214.createElement(
+  const editorContent = /* @__PURE__ */ React222.createElement(
     BlockNoteView,
     {
       editor,
@@ -21671,7 +23205,7 @@ function IxoEditorContent({
       onChange,
       onSelectionChange
     },
-    config.slashMenu && /* @__PURE__ */ React214.createElement(
+    config.slashMenu && /* @__PURE__ */ React222.createElement(
       SuggestionMenuController,
       {
         triggerCharacter: "/",
@@ -21684,7 +23218,7 @@ function IxoEditorContent({
     ),
     children
   );
-  return /* @__PURE__ */ React214.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React214.createElement(
+  return /* @__PURE__ */ React222.createElement("div", { style: { display: "flex", height: "100%", width: "100%", gap: 0 } }, /* @__PURE__ */ React222.createElement(
     "div",
     {
       className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`,
@@ -21693,9 +23227,9 @@ function IxoEditorContent({
         transition: "width 0.2s ease"
       }
     },
-    selfNav && /* @__PURE__ */ React214.createElement(PageHeader, { ...pageHeaderProps }),
-    /* @__PURE__ */ React214.createElement(CoverImage, { coverImageUrl, logoUrl }),
-    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React214.createElement(
+    selfNav && /* @__PURE__ */ React222.createElement(PageHeader, { ...pageHeaderProps }),
+    /* @__PURE__ */ React222.createElement(CoverImage, { coverImageUrl, logoUrl }),
+    (onExternalDrop || isPlacementMode) && isEditable ? /* @__PURE__ */ React222.createElement(
       ExternalDropZone,
       {
         editor,
@@ -21708,7 +23242,7 @@ function IxoEditorContent({
       },
       editorContent
     ) : editorContent
-  ), isPanelVisible && /* @__PURE__ */ React214.createElement(PanelContent, { theme: config.theme }));
+  ), isPanelVisible && /* @__PURE__ */ React222.createElement(PanelContent, { theme: config.theme }));
 }
 function IxoEditor({
   editor,
@@ -21748,7 +23282,7 @@ function IxoEditor({
     tableHandles: true
   };
   const isEditable = editable;
-  const editorContent = /* @__PURE__ */ React214.createElement(
+  const editorContent = /* @__PURE__ */ React222.createElement(
     BlocknoteProvider,
     {
       editor,
@@ -21760,7 +23294,7 @@ function IxoEditor({
       dynamicListPanelRenderer,
       domainCardRenderer
     },
-    /* @__PURE__ */ React214.createElement(
+    /* @__PURE__ */ React222.createElement(
       IxoEditorContent,
       {
         isPanelVisible,
@@ -21784,15 +23318,15 @@ function IxoEditor({
     )
   );
   if (mantineTheme) {
-    return /* @__PURE__ */ React214.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
+    return /* @__PURE__ */ React222.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
   }
   return editorContent;
 }
 
 // src/mantine/components/EntitySigningSetup.tsx
-import React215, { useState as useState77 } from "react";
-import { Modal as Modal3, Stack as Stack134, Text as Text110, TextInput as TextInput7, Button as Button37, Alert as Alert28, Group as Group68 } from "@mantine/core";
-import { IconAlertCircle as IconAlertCircle14, IconCheck as IconCheck10, IconKey as IconKey2 } from "@tabler/icons-react";
+import React223, { useState as useState80 } from "react";
+import { Modal as Modal3, Stack as Stack139, Text as Text115, TextInput as TextInput7, Button as Button38, Alert as Alert30, Group as Group72 } from "@mantine/core";
+import { IconAlertCircle as IconAlertCircle15, IconCheck as IconCheck11, IconKey as IconKey2 } from "@tabler/icons-react";
 var EntitySigningSetup = ({
   opened,
   onClose,
@@ -21800,11 +23334,11 @@ var EntitySigningSetup = ({
   entityName,
   onSetup
 }) => {
-  const [pin, setPin] = useState77("");
-  const [confirmPin, setConfirmPin] = useState77("");
-  const [loading, setLoading] = useState77(false);
-  const [error, setError] = useState77(null);
-  const [success, setSuccess] = useState77(false);
+  const [pin, setPin] = useState80("");
+  const [confirmPin, setConfirmPin] = useState80("");
+  const [loading, setLoading] = useState80(false);
+  const [error, setError] = useState80(null);
+  const [success, setSuccess] = useState80(false);
   const handleSetup = async () => {
     if (pin.length < 4) {
       setError("PIN must be at least 4 characters");
@@ -21844,15 +23378,15 @@ var EntitySigningSetup = ({
       setSuccess(false);
     }
   };
-  return /* @__PURE__ */ React215.createElement(
+  return /* @__PURE__ */ React223.createElement(
     Modal3,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React215.createElement(Group68, { gap: "xs" }, /* @__PURE__ */ React215.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React215.createElement(Text110, { fw: 600 }, "Entity Signing Setup")),
+      title: /* @__PURE__ */ React223.createElement(Group72, { gap: "xs" }, /* @__PURE__ */ React223.createElement(IconKey2, { size: 20 }), /* @__PURE__ */ React223.createElement(Text115, { fw: 600 }, "Entity Signing Setup")),
       size: "md"
     },
-    /* @__PURE__ */ React215.createElement(Stack134, { gap: "md" }, success ? /* @__PURE__ */ React215.createElement(Alert28, { color: "green", icon: /* @__PURE__ */ React215.createElement(IconCheck10, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React215.createElement(React215.Fragment, null, /* @__PURE__ */ React215.createElement(Text110, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React215.createElement(Text110, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React215.createElement(Alert28, { color: "blue", variant: "light" }, /* @__PURE__ */ React215.createElement(Text110, { size: "sm" }, "This is a ", /* @__PURE__ */ React215.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React215.createElement(Stack134, { gap: "xs" }, /* @__PURE__ */ React215.createElement(Text110, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React215.createElement(Text110, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React215.createElement(Text110, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React215.createElement(Text110, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React215.createElement(
+    /* @__PURE__ */ React223.createElement(Stack139, { gap: "md" }, success ? /* @__PURE__ */ React223.createElement(Alert30, { color: "green", icon: /* @__PURE__ */ React223.createElement(IconCheck11, { size: 16 }) }, "Entity signing key set up successfully!") : /* @__PURE__ */ React223.createElement(React223.Fragment, null, /* @__PURE__ */ React223.createElement(Text115, { size: "sm", c: "dimmed" }, "Flow authorization requires a signing key for", " ", /* @__PURE__ */ React223.createElement(Text115, { span: true, fw: 500 }, entityName || entityDid), "."), /* @__PURE__ */ React223.createElement(Alert30, { color: "blue", variant: "light" }, /* @__PURE__ */ React223.createElement(Text115, { size: "sm" }, "This is a ", /* @__PURE__ */ React223.createElement("strong", null, "one-time setup"), " that allows flows to grant permissions without requiring wallet signatures for each delegation.")), /* @__PURE__ */ React223.createElement(Stack139, { gap: "xs" }, /* @__PURE__ */ React223.createElement(Text115, { size: "sm", fw: 500 }, "What happens:"), /* @__PURE__ */ React223.createElement(Text115, { size: "sm", c: "dimmed" }, "1. A new signing key is generated"), /* @__PURE__ */ React223.createElement(Text115, { size: "sm", c: "dimmed" }, "2. Key is registered on the entity's DID document (requires wallet)"), /* @__PURE__ */ React223.createElement(Text115, { size: "sm", c: "dimmed" }, "3. Key is stored encrypted in the entity's Matrix room")), /* @__PURE__ */ React223.createElement(
       TextInput7,
       {
         label: "Enter PIN to encrypt signing key",
@@ -21863,7 +23397,7 @@ var EntitySigningSetup = ({
         onChange: (e) => setPin(e.currentTarget.value),
         disabled: loading
       }
-    ), /* @__PURE__ */ React215.createElement(
+    ), /* @__PURE__ */ React223.createElement(
       TextInput7,
       {
         label: "Confirm PIN",
@@ -21873,12 +23407,12 @@ var EntitySigningSetup = ({
         onChange: (e) => setConfirmPin(e.currentTarget.value),
         disabled: loading
       }
-    ), error && /* @__PURE__ */ React215.createElement(Alert28, { color: "red", icon: /* @__PURE__ */ React215.createElement(IconAlertCircle14, { size: 16 }) }, error), /* @__PURE__ */ React215.createElement(Group68, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React215.createElement(Button37, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React215.createElement(
-      Button37,
+    ), error && /* @__PURE__ */ React223.createElement(Alert30, { color: "red", icon: /* @__PURE__ */ React223.createElement(IconAlertCircle15, { size: 16 }) }, error), /* @__PURE__ */ React223.createElement(Group72, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React223.createElement(Button38, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React223.createElement(
+      Button38,
       {
         onClick: handleSetup,
         loading,
-        leftSection: /* @__PURE__ */ React215.createElement(IconKey2, { size: 16 })
+        leftSection: /* @__PURE__ */ React223.createElement(IconKey2, { size: 16 })
       },
       "Setup Entity Signing"
     ))))
@@ -21886,9 +23420,9 @@ var EntitySigningSetup = ({
 };
 
 // src/mantine/components/FlowPermissionsPanel.tsx
-import React216, { useState as useState78, useEffect as useEffect59, useMemo as useMemo73 } from "react";
-import { Stack as Stack135, Text as Text111, Paper as Paper18, Group as Group69, Badge as Badge35, Button as Button38, ActionIcon as ActionIcon30, Loader as Loader26, Alert as Alert29, Divider as Divider15 } from "@mantine/core";
-import { IconPlus as IconPlus5, IconTrash as IconTrash6, IconShieldCheck as IconShieldCheck2, IconUser as IconUser5, IconRobot as IconRobot4, IconBuilding } from "@tabler/icons-react";
+import React224, { useState as useState81, useEffect as useEffect61, useMemo as useMemo77 } from "react";
+import { Stack as Stack140, Text as Text116, Paper as Paper18, Group as Group73, Badge as Badge38, Button as Button39, ActionIcon as ActionIcon32, Loader as Loader27, Alert as Alert31, Divider as Divider15 } from "@mantine/core";
+import { IconPlus as IconPlus6, IconTrash as IconTrash7, IconShieldCheck as IconShieldCheck2, IconUser as IconUser5, IconRobot as IconRobot4, IconBuilding } from "@tabler/icons-react";
 var FlowPermissionsPanel = ({
   editor,
   entityDid,
@@ -21897,11 +23431,11 @@ var FlowPermissionsPanel = ({
   onRevokePermission,
   getUserDisplayName
 }) => {
-  const [delegations, setDelegations] = useState78([]);
-  const [loading, setLoading] = useState78(true);
-  const [revoking, setRevoking] = useState78(null);
-  const rootCapability = useMemo73(() => editor.getRootCapability?.(), [editor]);
-  useEffect59(() => {
+  const [delegations, setDelegations] = useState81([]);
+  const [loading, setLoading] = useState81(true);
+  const [revoking, setRevoking] = useState81(null);
+  const rootCapability = useMemo77(() => editor.getRootCapability?.(), [editor]);
+  useEffect61(() => {
     const loadDelegations = async () => {
       setLoading(true);
       const allDelegations = editor.getAllDelegations?.() || [];
@@ -21940,11 +23474,11 @@ var FlowPermissionsPanel = ({
   const getIcon2 = (type) => {
     switch (type) {
       case "oracle":
-        return /* @__PURE__ */ React216.createElement(IconRobot4, { size: 16 });
+        return /* @__PURE__ */ React224.createElement(IconRobot4, { size: 16 });
       case "entity":
-        return /* @__PURE__ */ React216.createElement(IconBuilding, { size: 16 });
+        return /* @__PURE__ */ React224.createElement(IconBuilding, { size: 16 });
       default:
-        return /* @__PURE__ */ React216.createElement(IconUser5, { size: 16 });
+        return /* @__PURE__ */ React224.createElement(IconUser5, { size: 16 });
     }
   };
   const formatCapabilities = (caps) => {
@@ -21963,8 +23497,8 @@ var FlowPermissionsPanel = ({
     if (date < /* @__PURE__ */ new Date()) return "Expired";
     return date.toLocaleDateString();
   };
-  return /* @__PURE__ */ React216.createElement(Stack135, { gap: "md" }, /* @__PURE__ */ React216.createElement(Stack135, { gap: "xs" }, /* @__PURE__ */ React216.createElement(Text111, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React216.createElement(Paper18, { p: "sm", withBorder: true }, /* @__PURE__ */ React216.createElement(Group69, { gap: "xs" }, /* @__PURE__ */ React216.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React216.createElement(Stack135, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React216.createElement(Text111, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React216.createElement(Text111, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React216.createElement(Badge35, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React216.createElement(Divider15, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React216.createElement(Group69, { justify: "center", py: "xl" }, /* @__PURE__ */ React216.createElement(Loader26, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React216.createElement(Alert29, { color: "gray", variant: "light" }, /* @__PURE__ */ React216.createElement(Text111, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React216.createElement(Stack135, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React216.createElement(Paper18, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React216.createElement(Group69, { justify: "space-between" }, /* @__PURE__ */ React216.createElement(Group69, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React216.createElement(Stack135, { gap: 2 }, /* @__PURE__ */ React216.createElement(Text111, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React216.createElement(Text111, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React216.createElement(Group69, { gap: "xs" }, /* @__PURE__ */ React216.createElement(Text111, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React216.createElement(Text111, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React216.createElement(Text111, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React216.createElement(
-    ActionIcon30,
+  return /* @__PURE__ */ React224.createElement(Stack140, { gap: "md" }, /* @__PURE__ */ React224.createElement(Stack140, { gap: "xs" }, /* @__PURE__ */ React224.createElement(Text116, { fw: 600, size: "sm" }, "Root Authority"), /* @__PURE__ */ React224.createElement(Paper18, { p: "sm", withBorder: true }, /* @__PURE__ */ React224.createElement(Group73, { gap: "xs" }, /* @__PURE__ */ React224.createElement(IconShieldCheck2, { size: 20, color: "var(--mantine-color-green-6)" }), /* @__PURE__ */ React224.createElement(Stack140, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React224.createElement(Text116, { size: "sm", fw: 500 }, entityName || entityDid), /* @__PURE__ */ React224.createElement(Text116, { size: "xs", c: "dimmed" }, rootCapability ? `Granted: ${new Date(rootCapability.issuedAt).toLocaleDateString()}` : "Root capability not set up")), /* @__PURE__ */ React224.createElement(Badge38, { color: "green", variant: "light" }, "Entity")))), /* @__PURE__ */ React224.createElement(Divider15, { label: "Delegated Permissions", labelPosition: "center" }), loading ? /* @__PURE__ */ React224.createElement(Group73, { justify: "center", py: "xl" }, /* @__PURE__ */ React224.createElement(Loader27, { size: "sm" })) : delegations.length === 0 ? /* @__PURE__ */ React224.createElement(Alert31, { color: "gray", variant: "light" }, /* @__PURE__ */ React224.createElement(Text116, { size: "sm" }, "No permissions have been granted yet.")) : /* @__PURE__ */ React224.createElement(Stack140, { gap: "xs" }, delegations.map(({ capability, displayName, type }) => /* @__PURE__ */ React224.createElement(Paper18, { key: capability.id, p: "sm", withBorder: true }, /* @__PURE__ */ React224.createElement(Group73, { justify: "space-between" }, /* @__PURE__ */ React224.createElement(Group73, { gap: "xs" }, getIcon2(type), /* @__PURE__ */ React224.createElement(Stack140, { gap: 2 }, /* @__PURE__ */ React224.createElement(Text116, { size: "sm", fw: 500 }, displayName), /* @__PURE__ */ React224.createElement(Text116, { size: "xs", c: "dimmed" }, formatCapabilities(capability.capabilities)), /* @__PURE__ */ React224.createElement(Group73, { gap: "xs" }, /* @__PURE__ */ React224.createElement(Text116, { size: "xs", c: "dimmed" }, "Expires: ", formatExpiration(capability.expiration)), /* @__PURE__ */ React224.createElement(Text116, { size: "xs", c: "dimmed" }, "\u2022"), /* @__PURE__ */ React224.createElement(Text116, { size: "xs", c: "dimmed" }, "Granted by: ", capability.issuer === entityDid ? "Entity" : capability.issuer.slice(-8))))), /* @__PURE__ */ React224.createElement(
+    ActionIcon32,
     {
       color: "red",
       variant: "subtle",
@@ -21972,11 +23506,11 @@ var FlowPermissionsPanel = ({
       loading: revoking === capability.id,
       disabled: !!revoking
     },
-    /* @__PURE__ */ React216.createElement(IconTrash6, { size: 16 })
-  ))))), /* @__PURE__ */ React216.createElement(
-    Button38,
+    /* @__PURE__ */ React224.createElement(IconTrash7, { size: 16 })
+  ))))), /* @__PURE__ */ React224.createElement(
+    Button39,
     {
-      leftSection: /* @__PURE__ */ React216.createElement(IconPlus5, { size: 16 }),
+      leftSection: /* @__PURE__ */ React224.createElement(IconPlus6, { size: 16 }),
       variant: "light",
       onClick: onGrantPermission
     },
@@ -21985,21 +23519,21 @@ var FlowPermissionsPanel = ({
 };
 
 // src/mantine/components/GrantPermissionModal.tsx
-import React217, { useState as useState79, useCallback as useCallback58 } from "react";
+import React225, { useState as useState82, useCallback as useCallback62 } from "react";
 import {
   Modal as Modal4,
-  Stack as Stack136,
-  Text as Text112,
+  Stack as Stack141,
+  Text as Text117,
   TextInput as TextInput8,
-  Button as Button39,
-  Group as Group70,
+  Button as Button40,
+  Group as Group74,
   Radio as Radio6,
   Checkbox as Checkbox12,
-  Alert as Alert30,
+  Alert as Alert32,
   Paper as Paper19,
-  Loader as Loader27,
-  Badge as Badge36,
-  ActionIcon as ActionIcon31,
+  Loader as Loader28,
+  Badge as Badge39,
+  ActionIcon as ActionIcon33,
   Divider as Divider16,
   NumberInput as NumberInput3
 } from "@mantine/core";
@@ -22017,21 +23551,21 @@ var GrantPermissionModal = ({
   const singleBlockMode = !!targetBlockId || blocks.length === 1;
   const fixedBlockId = targetBlockId || (blocks.length === 1 ? blocks[0].id : null);
   const fixedBlock = fixedBlockId ? blocks.find((b) => b.id === fixedBlockId) || blocks[0] : null;
-  const [recipientType, setRecipientType] = useState79("user");
-  const [searchQuery, setSearchQuery] = useState79("");
-  const [searchResults, setSearchResults] = useState79([]);
-  const [searching, setSearching] = useState79(false);
-  const [selectedRecipient, setSelectedRecipient] = useState79(null);
-  const [manualDid, setManualDid] = useState79("");
-  const [scopeType, setScopeType] = useState79("full");
-  const [selectedBlocks, setSelectedBlocks] = useState79([]);
-  const [expirationEnabled, setExpirationEnabled] = useState79(false);
-  const [expirationDays, setExpirationDays] = useState79(30);
-  const [canDelegate, setCanDelegate] = useState79(false);
-  const [pin, setPin] = useState79("");
-  const [loading, setLoading] = useState79(false);
-  const [error, setError] = useState79(null);
-  const handleSearch = useCallback58(async () => {
+  const [recipientType, setRecipientType] = useState82("user");
+  const [searchQuery, setSearchQuery] = useState82("");
+  const [searchResults, setSearchResults] = useState82([]);
+  const [searching, setSearching] = useState82(false);
+  const [selectedRecipient, setSelectedRecipient] = useState82(null);
+  const [manualDid, setManualDid] = useState82("");
+  const [scopeType, setScopeType] = useState82("full");
+  const [selectedBlocks, setSelectedBlocks] = useState82([]);
+  const [expirationEnabled, setExpirationEnabled] = useState82(false);
+  const [expirationDays, setExpirationDays] = useState82(30);
+  const [canDelegate, setCanDelegate] = useState82(false);
+  const [pin, setPin] = useState82("");
+  const [loading, setLoading] = useState82(false);
+  const [error, setError] = useState82(null);
+  const handleSearch = useCallback62(async () => {
     if (searchQuery.length < 2) return;
     setSearching(true);
     try {
@@ -22118,30 +23652,30 @@ var GrantPermissionModal = ({
       resetForm();
     }
   };
-  return /* @__PURE__ */ React217.createElement(
+  return /* @__PURE__ */ React225.createElement(
     Modal4,
     {
       opened,
       onClose: handleClose,
-      title: /* @__PURE__ */ React217.createElement(Group70, { gap: "xs" }, /* @__PURE__ */ React217.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React217.createElement(Text112, { fw: 600 }, "Grant Permission")),
+      title: /* @__PURE__ */ React225.createElement(Group74, { gap: "xs" }, /* @__PURE__ */ React225.createElement(IconShieldPlus3, { size: 20 }), /* @__PURE__ */ React225.createElement(Text117, { fw: 600 }, "Grant Permission")),
       size: "lg"
     },
-    /* @__PURE__ */ React217.createElement(Stack136, { gap: "md" }, /* @__PURE__ */ React217.createElement(Stack136, { gap: "xs" }, /* @__PURE__ */ React217.createElement(Text112, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React217.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
+    /* @__PURE__ */ React225.createElement(Stack141, { gap: "md" }, /* @__PURE__ */ React225.createElement(Stack141, { gap: "xs" }, /* @__PURE__ */ React225.createElement(Text117, { size: "sm", fw: 500 }, "Recipient Type"), /* @__PURE__ */ React225.createElement(Radio6.Group, { value: recipientType, onChange: (v) => {
       setRecipientType(v);
       setSelectedRecipient(null);
       setSearchResults([]);
-    } }, /* @__PURE__ */ React217.createElement(Group70, null, /* @__PURE__ */ React217.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React217.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React217.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React217.createElement(Stack136, { gap: "xs" }, /* @__PURE__ */ React217.createElement(
+    } }, /* @__PURE__ */ React225.createElement(Group74, null, /* @__PURE__ */ React225.createElement(Radio6, { value: "user", label: "User" }), /* @__PURE__ */ React225.createElement(Radio6, { value: "oracle", label: "Oracle" }), /* @__PURE__ */ React225.createElement(Radio6, { value: "manual", label: "Enter DID" })))), recipientType !== "manual" ? /* @__PURE__ */ React225.createElement(Stack141, { gap: "xs" }, /* @__PURE__ */ React225.createElement(
       TextInput8,
       {
         placeholder: recipientType === "oracle" ? "Search oracles..." : "Search users...",
-        leftSection: /* @__PURE__ */ React217.createElement(IconSearch6, { size: 16 }),
-        rightSection: searching ? /* @__PURE__ */ React217.createElement(Loader27, { size: 14 }) : null,
+        leftSection: /* @__PURE__ */ React225.createElement(IconSearch6, { size: 16 }),
+        rightSection: searching ? /* @__PURE__ */ React225.createElement(Loader28, { size: 14 }) : null,
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.currentTarget.value),
         onKeyDown: (e) => e.key === "Enter" && handleSearch()
       }
-    ), selectedRecipient ? /* @__PURE__ */ React217.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React217.createElement(Group70, { justify: "space-between" }, /* @__PURE__ */ React217.createElement(Group70, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React217.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React217.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React217.createElement(Text112, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React217.createElement(Badge36, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React217.createElement(ActionIcon31, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React217.createElement(IconX10, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React217.createElement(Paper19, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React217.createElement(Stack136, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React217.createElement(
-      Button39,
+    ), selectedRecipient ? /* @__PURE__ */ React225.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React225.createElement(Group74, { justify: "space-between" }, /* @__PURE__ */ React225.createElement(Group74, { gap: "xs" }, recipientType === "oracle" ? /* @__PURE__ */ React225.createElement(IconRobot5, { size: 16 }) : /* @__PURE__ */ React225.createElement(IconUser6, { size: 16 }), /* @__PURE__ */ React225.createElement(Text117, { size: "sm" }, selectedRecipient.displayName), /* @__PURE__ */ React225.createElement(Badge39, { size: "xs", variant: "light" }, selectedRecipient.did.slice(-12))), /* @__PURE__ */ React225.createElement(ActionIcon33, { size: "sm", variant: "subtle", onClick: () => setSelectedRecipient(null) }, /* @__PURE__ */ React225.createElement(IconX10, { size: 14 })))) : searchResults.length > 0 ? /* @__PURE__ */ React225.createElement(Paper19, { p: "xs", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React225.createElement(Stack141, { gap: 4 }, searchResults.map((result) => /* @__PURE__ */ React225.createElement(
+      Button40,
       {
         key: result.did,
         variant: "subtle",
@@ -22150,7 +23684,7 @@ var GrantPermissionModal = ({
         onClick: () => setSelectedRecipient(result)
       },
       result.displayName
-    )))) : null) : /* @__PURE__ */ React217.createElement(
+    )))) : null) : /* @__PURE__ */ React225.createElement(
       TextInput8,
       {
         label: "Recipient DID",
@@ -22158,12 +23692,12 @@ var GrantPermissionModal = ({
         value: manualDid,
         onChange: (e) => setManualDid(e.currentTarget.value)
       }
-    ), /* @__PURE__ */ React217.createElement(Divider16, null), /* @__PURE__ */ React217.createElement(Stack136, { gap: "xs" }, /* @__PURE__ */ React217.createElement(Text112, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
+    ), /* @__PURE__ */ React225.createElement(Divider16, null), /* @__PURE__ */ React225.createElement(Stack141, { gap: "xs" }, /* @__PURE__ */ React225.createElement(Text117, { size: "sm", fw: 500 }, "Permission Scope"), singleBlockMode && fixedBlock ? (
       // Single block mode: show fixed block info
-      /* @__PURE__ */ React217.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React217.createElement(Group70, { gap: "xs" }, /* @__PURE__ */ React217.createElement(Badge36, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React217.createElement(Text112, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React217.createElement(Text112, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
+      /* @__PURE__ */ React225.createElement(Paper19, { p: "sm", withBorder: true }, /* @__PURE__ */ React225.createElement(Group74, { gap: "xs" }, /* @__PURE__ */ React225.createElement(Badge39, { variant: "light", color: "blue" }, fixedBlock.type), /* @__PURE__ */ React225.createElement(Text117, { size: "sm" }, fixedBlock.name || `Block ${fixedBlock.id.slice(-8)}`)), /* @__PURE__ */ React225.createElement(Text117, { size: "xs", c: "dimmed", mt: "xs" }, "Permission will be granted to execute this specific block."))
     ) : (
       // Multi-block mode: show scope selection
-      /* @__PURE__ */ React217.createElement(React217.Fragment, null, /* @__PURE__ */ React217.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React217.createElement(Stack136, { gap: "xs" }, /* @__PURE__ */ React217.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React217.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React217.createElement(Paper19, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React217.createElement(Stack136, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React217.createElement(
+      /* @__PURE__ */ React225.createElement(React225.Fragment, null, /* @__PURE__ */ React225.createElement(Radio6.Group, { value: scopeType, onChange: (v) => setScopeType(v) }, /* @__PURE__ */ React225.createElement(Stack141, { gap: "xs" }, /* @__PURE__ */ React225.createElement(Radio6, { value: "full", label: "Full flow access (can execute any block)" }), /* @__PURE__ */ React225.createElement(Radio6, { value: "blocks", label: "Specific blocks only" }))), scopeType === "blocks" && /* @__PURE__ */ React225.createElement(Paper19, { p: "sm", withBorder: true, style: { maxHeight: 150, overflow: "auto" } }, /* @__PURE__ */ React225.createElement(Stack141, { gap: "xs" }, blocks.map((block) => /* @__PURE__ */ React225.createElement(
         Checkbox12,
         {
           key: block.id,
@@ -22178,14 +23712,14 @@ var GrantPermissionModal = ({
           }
         }
       )))))
-    )), /* @__PURE__ */ React217.createElement(Divider16, null), /* @__PURE__ */ React217.createElement(Stack136, { gap: "xs" }, /* @__PURE__ */ React217.createElement(
+    )), /* @__PURE__ */ React225.createElement(Divider16, null), /* @__PURE__ */ React225.createElement(Stack141, { gap: "xs" }, /* @__PURE__ */ React225.createElement(
       Checkbox12,
       {
         label: "Set expiration",
         checked: expirationEnabled,
         onChange: (e) => setExpirationEnabled(e.currentTarget.checked)
       }
-    ), expirationEnabled && /* @__PURE__ */ React217.createElement(
+    ), expirationEnabled && /* @__PURE__ */ React225.createElement(
       NumberInput3,
       {
         label: "Expires in (days)",
@@ -22195,7 +23729,7 @@ var GrantPermissionModal = ({
         min: 1,
         max: 365
       }
-    )), /* @__PURE__ */ React217.createElement(
+    )), /* @__PURE__ */ React225.createElement(
       Checkbox12,
       {
         label: "Recipient can grant permissions to others",
@@ -22203,7 +23737,7 @@ var GrantPermissionModal = ({
         checked: canDelegate,
         onChange: (e) => setCanDelegate(e.currentTarget.checked)
       }
-    ), /* @__PURE__ */ React217.createElement(Divider16, null), /* @__PURE__ */ React217.createElement(
+    ), /* @__PURE__ */ React225.createElement(Divider16, null), /* @__PURE__ */ React225.createElement(
       TextInput8,
       {
         label: "Enter your PIN to sign this delegation",
@@ -22212,7 +23746,7 @@ var GrantPermissionModal = ({
         value: pin,
         onChange: (e) => setPin(e.currentTarget.value)
       }
-    ), error && /* @__PURE__ */ React217.createElement(Alert30, { color: "red" }, error), /* @__PURE__ */ React217.createElement(Group70, { justify: "flex-end" }, /* @__PURE__ */ React217.createElement(Button39, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React217.createElement(Button39, { onClick: handleGrant, loading }, "Grant Permission")))
+    ), error && /* @__PURE__ */ React225.createElement(Alert32, { color: "red" }, error), /* @__PURE__ */ React225.createElement(Group74, { justify: "flex-end" }, /* @__PURE__ */ React225.createElement(Button40, { variant: "subtle", onClick: handleClose, disabled: loading }, "Cancel"), /* @__PURE__ */ React225.createElement(Button40, { onClick: handleGrant, loading }, "Grant Permission")))
   );
 };
 
@@ -22319,4 +23853,4 @@ export {
   ixoGraphQLClient,
   getEntity
 };
-//# sourceMappingURL=chunk-NBT2P6S5.mjs.map
+//# sourceMappingURL=chunk-75HEM77J.mjs.map