@eventcatalog/visualiser 5.1.2 → 5.2.1

package/dist/studio.d.mts

@@ -1,5 +1,5 @@
 import * as Y from 'yjs';
-import { XYPosition, Node, Edge, Connection, EdgeMarker, NodeTypes, FitViewOptions, NodeProps } from '@xyflow/react';
+import { XYPosition, Node, Edge, Connection, NodeChange, FinalConnectionState, EdgeMarker, NodeTypes, FitViewOptions, NodeProps } from '@xyflow/react';
 import { E as EdgeRoute, C as CopiedEdgeRoute, L as LayoutGraph, a as LayoutSize } from './elk-layout-CpbZ6hB9.mjs';
 import * as react from 'react';
 import { RefObject, ReactNode, DragEvent, SVGProps } from 'react';
@@ -305,6 +305,234 @@ declare const pasteNodes: (content: ClipboardContent, existing: Node[], place: {
     edges: Edge[];
 };
 
+/**
+ * Levels of detail, the same as EventCatalog's diagrams:
+ * - L1: domains, systems and how they relate (services folded into the system or domain that contains them)
+ * - L2: services and data stores, with messages, channels and agents hidden (the nodes either side connected directly)
+ * - L3: everything, including messages and channels (the canvas people edit)
+ *
+ * What a domain or system contains is what sits inside it (as a container), or what it's connected to with
+ * "contains" (as a card, which catalog domains and systems get when their services are on the canvas).
+ */
+type Level = 1 | 2 | 3;
+declare const LEVELS: {
+    level: Level;
+    description: string;
+}[];
+/**
+ * The graph for a level (not laid out: positions come from the layout). Notes aren't in it: the ones added on the
+ * level are shown where they were put, over its layout.
+ */
+declare const getLevelGraph: (nodes: Node[], edges: Edge[], level: Level) => {
+    edges: Edge[];
+    nodes: Node[];
+};
+/** Why a level can't be shown for this canvas, if it can't */
+declare const getLevelUnavailableReason: (nodes: Node[], level: Level) => string | undefined;
+
+/**
+ * The kinds of node people (and agents) can put on a canvas, and what's in their data. Shared by the browser and
+ * the server, so it has no UI in it: the icons for each type are in components/icons.ts.
+ */
+type NodeCategory = "boundaries" | "people" | "messages" | "architecture" | "data" | "other";
+declare const NODE_CATEGORIES: {
+    id: NodeCategory;
+    label: string;
+}[];
+/** The catalog collections whose resources can go on a canvas */
+declare const CATALOG_COLLECTIONS: readonly ["domains", "systems", "services", "events", "commands", "queries", "channels", "containers"];
+type CatalogCollection = (typeof CATALOG_COLLECTIONS)[number];
+declare const isCatalogCollection: (collection: string) => collection is CatalogCollection;
+/** Domains and systems as containers: boxes other nodes sit in */
+declare const GROUP_TYPES: {
+    readonly domain: "domain-group";
+    readonly system: "system-group";
+};
+declare const isGroupType: (type?: string) => type is "domain-group" | "system-group";
+type NodeDefinition = {
+    /** React Flow node type, matches the visualiser node component keys */
+    type: string;
+    /** Its key in the components list when several share a node type (the kinds of data store); else its type */
+    id?: string;
+    label: string;
+    /** What it is, in a few words (beside its name in the components list) */
+    summary?: string;
+    category: NodeCategory;
+    /** Not in the components list (still drawn, for canvases that have them) */
+    unlisted?: boolean;
+    /** Where the resource lives inside node.data (e.g. `service` for data.service). Undefined = data root */
+    resourceKey?: string;
+    /** Nodes that are sized on the canvas (containers, notes, text) start at this size */
+    defaultSize?: {
+        width: number;
+        height: number;
+    };
+    /** Only its width is set: its height follows what's in it (notes) */
+    autoHeight?: boolean;
+    /** Neither is set: it's as big as what's in it (text, as Excalidraw's; defaultSize is only where it's put) */
+    autoSize?: boolean;
+    /**
+     * The first level of detail that shows it (it's on the more detailed ones too, see levels.ts): L1 domains, systems
+     * and actors, L2 services, data stores, text and the like, L3 messages and channels. Notes are on every level.
+     */
+    firstLevel: 1 | 2 | 3;
+    createData: () => Record<string, unknown>;
+};
+declare const nodeDefinitions: NodeDefinition[];
+/** A component's key in the components list (and what's dragged from it) */
+declare const componentKey: (definition: NodeDefinition) => string;
+/** The types people and agents can add (not the unlisted ones), each once (the kinds of data store are all `data`) */
+declare const COMPONENT_TYPES: [string, ...string[]];
+declare const getNodeDefinition: (type?: string) => NodeDefinition | undefined;
+declare const getNodeLabel: (type?: string) => string;
+declare const DEFAULT_NODE_SIZE: {
+    width: number;
+    height: number;
+};
+/** The size a new node of a type starts at (or, for cards, about the size it renders at) */
+declare const getNodeSize: (type?: string) => {
+    width: number;
+    height: number;
+};
+/** The resource object for a node (e.g. data.service), or the data itself for flat nodes */
+declare const getResource: (type: string | undefined, data: Record<string, unknown>) => Record<string, unknown>;
+/** Sticky notes sit on the canvas wherever they're put, never inside a container */
+declare const canGoInContainer: (type?: string) => boolean;
+/**
+ * Whether a container can hold a kind of node, as EventCatalog's domains and systems do: a domain holds anything
+ * (subdomains, systems, services...), a system anything but a domain
+ */
+declare const canHold: (containerType?: string, type?: string) => boolean;
+/**
+ * The level (L1, L2 or L3) a sticky note or text was written on: it's only shown there. Ones from before they had
+ * levels are on L3, the canvas people edit. Other nodes are on every level they fit in, so they have none.
+ */
+declare const getNoteLevel: (node: {
+    type?: string;
+    data: Record<string, unknown>;
+}) => 1 | 2 | 3 | undefined;
+/** Whether a node is on a level's canvas as itself: everything on L3, but notes and text only on their level */
+declare const isOnLevel: (node: {
+    type?: string;
+    data: Record<string, unknown>;
+}, level: 1 | 2 | 3) => boolean;
+/** Whether a level of detail shows a kind of node (so it can be added there, and stay there) */
+declare const isShownOnLevel: (type: string | undefined, level: 1 | 2 | 3) => boolean;
+/** Whether a node's resource has a version (actors, notes and text don't) */
+declare const isVersioned: (type?: string) => boolean;
+/** Notes and text: written on the canvas itself (their text is their data, not a resource with a name) */
+declare const isWrittenOnCanvas: (type?: string) => type is "note" | "text";
+/** Returns new node data with fields of the resource changed */
+declare const updateResource: (type: string | undefined, data: Record<string, unknown>, fields: Record<string, unknown>) => {
+    [x: string]: unknown;
+};
+/** A node's name, as people and agents see it */
+declare const getNodeName: (type: string | undefined, data: Record<string, unknown>, fallback?: string) => string;
+
+/**
+ * A connection dragged from a node and let go of on empty canvas: a placeholder is put where it was let go of, and
+ * what it is is chosen from a list (as Miro's and n8n's do), so connecting something new doesn't need the palette.
+ */
+/** The placeholder's node type and id (only ever in this browser, never in the document) */
+declare const CONNECT_PLACEHOLDER = "connect-placeholder";
+declare const CONNECT_PLACEHOLDER_EDGE = "connect-placeholder-edge";
+declare const CONNECT_PLACEHOLDER_SIZE: {
+    width: number;
+    height: number;
+};
+/** The placeholder is only in this browser, shown to React Flow: none of its changes (measured, hovered) go anywhere */
+declare const notPlaceholder: (change: NodeChange) => boolean;
+/** The end of the connection on the node it was dragged from, and which end the new node is */
+type NewLink = {
+    nodeId: string;
+    handleId: string | null;
+    /** The new node is the connection's target (dragged from a node's source handle), or its source */
+    newIs: "source" | "target";
+};
+/** The connection between a new node and the node it was dragged from */
+declare const linkConnection: (newId: string, link: NewLink) => Connection;
+type ConnectOption = {
+    /** Its key in the components list (what's added) */
+    key: string;
+    /** The node type it becomes (domains and systems become cards: they connect, containers hold) */
+    type: string;
+    label: string;
+    summary?: string;
+    category: NodeCategory;
+    /** What the connection says (EventCatalog's wording, e.g. "publishes event"), when it has a word for it */
+    says: string;
+};
+declare const DOMAIN_CARD = "context-domain";
+declare const SYSTEM_CARD = "system";
+type CardType = typeof DOMAIN_CARD | typeof SYSTEM_CARD;
+/** Domains and systems added from a connection are cards: that's how they're connected on every level */
+declare const connectedType: (type: string) => string;
+/** A domain's or system's card (the visualiser's), rather than a container */
+declare const isCardType: (type: string | undefined) => type is CardType;
+/** A new domain or system card's data: the new domain or system its container would be, shown in full */
+declare const newCardData: (type: CardType) => Record<string, unknown>;
+/**
+ * What can be made at the end of a connection from a node of `fromType`: everything the level shows (not notes or
+ * text, which don't connect), the ones EventCatalog has a word for first (e.g. from a service: events, commands,
+ * data stores), each group in the palette's order
+ */
+declare const getConnectOptions: (fromType: string | undefined, newIs: NewLink["newIs"], level: Level) => ConnectOption[];
+/** The options that match what's typed (by name, what it is, or what the connection says) */
+declare const filterConnectOptions: (options: ConnectOption[], query: string) => ConnectOption[];
+/** How far a connection's dragged (on the canvas) before letting go of it makes something new: closer is a click */
+declare const CONNECT_MIN_DISTANCE = 40;
+declare const isAwayFrom: (from: XYPosition, to: XYPosition) => boolean;
+/**
+ * Whether a point on screen is empty canvas in a canvas: not a node (containers let the pointer through their body),
+ * an edge or a label counts as canvas (nodes are inside React Flow's pane too)
+ */
+declare const isEmptyCanvasAt: (point: {
+    x: number;
+    y: number;
+}, canvas: Element | null | undefined) => boolean;
+/**
+ * Where a new node goes: its near side where the connection was let go of, out the way it was dragged (to the
+ * right of a node, it starts there and grows right; above it, it ends there)
+ */
+declare const centreBeyond: (from: XYPosition, to: XYPosition, size: {
+    width: number;
+    height: number;
+}) => XYPosition;
+
+declare function useConnectNew({ canvasRef, getNode, getLevel, locked, onMake, }: {
+    /** The canvas: a connection's let go of on empty canvas inside it */
+    canvasRef: RefObject<HTMLElement | null>;
+    /** A node on the canvas people edit, by id (on L1 and L2 too, what's shown is on it): connections start there */
+    getNode: (id: string) => Node | undefined;
+    getLevel: () => Level;
+    /** Locked: nothing's made (and what's waiting to be chosen goes) */
+    locked: boolean;
+    /** Makes what was chosen, centred on `center`, connected by `link` (in the same change, so one undo takes both) */
+    onMake: (option: ConnectOption, center: XYPosition, link: NewLink) => void;
+}): {
+    placeholder: {
+        node: Node;
+        edge: Edge;
+    } | null;
+    chooser: {
+        options: ConnectOption[];
+        fromName: string | undefined;
+        anchor: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        onHighlight: (choice: ConnectOption | undefined) => void;
+        onChoose: (option: ConnectOption) => void;
+        onCancel: () => void;
+    } | null;
+    onConnectEnd: (event: MouseEvent | TouchEvent, state: FinalConnectionState) => void;
+    onReconnectStart: () => void;
+    onReconnectEnd: () => void;
+    cancel: () => void;
+};
+
 /** Connections on a canvas, labelled with EventCatalog's wording (e.g. "publishes event", "subscribed by") */
 /** Node types that are messages, and their catalog collection */
 declare const MESSAGE_COLLECTIONS: Record<string, string>;
@@ -518,31 +746,6 @@ declare const arrangeLevel: (graph: Graph, layout: ReadonlyMap<string, LevelPlac
  */
 declare const withDiagramRoutes: (edges: Edge[], diagramEdges?: Edge[]) => Edge[];
 
-/**
- * Levels of detail, the same as EventCatalog's diagrams:
- * - L1: domains, systems and how they relate (services folded into the system or domain that contains them)
- * - L2: services and data stores, with messages, channels and agents hidden (the nodes either side connected directly)
- * - L3: everything, including messages and channels (the canvas people edit)
- *
- * What a domain or system contains is what sits inside it (as a container), or what it's connected to with
- * "contains" (as a card, which catalog domains and systems get when their services are on the canvas).
- */
-type Level = 1 | 2 | 3;
-declare const LEVELS: {
-    level: Level;
-    description: string;
-}[];
-/**
- * The graph for a level (not laid out: positions come from the layout). Notes aren't in it: the ones added on the
- * level are shown where they were put, over its layout.
- */
-declare const getLevelGraph: (nodes: Node[], edges: Edge[], level: Level) => {
-    edges: Edge[];
-    nodes: Node[];
-};
-/** Why a level can't be shown for this canvas, if it can't */
-declare const getLevelUnavailableReason: (nodes: Node[], level: Level) => string | undefined;
-
 /**
  * What the others on a live canvas are doing that the canvas shows as they do it, whatever carries it between them
  * (Yjs awareness, or an encrypted relay): what they're dragging, and the note or text they're changing. What they end
@@ -600,105 +803,6 @@ declare const sendMove: (live: LiveMoves | undefined, kind: NonNullable<Moving["
  */
 declare function useRemoteMoves(live: LiveMoves | undefined, kind: NonNullable<Moving["kind"]>): ReadonlyMap<string, XYPosition>;
 
-/**
- * The kinds of node people (and agents) can put on a canvas, and what's in their data. Shared by the browser and
- * the server, so it has no UI in it: the icons for each type are in components/icons.ts.
- */
-type NodeCategory = "boundaries" | "people" | "messages" | "architecture" | "data" | "other";
-declare const NODE_CATEGORIES: {
-    id: NodeCategory;
-    label: string;
-}[];
-/** The catalog collections whose resources can go on a canvas */
-declare const CATALOG_COLLECTIONS: readonly ["domains", "systems", "services", "events", "commands", "queries", "channels", "containers"];
-type CatalogCollection = (typeof CATALOG_COLLECTIONS)[number];
-declare const isCatalogCollection: (collection: string) => collection is CatalogCollection;
-/** Domains and systems as containers: boxes other nodes sit in */
-declare const GROUP_TYPES: {
-    readonly domain: "domain-group";
-    readonly system: "system-group";
-};
-declare const isGroupType: (type?: string) => type is "domain-group" | "system-group";
-type NodeDefinition = {
-    /** React Flow node type, matches the visualiser node component keys */
-    type: string;
-    /** Its key in the components list when several share a node type (the kinds of data store); else its type */
-    id?: string;
-    label: string;
-    /** What it is, in a few words (beside its name in the components list) */
-    summary?: string;
-    category: NodeCategory;
-    /** Not in the components list (still drawn, for canvases that have them) */
-    unlisted?: boolean;
-    /** Where the resource lives inside node.data (e.g. `service` for data.service). Undefined = data root */
-    resourceKey?: string;
-    /** Nodes that are sized on the canvas (containers, notes, text) start at this size */
-    defaultSize?: {
-        width: number;
-        height: number;
-    };
-    /** Only its width is set: its height follows what's in it (notes) */
-    autoHeight?: boolean;
-    /** Neither is set: it's as big as what's in it (text, as Excalidraw's; defaultSize is only where it's put) */
-    autoSize?: boolean;
-    /**
-     * The first level of detail that shows it (it's on the more detailed ones too, see levels.ts): L1 domains, systems
-     * and actors, L2 services, data stores, text and the like, L3 messages and channels. Notes are on every level.
-     */
-    firstLevel: 1 | 2 | 3;
-    createData: () => Record<string, unknown>;
-};
-declare const nodeDefinitions: NodeDefinition[];
-/** A component's key in the components list (and what's dragged from it) */
-declare const componentKey: (definition: NodeDefinition) => string;
-/** The types people and agents can add (not the unlisted ones), each once (the kinds of data store are all `data`) */
-declare const COMPONENT_TYPES: [string, ...string[]];
-declare const getNodeDefinition: (type?: string) => NodeDefinition | undefined;
-declare const getNodeLabel: (type?: string) => string;
-declare const DEFAULT_NODE_SIZE: {
-    width: number;
-    height: number;
-};
-/** The size a new node of a type starts at (or, for cards, about the size it renders at) */
-declare const getNodeSize: (type?: string) => {
-    width: number;
-    height: number;
-};
-/** The resource object for a node (e.g. data.service), or the data itself for flat nodes */
-declare const getResource: (type: string | undefined, data: Record<string, unknown>) => Record<string, unknown>;
-/** Sticky notes sit on the canvas wherever they're put, never inside a container */
-declare const canGoInContainer: (type?: string) => boolean;
-/**
- * Whether a container can hold a kind of node, as EventCatalog's domains and systems do: a domain holds anything
- * (subdomains, systems, services...), a system anything but a domain
- */
-declare const canHold: (containerType?: string, type?: string) => boolean;
-/**
- * The level (L1, L2 or L3) a sticky note or text was written on: it's only shown there. Ones from before they had
- * levels are on L3, the canvas people edit. Other nodes are on every level they fit in, so they have none.
- */
-declare const getNoteLevel: (node: {
-    type?: string;
-    data: Record<string, unknown>;
-}) => 1 | 2 | 3 | undefined;
-/** Whether a node is on a level's canvas as itself: everything on L3, but notes and text only on their level */
-declare const isOnLevel: (node: {
-    type?: string;
-    data: Record<string, unknown>;
-}, level: 1 | 2 | 3) => boolean;
-/** Whether a level of detail shows a kind of node (so it can be added there, and stay there) */
-declare const isShownOnLevel: (type: string | undefined, level: 1 | 2 | 3) => boolean;
-/** Whether a node's resource has a version (actors, notes and text don't) */
-declare const isVersioned: (type?: string) => boolean;
-/** Notes and text: written on the canvas itself (their text is their data, not a resource with a name) */
-declare const isWrittenOnCanvas: (type?: string) => type is "note" | "text";
-/** Returns new node data with fields of the resource changed */
-declare const updateResource: (type: string | undefined, data: Record<string, unknown>, fields: Record<string, unknown>) => {
-    [x: string]: unknown;
-};
-/** A node's name, as people and agents see it */
-declare const getNodeName: (type: string | undefined, data: Record<string, unknown>, fallback?: string) => string;
-
 /**
  * Where agents put what they add without a position, the way an architect would: next to what it connects to,
  * following the flow left to right (what sends to it on its left, what it sends to on its right), lined up with
@@ -1136,6 +1240,33 @@ declare function ContainerChooser({ kind, name, contents, position, onChoose, on
     onCancel: () => void;
 }): react_jsx_runtime.JSX.Element;
 
+type ConnectPlaceholderData = {
+    /** The option picked out in the list, shown on the placeholder */
+    choice?: {
+        key: string;
+        label: string;
+        summary?: string;
+    };
+};
+/** Where the new node goes, until what it is is chosen */
+declare const ConnectPlaceholderNode: react.NamedExoticComponent<NodeProps>;
+declare function ConnectChooser({ options, fromName, anchor, onHighlight, onChoose, onCancel, }: {
+    /** What can be made (getConnectOptions), the suggested ones first */
+    options: ConnectOption[];
+    /** The node the connection was dragged from */
+    fromName?: string;
+    /** The placeholder on screen: the list goes under it (or above, near the bottom of the screen) */
+    anchor: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    onHighlight: (option: ConnectOption | undefined) => void;
+    onChoose: (option: ConnectOption) => void;
+    onCancel: () => void;
+}): react_jsx_runtime.JSX.Element;
+
 declare const _default: react.NamedExoticComponent<{
     nodeId: string;
     locked: boolean;
@@ -1280,7 +1411,7 @@ declare function NodeCard({ nodeId, containerRef, label, kicker, header, childre
  * A field of the resource's, saved as it's typed (and when it's left, or the card closes): there's nothing to press
  * to keep a change. Escape puts it back as it was when it was clicked into.
  */
-declare function EditableText({ value, onSave, multiline, placeholder, className, label, required, onSaved, }: {
+declare function EditableText({ value, onSave, multiline, placeholder, className, label, required, startEmpty, onSaved, }: {
     value: string;
     onSave: (value: string) => void;
     multiline?: boolean;
@@ -1288,6 +1419,11 @@ declare function EditableText({ value, onSave, multiline, placeholder, className
     className?: string;
     label: string;
     required?: boolean;
+    /**
+     * Starts empty rather than showing `value` (a node just made: its name's typed straight in), and `value` is kept if
+     * it's left empty
+     */
+    startEmpty?: boolean;
     /** Something was saved (to say so) */
     onSaved?: () => void;
 }): react_jsx_runtime.JSX.Element;
@@ -1319,4 +1455,4 @@ declare function Picture({ src, className, }: {
 
 declare const TeamNode: react.NamedExoticComponent<NodeProps>;
 
-export { AgentMark, type Author, CANVAS_STATUSES, CANVAS_STATUS_LOOK, CATALOG_COLLECTIONS, CATALOG_GROUPS, CLIPBOARD_TYPE, COMPONENT_DRAG_TYPE, COMPONENT_TYPES, COUNTER_SCALE, type CanvasContent, _default$1 as CanvasControls, type CanvasMeta, CanvasPortal, type CanvasStatus, CardPreview, type CatalogCollection, ClaudeCodeLogo, ClaudeLogo, type ClipboardContent, type CommentAnchor, CommentLayer, CommentList, type ContainerChoice, ContainerChooser, ContextMenu, type ContextMenuState, CursorLogo, DEFAULT_NODE_SIZE, DIAGRAM_FILE_EXTENSION, DROP_GAP, type DiagramLevel, type DiagramLevels, type DragPreview, DropTargetContext, EDGE_COLOR, EDGE_MARKER, ENTITY_SOURCE_HANDLE, EdgeLabelPortal, EdgeRoute, _default as EditButton, EditStatus, EditableText, type Editing, EditingContext, EmptyCanvas, FIT_VIEW_OPTIONS, Field, GROUP_PADDING, GROUP_TYPES, type Hotspot, type HotspotDraft, type HotspotFields, HotspotLayer, HotspotList, type HotspotPlace, type HotspotSeverity, type HotspotSpot, KEEP_IN_CONTAINER_MARGIN, LEVELS, LOCAL_EDGE_KEYS, LOCAL_NODE_KEYS, type LayoutResult, type Level, type LevelPlace, type Link, type LiveMoves, type LivePeer, LockedContext, MESSAGE_COLLECTIONS, type MenuQuestion, type Message, type ModelCanvasContent, type Moves, type Moving, NODE_CATEGORIES, NODE_ICONS, NodeCard, type NodeCategory, type NodeDefinition, type NodeIcon, type NodePreview, OpenAILogo, Palette, PaletteItem, PaletteSection, type PaletteTab, Picture, type PresenceSource, RemeasureHandles, type RenderedSizes, SEVERITIES, SHORTCUTS, STATUS, type SavedFileHandle, ShortcutsList, type Smoother, type StartDrag, StartWritingContext, type StatusChange, TEXT_FONT_SIZE, TeamNode, type Thread, type UpdateNodeData, UpdateNodeDataContext, ViewControls, addCanvasContent, addHotspots, addNodes, addThreads, agentLogoFor, anchorAt, arrangeLevel, buildNode, bySeverity, canGoInContainer, canHold, canPickWhereToSave, canvasImage, canvasToModel, changesNodesOrEdges, cleanFileName, componentKey, connectNodes, containerFor, copyNodes, createEdge, createHotspot, createSmoother, createThread, deleteEdges, deleteHotspot, deleteNodes, deleteThread, deleteThreads, downloadFile, fileNameFor, findDropTarget, findDropTargets, findGroupAtPoint, fitContainersAround, fitGroup, fitGroupToChildren, getAbsolutePosition, getAbsoluteRect, getAnchorPosition, getCanvasMaps, getCanvasStatus, getDiagramLevel, getDiagramLevelUnavailable, getEdgeLabel, getEdgeRoute, getLayoutPositions, getLevelGraph, getLevelNodeSize, getLevelUnavailableReason, getLock, getNodeDefinition, getNodeLabel, getNodeName, getNodeSize, getNoteLevel, getResource, getStructureKey, isCatalogCollection, isDecided, isGroupType, isOnLevel, isShownOnLevel, isVersioned, isWrittenOnCanvas, keepDragged, keepUnchanged, layoutGraph, levelPlaces, modelToCanvas, moveNode, moveThread, moveThreads, nodeDefinitions, nodeTypes, pasteNodes, patchShared, pickDiagramFile, placeDropped, placeNode, placeNodes, previewContainerGrowth, readCanvas, readClipboard, readDiagramFile, readHotspots, readLevelLayout, readMeta, readThreads, reconnectEdge, reopenIfDecided, reopeningIfEdited, replyToThread, resizeNode, resourceNodeData, resourceTypeOf, saveToPickedFile, sendMove, setCanvasStatus, setEdgeLabel, setEdgeRoutes, setLevelPlaces, setLock, setMeta, setNodeParent, setNodeParents, setThreadResolved, shortId, sizeOf, sortByHierarchy, timeAgo, toDiagramFile, toRelativePosition, toSharedNode, topSeverity, updateHotspot, updateNodeData, updateResource, useCounterScale, useDragGhost, useNodeAnchor, useRemoteMoves, useSavedFlash, withDescendants, withDiagramRoutes, withGroupSizes, withLocalState, withParent, withPositions };
+export { AgentMark, type Author, CANVAS_STATUSES, CANVAS_STATUS_LOOK, CATALOG_COLLECTIONS, CATALOG_GROUPS, CLIPBOARD_TYPE, COMPONENT_DRAG_TYPE, COMPONENT_TYPES, CONNECT_MIN_DISTANCE, CONNECT_PLACEHOLDER, CONNECT_PLACEHOLDER_EDGE, CONNECT_PLACEHOLDER_SIZE, COUNTER_SCALE, type CanvasContent, _default$1 as CanvasControls, type CanvasMeta, CanvasPortal, type CanvasStatus, CardPreview, type CatalogCollection, ClaudeCodeLogo, ClaudeLogo, type ClipboardContent, type CommentAnchor, CommentLayer, CommentList, ConnectChooser, type ConnectOption, type ConnectPlaceholderData, ConnectPlaceholderNode, type ContainerChoice, ContainerChooser, ContextMenu, type ContextMenuState, CursorLogo, DEFAULT_NODE_SIZE, DIAGRAM_FILE_EXTENSION, DROP_GAP, type DiagramLevel, type DiagramLevels, type DragPreview, DropTargetContext, EDGE_COLOR, EDGE_MARKER, ENTITY_SOURCE_HANDLE, EdgeLabelPortal, EdgeRoute, _default as EditButton, EditStatus, EditableText, type Editing, EditingContext, EmptyCanvas, FIT_VIEW_OPTIONS, Field, GROUP_PADDING, GROUP_TYPES, type Hotspot, type HotspotDraft, type HotspotFields, HotspotLayer, HotspotList, type HotspotPlace, type HotspotSeverity, type HotspotSpot, KEEP_IN_CONTAINER_MARGIN, LEVELS, LOCAL_EDGE_KEYS, LOCAL_NODE_KEYS, type LayoutResult, type Level, type LevelPlace, type Link, type LiveMoves, type LivePeer, LockedContext, MESSAGE_COLLECTIONS, type MenuQuestion, type Message, type ModelCanvasContent, type Moves, type Moving, NODE_CATEGORIES, NODE_ICONS, type NewLink, NodeCard, type NodeCategory, type NodeDefinition, type NodeIcon, type NodePreview, OpenAILogo, Palette, PaletteItem, PaletteSection, type PaletteTab, Picture, type PresenceSource, RemeasureHandles, type RenderedSizes, SEVERITIES, SHORTCUTS, STATUS, type SavedFileHandle, ShortcutsList, type Smoother, type StartDrag, StartWritingContext, type StatusChange, TEXT_FONT_SIZE, TeamNode, type Thread, type UpdateNodeData, UpdateNodeDataContext, ViewControls, addCanvasContent, addHotspots, addNodes, addThreads, agentLogoFor, anchorAt, arrangeLevel, buildNode, bySeverity, canGoInContainer, canHold, canPickWhereToSave, canvasImage, canvasToModel, centreBeyond, changesNodesOrEdges, cleanFileName, componentKey, connectNodes, connectedType, containerFor, copyNodes, createEdge, createHotspot, createSmoother, createThread, deleteEdges, deleteHotspot, deleteNodes, deleteThread, deleteThreads, downloadFile, fileNameFor, filterConnectOptions, findDropTarget, findDropTargets, findGroupAtPoint, fitContainersAround, fitGroup, fitGroupToChildren, getAbsolutePosition, getAbsoluteRect, getAnchorPosition, getCanvasMaps, getCanvasStatus, getConnectOptions, getDiagramLevel, getDiagramLevelUnavailable, getEdgeLabel, getEdgeRoute, getLayoutPositions, getLevelGraph, getLevelNodeSize, getLevelUnavailableReason, getLock, getNodeDefinition, getNodeLabel, getNodeName, getNodeSize, getNoteLevel, getResource, getStructureKey, isAwayFrom, isCardType, isCatalogCollection, isDecided, isEmptyCanvasAt, isGroupType, isOnLevel, isShownOnLevel, isVersioned, isWrittenOnCanvas, keepDragged, keepUnchanged, layoutGraph, levelPlaces, linkConnection, modelToCanvas, moveNode, moveThread, moveThreads, newCardData, nodeDefinitions, nodeTypes, notPlaceholder, pasteNodes, patchShared, pickDiagramFile, placeDropped, placeNode, placeNodes, previewContainerGrowth, readCanvas, readClipboard, readDiagramFile, readHotspots, readLevelLayout, readMeta, readThreads, reconnectEdge, reopenIfDecided, reopeningIfEdited, replyToThread, resizeNode, resourceNodeData, resourceTypeOf, saveToPickedFile, sendMove, setCanvasStatus, setEdgeLabel, setEdgeRoutes, setLevelPlaces, setLock, setMeta, setNodeParent, setNodeParents, setThreadResolved, shortId, sizeOf, sortByHierarchy, timeAgo, toDiagramFile, toRelativePosition, toSharedNode, topSeverity, updateHotspot, updateNodeData, updateResource, useConnectNew, useCounterScale, useDragGhost, useNodeAnchor, useRemoteMoves, useSavedFlash, withDescendants, withDiagramRoutes, withGroupSizes, withLocalState, withParent, withPositions };