@ixo/editor 5.36.1 → 5.37.0

package/dist/mantine/index.d.ts

@@ -1,13 +1,14 @@
-export { n as ApiRequestBlockProps, h as ApiRequestBlockSpec, A as AuthorizationTab, d as AuthorizationTabState, B as BlockPresenceUser, i as CheckboxBlockProps, g as CheckboxBlockSpec, C as CoverImage, c as CoverImageProps, D as DevUcanGrantButton, J as DropPosition, r as Entity, s as EntityResponse, f as EntitySigningSetup, t as EntityVariables, E as EvaluationTab, e as EvaluationTabState, z as ExternalDropZone, F as FlowPermissionsPanel, G as GrantPermissionModal, v as GraphQLClient, y as GraphQLRequest, x as GraphQLResponse, H as HttpMethod, I as IxoEditor, b as IxoEditorProps, K as KeyValuePair, k as ListBlockProps, j as ListBlockSettings, L as ListBlockSpec, O as OverviewBlock, l as OverviewBlockProps, m as ProposalBlockProps, P as ProposalBlockSpec, q as getEntity, w as ixoGraphQLClient, o as useBlockPresence, a as useCreateCollaborativeIxoEditor, u as useCreateIxoEditor, p as useTrackBlockFocus } from '../graphql-client-DsWWkro-.mjs';
+export { q as ApiRequestBlockProps, h as ApiRequestBlockSpec, A as AuthorizationTab, d as AuthorizationTabState, B as BlockPresenceUser, i as CheckboxBlockProps, g as CheckboxBlockSpec, C as CoverImage, c as CoverImageProps, D as DevUcanGrantButton, Q as DropPosition, v as Entity, w as EntityResponse, f as EntitySigningSetup, x as EntityVariables, E as EvaluationTab, e as EvaluationTabState, N as ExternalDropZone, F as FlowPermissionsPanel, n as FlowStepRefProps, l as FlowStepRefSpec, G as GrantPermissionModal, y as GraphQLClient, M as GraphQLRequest, J as GraphQLResponse, H as HttpMethod, I as IxoEditor, b as IxoEditorProps, K as KeyValuePair, k as ListBlockProps, j as ListBlockSettings, L as ListBlockSpec, O as OverviewBlock, o as OverviewBlockProps, p as ProposalBlockProps, P as ProposalBlockSpec, t as getEntity, m as inlineContentSpecs, z as ixoGraphQLClient, r as useBlockPresence, a as useCreateCollaborativeIxoEditor, u as useCreateIxoEditor, s as useTrackBlockFocus } from '../graphql-client-7RPUfOZ7.mjs';
 import React__default, { PropsWithChildren } from 'react';
-import { ao as IxoBlockProps, a4 as IxoEditorType, w as BlocknoteHandlers, a5 as FlowNodeRuntimeState } from '../index-DUqLNz0c.mjs';
-export { H as Addr, A as AuthzExecActionTypes, y as BlockRequirements, x as BlocknoteContextValue, B as BlocknoteProvider, O as CosmosMsgForEmpty, au as DomainCardData, at as DomainCardRenderer, aq as DynamicListData, ar as DynamicListDataProvider, as as DynamicListPanelRenderer, K as Expiration, Z as ImportProtocolTemplateResult, Y as ImportProtocolTemplatesToSpaceParams, p as IxoCollaborativeEditorOptions, o as IxoCollaborativeUser, n as IxoEditorConfig, l as IxoEditorOptions, m as IxoEditorTheme, R as ListProtocolDeedsWithTemplatesParams, _ as MatrixPrivacySettings, $ as MatrixRoom, a0 as MatrixSpace, a2 as MatrixSpaceStructure, a1 as MatrixSubspace, Q as ProposalAction, P as ProposalResponse, W as ProtocolDeedWithTemplates, X as ProtocolTemplateSummary, z as SingleChoiceProposal, v as StakeType, v as StakeTypeValue, L as Status, M as Threshold, T as Timestamp, J as Uint128, G as User, V as ValidatorActionType, ap as VisualizationRenderer, F as Vote, E as VoteInfo, C as VoteResponse, N as Votes, q as blockSpecs, r as getExtraSlashMenuItems, u as useBlocknoteContext, s as useBlocknoteHandlers } from '../index-DUqLNz0c.mjs';
+import { ao as IxoBlockProps, a4 as IxoEditorType, w as BlocknoteHandlers, a5 as FlowNodeRuntimeState } from '../index-1drTq85A.mjs';
+export { H as Addr, A as AuthzExecActionTypes, y as BlockRequirements, x as BlocknoteContextValue, B as BlocknoteProvider, O as CosmosMsgForEmpty, au as DomainCardData, at as DomainCardRenderer, aq as DynamicListData, ar as DynamicListDataProvider, as as DynamicListPanelRenderer, K as Expiration, Z as ImportProtocolTemplateResult, Y as ImportProtocolTemplatesToSpaceParams, p as IxoCollaborativeEditorOptions, o as IxoCollaborativeUser, n as IxoEditorConfig, l as IxoEditorOptions, m as IxoEditorTheme, R as ListProtocolDeedsWithTemplatesParams, _ as MatrixPrivacySettings, $ as MatrixRoom, a0 as MatrixSpace, a2 as MatrixSpaceStructure, a1 as MatrixSubspace, Q as ProposalAction, P as ProposalResponse, W as ProtocolDeedWithTemplates, X as ProtocolTemplateSummary, z as SingleChoiceProposal, v as StakeType, v as StakeTypeValue, L as Status, M as Threshold, T as Timestamp, J as Uint128, G as User, V as ValidatorActionType, ap as VisualizationRenderer, F as Vote, E as VoteInfo, C as VoteResponse, N as Votes, q as blockSpecs, r as getExtraSlashMenuItems, u as useBlocknoteContext, s as useBlocknoteHandlers } from '../index-1drTq85A.mjs';
 import * as zustand from 'zustand';
 import { SurveyModel } from '@ixo/surveys';
 import * as _blocknote_core from '@blocknote/core';
 export { Block, BlockNoteEditor, BlockNoteSchema, DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema, PartialBlock } from '@blocknote/core';
 import { MatrixClient } from 'matrix-js-sdk';
 import { Map as Map$1 } from 'yjs';
+import '@tiptap/core';
 import '@ixo/ucan';
 
 declare const DynamicListBlockSpec: {
@@ -188,6 +189,47 @@ interface PageTitleProps {
 }
 declare function PageTitle({ editor, editable }: PageTitleProps): React__default.ReactElement;
 
+interface FlowNodePanelProps {
+    editor: IxoBlockProps['editor'];
+    block: IxoBlockProps['block'];
+    isDisabled?: {
+        isDisabled: 'disable';
+        message?: string;
+    };
+}
+/**
+ * Single dispatcher that, given a flow editor and a step block, renders that
+ * block's "do-the-step" / detail UI. Lets a host app render the panel for any
+ * selected step in its own right column without relying on the per-block
+ * usePanel/registeredPanels indirection.
+ *
+ * NOTE: every rendered detail component reads from BlocknoteContext
+ * (useBlocknoteHandlers / useBlocknoteContext throw if the provider is
+ * missing). Keep <FlowNodePanel> wrapped in the app's BlocknoteProvider /
+ * EditorBlocknoteProvider.
+ */
+declare function FlowNodePanel(props: FlowNodePanelProps): React__default.JSX.Element;
+
+interface FlowNodeConfigPanelProps {
+    editor: IxoBlockProps['editor'];
+    block: IxoBlockProps['block'];
+}
+/**
+ * Single dispatcher that, given a flow editor and a step block, renders that
+ * block's TEMPLATE configuration panel — the authoring counterpart to
+ * `FlowNodePanel` (which renders the runtime "do-the-step" UI). Lets a host app
+ * render the rich config (General + Authorization/Assignment/Commitment/TTL/…)
+ * for any selected step in its own right column.
+ *
+ * Since `addFlowNode` and the registry route every capability through the
+ * generic `action` block, `action → ActionConfig` is the primary case; the
+ * dedicated block types are covered for documents that use them directly.
+ *
+ * Wrapped in `FlowPanelEmbeddedContext` so each config's `BaseRightPanelLayout`
+ * suppresses its own header/close (the host supplies those).
+ */
+declare function FlowNodeConfigPanel(props: FlowNodeConfigPanelProps): React__default.JSX.Element;
+
 interface PanelState {
     activePanel: string | null;
     registeredPanels: Map<string, React.ReactNode>;
@@ -576,4 +618,4 @@ declare function setDMNotificationRecord(runtimeMap: Map$1<any>, blockId: string
  */
 declare function shouldNotify(state: DMNotificationState, blockId: string, currentAssignedDid: string): boolean;
 
-export { BaseIconPicker, type BlockActionDefinition, BlocknoteHandlers, type CollapseEvent, type ColumnPosition, type DMNotificationRecord, type DMNotificationState, type DataSource, DebugButton, type DynamicListAction, type DynamicListBlockProps, DynamicListBlockSpec, type DynamicListColumn, type DynamicListPanelConfig, type FillOpenSurveyResult, type HookedActionInstanceConfig, type HookedActionType, type HookedActionsConfig, HookedActionsTab, IxoEditorType, type ListBlocksUIContextValue, type Listener, type OpenSurveyContext, type OpenSurveyEntry, type OpenSurveyQuestionSummary, type OpenSurveySnapshot, PageHeader, type PageHeaderMenuItem, type PageHeaderProps, PageTitle, type PageTitleProps, type PayloadField, didToMatrixUserId, fillOpenSurvey, findOrCreateDMRoom, getAllHookedActionTypes, getBlockActions, getDMNotificationState, getHomeserver, getHookedActionType, initializeHookedActions, registerBlockActions, registerBuiltInActionTypes, registerHookedActionType, sendDirectMessage, setDMNotificationRecord, shouldNotify, snapshotOpenSurvey, useHookedActions, useListBlocksUI, useListBlocksUIStore, useNodeRuntime, useOpenSurveyStore, usePanel, usePanelStore, useRegisterOpenSurvey };
+export { BaseIconPicker, type BlockActionDefinition, BlocknoteHandlers, type CollapseEvent, type ColumnPosition, type DMNotificationRecord, type DMNotificationState, type DataSource, DebugButton, type DynamicListAction, type DynamicListBlockProps, DynamicListBlockSpec, type DynamicListColumn, type DynamicListPanelConfig, type FillOpenSurveyResult, FlowNodeConfigPanel, type FlowNodeConfigPanelProps, FlowNodePanel, type FlowNodePanelProps, type HookedActionInstanceConfig, type HookedActionType, type HookedActionsConfig, HookedActionsTab, IxoEditorType, type ListBlocksUIContextValue, type Listener, type OpenSurveyContext, type OpenSurveyEntry, type OpenSurveyQuestionSummary, type OpenSurveySnapshot, PageHeader, type PageHeaderMenuItem, type PageHeaderProps, PageTitle, type PageTitleProps, type PayloadField, didToMatrixUserId, fillOpenSurvey, findOrCreateDMRoom, getAllHookedActionTypes, getBlockActions, getDMNotificationState, getHomeserver, getHookedActionType, initializeHookedActions, registerBlockActions, registerBuiltInActionTypes, registerHookedActionType, sendDirectMessage, setDMNotificationRecord, shouldNotify, snapshotOpenSurvey, useHookedActions, useListBlocksUI, useListBlocksUIStore, useNodeRuntime, useOpenSurveyStore, usePanel, usePanelStore, useRegisterOpenSurvey };

package/dist/mantine/index.mjs

@@ -1,26 +1,56 @@
 import {
+  ActionFlowPanel,
   ApiRequestBlockSpec,
+  ApiRequestFlowView,
   AuthorizationTab,
   AuthzExecActionTypes,
   BaseIconPicker,
   BlocknoteProvider,
   CheckboxBlockSpec,
+  CheckboxFlowView,
+  ClaimFlowView,
   CoverImage,
   DevUcanGrantButton,
+  DomainCreatorSurveyPanel,
   DynamicListBlockSpec,
+  EmailFlowView,
   EntitySigningSetup,
   EvaluationTab,
+  EvaluatorFlowView,
   ExternalDropZone,
+  FlowConfig,
+  FlowPanelEmbeddedContext,
   FlowPermissionsPanel,
+  FlowStepRefSpec,
+  FormPanel,
+  GovernanceGroupPanel,
   GrantPermissionModal,
   GraphQLClient,
   HookedActionsTab,
   IxoEditor,
   ListBlockSpec,
+  NotifyFlowView,
   OverviewBlock,
   PageTitle,
   ProposalBlockSpec,
+  SecretsFlowView,
+  SecretsTemplateView,
+  SignPanel,
+  SkillsFlowView,
+  SkillsTemplateView,
   StakeType,
+  TemplateConfig,
+  TemplateConfig10,
+  TemplateConfig11,
+  TemplateConfig12,
+  TemplateConfig2,
+  TemplateConfig3,
+  TemplateConfig4,
+  TemplateConfig5,
+  TemplateConfig6,
+  TemplateConfig7,
+  TemplateConfig8,
+  TemplateConfig9,
   ValidatorActionType,
   blockSpecs,
   fillOpenSurvey,
@@ -31,6 +61,7 @@ import {
   getExtraSlashMenuItems,
   getHookedActionType,
   initializeHookedActions,
+  inlineContentSpecs,
   ixoGraphQLClient,
   registerBlockActions,
   registerBuiltInActionTypes,
@@ -52,13 +83,13 @@ import {
   usePanelStore,
   useRegisterOpenSurvey,
   useTrackBlockFocus
-} from "../chunk-CDBCSQQA.mjs";
+} from "../chunk-MNPEDF2U.mjs";
 import {
   didToMatrixUserId,
   findOrCreateDMRoom,
   getHomeserver,
   sendDirectMessage
-} from "../chunk-MCFRBVCB.mjs";
+} from "../chunk-OOPKMGYW.mjs";
 
 // src/mantine/components/DebugButton.tsx
 import React from "react";
@@ -357,6 +388,91 @@ var styles = {
     margin: "4px 0"
   }
 };
+
+// src/mantine/flow/FlowNodePanel.tsx
+import React3 from "react";
+function FlowNodePanel(props) {
+  return /* @__PURE__ */ React3.createElement(FlowPanelEmbeddedContext.Provider, { value: true }, /* @__PURE__ */ React3.createElement(FlowNodePanelContent, { ...props }));
+}
+function FlowNodePanelContent({ editor, block, isDisabled }) {
+  switch (block?.type) {
+    case "action":
+      return /* @__PURE__ */ React3.createElement(ActionFlowPanel, { editor, block, isDisabled });
+    case "form":
+      return /* @__PURE__ */ React3.createElement(FormPanel, { editor, block });
+    case "proposal":
+      return /* @__PURE__ */ React3.createElement(FlowConfig, { editor, block });
+    case "domainCreator":
+      return /* @__PURE__ */ React3.createElement(DomainCreatorSurveyPanel, { editor, block });
+    case "domainCreatorSign":
+      return /* @__PURE__ */ React3.createElement(SignPanel, { editor, block });
+    case "governanceGroup":
+      return /* @__PURE__ */ React3.createElement(GovernanceGroupPanel, { editor, block });
+    case "claim":
+      return /* @__PURE__ */ React3.createElement(ClaimFlowView, { editor, block });
+    case "evaluator":
+      return /* @__PURE__ */ React3.createElement(EvaluatorFlowView, { editor, block });
+    case "notify":
+      return /* @__PURE__ */ React3.createElement(NotifyFlowView, { editor, block, isDisabled });
+    case "checkbox":
+      return /* @__PURE__ */ React3.createElement(CheckboxFlowView, { editor, block, isDisabled });
+    case "secrets":
+      return /* @__PURE__ */ React3.createElement(SecretsFlowView, { editor, block });
+    case "skills":
+      return /* @__PURE__ */ React3.createElement(SkillsFlowView, { editor, block });
+    // email / apiRequest: detail UI is a private PanelContent fn; render the
+    // full FlowView card (its own onClick opens the registered panel).
+    case "email":
+      return /* @__PURE__ */ React3.createElement(EmailFlowView, { editor, block, isDisabled });
+    case "apiRequest":
+      return /* @__PURE__ */ React3.createElement(ApiRequestFlowView, { editor, block, isDisabled });
+    // enumChecklist has no flow-mode panel (renders EnumChecklistBlock in all
+    // modes). Fallback to null / "open in document".
+    case "enumChecklist":
+    default:
+      return null;
+  }
+}
+
+// src/mantine/flow/FlowNodeConfigPanel.tsx
+import React4 from "react";
+function FlowNodeConfigPanel(props) {
+  return /* @__PURE__ */ React4.createElement(FlowPanelEmbeddedContext.Provider, { value: true }, /* @__PURE__ */ React4.createElement(FlowNodeConfigPanelContent, { ...props }));
+}
+function FlowNodeConfigPanelContent({ editor, block }) {
+  switch (block?.type) {
+    case "action":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig12, { editor, block });
+    case "claim":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig6, { editor, block });
+    case "form":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig9, { editor, block });
+    case "checkbox":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig, { editor, block });
+    case "evaluator":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig2, { editor, block });
+    case "notify":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig5, { editor, block });
+    case "email":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig8, { editor, block });
+    case "apiRequest":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig4, { editor, block });
+    case "proposal":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig3, { editor, block });
+    case "domainCreator":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig7, { editor, block });
+    case "domainCreatorSign":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig10, { editor, block });
+    case "governanceGroup":
+      return /* @__PURE__ */ React4.createElement(TemplateConfig11, { editor, block });
+    case "secrets":
+      return /* @__PURE__ */ React4.createElement(SecretsTemplateView, { editor, block });
+    case "skills":
+      return /* @__PURE__ */ React4.createElement(SkillsTemplateView, { editor, block });
+    default:
+      return null;
+  }
+}
 export {
   ApiRequestBlockSpec,
   AuthorizationTab,
@@ -371,7 +487,10 @@ export {
   EntitySigningSetup,
   EvaluationTab,
   ExternalDropZone,
+  FlowNodeConfigPanel,
+  FlowNodePanel,
   FlowPermissionsPanel,
+  FlowStepRefSpec,
   GrantPermissionModal,
   GraphQLClient,
   HookedActionsTab,
@@ -395,6 +514,7 @@ export {
   getHomeserver,
   getHookedActionType,
   initializeHookedActions,
+  inlineContentSpecs,
   ixoGraphQLClient,
   registerBlockActions,
   registerBuiltInActionTypes,

package/dist/mantine/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/mantine/components/DebugButton.tsx","../../src/mantine/components/PageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { IxoEditorType } from '../../core/types';\nimport type { BlocknoteHandlers } from '../context/BlocknoteContext';\nimport { DevUcanGrantButton } from './DevUcanGrantButton';\n\nexport function DebugButton({ editor, handlers }: { editor: IxoEditorType; handlers?: BlocknoteHandlers }) {\n  const yMapToObject = (map: any) => {\n    if (!map) return null;\n    const obj: Record<string, any> = {};\n    map.forEach((value: any, key: string) => {\n      // Recursively unwrap nested Y.Maps so their contents are visible in JSON\n      if (value && typeof value.forEach === 'function' && typeof value.get === 'function' && !Array.isArray(value)) {\n        obj[key] = yMapToObject(value);\n      } else if (value && typeof value.toArray === 'function') {\n        obj[key] = value.toArray();\n      } else {\n        obj[key] = value;\n      }\n    });\n    return Object.keys(obj).length === 0 ? '(empty)' : obj;\n  };\n\n  const parseJsonProp = (raw: unknown) => {\n    if (typeof raw !== 'string' || !raw) return raw;\n    try {\n      return JSON.parse(raw);\n    } catch {\n      return raw;\n    }\n  };\n\n  const handleClick = () => {\n    (window as any).__editor = editor;\n    const yDoc = (editor as any)._yDoc || (editor as any)._yRuntime?.doc;\n    console.log('Editor exposed as window.__editor. _yDoc?', !!yDoc);\n    const dump: Record<string, any> = {};\n\n    // 1. BlockNote blocks — with parsed trigger / inputs / assignment so we can\n    //    see exactly what the listener is subscribing to.\n    dump.blocks = editor.document.map((block: any) => ({\n      id: block.id,\n      type: block.type,\n      actionType: block?.props?.actionType,\n      triggerRaw: block?.props?.trigger,\n      trigger: parseJsonProp(block?.props?.trigger),\n      inputs: parseJsonProp(block?.props?.inputs),\n      assignment: parseJsonProp(block?.props?.assignment),\n      triggerMode: block?.props?.triggerMode,\n      props: block.props,\n      content: block.content,\n      children: block.children,\n    }));\n\n    // 2. Runtime state\n    dump.runtime = yMapToObject(editor._yRuntime);\n    dump.xeroConnection = yMapToObject((editor as any)._yXeroConnection);\n    dump.xeroWorkItems = yMapToObject((editor as any)._yXeroWorkItems);\n\n    // 3. Delegations\n    dump.delegations = yMapToObject(editor._yDelegations);\n\n    // 4. Invocations\n    dump.invocations = yMapToObject(editor._yInvocations);\n\n    // 5. Flow metadata\n    dump.flowMetadata = editor.getFlowMetadata?.() || null;\n\n    // 6. Flow array\n    dump.flowArray = editor.getFlow?.() || null;\n\n    // 7. Entities Y.Map (companion oracle results)\n    dump.entities = yMapToObject(yDoc?.getMap('entities'));\n\n    // 8. Trigger/event state — the full chain for debugging block.event.all\n    //    a) auditTrail: where run records (source emissions) are written\n    //    b) pendingInvocations: what the Invoke button reads from\n    //    c) barrierState: partial barrier completion for block.event.all listeners\n    //    d) runtimeFailures / pendingDMState: failure + notification dedup\n    dump.auditTrail = yMapToObject(yDoc?.getMap('auditTrail'));\n    dump.pendingInvocations = yMapToObject(yDoc?.getMap('pendingInvocations'));\n    dump.barrierState = yMapToObject(yDoc?.getMap('barrierState'));\n    dump.runtimeFailures = yMapToObject(yDoc?.getMap('runtimeFailures'));\n    dump.dmNotifications = yMapToObject(yDoc?.getMap('dmNotifications'));\n\n    const json = JSON.stringify(dump, null, 2);\n    console.log('Editor Debug Dump:\\n' + json);\n  };\n\n  return (\n    <>\n      <DevUcanGrantButton editor={editor} handlers={handlers} />\n      <button\n        onClick={handleClick}\n        style={{\n          position: 'fixed',\n          bottom: 16,\n          right: 16,\n          zIndex: 9999,\n          padding: '8px 12px',\n          background: '#1a1a2e',\n          color: '#00ff88',\n          border: '1px solid #00ff88',\n          borderRadius: 6,\n          fontSize: 12,\n          fontFamily: 'monospace',\n          cursor: 'pointer',\n          opacity: 0.7,\n        }}\n        title=\"Debug: Log all blocks + runtime state to console\"\n      >\n        Debug Y.Doc\n      </button>\n    </>\n  );\n}\n","import React, { useState, useRef, useEffect } from 'react';\n\nexport interface PageHeaderMenuItem {\n  label: string;\n  onClick: () => void;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n  divider?: boolean;\n}\n\nexport interface PageHeaderProps {\n  title?: string;\n  icon?: React.ReactNode;\n  isPrivate?: boolean;\n  onPrivacyChange?: (isPrivate: boolean) => void;\n  lastEdited?: string;\n  onShare?: () => void;\n  onFavorite?: () => void;\n  isFavorited?: boolean;\n  menuItems?: PageHeaderMenuItem[];\n}\n\n/**\n * PageHeader component - A Notion-style page header with title, privacy badge, and actions\n */\nexport function PageHeader({\n  title = 'New page',\n  icon,\n  isPrivate = true,\n  onPrivacyChange,\n  lastEdited,\n  onShare,\n  onFavorite,\n  isFavorited = false,\n  menuItems = [],\n}: PageHeaderProps): React.ReactElement {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [isPrivacyOpen, setIsPrivacyOpen] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const privacyRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setIsMenuOpen(false);\n      }\n      if (privacyRef.current && !privacyRef.current.contains(event.target as Node)) {\n        setIsPrivacyOpen(false);\n      }\n    }\n\n    if (isMenuOpen || isPrivacyOpen) {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isMenuOpen, isPrivacyOpen]);\n\n  const handleMenuItemClick = (item: PageHeaderMenuItem) => {\n    if (!item.disabled) {\n      item.onClick();\n      setIsMenuOpen(false);\n    }\n  };\n\n  return (\n    <div style={styles.container}>\n      <div style={styles.leftSection}>\n        <span style={styles.icon}>{icon || '📄'}</span>\n        <span style={styles.title}>{title}</span>\n        <div style={styles.privacyContainer} ref={privacyRef}>\n          <button style={styles.privacyBadge} onClick={() => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen)}>\n            <span style={styles.lockIcon}>{isPrivate ? '🔒' : '🌐'}</span>\n            <span>{isPrivate ? 'Private' : 'Public'}</span>\n            {onPrivacyChange && <span style={styles.chevron}>▾</span>}\n          </button>\n          {isPrivacyOpen && onPrivacyChange && (\n            <div style={styles.dropdown}>\n              <button\n                style={{\n                  ...styles.menuItem,\n                  ...(isPrivate ? styles.menuItemActive : {}),\n                }}\n                onClick={() => {\n                  onPrivacyChange(true);\n                  setIsPrivacyOpen(false);\n                }}\n              >\n                <span style={styles.menuItemIcon}>🔒</span>\n                <span>Private</span>\n              </button>\n              <button\n                style={{\n                  ...styles.menuItem,\n                  ...(!isPrivate ? styles.menuItemActive : {}),\n                }}\n                onClick={() => {\n                  onPrivacyChange(false);\n                  setIsPrivacyOpen(false);\n                }}\n              >\n                <span style={styles.menuItemIcon}>🌐</span>\n                <span>Public</span>\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n      <div style={styles.rightSection}>\n        {lastEdited && <span style={styles.editedText}>{lastEdited}</span>}\n        {onShare && (\n          <button style={styles.shareButton} onClick={onShare}>\n            Share\n          </button>\n        )}\n        {onFavorite && (\n          <button style={styles.iconButton} onClick={onFavorite}>\n            {isFavorited ? '★' : '☆'}\n          </button>\n        )}\n        {menuItems.length > 0 && (\n          <div style={styles.menuContainer} ref={menuRef}>\n            <button style={styles.menuButton} onClick={() => setIsMenuOpen(!isMenuOpen)} aria-label=\"Menu\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n                <circle cx=\"3\" cy=\"8\" r=\"1.5\" />\n                <circle cx=\"8\" cy=\"8\" r=\"1.5\" />\n                <circle cx=\"13\" cy=\"8\" r=\"1.5\" />\n              </svg>\n            </button>\n            {isMenuOpen && (\n              <div style={styles.dropdown}>\n                {menuItems.map((item, index) => (\n                  <React.Fragment key={index}>\n                    {item.divider && index > 0 && <div style={styles.divider} />}\n                    <button\n                      style={{\n                        ...styles.menuItem,\n                        ...(item.disabled ? styles.menuItemDisabled : {}),\n                      }}\n                      onClick={() => handleMenuItemClick(item)}\n                      disabled={item.disabled}\n                    >\n                      {item.icon && <span style={styles.menuItemIcon}>{item.icon}</span>}\n                      <span>{item.label}</span>\n                    </button>\n                  </React.Fragment>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '8px 12px',\n    borderBottom: '1px solid rgba(255, 255, 255, 0.1)',\n    backgroundColor: 'transparent',\n    fontSize: '14px',\n    minHeight: '44px',\n    color: 'rgba(255, 255, 255, 0.9)',\n  },\n  leftSection: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  },\n  icon: {\n    fontSize: '16px',\n  },\n  title: {\n    fontWeight: 500,\n    color: 'rgba(255, 255, 255, 0.9)',\n  },\n  privacyContainer: {\n    position: 'relative' as const,\n  },\n  privacyBadge: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4px',\n    padding: '2px 6px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.5)',\n    fontSize: '12px',\n    cursor: 'pointer',\n    borderRadius: '3px',\n  },\n  lockIcon: {\n    fontSize: '12px',\n  },\n  chevron: {\n    fontSize: '10px',\n    marginLeft: '2px',\n  },\n  rightSection: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  },\n  editedText: {\n    color: 'rgba(255, 255, 255, 0.4)',\n    fontSize: '12px',\n  },\n  shareButton: {\n    padding: '4px 10px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.9)',\n    fontSize: '14px',\n    cursor: 'pointer',\n    borderRadius: '3px',\n    fontWeight: 500,\n  },\n  iconButton: {\n    padding: '4px 8px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.5)',\n    fontSize: '16px',\n    cursor: 'pointer',\n    borderRadius: '3px',\n  },\n  menuContainer: {\n    position: 'relative',\n  },\n  menuButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '4px 8px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.5)',\n    cursor: 'pointer',\n    borderRadius: '3px',\n  },\n  dropdown: {\n    position: 'absolute',\n    top: '100%',\n    right: 0,\n    marginTop: '4px',\n    minWidth: '180px',\n    backgroundColor: 'rgb(37, 37, 37)',\n    borderRadius: '6px',\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.4)',\n    border: '1px solid rgba(255, 255, 255, 0.1)',\n    padding: '4px 0',\n    zIndex: 1000,\n  },\n  menuItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    width: '100%',\n    padding: '8px 12px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.9)',\n    fontSize: '14px',\n    cursor: 'pointer',\n    textAlign: 'left',\n  },\n  menuItemDisabled: {\n    color: 'rgba(255, 255, 255, 0.3)',\n    cursor: 'not-allowed',\n  },\n  menuItemActive: {\n    backgroundColor: 'rgba(255, 255, 255, 0.08)',\n  },\n  menuItemIcon: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '16px',\n  },\n  divider: {\n    height: '1px',\n    backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    margin: '4px 0',\n  },\n};\n"],"mappings":"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","names":["React"]}
+{"version":3,"sources":["../../src/mantine/components/DebugButton.tsx","../../src/mantine/components/PageHeader.tsx","../../src/mantine/flow/FlowNodePanel.tsx","../../src/mantine/flow/FlowNodeConfigPanel.tsx"],"sourcesContent":["import React from 'react';\nimport type { IxoEditorType } from '../../core/types';\nimport type { BlocknoteHandlers } from '../context/BlocknoteContext';\nimport { DevUcanGrantButton } from './DevUcanGrantButton';\n\nexport function DebugButton({ editor, handlers }: { editor: IxoEditorType; handlers?: BlocknoteHandlers }) {\n  const yMapToObject = (map: any) => {\n    if (!map) return null;\n    const obj: Record<string, any> = {};\n    map.forEach((value: any, key: string) => {\n      // Recursively unwrap nested Y.Maps so their contents are visible in JSON\n      if (value && typeof value.forEach === 'function' && typeof value.get === 'function' && !Array.isArray(value)) {\n        obj[key] = yMapToObject(value);\n      } else if (value && typeof value.toArray === 'function') {\n        obj[key] = value.toArray();\n      } else {\n        obj[key] = value;\n      }\n    });\n    return Object.keys(obj).length === 0 ? '(empty)' : obj;\n  };\n\n  const parseJsonProp = (raw: unknown) => {\n    if (typeof raw !== 'string' || !raw) return raw;\n    try {\n      return JSON.parse(raw);\n    } catch {\n      return raw;\n    }\n  };\n\n  const handleClick = () => {\n    (window as any).__editor = editor;\n    const yDoc = (editor as any)._yDoc || (editor as any)._yRuntime?.doc;\n    console.log('Editor exposed as window.__editor. _yDoc?', !!yDoc);\n    const dump: Record<string, any> = {};\n\n    // 1. BlockNote blocks — with parsed trigger / inputs / assignment so we can\n    //    see exactly what the listener is subscribing to.\n    dump.blocks = editor.document.map((block: any) => ({\n      id: block.id,\n      type: block.type,\n      actionType: block?.props?.actionType,\n      triggerRaw: block?.props?.trigger,\n      trigger: parseJsonProp(block?.props?.trigger),\n      inputs: parseJsonProp(block?.props?.inputs),\n      assignment: parseJsonProp(block?.props?.assignment),\n      triggerMode: block?.props?.triggerMode,\n      props: block.props,\n      content: block.content,\n      children: block.children,\n    }));\n\n    // 2. Runtime state\n    dump.runtime = yMapToObject(editor._yRuntime);\n    dump.xeroConnection = yMapToObject((editor as any)._yXeroConnection);\n    dump.xeroWorkItems = yMapToObject((editor as any)._yXeroWorkItems);\n\n    // 3. Delegations\n    dump.delegations = yMapToObject(editor._yDelegations);\n\n    // 4. Invocations\n    dump.invocations = yMapToObject(editor._yInvocations);\n\n    // 5. Flow metadata\n    dump.flowMetadata = editor.getFlowMetadata?.() || null;\n\n    // 6. Flow array\n    dump.flowArray = editor.getFlow?.() || null;\n\n    // 7. Entities Y.Map (companion oracle results)\n    dump.entities = yMapToObject(yDoc?.getMap('entities'));\n\n    // 8. Trigger/event state — the full chain for debugging block.event.all\n    //    a) auditTrail: where run records (source emissions) are written\n    //    b) pendingInvocations: what the Invoke button reads from\n    //    c) barrierState: partial barrier completion for block.event.all listeners\n    //    d) runtimeFailures / pendingDMState: failure + notification dedup\n    dump.auditTrail = yMapToObject(yDoc?.getMap('auditTrail'));\n    dump.pendingInvocations = yMapToObject(yDoc?.getMap('pendingInvocations'));\n    dump.barrierState = yMapToObject(yDoc?.getMap('barrierState'));\n    dump.runtimeFailures = yMapToObject(yDoc?.getMap('runtimeFailures'));\n    dump.dmNotifications = yMapToObject(yDoc?.getMap('dmNotifications'));\n\n    const json = JSON.stringify(dump, null, 2);\n    console.log('Editor Debug Dump:\\n' + json);\n  };\n\n  return (\n    <>\n      <DevUcanGrantButton editor={editor} handlers={handlers} />\n      <button\n        onClick={handleClick}\n        style={{\n          position: 'fixed',\n          bottom: 16,\n          right: 16,\n          zIndex: 9999,\n          padding: '8px 12px',\n          background: '#1a1a2e',\n          color: '#00ff88',\n          border: '1px solid #00ff88',\n          borderRadius: 6,\n          fontSize: 12,\n          fontFamily: 'monospace',\n          cursor: 'pointer',\n          opacity: 0.7,\n        }}\n        title=\"Debug: Log all blocks + runtime state to console\"\n      >\n        Debug Y.Doc\n      </button>\n    </>\n  );\n}\n","import React, { useState, useRef, useEffect } from 'react';\n\nexport interface PageHeaderMenuItem {\n  label: string;\n  onClick: () => void;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n  divider?: boolean;\n}\n\nexport interface PageHeaderProps {\n  title?: string;\n  icon?: React.ReactNode;\n  isPrivate?: boolean;\n  onPrivacyChange?: (isPrivate: boolean) => void;\n  lastEdited?: string;\n  onShare?: () => void;\n  onFavorite?: () => void;\n  isFavorited?: boolean;\n  menuItems?: PageHeaderMenuItem[];\n}\n\n/**\n * PageHeader component - A Notion-style page header with title, privacy badge, and actions\n */\nexport function PageHeader({\n  title = 'New page',\n  icon,\n  isPrivate = true,\n  onPrivacyChange,\n  lastEdited,\n  onShare,\n  onFavorite,\n  isFavorited = false,\n  menuItems = [],\n}: PageHeaderProps): React.ReactElement {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [isPrivacyOpen, setIsPrivacyOpen] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const privacyRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setIsMenuOpen(false);\n      }\n      if (privacyRef.current && !privacyRef.current.contains(event.target as Node)) {\n        setIsPrivacyOpen(false);\n      }\n    }\n\n    if (isMenuOpen || isPrivacyOpen) {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isMenuOpen, isPrivacyOpen]);\n\n  const handleMenuItemClick = (item: PageHeaderMenuItem) => {\n    if (!item.disabled) {\n      item.onClick();\n      setIsMenuOpen(false);\n    }\n  };\n\n  return (\n    <div style={styles.container}>\n      <div style={styles.leftSection}>\n        <span style={styles.icon}>{icon || '📄'}</span>\n        <span style={styles.title}>{title}</span>\n        <div style={styles.privacyContainer} ref={privacyRef}>\n          <button style={styles.privacyBadge} onClick={() => onPrivacyChange && setIsPrivacyOpen(!isPrivacyOpen)}>\n            <span style={styles.lockIcon}>{isPrivate ? '🔒' : '🌐'}</span>\n            <span>{isPrivate ? 'Private' : 'Public'}</span>\n            {onPrivacyChange && <span style={styles.chevron}>▾</span>}\n          </button>\n          {isPrivacyOpen && onPrivacyChange && (\n            <div style={styles.dropdown}>\n              <button\n                style={{\n                  ...styles.menuItem,\n                  ...(isPrivate ? styles.menuItemActive : {}),\n                }}\n                onClick={() => {\n                  onPrivacyChange(true);\n                  setIsPrivacyOpen(false);\n                }}\n              >\n                <span style={styles.menuItemIcon}>🔒</span>\n                <span>Private</span>\n              </button>\n              <button\n                style={{\n                  ...styles.menuItem,\n                  ...(!isPrivate ? styles.menuItemActive : {}),\n                }}\n                onClick={() => {\n                  onPrivacyChange(false);\n                  setIsPrivacyOpen(false);\n                }}\n              >\n                <span style={styles.menuItemIcon}>🌐</span>\n                <span>Public</span>\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n      <div style={styles.rightSection}>\n        {lastEdited && <span style={styles.editedText}>{lastEdited}</span>}\n        {onShare && (\n          <button style={styles.shareButton} onClick={onShare}>\n            Share\n          </button>\n        )}\n        {onFavorite && (\n          <button style={styles.iconButton} onClick={onFavorite}>\n            {isFavorited ? '★' : '☆'}\n          </button>\n        )}\n        {menuItems.length > 0 && (\n          <div style={styles.menuContainer} ref={menuRef}>\n            <button style={styles.menuButton} onClick={() => setIsMenuOpen(!isMenuOpen)} aria-label=\"Menu\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n                <circle cx=\"3\" cy=\"8\" r=\"1.5\" />\n                <circle cx=\"8\" cy=\"8\" r=\"1.5\" />\n                <circle cx=\"13\" cy=\"8\" r=\"1.5\" />\n              </svg>\n            </button>\n            {isMenuOpen && (\n              <div style={styles.dropdown}>\n                {menuItems.map((item, index) => (\n                  <React.Fragment key={index}>\n                    {item.divider && index > 0 && <div style={styles.divider} />}\n                    <button\n                      style={{\n                        ...styles.menuItem,\n                        ...(item.disabled ? styles.menuItemDisabled : {}),\n                      }}\n                      onClick={() => handleMenuItemClick(item)}\n                      disabled={item.disabled}\n                    >\n                      {item.icon && <span style={styles.menuItemIcon}>{item.icon}</span>}\n                      <span>{item.label}</span>\n                    </button>\n                  </React.Fragment>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '8px 12px',\n    borderBottom: '1px solid rgba(255, 255, 255, 0.1)',\n    backgroundColor: 'transparent',\n    fontSize: '14px',\n    minHeight: '44px',\n    color: 'rgba(255, 255, 255, 0.9)',\n  },\n  leftSection: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  },\n  icon: {\n    fontSize: '16px',\n  },\n  title: {\n    fontWeight: 500,\n    color: 'rgba(255, 255, 255, 0.9)',\n  },\n  privacyContainer: {\n    position: 'relative' as const,\n  },\n  privacyBadge: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4px',\n    padding: '2px 6px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.5)',\n    fontSize: '12px',\n    cursor: 'pointer',\n    borderRadius: '3px',\n  },\n  lockIcon: {\n    fontSize: '12px',\n  },\n  chevron: {\n    fontSize: '10px',\n    marginLeft: '2px',\n  },\n  rightSection: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  },\n  editedText: {\n    color: 'rgba(255, 255, 255, 0.4)',\n    fontSize: '12px',\n  },\n  shareButton: {\n    padding: '4px 10px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.9)',\n    fontSize: '14px',\n    cursor: 'pointer',\n    borderRadius: '3px',\n    fontWeight: 500,\n  },\n  iconButton: {\n    padding: '4px 8px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.5)',\n    fontSize: '16px',\n    cursor: 'pointer',\n    borderRadius: '3px',\n  },\n  menuContainer: {\n    position: 'relative',\n  },\n  menuButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '4px 8px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.5)',\n    cursor: 'pointer',\n    borderRadius: '3px',\n  },\n  dropdown: {\n    position: 'absolute',\n    top: '100%',\n    right: 0,\n    marginTop: '4px',\n    minWidth: '180px',\n    backgroundColor: 'rgb(37, 37, 37)',\n    borderRadius: '6px',\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.4)',\n    border: '1px solid rgba(255, 255, 255, 0.1)',\n    padding: '4px 0',\n    zIndex: 1000,\n  },\n  menuItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    width: '100%',\n    padding: '8px 12px',\n    border: 'none',\n    backgroundColor: 'transparent',\n    color: 'rgba(255, 255, 255, 0.9)',\n    fontSize: '14px',\n    cursor: 'pointer',\n    textAlign: 'left',\n  },\n  menuItemDisabled: {\n    color: 'rgba(255, 255, 255, 0.3)',\n    cursor: 'not-allowed',\n  },\n  menuItemActive: {\n    backgroundColor: 'rgba(255, 255, 255, 0.08)',\n  },\n  menuItemIcon: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '16px',\n  },\n  divider: {\n    height: '1px',\n    backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    margin: '4px 0',\n  },\n};\n","import React from 'react';\nimport type { IxoBlockProps } from '@/core/types';\nimport { FlowPanelEmbeddedContext } from './embeddedPanelContext';\n\n// Panel-based blocks — these export a dedicated \"detail\" panel component that is\n// normally registered via usePanel. We render that panel content directly.\nimport { ActionFlowPanel } from '@/mantine/blocks/action/flow/FlowView';\nimport { FormPanel } from '@/mantine/blocks/form/flow/FormPanel';\nimport { FlowConfig as ProposalFlowConfig } from '@/mantine/blocks/proposal/flow/FlowConfig';\nimport { DomainCreatorSurveyPanel } from '@/mantine/blocks/domainCreator/flow/DomainCreatorSurveyPanel';\nimport { SignPanel } from '@/mantine/blocks/domainCreatorSign/flow/SignPanel';\nimport { GovernanceGroupPanel } from '@/mantine/blocks/governanceGroup/flow/GovernanceGroupPanel';\n\n// Inline-detail blocks — the FlowView itself IS the \"do-the-step\" detail UI\n// (no separate panel; they don't use usePanel for their primary content).\nimport { ClaimFlowView } from '@/mantine/blocks/claim/flow/FlowView';\nimport { EvaluatorFlowView } from '@/mantine/blocks/evaluator/flow/FlowView';\nimport { NotifyFlowView } from '@/mantine/blocks/notify/flow/FlowView';\nimport { CheckboxFlowView } from '@/mantine/blocks/checkbox/flow/FlowView';\nimport { SecretsFlowView } from '@/mantine/blocks/secrets/flow/SecretsFlowView';\nimport { SkillsFlowView } from '@/mantine/blocks/skills/flow/SkillsFlowView';\n\n// email / apiRequest keep their detail UI inside a private (non-exported)\n// PanelContent function, so we dispatch to the full FlowView card instead.\nimport { EmailFlowView } from '@/mantine/blocks/email/flow/FlowView';\nimport { ApiRequestFlowView } from '@/mantine/blocks/apiRequest/flow/FlowView';\n\nexport interface FlowNodePanelProps {\n  editor: IxoBlockProps['editor'];\n  block: IxoBlockProps['block'];\n  isDisabled?: {\n    isDisabled: 'disable';\n    message?: string;\n  };\n}\n\n/**\n * Single dispatcher that, given a flow editor and a step block, renders that\n * block's \"do-the-step\" / detail UI. Lets a host app render the panel for any\n * selected step in its own right column without relying on the per-block\n * usePanel/registeredPanels indirection.\n *\n * NOTE: every rendered detail component reads from BlocknoteContext\n * (useBlocknoteHandlers / useBlocknoteContext throw if the provider is\n * missing). Keep <FlowNodePanel> wrapped in the app's BlocknoteProvider /\n * EditorBlocknoteProvider.\n */\nexport function FlowNodePanel(props: FlowNodePanelProps) {\n  // Embedded: the host app supplies the panel header, so BaseRightPanelLayout\n  // suppresses its own (no duplicate title / close).\n  return (\n    <FlowPanelEmbeddedContext.Provider value={true}>\n      <FlowNodePanelContent {...props} />\n    </FlowPanelEmbeddedContext.Provider>\n  );\n}\n\nfunction FlowNodePanelContent({ editor, block, isDisabled }: FlowNodePanelProps) {\n  switch (block?.type) {\n    case 'action':\n      return <ActionFlowPanel editor={editor} block={block} isDisabled={isDisabled} />;\n\n    case 'form':\n      return <FormPanel editor={editor} block={block} />;\n\n    case 'proposal':\n      return <ProposalFlowConfig editor={editor} block={block} />;\n\n    case 'domainCreator':\n      return <DomainCreatorSurveyPanel editor={editor} block={block} />;\n\n    case 'domainCreatorSign':\n      return <SignPanel editor={editor} block={block} />;\n\n    case 'governanceGroup':\n      return <GovernanceGroupPanel editor={editor} block={block} />;\n\n    case 'claim':\n      return <ClaimFlowView editor={editor} block={block} />;\n\n    case 'evaluator':\n      return <EvaluatorFlowView editor={editor} block={block} />;\n\n    case 'notify':\n      return <NotifyFlowView editor={editor} block={block} isDisabled={isDisabled} />;\n\n    case 'checkbox':\n      return <CheckboxFlowView editor={editor} block={block} isDisabled={isDisabled} />;\n\n    case 'secrets':\n      return <SecretsFlowView editor={editor} block={block} />;\n\n    case 'skills':\n      return <SkillsFlowView editor={editor} block={block} />;\n\n    // email / apiRequest: detail UI is a private PanelContent fn; render the\n    // full FlowView card (its own onClick opens the registered panel).\n    case 'email':\n      return <EmailFlowView editor={editor} block={block} isDisabled={isDisabled} />;\n\n    case 'apiRequest':\n      return <ApiRequestFlowView editor={editor} block={block} isDisabled={isDisabled} />;\n\n    // enumChecklist has no flow-mode panel (renders EnumChecklistBlock in all\n    // modes). Fallback to null / \"open in document\".\n    case 'enumChecklist':\n    default:\n      return null;\n  }\n}\n\nexport default FlowNodePanel;\n","import React from 'react';\nimport type { IxoBlockProps } from '@/core/types';\nimport { FlowPanelEmbeddedContext } from './embeddedPanelContext';\n\n// Per-block TEMPLATE config panels — the authoring counterpart to FlowNodePanel.\n// Each exposes the block's rich configuration (General + the shared\n// Authorization / Assignment / Commitment / TTL / Evaluation tabs) on the same\n// BaseRightPanelLayout the runtime panels use.\nimport { TemplateConfig as ActionConfig } from '@/mantine/blocks/action/template/TemplateConfig';\nimport { TemplateConfig as ClaimConfig } from '@/mantine/blocks/claim/template/TemplateConfig';\nimport { TemplateConfig as FormConfig } from '@/mantine/blocks/form/template/TemplateConfig';\nimport { TemplateConfig as CheckboxConfig } from '@/mantine/blocks/checkbox/template/TemplateConfig';\nimport { TemplateConfig as EvaluatorConfig } from '@/mantine/blocks/evaluator/template/TemplateConfig';\nimport { TemplateConfig as NotifyConfig } from '@/mantine/blocks/notify/template/TemplateConfig';\nimport { TemplateConfig as EmailConfig } from '@/mantine/blocks/email/template/TemplateConfig';\nimport { TemplateConfig as ApiRequestConfig } from '@/mantine/blocks/apiRequest/template/TemplateConfig';\nimport { TemplateConfig as ProposalConfig } from '@/mantine/blocks/proposal/template/TemplateConfig';\nimport { TemplateConfig as DomainCreatorConfig } from '@/mantine/blocks/domainCreator/template/TemplateConfig';\nimport { TemplateConfig as DomainCreatorSignConfig } from '@/mantine/blocks/domainCreatorSign/template/TemplateConfig';\nimport { TemplateConfig as GovernanceGroupConfig } from '@/mantine/blocks/governanceGroup/template/TemplateConfig';\n\n// secrets / skills have a template VIEW rather than a tabbed config.\nimport { SecretsTemplateView } from '@/mantine/blocks/secrets/template/SecretsTemplateView';\nimport { SkillsTemplateView } from '@/mantine/blocks/skills/template/SkillsTemplateView';\n\nexport interface FlowNodeConfigPanelProps {\n  editor: IxoBlockProps['editor'];\n  block: IxoBlockProps['block'];\n}\n\n/**\n * Single dispatcher that, given a flow editor and a step block, renders that\n * block's TEMPLATE configuration panel — the authoring counterpart to\n * `FlowNodePanel` (which renders the runtime \"do-the-step\" UI). Lets a host app\n * render the rich config (General + Authorization/Assignment/Commitment/TTL/…)\n * for any selected step in its own right column.\n *\n * Since `addFlowNode` and the registry route every capability through the\n * generic `action` block, `action → ActionConfig` is the primary case; the\n * dedicated block types are covered for documents that use them directly.\n *\n * Wrapped in `FlowPanelEmbeddedContext` so each config's `BaseRightPanelLayout`\n * suppresses its own header/close (the host supplies those).\n */\nexport function FlowNodeConfigPanel(props: FlowNodeConfigPanelProps) {\n  return (\n    <FlowPanelEmbeddedContext.Provider value={true}>\n      <FlowNodeConfigPanelContent {...props} />\n    </FlowPanelEmbeddedContext.Provider>\n  );\n}\n\nfunction FlowNodeConfigPanelContent({ editor, block }: FlowNodeConfigPanelProps) {\n  switch (block?.type) {\n    case 'action':\n      return <ActionConfig editor={editor} block={block} />;\n    case 'claim':\n      return <ClaimConfig editor={editor} block={block} />;\n    case 'form':\n      return <FormConfig editor={editor} block={block} />;\n    case 'checkbox':\n      return <CheckboxConfig editor={editor} block={block} />;\n    case 'evaluator':\n      return <EvaluatorConfig editor={editor} block={block} />;\n    case 'notify':\n      return <NotifyConfig editor={editor} block={block} />;\n    case 'email':\n      return <EmailConfig editor={editor} block={block} />;\n    case 'apiRequest':\n      return <ApiRequestConfig editor={editor} block={block} />;\n    case 'proposal':\n      return <ProposalConfig editor={editor} block={block} />;\n    case 'domainCreator':\n      return <DomainCreatorConfig editor={editor} block={block} />;\n    case 'domainCreatorSign':\n      return <DomainCreatorSignConfig editor={editor} block={block} />;\n    case 'governanceGroup':\n      return <GovernanceGroupConfig editor={editor} block={block} />;\n    case 'secrets':\n      return <SecretsTemplateView editor={editor} block={block} />;\n    case 'skills':\n      return <SkillsTemplateView editor={editor} block={block} />;\n    default:\n      return null;\n  }\n}\n\nexport default FlowNodeConfigPanel;\n"],"mappings":"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","names":["React","React","React","React","React","TemplateConfig"]}

package/dist/{store-C2NG2nTB.d.ts → store-ChkNN7b4.d.ts}

@@ -1,4 +1,4 @@
-import { a7 as FlowNode, ac as FlowNodeAuthzExtension, a5 as FlowNodeRuntimeState, a4 as IxoEditorType, f as UcanService, I as InvocationStore, aa as EvaluationStatus, i as UcanCapability, U as UcanDelegationStore, S as StoredDelegation } from './index-DUqLNz0c.mjs';
+import { a7 as FlowNode, ac as FlowNodeAuthzExtension, a5 as FlowNodeRuntimeState, a4 as IxoEditorType, f as UcanService, I as InvocationStore, aa as EvaluationStatus, i as UcanCapability, U as UcanDelegationStore, S as StoredDelegation } from './index-1drTq85A.mjs';
 import * as Y from 'yjs';
 import { Doc, Map } from 'yjs';
 import { MatrixClient } from 'matrix-js-sdk';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ixo/editor",
-  "version": "5.36.1",
+  "version": "5.37.0",
   "description": "A custom BlockNote editor wrapper for IXO team",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/style-core.css

@@ -11,9 +11,12 @@
 }
 
 .ixo-editor .bn-editor {
-  /* Centered content with max-width constraint */
-  max-width: 900px;
+  /* Centered content with max-width constraint + a guaranteed side gutter so
+     the content never hugs the edge on narrow canvases. */
+  max-width: 964px;
   margin: 0 auto; /* Center the content */
+  padding-inline: 32px;
+  box-sizing: border-box;
   border-radius: 0px !important;
 }
 

package/style-mantine.css

@@ -108,9 +108,12 @@
 }
 
 .ixo-editor .bn-editor {
-  /* Centered content with max-width constraint */
-  max-width: 900px;
+  /* Centered content with max-width constraint + a guaranteed side gutter so
+     the content never hugs the edge on narrow canvases. */
+  max-width: 964px;
   margin: 0 auto; /* Center the content */
+  padding-inline: 32px;
+  box-sizing: border-box;
   border-radius: 0px !important;
 }
 

package/style-scoped.css

@@ -306,9 +306,12 @@
 }
 
 .ixo-editor .bn-editor {
-  /* Centered content with max-width constraint */
-  max-width: 900px;
+  /* Centered content with max-width constraint + a guaranteed side gutter so
+     the content never hugs the edge on narrow canvases. */
+  max-width: 964px;
   margin: 0 auto; /* Center the content */
+  padding-inline: 32px;
+  box-sizing: border-box;
   border-radius: 0px !important;
 }
 

package/style.css

@@ -108,9 +108,12 @@
 }
 
 .ixo-editor .bn-editor {
-  /* Centered content with max-width constraint */
-  max-width: 900px;
+  /* Centered content with max-width constraint + a guaranteed side gutter so
+     the content never hugs the edge on narrow canvases. */
+  max-width: 964px;
   margin: 0 auto; /* Center the content */
+  padding-inline: 32px;
+  box-sizing: border-box;
   border-radius: 0px !important;
 }