@eventcatalog/visualiser 4.1.4 → 5.0.0-beta.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/NodeGraph.tsx","../src/nodes/service/ServiceNode.tsx","../src/utils/custom-icon.tsx","../src/utils/url-builder.ts","../src/nodes/OwnerIndicator.tsx","../src/nodes/shared-styles.ts","../src/nodes/NotesIndicator.tsx","../src/context/PortalContainerContext.tsx","../src/nodes/TruncatedResourceName.tsx","../src/nodes/FocusedResourceIndicator.tsx","../src/nodes/Agent.tsx","../src/nodes/AgentTool.tsx","../src/icons/protocols/mcp-dark.svg","../src/icons/protocols/mcp-light.svg","../src/nodes/event/EventNode.tsx","../src/nodes/ApiInfo.tsx","../src/nodes/event/config.ts","../src/nodes/node-types.ts","../src/nodes/query/QueryNode.tsx","../src/nodes/command/CommandNode.tsx","../src/nodes/channel/ChannelNode.tsx","../src/nodes/data/DataNode.tsx","../src/nodes/data/config.ts","../src/nodes/view/ViewNode.tsx","../src/nodes/actor/ActorNode.tsx","../src/nodes/actor/config.ts","../src/nodes/ContextActor.tsx","../src/nodes/SystemGroupNode.tsx","../src/nodes/external-system/ExternalSystem.tsx","../src/nodes/external-system/config.ts","../src/nodes/note/NoteNode.tsx","../src/nodes/field/FieldNode.tsx","../src/nodes/field/config.ts","../src/nodes/Flow.tsx","../src/utils/badges.tsx","../src/utils/protocols.tsx","../src/nodes/FlowExpandedNode.tsx","../src/nodes/Entity.tsx","../src/nodes/User.tsx","../src/nodes/Step.tsx","../src/nodes/Domain.tsx","../src/nodes/System.tsx","../src/nodes/GroupNode.tsx","../src/nodes/Custom.tsx","../src/nodes/ExternalSystem2.tsx","../src/nodes/DataProduct.tsx","../src/nodes/message-group/MessageGroupNode.tsx","../src/nodes/message-group/MessageGroupExpandedNode.tsx","../src/edges/AnimatedMessageEdge.tsx","../src/edges/EdgeLabel.tsx","../src/edges/MultilineEdgeLabel.tsx","../src/edges/FlowEdge.tsx","../src/edges/LabelledEdge.tsx","../src/components/VisualiserSearch.tsx","../src/components/StepWalkthrough.tsx","../src/components/StudioModal.tsx","../src/utils/export-node-graph.ts","../src/components/FocusModeModal.tsx","../src/components/FocusMode/FocusModeContent.tsx","../src/components/FocusMode/utils.ts","../src/components/FocusMode/FocusModeNodeActions.tsx","../src/components/FocusMode/FocusModePlaceholder.tsx","../src/components/MermaidView.tsx","../src/utils/export-mermaid.ts","../src/utils/clipboard.ts","../src/hooks/use-channel-visibility.ts","../src/utils/utils/utils.ts","../src/components/VisualizerDropdownContent.tsx","../src/components/NodeContextMenu.tsx","../src/utils/export-image.ts","../src/utils/layout.ts","../src/utils/local-packing.ts","../src/utils/message-group-expansion.ts","../src/components/NotesToolbarButton.tsx","../src/nodes/index.ts","../src/edges/index.ts"],"sourcesContent":["/**\n * @eventcatalog/visualizer\n *\n * Framework-agnostic visualizer components for EventCatalog\n */\n\n// Types\nexport type {\n  BaseNodeData,\n  NodeType,\n  EdgeType,\n  VisualizerCallbacks,\n  NodeConfiguration,\n  VisualizerMode,\n  VisualizerLink,\n  EventCatalogResource,\n  Message,\n  Agent,\n  AgentTool,\n  Channel,\n  ExternalSystem,\n  Data,\n  View,\n  RegisteredNode,\n  NodeCategory,\n  ContextMenuItem,\n  GraphNode,\n  GraphEdge,\n  GraphEdgeType,\n  DslGraph,\n} from \"./types\";\n// Re-export Service type under a non-colliding name so the `Service` React\n// component value export from ./nodes survives the barrel merge.\nexport type { Service as ServiceType } from \"./types\";\n\n// Components\nexport * from \"./components\";\n\n// Nodes\nexport * from \"./nodes\";\n\n// Edges\nexport * from \"./edges\";\n\n// Utils\nexport * from \"./utils\";\n","import {\n  useEffect,\n  useMemo,\n  useState,\n  useCallback,\n  useRef,\n  memo,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  ReactFlow,\n  Background,\n  ConnectionLineType,\n  Controls,\n  Panel,\n  MiniMap,\n  ReactFlowProvider,\n  useNodesState,\n  useEdgesState,\n  type Edge,\n  type Node,\n  type NodeChange,\n  useReactFlow,\n  useStoreApi,\n  getNodesBounds,\n  type NodeTypes,\n  MarkerType,\n} from \"@xyflow/react\";\n// Styles are provided via styles.css / styles-core.css entry points.\n// Do NOT import CSS here — it breaks SSR (Node cannot load .css files).\nimport {\n  ExternalLink,\n  HistoryIcon,\n  CheckIcon,\n  ClipboardIcon,\n  MoreVertical,\n  Zap,\n  Bot,\n  Wrench,\n  ServerIcon,\n  Workflow,\n  MessageSquare,\n  Search as SearchIcon,\n  ArrowLeftRight,\n  Group as GroupIcon,\n  Globe,\n  User,\n  Database,\n  Boxes,\n  Box,\n  type LucideIcon,\n} from \"lucide-react\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { toPng } from \"html-to-image\";\n// Nodes and edges\n// Studio-2 nodes (named exports from directories)\nimport { Service as ServiceNode } from \"../nodes/service\";\nimport AgentNode from \"../nodes/Agent\";\nimport AgentToolNode from \"../nodes/AgentTool\";\nimport { Event as EventNode } from \"../nodes/event\";\nimport { Query as QueryNode } from \"../nodes/query\";\nimport { Command as CommandNode } from \"../nodes/command\";\nimport { Channel as ChannelNode } from \"../nodes/channel\";\nimport { Data as DataNode } from \"../nodes/data\";\nimport { View as ViewNode } from \"../nodes/view\";\nimport { Actor as ActorNode } from \"../nodes/actor\";\nimport ContextActorNode from \"../nodes/ContextActor\";\nimport SystemGroupNode from \"../nodes/SystemGroupNode\";\nimport { ExternalSystem as ExternalSystemNode } from \"../nodes/external-system\";\nimport { Note as NoteNode } from \"../nodes/note\";\nimport { Field as FieldNode } from \"../nodes/field\";\n// Core nodes (default exports from flat files)\nimport FlowNode from \"../nodes/Flow\";\nimport FlowExpandedNode from \"../nodes/FlowExpandedNode\";\nimport EntityNode from \"../nodes/Entity\";\nimport UserNode from \"../nodes/User\";\nimport StepNode from \"../nodes/Step\";\nimport DomainNode from \"../nodes/Domain\";\nimport SystemNode from \"../nodes/System\";\nimport GroupNode from \"../nodes/GroupNode\";\nimport CustomNode from \"../nodes/Custom\";\nimport ExternalSystemNode2 from \"../nodes/ExternalSystem2\";\nimport DataProductNode from \"../nodes/DataProduct\";\nimport {\n  MessageGroupNode,\n  MessageGroupExpandedNode,\n} from \"../nodes/message-group\";\n// Edges\nimport AnimatedMessageEdge from \"../edges/AnimatedMessageEdge\";\nimport MultilineEdgeLabel from \"../edges/MultilineEdgeLabel\";\nimport FlowEdge from \"../edges/FlowEdge\";\nimport {\n  LabelledDefaultEdge,\n  LabelledSmoothStepEdge,\n  LabelledStepEdge,\n} from \"../edges/LabelledEdge\";\nimport VisualiserSearch, { type VisualiserSearchRef } from \"./VisualiserSearch\";\nimport StepWalkthrough from \"./StepWalkthrough\";\nimport StudioModal from \"./StudioModal\";\nimport FocusModeModal from \"./FocusModeModal\";\nimport MermaidView from \"./MermaidView\";\nimport { useChannelVisibility } from \"../hooks/use-channel-visibility\";\nimport VisualizerDropdownContent from \"./VisualizerDropdownContent\";\nimport NodeContextMenu from \"./NodeContextMenu\";\nimport { convertToMermaid } from \"../utils/export-mermaid\";\nimport {\n  getExportImageDimensions,\n  injectExportStyles,\n} from \"../utils/export-image\";\nimport { copyToClipboard } from \"../utils/clipboard\";\nimport { layoutGraph } from \"../utils/layout\";\nimport { packNodesAroundBounds } from \"../utils/local-packing\";\nimport {\n  buildMessageGroupExpansionNodes,\n  getExpandedMessageGroupNode,\n} from \"../utils/message-group-expansion\";\nimport { AllNotesModal, getNotesFromNode } from \"./NotesToolbarButton\";\nimport { setBuildUrlFn } from \"../utils/url-builder\";\nimport { layoutDagreGraph } from \"../utils/utils/utils\";\nimport { PortalContainerProvider } from \"../context/PortalContainerContext\";\nimport type { DslGraph } from \"../types\";\nimport dagre from \"dagre\";\n\n// Minimum pixel change to detect layout modifications (avoids floating point comparison issues)\nconst POSITION_CHANGE_THRESHOLD = 1;\n\n// Above this node count, auto-disable message animation when the user has no stored preference\nconst LARGE_GRAPH_NODE_THRESHOLD = 30;\n\n// Static props for ReactFlow - defined outside component to avoid new references on every render\nconst NODE_ORIGIN: [number, number] = [0.1, 0.1];\nconst INITIAL_FIT_VIEW_OPTIONS = { padding: 0.2, duration: 0 } as const;\nconst MINIMAP_STYLE = {\n  backgroundColor: \"rgb(var(--ec-page-bg))\",\n  border: \"1px solid rgb(var(--ec-page-border))\",\n  borderRadius: \"8px\",\n} as const;\nconst LAYOUT_CHANGE_PANEL_STYLE_WITH_WALKTHROUGH = {\n  marginBottom: \"20px\",\n  marginLeft: \"420px\",\n} as const;\nconst LAYOUT_CHANGE_PANEL_STYLE_DEFAULT = { marginLeft: \"60px\" } as const;\nconst LEGEND_PANEL_STYLE_WITH_MINIMAP = { marginRight: \"230px\" } as const;\n\n// Expanded wrapper containers are structural only — they host grouped/inlined\n// child nodes and never represent a business step themselves. Centralised so\n// the walkthrough, click handler, and collapse handler agree on the set.\nconst EXPANDED_WRAPPER_TYPES = new Set([\n  \"flowExpanded\",\n  \"messageGroupExpanded\",\n]);\nconst isExpandedWrapper = (type: string | undefined) =>\n  type != null && EXPANDED_WRAPPER_TYPES.has(type);\n\ntype LegendEntry = { count: number; colorClass: string; groupId?: string };\n\n// Friendly labels for legend keys that differ from their raw node type.\nconst LEGEND_LABELS: Record<string, string> = {\n  \"context-actor\": \"Actors\",\n};\n\nconst getLegendLabel = (key: string) => LEGEND_LABELS[key] ?? key;\n\n// Icon + text colour per legend key, mirroring each collection's node styling.\n// When a key has no icon mapped, the legend falls back to its coloured square.\nconst LEGEND_ICONS: Record<string, { Icon: LucideIcon; colorClass: string }> = {\n  events: { Icon: Zap, colorClass: \"text-orange-600\" },\n  agent: { Icon: Bot, colorClass: \"text-sky-600\" },\n  agents: { Icon: Bot, colorClass: \"text-sky-600\" },\n  agentTool: { Icon: Wrench, colorClass: \"text-violet-600\" },\n  \"agent-tool\": { Icon: Wrench, colorClass: \"text-violet-600\" },\n  services: { Icon: ServerIcon, colorClass: \"text-pink-600\" },\n  flows: { Icon: Workflow, colorClass: \"text-teal-600\" },\n  commands: { Icon: MessageSquare, colorClass: \"text-blue-600\" },\n  queries: { Icon: SearchIcon, colorClass: \"text-green-600\" },\n  channels: { Icon: ArrowLeftRight, colorClass: \"text-gray-600\" },\n  externalSystem: { Icon: Globe, colorClass: \"text-pink-600\" },\n  systems: { Icon: GroupIcon, colorClass: \"text-purple-600\" },\n  system: { Icon: GroupIcon, colorClass: \"text-purple-600\" },\n  actor: { Icon: User, colorClass: \"text-yellow-500\" },\n  \"context-actor\": { Icon: User, colorClass: \"text-yellow-500\" },\n  data: { Icon: Database, colorClass: \"text-blue-600\" },\n  \"data-products\": { Icon: Boxes, colorClass: \"text-indigo-600\" },\n  field: { Icon: Box, colorClass: \"text-cyan-600\" },\n};\n\nconst getLegendIcon = (key: string) => LEGEND_ICONS[key];\n\nconst LegendPanel = memo(function LegendPanel({\n  legend,\n  showMinimap,\n  onLegendClick,\n}: {\n  legend: Record<string, LegendEntry>;\n  showMinimap: boolean;\n  onLegendClick: (key: string, groupId?: string) => void;\n}) {\n  return (\n    <Panel\n      position=\"bottom-right\"\n      style={showMinimap ? LEGEND_PANEL_STYLE_WITH_MINIMAP : undefined}\n    >\n      <div className=\"bg-[rgb(var(--ec-card-bg))] border border-[rgb(var(--ec-page-border))] font-light px-4 text-[12px] shadow-md py-1 rounded-md\">\n        <ul className=\"m-0 p-0 \">\n          {Object.entries(legend).map(\n            ([key, { count, colorClass, groupId }]) => {\n              const legendIcon = getLegendIcon(key);\n              return (\n                <li\n                  key={key}\n                  className=\"flex space-x-2 items-center text-[10px] cursor-pointer text-[rgb(var(--ec-page-text))] hover:text-[rgb(var(--ec-accent))] hover:underline\"\n                  onClick={() => onLegendClick(key, groupId)}\n                >\n                  {legendIcon ? (\n                    <legendIcon.Icon\n                      className={`w-3 h-3 shrink-0 ${legendIcon.colorClass}`}\n                      strokeWidth={2}\n                      aria-hidden=\"true\"\n                    />\n                  ) : (\n                    <span className={`w-2 h-2 block ${colorClass}`} />\n                  )}\n                  <span className=\"block capitalize\">\n                    {getLegendLabel(key)} ({count})\n                  </span>\n                </li>\n              );\n            },\n          )}\n        </ul>\n      </div>\n    </Panel>\n  );\n});\n\ninterface Props {\n  nodes: any;\n  edges: any;\n  title?: string;\n  subtitle?: string;\n  includeBackground?: boolean;\n  includeControls?: boolean;\n  linkTo?: \"docs\" | \"visualiser\";\n  includeKey?: boolean;\n  linksToVisualiser?: boolean;\n  links?: { label: string; url: string }[];\n  mode?: \"full\" | \"simple\";\n  showFlowWalkthrough?: boolean;\n  showSearch?: boolean;\n  zoomOnScroll?: boolean;\n  designId?: string;\n  isStudioModalOpen?: boolean;\n  setIsStudioModalOpen?: (isOpen: boolean) => void;\n  isChatEnabled?: boolean;\n  maxTextSize?: number;\n  isDevMode?: boolean;\n  resourceKey?: string;\n  /** Controls whether message flow animation is enabled. When set, overrides URL params and localStorage. */\n  animated?: boolean;\n  /**\n   * When true, message-flow animation is unsupported for this graph: it is forced\n   * off (ignoring the `animated` prop, URL params and localStorage) and the\n   * \"Simulate Messages\" toggle is hidden. Used by graphs that aren't message\n   * flows, e.g. the System Diagram.\n   */\n  disableMessageAnimation?: boolean;\n  /** When set, the graph will zoom to this node id. */\n  focusNodeId?: string;\n  /** Optional token to force repeated focus for the same node id. */\n  focusRequestId?: number;\n  /** Optional token to trigger fit-to-screen behavior. */\n  fitRequestId?: number;\n\n  // Callback API for framework integration\n  /** Called when a node is clicked */\n  onNodeClick?: (node: Node) => void;\n  /** Called to build URLs for navigation (used in links dropdown) */\n  onBuildUrl?: (path: string) => string;\n  /** Called when navigation should occur */\n  onNavigate?: (url: string) => void;\n  /** Called to save layout positions (dev mode only) */\n  onSaveLayout?: (\n    resourceKey: string,\n    positions: Record<string, { x: number; y: number }>,\n  ) => Promise<boolean>;\n  /** Called to reset layout positions (dev mode only) */\n  onResetLayout?: (resourceKey: string) => Promise<boolean>;\n}\n\n// --- Shared edge style for group expand edges ---\nconst GROUP_EDGE_STYLE = {\n  strokeWidth: 1,\n  stroke: \"var(--ec-edge-stroke, #6b7280)\",\n};\nconst GROUP_EDGE_MARKER = {\n  type: MarkerType.ArrowClosed,\n  width: 20,\n  height: 20,\n};\n\n/** Label for the edge connecting the service to a message, based on direction and collection type. */\nconst getChildEdgeLabel = (\n  direction: \"sends\" | \"receives\",\n  collection: string,\n) => {\n  if (direction === \"sends\") {\n    if (collection === \"commands\") return \"invokes\";\n    if (collection === \"queries\") return \"requests\";\n    return \"publishes \\nevent\";\n  }\n  if (collection === \"commands\" || collection === \"queries\") return \"accepts\";\n  return \"subscribed by\";\n};\n\n/**\n * Check if a message can reach the service through downstream edges (i.e. via channels).\n * Uses BFS over the pre-computed edge graph. If reachable, no direct child→service edge is needed.\n */\nconst canReachService = (\n  msgId: string,\n  serviceNodeId: string,\n  expandedEdges: any[],\n): boolean => {\n  // Build adjacency list once for efficient traversal\n  const adj = new Map<string, string[]>();\n  for (const e of expandedEdges) {\n    if (!adj.has(e.source)) adj.set(e.source, []);\n    adj.get(e.source)!.push(e.target);\n  }\n  const visited = new Set<string>([msgId]);\n  const queue = [msgId];\n  while (queue.length > 0) {\n    const current = queue.shift()!;\n    for (const next of adj.get(current) || []) {\n      if (next === serviceNodeId) return true;\n      if (!visited.has(next)) {\n        visited.add(next);\n        queue.push(next);\n      }\n    }\n  }\n  return false;\n};\n\n/**\n * Build edges connecting the service to child message nodes inside an expanded group.\n * - For sends: always creates service → child edge.\n * - For receives: only creates child → service edge when no channel path exists.\n */\nconst buildChildEdges = (\n  groupData: any,\n  groupNodeId: string,\n  serviceNodeId: string,\n  msgIdToChildId: Map<string, string>,\n  animateMessages: boolean,\n): Edge[] => {\n  const expandedEdges = groupData.expandedEdges || [];\n\n  return (groupData.messages || [])\n    .map((item: any) => {\n      const msg = item.message;\n      const msgId = `${msg.data.id}-${msg.data.version}`;\n      const childId = msgIdToChildId.get(msgId)!;\n      const collection = msg.collection || \"events\";\n      const label = getChildEdgeLabel(groupData.direction, collection);\n\n      if (groupData.direction === \"sends\") {\n        return {\n          id: `${serviceNodeId}-to-${childId}`,\n          source: serviceNodeId,\n          target: childId,\n          label,\n          type: \"animated\",\n          animated: animateMessages,\n          style: GROUP_EDGE_STYLE,\n          markerEnd: GROUP_EDGE_MARKER,\n        } as Edge;\n      }\n\n      // Receives: skip if a channel path already connects this message to the service\n      if (canReachService(msgId, serviceNodeId, expandedEdges)) return null;\n\n      return {\n        id: `${childId}-to-${serviceNodeId}`,\n        source: childId,\n        target: serviceNodeId,\n        label,\n        type: \"animated\",\n        animated: animateMessages,\n        style: GROUP_EDGE_STYLE,\n        markerEnd: GROUP_EDGE_MARKER,\n      } as Edge;\n    })\n    .filter(Boolean) as Edge[];\n};\n\nconst NodeGraphBuilder = ({\n  nodes: initialNodes,\n  edges: initialEdges,\n  title,\n  includeBackground = true,\n  linkTo: _linkTo = \"docs\",\n  includeKey = true,\n  linksToVisualiser = false,\n  links = [],\n  mode = \"full\",\n  showFlowWalkthrough = true,\n  showSearch = true,\n  zoomOnScroll = false,\n  isStudioModalOpen,\n  setIsStudioModalOpen = () => {},\n  isChatEnabled = false,\n  maxTextSize,\n  isDevMode = false,\n  resourceKey,\n  animated,\n  disableMessageAnimation = false,\n  focusNodeId,\n  focusRequestId,\n  fitRequestId,\n  onNodeClick,\n  onBuildUrl,\n  onNavigate,\n  onSaveLayout,\n  onResetLayout,\n}: Props) => {\n  // Wire up the URL builder so all nodes can use buildUrl() with the correct base path\n  useEffect(() => {\n    if (onBuildUrl) {\n      setBuildUrlFn(onBuildUrl);\n    }\n  }, []);\n\n  const nodeTypes = useMemo(() => {\n    const wrapWithContextMenu = (Component: React.ComponentType<any>) => {\n      const Wrapped = memo((props: any) => {\n        const items = props.data?.contextMenu;\n        if (!items?.length) return <Component {...props} />;\n        return (\n          <NodeContextMenu items={items}>\n            <Component {...props} />\n          </NodeContextMenu>\n        );\n      });\n      Wrapped.displayName = `WithContextMenu(${Component.displayName || Component.name || \"Component\"})`;\n      return Wrapped;\n    };\n\n    return {\n      service: wrapWithContextMenu(ServiceNode),\n      services: wrapWithContextMenu(ServiceNode),\n      agent: wrapWithContextMenu(AgentNode),\n      agents: wrapWithContextMenu(AgentNode),\n      agentTool: wrapWithContextMenu(AgentToolNode),\n      \"agent-tool\": wrapWithContextMenu(AgentToolNode),\n      flow: wrapWithContextMenu(FlowNode),\n      flows: wrapWithContextMenu(FlowNode),\n      event: wrapWithContextMenu(EventNode),\n      events: wrapWithContextMenu(EventNode),\n      channel: wrapWithContextMenu(ChannelNode),\n      channels: wrapWithContextMenu(ChannelNode),\n      query: wrapWithContextMenu(QueryNode),\n      queries: wrapWithContextMenu(QueryNode),\n      command: wrapWithContextMenu(CommandNode),\n      commands: wrapWithContextMenu(CommandNode),\n      domain: wrapWithContextMenu(DomainNode),\n      domains: wrapWithContextMenu(DomainNode),\n      system: wrapWithContextMenu(SystemNode),\n      systems: wrapWithContextMenu(SystemNode),\n      step: StepNode,\n      user: UserNode,\n      custom: CustomNode,\n      externalSystem: wrapWithContextMenu(ExternalSystemNode),\n      \"external-system\": wrapWithContextMenu(ExternalSystemNode2),\n      entity: wrapWithContextMenu(EntityNode),\n      entities: wrapWithContextMenu(EntityNode),\n      data: wrapWithContextMenu(DataNode),\n      view: wrapWithContextMenu(ViewNode),\n      actor: ActorNode,\n      \"context-actor\": ContextActorNode,\n      container: wrapWithContextMenu(DataNode),\n      \"data-product\": wrapWithContextMenu(DataProductNode),\n      \"data-products\": wrapWithContextMenu(DataProductNode),\n      group: GroupNode,\n      \"system-group\": SystemGroupNode,\n      note: memo((props: any) => <NoteNode {...props} readOnly={true} />),\n      field: wrapWithContextMenu(FieldNode),\n      messageGroup: MessageGroupNode,\n      messageGroupExpanded: MessageGroupExpandedNode,\n      flowExpanded: FlowExpandedNode,\n    } as unknown as NodeTypes;\n  }, []);\n  const edgeTypes = useMemo(\n    () =>\n      ({\n        animated: AnimatedMessageEdge,\n        multiline: MultilineEdgeLabel,\n        \"flow-edge\": FlowEdge,\n        default: LabelledDefaultEdge,\n        smoothstep: LabelledSmoothStepEdge,\n        step: LabelledStepEdge,\n      }) as Record<string, any>,\n    [],\n  );\n  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);\n  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);\n  const { fitView, getNodes, getIntersectingNodes, getZoom, setCenter } =\n    useReactFlow();\n  const storeApi = useStoreApi();\n  const previousGraphInputRef = useRef({\n    nodes: initialNodes,\n    edges: initialEdges,\n  });\n\n  // Sync when parent passes new nodes/edges (e.g. playground re-parse)\n  useEffect(() => {\n    const previousGraphInput = previousGraphInputRef.current;\n    previousGraphInputRef.current = {\n      nodes: initialNodes,\n      edges: initialEdges,\n    };\n\n    // React Flow's fitView prop handles the initial viewport after measuring\n    // the nodes. Avoid scheduling a second animated fit on mount.\n    if (\n      previousGraphInput.nodes === initialNodes &&\n      previousGraphInput.edges === initialEdges\n    ) {\n      return;\n    }\n\n    setNodes(initialNodes);\n    setEdges(initialEdges);\n    // fitView after React Flow processes the new nodes\n    requestAnimationFrame(() => {\n      fitView({ duration: 300, padding: 0.2 });\n    });\n  }, [initialNodes, initialEdges, setNodes, setEdges, fitView]);\n\n  const [animateMessages, setAnimateMessages] = useState(true);\n  const [_activeStepIndex, _setActiveStepIndex] = useState<number | null>(null);\n  const [_isFullscreen, _setIsFullscreen] = useState(false);\n  const [isShareModalOpen, setIsShareModalOpen] = useState(false);\n  const [shareUrlCopySuccess, setShareUrlCopySuccess] = useState(false);\n  const [isMermaidView, setIsMermaidView] = useState(false);\n  const [showMinimap, setShowMinimap] = useState(false);\n  const [hasLayoutChanges, setHasLayoutChanges] = useState(false);\n  const [isSavingLayout, setIsSavingLayout] = useState(false);\n  const initialPositionsRef = useRef<Record<string, { x: number; y: number }>>(\n    {},\n  );\n  // const [isStudioModalOpen, setIsStudioModalOpen] = useState(false);\n  const [focusModeOpen, setFocusModeOpen] = useState(false);\n  const [focusedNodeId, setFocusedNodeId] = useState<string | null>(null);\n\n  const [isNotesModalOpen, setIsNotesModalOpen] = useState(false);\n  const openNotesModal = useCallback(() => setIsNotesModalOpen(true), []);\n\n  // Track user interaction (drag/pan/zoom) to pause expensive SVG animations.\n  // Uses a ref + direct DOM manipulation to avoid React re-renders.\n  const interactionCountRef = useRef(0);\n\n  const startInteraction = useCallback(() => {\n    interactionCountRef.current += 1;\n    if (interactionCountRef.current === 1) {\n      reactFlowWrapperRef.current?.classList.add(\"ec-interaction-active\");\n    }\n  }, []);\n\n  const endInteraction = useCallback(() => {\n    interactionCountRef.current = Math.max(0, interactionCountRef.current - 1);\n    if (interactionCountRef.current === 0) {\n      reactFlowWrapperRef.current?.classList.remove(\"ec-interaction-active\");\n    }\n  }, []);\n\n  // Highlight source/target nodes when hovering an edge.\n  // Uses direct DOM manipulation (like startInteraction) to avoid re-renders.\n  const hoveredEdgeNodesRef = useRef<Element[]>([]);\n\n  const handleEdgeMouseEnter = useCallback(\n    (_: React.MouseEvent, edge: Edge) => {\n      const wrapper = reactFlowWrapperRef.current;\n      if (!wrapper) return;\n      const nodes = wrapper.querySelectorAll(\n        `[data-id=\"${edge.source}\"], [data-id=\"${edge.target}\"]`,\n      );\n      nodes.forEach((el) => el.classList.add(\"ec-edge-hover-node\"));\n      hoveredEdgeNodesRef.current = Array.from(nodes);\n    },\n    [],\n  );\n\n  const handleEdgeMouseLeave = useCallback(() => {\n    hoveredEdgeNodesRef.current.forEach((el) =>\n      el.classList.remove(\"ec-edge-hover-node\"),\n    );\n    hoveredEdgeNodesRef.current = [];\n  }, []);\n\n  // Highlight all connected edges + their other-end nodes when hovering a node.\n  // Looks up connected edges from the edges array, then queries DOM by edge ID.\n  // Uses direct DOM manipulation to avoid re-renders.\n  const hoveredNodeEdgesRef = useRef<Element[]>([]);\n  const hoveredNodePeersRef = useRef<Element[]>([]);\n\n  const handleNodeMouseEnter = useCallback(\n    (_: React.MouseEvent, node: Node) => {\n      const wrapper = reactFlowWrapperRef.current;\n      if (!wrapper) return;\n\n      const peerIds = new Set<string>();\n      const edgeEls: Element[] = [];\n\n      for (const edge of edgesRef.current) {\n        if (edge.source !== node.id && edge.target !== node.id) continue;\n        const el = wrapper.querySelector(\n          `.react-flow__edge[data-id=\"${edge.id}\"]`,\n        );\n        if (el) {\n          el.classList.add(\"ec-node-hover-edge\");\n          edgeEls.push(el);\n        }\n        if (edge.source !== node.id) peerIds.add(edge.source);\n        if (edge.target !== node.id) peerIds.add(edge.target);\n      }\n      hoveredNodeEdgesRef.current = edgeEls;\n\n      // Highlight the hovered node + all peer nodes\n      peerIds.add(node.id);\n      const selector = Array.from(peerIds)\n        .map((id) => `[data-id=\"${id}\"]`)\n        .join(\", \");\n      if (selector) {\n        const peerEls = wrapper.querySelectorAll(selector);\n        peerEls.forEach((el) => el.classList.add(\"ec-edge-hover-node\"));\n        hoveredNodePeersRef.current = Array.from(peerEls);\n      }\n    },\n    [],\n  );\n\n  const handleNodeMouseLeave = useCallback(() => {\n    hoveredNodeEdgesRef.current.forEach((el) =>\n      el.classList.remove(\"ec-node-hover-edge\"),\n    );\n    hoveredNodeEdgesRef.current = [];\n    hoveredNodePeersRef.current.forEach((el) =>\n      el.classList.remove(\"ec-edge-hover-node\"),\n    );\n    hoveredNodePeersRef.current = [];\n  }, []);\n\n  // Check if there are channels to determine if we need the visualizer functionality\n  const hasChannels = useMemo(\n    () => initialNodes.some((node: any) => node.type === \"channels\"),\n    [initialNodes],\n  );\n  const { hideChannels, toggleChannelsVisibility } = useChannelVisibility({\n    nodes,\n    edges,\n    setNodes,\n    setEdges,\n    skipProcessing: !hasChannels,\n  });\n  const searchRef = useRef<VisualiserSearchRef>(null);\n  const reactFlowWrapperRef = useRef<HTMLDivElement>(null);\n  const scrollableContainerRef = useRef<HTMLElement | null>(null);\n\n  // Stable refs — avoids recreating callbacks on every drag/state change\n  const nodesRef = useRef(nodes);\n  nodesRef.current = nodes;\n  const edgesRef = useRef(edges);\n  edgesRef.current = edges;\n  const hideChannelsRef = useRef(hideChannels);\n  hideChannelsRef.current = hideChannels;\n\n  // The walkthrough treats expanded wrapper containers as structural rather\n  // than walkable steps. Stitched predecessor/successor edges added at expand\n  // time already connect real outer steps to the sub-flow's children, so\n  // dropping wrapper edges doesn't break traversal.\n  const wrapperNodeIds = useMemo(() => {\n    const ids = new Set<string>();\n    nodes.forEach((n) => {\n      if (isExpandedWrapper(n.type)) ids.add(n.id);\n    });\n    return ids;\n  }, [nodes]);\n  const walkthroughNodes = useMemo(\n    () =>\n      wrapperNodeIds.size === 0\n        ? nodes\n        : nodes.filter((n) => !wrapperNodeIds.has(n.id)),\n    [nodes, wrapperNodeIds],\n  );\n  const walkthroughEdges = useMemo(\n    () =>\n      wrapperNodeIds.size === 0\n        ? edges\n        : edges.filter(\n            (e) =>\n              !wrapperNodeIds.has(e.source) && !wrapperNodeIds.has(e.target),\n          ),\n    [edges, wrapperNodeIds],\n  );\n\n  const animateLayout = useCallback(() => {\n    const wrapper = reactFlowWrapperRef.current;\n    if (!wrapper) return;\n    wrapper.classList.add(\"ec-animating-layout\");\n    setTimeout(() => wrapper.classList.remove(\"ec-animating-layout\"), 400);\n  }, []);\n\n  const relayoutGraph = useCallback(\n    (\n      nextNodes: Node[],\n      nextEdges: Edge[],\n      anchor?: { id: string; position: { x: number; y: number } },\n    ) => {\n      const g = new dagre.graphlib.Graph({ compound: true });\n      g.setGraph({ rankdir: \"LR\", ranksep: 300, nodesep: 50 });\n      g.setDefaultEdgeLabel(() => ({}));\n\n      // Add nodes to dagre — skip children (they're positioned relative to parent)\n      nextNodes.forEach((node) => {\n        if (node.parentId) return;\n        const w =\n          (node.style?.width as number) ||\n          (node.type === \"messageGroupExpanded\" ? 380 : 150);\n        const h =\n          (node.style?.height as number) ||\n          (node.type === \"messageGroupExpanded\" ? 0 : 120);\n\n        // For expanded groups, calculate height from child count\n        if (node.type === \"messageGroupExpanded\") {\n          const children = nextNodes.filter((n) => n.parentId === node.id);\n          const childHeight = children.length * 190 + 100; // 190px per child + padding\n          g.setNode(node.id, { width: w, height: childHeight });\n        } else {\n          g.setNode(node.id, { width: w, height: h });\n        }\n      });\n\n      // Add edges — only between top-level nodes or from top-level to parent of child\n      nextEdges.forEach((edge) => {\n        const sourceNode = nextNodes.find((n) => n.id === edge.source);\n        const targetNode = nextNodes.find((n) => n.id === edge.target);\n        const sourceTop = sourceNode?.parentId || edge.source;\n        const targetTop = targetNode?.parentId || edge.target;\n        // Only add edge if both endpoints are in the dagre graph\n        if (\n          g.hasNode(sourceTop) &&\n          g.hasNode(targetTop) &&\n          sourceTop !== targetTop\n        ) {\n          g.setEdge(sourceTop, targetTop);\n        }\n      });\n\n      layoutDagreGraph(g);\n\n      // Apply dagre positions to top-level nodes\n      const positioned = nextNodes.map((node) => {\n        if (node.parentId) {\n          const parent = nextNodes.find((n) => n.id === node.parentId);\n\n          // Sub-flow expansion: children keep the LR positions already computed\n          // when the sub-flow was expanded. Leave them alone so the inner graph\n          // renders in true graph order, not a vertical stack.\n          if (parent?.type === \"flowExpanded\") {\n            return node;\n          }\n\n          // Message groups: simple vertical stack, centred within the container.\n          const parentWidth = (parent?.style?.width as number) || 380;\n          const childWidth = 240; // initial estimate, refined by post-render measurement\n          const xOffset = Math.max(20, (parentWidth - childWidth) / 2);\n          const siblings = nextNodes.filter(\n            (n) => n.parentId === node.parentId,\n          );\n          const index = siblings.indexOf(node);\n          return {\n            ...node,\n            position: { x: xOffset, y: 70 + index * 190 },\n          };\n        }\n\n        const pos = g.node(node.id);\n        if (!pos) return node;\n        // dagre returns center positions — convert to top-left for ReactFlow\n        return {\n          ...node,\n          position: { x: pos.x - pos.width / 2, y: pos.y - pos.height / 2 },\n        };\n      });\n\n      if (!anchor) return positioned;\n\n      const positionedAnchor = positioned.find((node) => node.id === anchor.id);\n      if (!positionedAnchor) return positioned;\n\n      const offset = {\n        x: anchor.position.x - positionedAnchor.position.x,\n        y: anchor.position.y - positionedAnchor.position.y,\n      };\n\n      return positioned.map((node) => {\n        if (node.parentId) return node;\n        return {\n          ...node,\n          position: {\n            x: node.position.x + offset.x,\n            y: node.position.y + offset.y,\n          },\n        };\n      });\n    },\n    [],\n  );\n\n  const makeRoomForRenderedExpandedGroup = useCallback(\n    (\n      groupNodeId: string,\n      groupBounds: { x: number; y: number; width: number; height: number },\n    ) => {\n      const padding = 80;\n      const protectedBounds = {\n        x: groupBounds.x - padding,\n        y: groupBounds.y - padding,\n        width: groupBounds.width + padding * 2,\n        height: groupBounds.height + padding * 2,\n      };\n      const intersectingIds = new Set(\n        getIntersectingNodes(protectedBounds, true)\n          .filter((node) => node.id !== groupNodeId && !node.parentId)\n          .map((node) => node.id),\n      );\n\n      if (intersectingIds.size === 0) return;\n\n      setNodes((currentNodes) => {\n        const plannedPositions = packNodesAroundBounds({\n          nodes: currentNodes,\n          movableNodeIds: intersectingIds,\n          protectedBounds,\n          groupNodeId,\n        });\n\n        return currentNodes.map((node) => {\n          const plannedPosition = plannedPositions.get(node.id);\n          if (!plannedPosition) return node;\n          return { ...node, position: plannedPosition };\n        });\n      });\n    },\n    [getIntersectingNodes, setNodes],\n  );\n\n  // Lay a sub-flow's internal nodes out with dagre LR and return positioned\n  // children, a per-id position map, and the tightest container bounding box\n  // so the wrapper can size itself to fit. `sizeOf` supplies per-child width\n  // and height — callers pass either estimated constants (initial layout) or\n  // measured DOM dimensions (post-paint).\n  const layoutSubFlowChildren = useCallback(\n    (\n      children: Node[],\n      edges: Edge[],\n      sizeOf: (n: Node) => { w: number; h: number },\n      opts: {\n        padding: number;\n        headerH: number;\n        fallbackW?: number;\n        fallbackH?: number;\n      },\n    ) => {\n      const { padding, headerH, fallbackW = 240, fallbackH = 120 } = opts;\n\n      const g = new dagre.graphlib.Graph();\n      g.setGraph({ rankdir: \"LR\", ranksep: 360, nodesep: 200 });\n      g.setDefaultEdgeLabel(() => ({}));\n      const childIds = new Set(children.map((c) => c.id));\n      children.forEach((c) => {\n        const { w, h } = sizeOf(c);\n        g.setNode(c.id, { width: w, height: h });\n      });\n      edges.forEach((e) => {\n        if (childIds.has(e.source) && childIds.has(e.target)) {\n          g.setEdge(e.source, e.target);\n        }\n      });\n      layoutDagreGraph(g);\n\n      let minX = Infinity;\n      let minY = Infinity;\n      let maxX = -Infinity;\n      let maxY = -Infinity;\n      const positions = new Map<string, { x: number; y: number }>();\n      children.forEach((c) => {\n        const pos = g.node(c.id);\n        if (!pos) return;\n        const x = pos.x - pos.width / 2;\n        const y = pos.y - pos.height / 2;\n        positions.set(c.id, { x, y });\n        minX = Math.min(minX, x);\n        minY = Math.min(minY, y);\n        maxX = Math.max(maxX, x + pos.width);\n        maxY = Math.max(maxY, y + pos.height);\n      });\n\n      const offsetX = padding - (Number.isFinite(minX) ? minX : 0);\n      const offsetY = headerH + padding - (Number.isFinite(minY) ? minY : 0);\n      const positioned = children.map((c) => {\n        const p = positions.get(c.id);\n        if (!p) return c;\n        return { ...c, position: { x: p.x + offsetX, y: p.y + offsetY } };\n      });\n      // Translate positions too so callers that read the map see the final coords.\n      const finalPositions = new Map<string, { x: number; y: number }>();\n      positions.forEach((p, id) =>\n        finalPositions.set(id, { x: p.x + offsetX, y: p.y + offsetY }),\n      );\n\n      const width = Number.isFinite(minX)\n        ? maxX - minX + padding * 2\n        : fallbackW + padding * 2;\n      const height = Number.isFinite(minY)\n        ? maxY - minY + headerH + padding * 2\n        : fallbackH + headerH + padding * 2;\n\n      return { positioned, positions: finalPositions, width, height };\n    },\n    [],\n  );\n\n  // Read from refs inside the callback to avoid nodes/edges in the dependency array.\n  // This prevents the callback from being recreated on every drag tick (Rule 2).\n  const handleCollapseGroup = useCallback(\n    (e: React.MouseEvent) => {\n      const target = e.target as HTMLElement;\n      const collapseBtn = target.closest(\n        \".ec-collapse-group-btn, .ec-collapse-flow-btn\",\n      );\n      if (!collapseBtn) return;\n      e.stopPropagation();\n\n      // Find the ReactFlow node wrapper to get the node ID\n      const nodeWrapper = target.closest(\"[data-id]\");\n      if (!nodeWrapper) return;\n      const groupNodeId = nodeWrapper.getAttribute(\"data-id\");\n      if (!groupNodeId) return;\n\n      const currentNodes = nodesRef.current;\n      const currentEdges = edgesRef.current;\n\n      // Find the expanded container node to get its data\n      const expandedNode = currentNodes.find((n) => n.id === groupNodeId);\n      if (!expandedNode || !isExpandedWrapper(expandedNode.type)) return;\n\n      // The wrapper carries a pre-expansion snapshot — use it so nested\n      // wrappers (created mid-session and therefore absent from initialNodes)\n      // collapse correctly. Fall back to initialNodes for wrappers expanded\n      // on a top-level node that was there from page load.\n      const stashed = (expandedNode.data as any).__preExpansion as\n        | {\n            node: Node;\n            edges: Edge[];\n            nodeIds: string[];\n            nodePositions?: Record<string, { x: number; y: number }>;\n          }\n        | undefined;\n      const originalNode =\n        stashed?.node ??\n        initialNodes.find(\n          (n: Node) =>\n            n.id === groupNodeId &&\n            (n.type === \"messageGroup\" ||\n              n.type === \"flows\" ||\n              n.type === \"flow\"),\n        );\n      if (!originalNode) return;\n      const originalEdges =\n        stashed?.edges ??\n        initialEdges.filter(\n          (edge: Edge) =>\n            edge.source === groupNodeId || edge.target === groupNodeId,\n        );\n\n      const childNodeIds = new Set(\n        currentNodes.filter((n) => n.parentId === groupNodeId).map((n) => n.id),\n      );\n\n      // Downstream nodes added on expand are those in the original node's\n      // expandedNodes that weren't in the graph just before the expand ran.\n      // Use the stashed pre-expansion id snapshot when present (so mid-\n      // session wrappers diff against their own \"before\"), else fall back\n      // to the initial page-load node set.\n      const originalData = originalNode.data as any;\n      const preExistingIds = new Set(\n        stashed ? stashed.nodeIds : initialNodes.map((n: Node) => n.id),\n      );\n      const downstreamNodeIds = new Set(\n        ((originalData.expandedNodes as any[]) || [])\n          .map((n: any) => n.id)\n          .filter((id: string) => !preExistingIds.has(id)),\n      );\n\n      const isDownstreamEdge = (edge: Edge) =>\n        edge.id.startsWith(`${groupNodeId}__`);\n\n      // Animate the layout transition\n      animateLayout();\n\n      // Swap: remove expanded container + children + downstream, restore compact node.\n      // Only remove downstream nodes that aren't still referenced by surviving edges\n      // (another expanded group may share the same channel/consumer nodes).\n      setNodes((prev) => {\n        // Compute which edges will survive the collapse\n        const nextEdges = currentEdges\n          .filter(\n            (edge) =>\n              !childNodeIds.has(edge.source) &&\n              !childNodeIds.has(edge.target) &&\n              !isDownstreamEdge(edge),\n          )\n          .concat(originalEdges);\n\n        // Nodes still referenced by surviving edges must be kept\n        const referencedByEdges = new Set<string>();\n        for (const edge of nextEdges) {\n          referencedByEdges.add(edge.source);\n          referencedByEdges.add(edge.target);\n        }\n\n        const without = prev\n          .filter(\n            (n) =>\n              n.id !== groupNodeId &&\n              !childNodeIds.has(n.id) &&\n              !(downstreamNodeIds.has(n.id) && !referencedByEdges.has(n.id)),\n          )\n          .map((n) => {\n            const stashedPosition = stashed?.nodePositions?.[n.id];\n            if (!stashedPosition || n.parentId) return n;\n            return { ...n, position: stashedPosition };\n          });\n        const next = [\n          ...without,\n          {\n            ...originalNode,\n            position:\n              stashed?.nodePositions?.[groupNodeId] ?? expandedNode.position,\n          },\n        ];\n        return next;\n      });\n      setEdges((prev) => {\n        const without = prev.filter(\n          (edge) =>\n            !childNodeIds.has(edge.source) &&\n            !childNodeIds.has(edge.target) &&\n            !isDownstreamEdge(edge),\n        );\n        return [...without, ...originalEdges];\n      });\n    },\n    [\n      initialNodes,\n      initialEdges,\n      setNodes,\n      setEdges,\n      relayoutGraph,\n      animateLayout,\n    ],\n  );\n\n  // Store initial node positions for change detection (dev mode only)\n  useEffect(() => {\n    if (isDevMode && initialNodes.length > 0) {\n      const positions: Record<string, { x: number; y: number }> = {};\n      initialNodes.forEach((node: Node) => {\n        positions[node.id] = { x: node.position.x, y: node.position.y };\n      });\n      initialPositionsRef.current = positions;\n    }\n  }, [isDevMode, initialNodes]);\n\n  // Detect layout changes by comparing current positions to initial positions\n  const checkForLayoutChanges = useCallback(() => {\n    if (!isDevMode) return;\n    const initial = initialPositionsRef.current;\n    if (Object.keys(initial).length === 0) return;\n\n    const hasChanges = nodesRef.current.some((node) => {\n      const initialPos = initial[node.id];\n      return (\n        initialPos &&\n        (Math.abs(node.position.x - initialPos.x) > POSITION_CHANGE_THRESHOLD ||\n          Math.abs(node.position.y - initialPos.y) > POSITION_CHANGE_THRESHOLD)\n      );\n    });\n\n    setHasLayoutChanges(hasChanges);\n  }, [isDevMode]);\n\n  // Wrap onNodesChange to detect layout changes after node drag\n  const handleNodesChange = useCallback(\n    (changes: NodeChange[]) => {\n      onNodesChange(changes);\n      // Check for position changes after drag ends\n      const hasDragEnd = changes.some(\n        (change) => change.type === \"position\" && !change.dragging,\n      );\n      if (hasDragEnd) {\n        // Use setTimeout to ensure state is updated\n        setTimeout(checkForLayoutChanges, 0);\n      }\n    },\n    [onNodesChange, checkForLayoutChanges],\n  );\n\n  const resetNodesAndEdges = useCallback(() => {\n    setNodes((nds) =>\n      nds.map((node) => {\n        node.style = { ...node.style, opacity: 1 };\n        return { ...node, animated: animateMessages, selected: false };\n      }),\n    );\n    setEdges((eds) =>\n      eds.map((edge) => {\n        edge.style = { ...edge.style, opacity: 1 };\n        edge.labelStyle = { ...edge.labelStyle, opacity: 1 };\n        return {\n          ...edge,\n          data: { ...edge.data, opacity: 1, animated: animateMessages },\n          animated: animateMessages,\n        };\n      }),\n    );\n  }, [setNodes, setEdges, animateMessages]);\n\n  useEffect(() => {\n    if (!focusNodeId) return;\n    const targetNode = nodesRef.current.find((node) => node.id === focusNodeId);\n    if (!targetNode) return;\n\n    setNodes((nds) =>\n      nds.map((node) => ({\n        ...node,\n        selected: node.id === focusNodeId,\n      })),\n    );\n\n    requestAnimationFrame(() => {\n      fitView({\n        duration: 450,\n        padding: 0.35,\n        nodes: [targetNode],\n      });\n    });\n  }, [focusNodeId, focusRequestId, fitView, setNodes]);\n\n  useEffect(() => {\n    if (fitRequestId == null) return;\n    requestAnimationFrame(() => {\n      fitView({ duration: 400, padding: 0.2 });\n    });\n  }, [fitRequestId, fitView]);\n\n  const handleNodeClick = useCallback(\n    (_: any, node: Node) => {\n      // If custom onNodeClick is provided, use it\n      if (onNodeClick) {\n        onNodeClick(node);\n        return;\n      }\n\n      // Disable focus mode for flow and entity visualizations — but allow\n      // flow-type nodes that carry precomputed expandedNodes to continue\n      // through to the inline expand handler below.\n      const isFlow = edgesRef.current.some(\n        (edge: Edge) => edge.type === \"flow-edge\",\n      );\n      const isEntityVisualizer = nodesRef.current.some(\n        (n: Node) => n.type === \"entities\",\n      );\n      const isExpandableFlow =\n        (node.type === \"flows\" || node.type === \"flow\") &&\n        Array.isArray((node.data as any)?.expandedNodes) &&\n        (node.data as any).expandedNodes.length > 0;\n      if ((isFlow || isEntityVisualizer) && !isExpandableFlow) return;\n\n      // Disable focus mode for domain and expanded group nodes\n      if (node.type === \"domain\" || node.type === \"domains\") return;\n      // System nodes navigate to their map on click (handled by the node itself),\n      // so don't open the focus-mode modal for them.\n      if (node.type === \"system\" || node.type === \"systems\") return;\n      // Context-diagram actor nodes are non-interactive — clicking does nothing.\n      if (node.type === \"context-actor\") return;\n      // The system-group boundary box on the System Diagram is just a container.\n      if (node.type === \"system-group\") return;\n      if (isExpandedWrapper(node.type)) return;\n\n      // Handle messageGroup click — expand inline\n      if (node.type === \"messageGroup\") {\n        const groupData = node.data as any;\n        const groupNodeId = node.id;\n        const currentGroupNode = getExpandedMessageGroupNode(\n          nodesRef.current,\n          groupNodeId,\n        );\n        if (currentGroupNode?.type === \"messageGroupExpanded\") {\n          const measured = (currentGroupNode as any)?.measured;\n          const width =\n            measured?.width ??\n            (currentGroupNode.style?.width as number | undefined) ??\n            380;\n          const height =\n            measured?.height ??\n            (currentGroupNode.style?.height as number | undefined) ??\n            300;\n\n          setCenter(\n            currentGroupNode.position.x + width / 2,\n            currentGroupNode.position.y + height / 2,\n            {\n              duration: 300,\n              zoom: Math.min(Math.max(getZoom(), 0.55), 1),\n            },\n          );\n          return;\n        }\n\n        const serviceNodeId = `${groupData.service.id}-${groupData.service.version}`;\n\n        // Calculate expanded container dimensions based on message count\n        const childCount = groupData.messages?.length || 0;\n        const containerWidth = 380;\n        const containerHeight = childCount * 190 + 100; // 190px per child + header + padding\n\n        // Capture the node, its edges, and the set of node ids as they are\n        // right now so collapse can (a) restore the pre-expansion node/edges\n        // verbatim even for wrappers created mid-session, and (b) identify\n        // which downstream nodes were newly introduced by this expansion.\n        const preExpansionEdges = edgesRef.current.filter(\n          (e) => e.source === groupNodeId || e.target === groupNodeId,\n        );\n        const preExpansionNodeIds = nodesRef.current.map((n) => n.id);\n        const preExpansionNodePositions = Object.fromEntries(\n          nodesRef.current.map((n) => [n.id, { ...n.position }]),\n        );\n\n        const expandedContainerNode: Node = {\n          id: groupNodeId,\n          type: \"messageGroupExpanded\",\n          position: node.position,\n          data: {\n            groupName: groupData.groupName,\n            direction: groupData.direction,\n            messageCount: childCount,\n            onCollapse: groupNodeId,\n            __preExpansion: {\n              node,\n              edges: preExpansionEdges,\n              nodeIds: preExpansionNodeIds,\n              nodePositions: preExpansionNodePositions,\n            },\n          },\n          style: {\n            width: containerWidth,\n            height: containerHeight,\n          },\n        };\n\n        // Build child message nodes (operation fields are pre-computed server-side)\n        const childNodes: Node[] = (groupData.messages || []).map(\n          (item: any, index: number) => {\n            const msg = item.message;\n            const msgId = `${msg.data.id}-${msg.data.version}`;\n            return {\n              id: `${groupNodeId}__${msgId}`,\n              type: msg.collection,\n              parentId: groupNodeId,\n              extent: \"parent\" as const,\n              position: { x: 70, y: 70 + index * 190 },\n              data: {\n                mode: groupData.mode || \"simple\",\n                message: { ...msg.data },\n              },\n            } as Node;\n          },\n        );\n\n        // Map original message IDs → child node IDs (used for edge remapping)\n        const msgIdToChildId = new Map<string, string>();\n        for (const item of groupData.messages || []) {\n          const msg = item.message;\n          const msgId = `${msg.data.id}-${msg.data.version}`;\n          msgIdToChildId.set(msgId, `${groupNodeId}__${msgId}`);\n        }\n\n        // Build service↔child edges.\n        // For sends: always create service → child (we stripped this edge server-side).\n        // For receives: only create child → service when no channel path already\n        //   connects this message to the service through downstream edges.\n        const childEdges = buildChildEdges(\n          groupData,\n          groupNodeId,\n          serviceNodeId,\n          msgIdToChildId,\n          animateMessages,\n        );\n\n        // Downstream nodes/edges: pre-computed server-side (channels, consumers, producers).\n        // Remap edge endpoints from original message IDs to child node IDs.\n        // Deduplicate by ID — multiple grouped messages may share the same downstream path.\n        // When channels are hidden, filter out channel nodes and their edges.\n        const channelsHidden = hideChannelsRef.current;\n        const channelNodeIds = channelsHidden\n          ? new Set(\n              (groupData.expandedNodes || [])\n                .filter((n: any) => n.type === \"channels\")\n                .map((n: any) => n.id),\n            )\n          : new Set<string>();\n\n        const downstreamNodes: Node[] = (groupData.expandedNodes || []).filter(\n          (n: any) => !channelNodeIds.has(n.id),\n        );\n\n        const seenEdgeIds = new Set<string>();\n        const downstreamEdges: Edge[] = (groupData.expandedEdges || [])\n          .map((e: any) => ({\n            ...e,\n            type: \"animated\",\n            source: msgIdToChildId.get(e.source) || e.source,\n            target: msgIdToChildId.get(e.target) || e.target,\n            id: `${groupNodeId}__${e.id}`,\n          }))\n          .filter((e: Edge) => {\n            if (seenEdgeIds.has(e.id)) return false;\n            seenEdgeIds.add(e.id);\n            // Drop edges that touch a hidden channel node\n            if (channelNodeIds.has(e.source) || channelNodeIds.has(e.target))\n              return false;\n            return true;\n          });\n\n        // Animate the layout transition\n        animateLayout();\n\n        // Swap: remove compact node + its edge, add expanded container + children + downstream + edges\n        setNodes((prev) => {\n          const downstreamX =\n            groupData.direction === \"sends\"\n              ? node.position.x + containerWidth + 260\n              : node.position.x - 420;\n          const downstreamY = node.position.y + 40;\n          return buildMessageGroupExpansionNodes({\n            currentNodes: prev,\n            groupNodeId,\n            expandedContainerNode,\n            childNodes,\n            downstreamNodes,\n            getDownstreamPosition: (_downstreamNode, index) => ({\n              x: downstreamX,\n              y: downstreamY + index * 190,\n            }),\n          }) as Node[];\n        });\n        setEdges((prev) => {\n          const without = prev.filter(\n            (e) => e.source !== groupNodeId && e.target !== groupNodeId,\n          );\n          return [...without, ...childEdges, ...downstreamEdges];\n        });\n\n        // After React renders the new nodes, measure actual sizes, resize container, and distribute evenly\n        requestAnimationFrame(() => {\n          let actualContainerBounds = {\n            x: node.position.x,\n            y: node.position.y,\n            width: containerWidth,\n            height: containerHeight,\n          };\n\n          setNodes((prev) => {\n            const children = prev.filter((n) => n.parentId === groupNodeId);\n            if (children.length === 0) return prev;\n\n            // Measure actual rendered dimensions\n            const measurements = children.map((n) => {\n              const el = document.querySelector(\n                `[data-id=\"${n.id}\"]`,\n              ) as HTMLElement | null;\n              return {\n                id: n.id,\n                w: el?.offsetWidth ?? 240,\n                h: el?.offsetHeight ?? 120,\n              };\n            });\n\n            const padding = 30;\n            const headerH = 50;\n            const gap = 25;\n            const totalChildH =\n              measurements.reduce((sum, m) => sum + m.h, 0) +\n              gap * (measurements.length - 1);\n            const actualContainerH = headerH + totalChildH + padding * 2;\n\n            let currentY = headerH + padding;\n            actualContainerBounds = {\n              x: node.position.x,\n              y: node.position.y,\n              width: containerWidth,\n              height: actualContainerH,\n            };\n\n            return prev.map((n) => {\n              // Resize the container to fit actual content\n              if (n.id === groupNodeId) {\n                actualContainerBounds = {\n                  x: n.position.x,\n                  y: n.position.y,\n                  width: containerWidth,\n                  height: actualContainerH,\n                };\n                return {\n                  ...n,\n                  style: {\n                    ...n.style,\n                    height: actualContainerH,\n                  },\n                };\n              }\n              if (n.parentId !== groupNodeId) return n;\n              const m = measurements.find((m) => m.id === n.id);\n              if (!m) return n;\n              const x = Math.max(0, (containerWidth - m.w) / 2);\n              const y = currentY;\n              currentY += m.h + gap;\n              return { ...n, position: { x, y } };\n            });\n          });\n\n          requestAnimationFrame(() => {\n            const groupNode = getNodes().find((n) => n.id === groupNodeId);\n            const measured = (groupNode as any)?.measured;\n            const width =\n              measured?.width ??\n              (groupNode?.style?.width as number | undefined) ??\n              containerWidth;\n            const height =\n              measured?.height ??\n              (groupNode?.style?.height as number | undefined) ??\n              actualContainerBounds.height;\n            const bounds = {\n              x: groupNode?.position.x ?? actualContainerBounds.x,\n              y: groupNode?.position.y ?? actualContainerBounds.y,\n              width,\n              height,\n            };\n\n            makeRoomForRenderedExpandedGroup(groupNodeId, bounds);\n            setCenter(bounds.x + width / 2, bounds.y + height / 2, {\n              duration: 450,\n              zoom: Math.min(Math.max(getZoom(), 0.55), 1),\n            });\n          });\n        });\n\n        return;\n      }\n\n      // Handle flow-reference click — inline-expand the sub-flow\n      if (isExpandableFlow) {\n        const flowData = node.data as any;\n        const flowNodeId = node.id;\n        const subFlowNodes: any[] = flowData.expandedNodes || [];\n        const subFlowEdges: any[] = flowData.expandedEdges || [];\n\n        const initialChildNodes: Node[] = subFlowNodes.map((child) => ({\n          ...child,\n          parentId: flowNodeId,\n          extent: \"parent\" as const,\n          position: { x: 0, y: 0 },\n        }));\n\n        const CHILD_PADDING = 60;\n        const HEADER_H = 60;\n        const EST_W = 240;\n        const EST_H = 120;\n        const {\n          positioned: childNodes,\n          width: containerWidth,\n          height: containerHeight,\n        } = layoutSubFlowChildren(\n          initialChildNodes,\n          subFlowEdges as Edge[],\n          () => ({ w: EST_W, h: EST_H }),\n          { padding: CHILD_PADDING, headerH: HEADER_H },\n        );\n\n        // Capture the node, its edges, and the set of node ids as they are\n        // right now so collapse can (a) restore the pre-expansion node/edges\n        // verbatim even for wrappers created mid-session, and (b) identify\n        // which downstream nodes were newly introduced by this expansion.\n        const preExpansionEdges = edgesRef.current.filter(\n          (e) => e.source === flowNodeId || e.target === flowNodeId,\n        );\n        const preExpansionNodeIds = nodesRef.current.map((n) => n.id);\n\n        const expandedContainerNode: Node = {\n          id: flowNodeId,\n          type: \"flowExpanded\",\n          position: node.position,\n          data: {\n            flowName: flowData.flow?.name || flowData.flow?.data?.name,\n            version: flowData.flow?.version || flowData.flow?.data?.version,\n            __preExpansion: {\n              node,\n              edges: preExpansionEdges,\n              nodeIds: preExpansionNodeIds,\n            },\n          },\n          style: {\n            width: containerWidth,\n            height: containerHeight,\n            background: \"transparent\",\n            border: \"none\",\n            padding: 0,\n            overflow: \"visible\",\n          },\n        };\n\n        const childIds = new Set(childNodes.map((n) => n.id));\n        const hasIncoming = new Set<string>();\n        const hasOutgoing = new Set<string>();\n        for (const e of subFlowEdges) {\n          if (childIds.has(e.target)) hasIncoming.add(e.target);\n          if (childIds.has(e.source)) hasOutgoing.add(e.source);\n        }\n        const entryChildIds = childNodes\n          .map((n) => n.id)\n          .filter((id) => !hasIncoming.has(id));\n        const terminalChildIds = childNodes\n          .map((n) => n.id)\n          .filter((id) => !hasOutgoing.has(id));\n\n        // Reroute the parent graph's edges across the sub-flow's boundary:\n        // each predecessor now targets every entry child; each successor\n        // sources from every terminal child.\n        const currentEdges = edgesRef.current;\n        const predecessorEdges = currentEdges.filter(\n          (e: Edge) => e.target === flowNodeId,\n        );\n        const successorEdges = currentEdges.filter(\n          (e: Edge) => e.source === flowNodeId,\n        );\n\n        const stitchedPredecessors: Edge[] = [];\n        for (const e of predecessorEdges) {\n          for (const entryId of entryChildIds.length > 0\n            ? entryChildIds\n            : [flowNodeId]) {\n            stitchedPredecessors.push({\n              ...e,\n              id: `${e.id}__to__${entryId}`,\n              target: entryId,\n            });\n          }\n        }\n        const stitchedSuccessors: Edge[] = [];\n        for (const e of successorEdges) {\n          for (const terminalId of terminalChildIds.length > 0\n            ? terminalChildIds\n            : [flowNodeId]) {\n            stitchedSuccessors.push({\n              ...e,\n              id: `${e.id}__from__${terminalId}`,\n              source: terminalId,\n            });\n          }\n        }\n\n        animateLayout();\n\n        setNodes((prev) => {\n          const without = prev.filter((n) => n.id !== flowNodeId);\n          const next = [...without, expandedContainerNode, ...childNodes];\n          const nextEdges = [\n            ...currentEdges.filter(\n              (e) => e.source !== flowNodeId && e.target !== flowNodeId,\n            ),\n            ...subFlowEdges,\n            ...stitchedPredecessors,\n            ...stitchedSuccessors,\n          ];\n          return relayoutGraph(next, nextEdges);\n        });\n        setEdges((prev) => {\n          const without = prev.filter(\n            (e) => e.source !== flowNodeId && e.target !== flowNodeId,\n          );\n          return [\n            ...without,\n            ...subFlowEdges,\n            ...stitchedPredecessors,\n            ...stitchedSuccessors,\n          ];\n        });\n\n        // Once React has painted, re-run the LR layout with measured node\n        // sizes so the container sizes itself to real content.\n        requestAnimationFrame(() => {\n          const currentChildren = nodesRef.current.filter(\n            (n) => n.parentId === flowNodeId,\n          );\n          if (currentChildren.length === 0) return;\n\n          const measurements = new Map<string, { w: number; h: number }>();\n          currentChildren.forEach((n) => {\n            const el = document.querySelector(\n              `[data-id=\"${n.id}\"]`,\n            ) as HTMLElement | null;\n            measurements.set(n.id, {\n              w: el?.offsetWidth ?? EST_W,\n              h: el?.offsetHeight ?? EST_H,\n            });\n          });\n\n          const {\n            positions,\n            width: actualContainerW,\n            height: actualContainerH,\n          } = layoutSubFlowChildren(\n            currentChildren,\n            subFlowEdges as Edge[],\n            (n) => measurements.get(n.id) ?? { w: EST_W, h: EST_H },\n            { padding: CHILD_PADDING, headerH: HEADER_H },\n          );\n\n          setNodes((prev) =>\n            prev.map((n) => {\n              if (n.id === flowNodeId) {\n                return {\n                  ...n,\n                  style: {\n                    ...n.style,\n                    width: actualContainerW,\n                    height: actualContainerH,\n                  },\n                };\n              }\n              if (n.parentId !== flowNodeId) return n;\n              const p = positions.get(n.id);\n              if (!p) return n;\n              return { ...n, position: { x: p.x, y: p.y } };\n            }),\n          );\n        });\n\n        requestAnimationFrame(() => {\n          fitView({ duration: 400, padding: 0.2 });\n        });\n\n        return;\n      }\n\n      // Legacy behavior for linksToVisualiser (deprecated - use onNodeClick instead).\n      // Keep this after inline expand handlers so embedded overview graphs can\n      // still expand message groups/sub-flows without opening focus mode.\n      if (linksToVisualiser && onNavigate) {\n        return;\n      }\n\n      // Open focus mode modal\n      setFocusedNodeId(node.id);\n      setFocusModeOpen(true);\n    },\n    [\n      onNodeClick,\n      linksToVisualiser,\n      onNavigate,\n      makeRoomForRenderedExpandedGroup,\n      getNodes,\n      getZoom,\n      setCenter,\n    ],\n  );\n\n  const toggleAnimateMessages = useCallback(() => {\n    setAnimateMessages((prev) => {\n      const next = !prev;\n      localStorage.setItem(\n        \"EventCatalog:animateMessages\",\n        JSON.stringify(next),\n      );\n      return next;\n    });\n  }, []);\n\n  // Handle fit to view\n  const handleFitView = useCallback(() => {\n    fitView({ duration: 400, padding: 0.2 });\n  }, [fitView]);\n\n  // animate messages, between views\n  // Priority: disableMessageAnimation > animated prop > URL parameter > localStorage > auto (disabled for large graphs)\n  useEffect(() => {\n    // Some graphs (e.g. the Context Diagram) aren't message flows, so animation\n    // is unsupported — always off, ignoring every other source.\n    if (disableMessageAnimation) {\n      setAnimateMessages(false);\n      return;\n    }\n\n    if (animated !== undefined) {\n      setAnimateMessages(animated);\n      return;\n    }\n\n    const urlParams = new URLSearchParams(window.location.search);\n    const animateParam = urlParams.get(\"animate\");\n\n    if (animateParam === \"true\") {\n      setAnimateMessages(true);\n    } else if (animateParam === \"false\") {\n      setAnimateMessages(false);\n    } else {\n      // Fall back to localStorage if no URL parameter\n      const storedAnimateMessages = localStorage.getItem(\n        \"EventCatalog:animateMessages\",\n      );\n      if (storedAnimateMessages !== null) {\n        setAnimateMessages(storedAnimateMessages === \"true\");\n      } else {\n        // Auto-disable animation for large graphs to keep the canvas responsive\n        setAnimateMessages(initialNodes.length <= LARGE_GRAPH_NODE_THRESHOLD);\n      }\n    }\n  }, [animated, disableMessageAnimation, initialNodes.length]);\n\n  useEffect(() => {\n    setEdges((eds) =>\n      eds.map((edge) => {\n        const preservesOwnRenderer =\n          edge.type === \"flow-edge\" ||\n          edge.type === \"multiline\" ||\n          edge.type === \"default\" ||\n          edge.type === \"step\" ||\n          edge.type === \"smoothstep\" ||\n          edge.data?.animated === false;\n\n        return {\n          ...edge,\n          animated: preservesOwnRenderer ? false : animateMessages,\n          type: preservesOwnRenderer\n            ? edge.type || \"default\"\n            : animateMessages\n              ? \"animated\"\n              : \"smoothstep\",\n          data: {\n            ...edge.data,\n            animateMessages: preservesOwnRenderer ? false : animateMessages,\n            animated: preservesOwnRenderer ? false : animateMessages,\n          },\n        };\n      }),\n    );\n  }, [animateMessages]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      fitView({ duration: 800 });\n    }, 150);\n  }, []);\n\n  // Generate mermaid code lazily (only when needed for copy)\n  const generateMermaidCode = useCallback(() => {\n    try {\n      return convertToMermaid(nodesRef.current, edgesRef.current, {\n        includeStyles: true,\n        direction: \"LR\",\n      });\n    } catch (error) {\n      console.error(\"Error generating mermaid code:\", error);\n      return \"\";\n    }\n  }, []);\n\n  // Handle scroll wheel events to forward to page when no modifier keys are pressed\n  // Only when zoomOnScroll is disabled\n  // This is a fix for when we embed node graphs into pages, and users are scrolling the documentation pages\n  // We dont want REACT FLOW to swallow the scroll events, so we forward them to the parent page\n  useEffect(() => {\n    // Skip scroll handling if zoomOnScroll is enabled\n    if (zoomOnScroll) return;\n\n    // Cache the scrollable container on mount (expensive operation done once)\n    const findScrollableContainer = (): HTMLElement | null => {\n      // Try specific known selectors first (fast)\n      const selectors = [\n        \".docs-layout .overflow-y-auto\",\n        \".overflow-y-auto\",\n        '[style*=\"overflow-y:auto\"]',\n        '[style*=\"overflow-y: auto\"]',\n      ];\n\n      for (const selector of selectors) {\n        const element = document.querySelector(selector) as HTMLElement;\n        if (element) return element;\n      }\n\n      return null;\n    };\n\n    // Find and cache the scrollable container once\n    if (!scrollableContainerRef.current) {\n      scrollableContainerRef.current = findScrollableContainer();\n    }\n\n    const handleWheel = (event: WheelEvent) => {\n      // Only forward scroll if no modifier keys are pressed\n      if (!event.ctrlKey && !event.shiftKey && !event.metaKey) {\n        event.preventDefault();\n\n        const scrollableContainer = scrollableContainerRef.current;\n\n        if (scrollableContainer) {\n          scrollableContainer.scrollBy({\n            top: event.deltaY,\n            left: event.deltaX,\n            behavior: \"instant\",\n          });\n        } else {\n          // Fallback to window scroll\n          window.scrollBy({\n            top: event.deltaY,\n            left: event.deltaX,\n            behavior: \"instant\",\n          });\n        }\n      }\n    };\n\n    const wrapper = reactFlowWrapperRef.current;\n    if (wrapper) {\n      wrapper.addEventListener(\"wheel\", handleWheel, { passive: false });\n      return () => {\n        wrapper.removeEventListener(\"wheel\", handleWheel);\n      };\n    }\n  }, [zoomOnScroll]);\n\n  const handlePaneClick = useCallback(() => {\n    searchRef.current?.hideSuggestions();\n    resetNodesAndEdges();\n    fitView({ duration: 800 });\n  }, [resetNodesAndEdges, fitView]);\n\n  const handleNodeSelect = useCallback(\n    (node: Node) => {\n      handleNodeClick(null, node);\n    },\n    [handleNodeClick],\n  );\n\n  const handleSearchClear = useCallback(() => {\n    resetNodesAndEdges();\n    fitView({ duration: 800 });\n  }, [resetNodesAndEdges, fitView]);\n\n  const downloadImage = useCallback((dataUrl: string, filename?: string) => {\n    const a = document.createElement(\"a\");\n    a.setAttribute(\"download\", `${filename || \"eventcatalog\"}.png`);\n    a.setAttribute(\"href\", dataUrl);\n    a.click();\n  }, []);\n\n  const openStudioModal = useCallback(() => {\n    setIsStudioModalOpen(true);\n  }, [setIsStudioModalOpen]);\n\n  const openChat = useCallback(() => {\n    window.dispatchEvent(new CustomEvent(\"eventcatalog:open-chat\"));\n  }, []);\n\n  // Layout persistence handlers (dev mode only)\n  const handleSaveLayout = useCallback(async (): Promise<boolean> => {\n    if (!resourceKey || !onSaveLayout) return false;\n\n    const positions: Record<string, { x: number; y: number }> = {};\n    nodesRef.current.forEach((node) => {\n      positions[node.id] = {\n        x: node.position.x,\n        y: node.position.y,\n      };\n    });\n\n    return await onSaveLayout(resourceKey, positions);\n  }, [resourceKey, onSaveLayout]);\n\n  const handleResetLayout = useCallback(async (): Promise<boolean> => {\n    if (!resourceKey || !onResetLayout) return false;\n    return await onResetLayout(resourceKey);\n  }, [resourceKey, onResetLayout]);\n\n  // Quick save handler for the change detection UI\n  const handleQuickSaveLayout = useCallback(async () => {\n    setIsSavingLayout(true);\n    const success = await handleSaveLayout();\n    setIsSavingLayout(false);\n    if (success) {\n      // Update initial positions to current positions after save\n      const positions: Record<string, { x: number; y: number }> = {};\n      nodesRef.current.forEach((node) => {\n        positions[node.id] = { x: node.position.x, y: node.position.y };\n      });\n      initialPositionsRef.current = positions;\n      setHasLayoutChanges(false);\n    }\n  }, [handleSaveLayout]);\n\n  const handleCopyArchitectureCode = useCallback(async () => {\n    const code = generateMermaidCode();\n    await copyToClipboard(code);\n  }, [generateMermaidCode]);\n\n  const handleCopyShareUrl = useCallback(async () => {\n    const url = typeof window !== \"undefined\" ? window.location.href : \"\";\n    await copyToClipboard(url);\n    setShareUrlCopySuccess(true);\n    setTimeout(() => setShareUrlCopySuccess(false), 2000);\n  }, []);\n\n  const toggleFullScreen = useCallback(() => {\n    if (!document.fullscreenElement) {\n      reactFlowWrapperRef.current?.requestFullscreen().catch((err) => {\n        console.error(\n          `Error attempting to enable full-screen mode: ${err.message} (${err.name})`,\n        );\n      });\n    } else {\n      document.exitFullscreen();\n    }\n  }, []);\n\n  useEffect(() => {\n    const handleFullscreenChange = () => {\n      _setIsFullscreen(!!document.fullscreenElement);\n      setTimeout(() => {\n        fitView({ duration: 800 });\n      }, 100);\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () => {\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n    };\n  }, [fitView]);\n\n  const handleExportVisual = useCallback(() => {\n    // nodeLookup resolves child node positions (relative to their parent\n    // group) to absolute coordinates — without it grouped graphs get cropped\n    const nodesBounds = getNodesBounds(getNodes(), {\n      nodeLookup: storeApi.getState().nodeLookup,\n    });\n    const { width, height, viewport } = getExportImageDimensions(nodesBounds);\n\n    // Hide controls during export\n    const controls = document.querySelector(\n      \".react-flow__controls\",\n    ) as HTMLElement;\n    if (controls) controls.style.display = \"none\";\n\n    const viewportElement = document.querySelector(\n      \".react-flow__viewport\",\n    ) as HTMLElement;\n    const removeExportStyles = injectExportStyles(viewportElement);\n\n    toPng(viewportElement, {\n      backgroundColor: \"#f1f1f1\",\n      width,\n      height,\n      style: {\n        width: `${width}px`,\n        height: `${height}px`,\n        transform: `translate(${viewport.x}px, ${viewport.y}px) scale(${viewport.zoom})`,\n      },\n    })\n      .then((dataUrl: string) => {\n        downloadImage(dataUrl, title);\n      })\n      .finally(() => {\n        removeExportStyles();\n        if (controls) controls.style.display = \"block\";\n      });\n  }, [getNodes, storeApi, downloadImage, title]);\n\n  const handleLegendClick = useCallback(\n    (collectionType: string, groupId?: string) => {\n      const isLegendTarget = (node: Node<any>) => {\n        if (groupId) {\n          return node.data.group && node.data.group?.id === groupId;\n        }\n        return node.type === collectionType;\n      };\n\n      const updatedNodes = nodes.map((node: Node<any>) => {\n        if (isLegendTarget(node)) {\n          return { ...node, style: { ...node.style, opacity: 1 } };\n        }\n        return { ...node, style: { ...node.style, opacity: 0.1 } };\n      });\n\n      const updatedEdges = edges.map((edge) => {\n        return {\n          ...edge,\n          data: { ...edge.data, opacity: 0.1 },\n          style: { ...edge.style, opacity: 0.1 },\n          labelStyle: { ...edge.labelStyle, opacity: 0.1 },\n          animated: animateMessages,\n        };\n      });\n\n      setNodes(updatedNodes);\n      setEdges(updatedEdges);\n\n      const targetNodes = updatedNodes.filter(isLegendTarget);\n      if (targetNodes.length === 0) return;\n\n      fitView({\n        padding: 0.2,\n        duration: 800,\n        nodes: targetNodes,\n      });\n    },\n    [nodes, edges, setNodes, setEdges, fitView],\n  );\n\n  const getNodesByCollectionWithColors = useCallback((nodes: Node<any>[]) => {\n    const colorClasses = {\n      events: \"bg-orange-600\",\n      agent: \"bg-sky-600\",\n      agents: \"bg-sky-600\",\n      agentTool: \"bg-violet-600\",\n      \"agent-tool\": \"bg-violet-600\",\n      services: \"bg-pink-600\",\n      flows: \"bg-teal-600\",\n      commands: \"bg-blue-600\",\n      queries: \"bg-green-600\",\n      channels: \"bg-gray-600\",\n      externalSystem: \"bg-pink-600\",\n      systems: \"bg-purple-600\",\n      system: \"bg-purple-600\",\n      actor: \"bg-yellow-500\",\n      \"context-actor\": \"bg-yellow-500\",\n      step: \"bg-gray-700\",\n      data: \"bg-blue-600\",\n      \"data-products\": \"bg-indigo-600\",\n      field: \"bg-cyan-600\",\n      messageGroup: \"bg-violet-600\",\n      messageGroupExpanded: \"bg-violet-600\",\n    };\n\n    let legendForDomains: {\n      [key: string]: { count: number; colorClass: string; groupId: string };\n    } = {};\n\n    // Find any groups\n    const domainGroups = [\n      ...new Set(\n        nodes\n          .filter(\n            (node) => node.data.group && node.data.group?.type === \"Domain\",\n          )\n          .map((node) => node.data.group?.id),\n      ),\n    ];\n\n    domainGroups.forEach((groupId) => {\n      const group = nodes.filter(\n        (node) => node.data.group && node.data.group?.id === groupId,\n      );\n      legendForDomains[`${groupId} (Domain)`] = {\n        count: group.length,\n        colorClass: \"bg-yellow-600\",\n        groupId,\n      };\n    });\n\n    const legendForNodes = nodes.reduce(\n      (\n        acc: {\n          [key: string]: {\n            count: number;\n            colorClass: string;\n            groupId?: string;\n          };\n        },\n        node,\n      ) => {\n        const collection = node.type;\n        if (collection) {\n          if (acc[collection]) {\n            acc[collection].count += 1;\n          } else {\n            acc[collection] = {\n              count: 1,\n              colorClass:\n                colorClasses[collection as keyof typeof colorClasses] ||\n                \"bg-black\",\n            };\n          }\n        }\n        return acc;\n      },\n      {},\n    );\n\n    return { ...legendForDomains, ...legendForNodes };\n  }, []);\n\n  // Legend only depends on node types and groups, not positions.\n  // Use a ref to avoid recomputing the key string on every drag tick.\n  const legendKeyRef = useRef(\"\");\n  const computedLegendKey = nodes\n    .map((n: Node<any>) => `${n.id}:${n.type}:${n.data.group?.id || \"\"}`)\n    .join(\",\");\n  if (computedLegendKey !== legendKeyRef.current) {\n    legendKeyRef.current = computedLegendKey;\n  }\n  const legendKey = legendKeyRef.current;\n\n  const legend = useMemo(\n    () => getNodesByCollectionWithColors(nodes),\n    [getNodesByCollectionWithColors, legendKey],\n  );\n\n  // Stable key derived from node IDs — only changes when nodes are added/removed,\n  // not when positions change during drag. Used by search, legend, and notes.\n  const nodeIdsKeyRef = useRef(\"\");\n  const computedNodeIdsKey = nodes.map((n) => n.id).join(\",\");\n  if (computedNodeIdsKey !== nodeIdsKeyRef.current) {\n    nodeIdsKeyRef.current = computedNodeIdsKey;\n  }\n  const nodeIdsKey = nodeIdsKeyRef.current;\n\n  const searchNodes = useMemo(() => nodes, [nodeIdsKey]);\n\n  // Collect notes across all nodes for the dropdown menu item.\n  // Notes don't change during drag — use nodeIdsKey for stability.\n  const allNoteGroups = useMemo(() => {\n    const groups: {\n      nodeId: string;\n      name: string;\n      notes: any[];\n      nodeType: string;\n    }[] = [];\n    for (const node of nodes) {\n      const result = getNotesFromNode(node);\n      if (result) {\n        groups.push({\n          nodeId: node.id,\n          name: result.name,\n          notes: result.notes,\n          nodeType: result.nodeType,\n        });\n      }\n    }\n    return groups;\n  }, [nodeIdsKey]);\n\n  const totalNotesCount = useMemo(\n    () => allNoteGroups.reduce((sum, g) => sum + g.notes.length, 0),\n    [allNoteGroups],\n  );\n\n  const handleStepChange = useCallback(\n    (\n      nodeId: string | null,\n      highlightPaths?: string[],\n      shouldZoomOut?: boolean,\n    ) => {\n      if (nodeId === null) {\n        // Reset all nodes and edges\n        resetNodesAndEdges();\n        _setActiveStepIndex(null);\n\n        // If shouldZoomOut is true, fit the entire view\n        if (shouldZoomOut) {\n          setTimeout(() => {\n            fitView({ duration: 800, padding: 0.1 });\n          }, 100);\n        }\n        return;\n      }\n\n      const activeNode = nodes.find((node: Node) => node.id === nodeId);\n      if (!activeNode) return;\n\n      // Create set of highlighted nodes and edges\n      const highlightedNodeIds = new Set<string>();\n      const highlightedEdgeIds = new Set<string>();\n\n      // Add current node\n      highlightedNodeIds.add(activeNode.id);\n\n      // Add incoming edges and their source nodes\n      edges.forEach((edge: Edge) => {\n        if (edge.target === activeNode.id) {\n          highlightedEdgeIds.add(edge.id);\n          highlightedNodeIds.add(edge.source);\n        }\n      });\n\n      // Add outgoing edges\n      if (highlightPaths) {\n        // Highlight all possible paths when at a fork\n        highlightPaths.forEach((pathId) => {\n          const [source, target] = pathId.split(\"-\");\n          edges.forEach((edge: Edge) => {\n            if (edge.source === source && edge.target === target) {\n              highlightedEdgeIds.add(edge.id);\n              highlightedNodeIds.add(edge.target);\n            }\n          });\n        });\n      } else {\n        // Highlight all outgoing edges normally\n        edges.forEach((edge: Edge) => {\n          if (edge.source === activeNode.id) {\n            highlightedEdgeIds.add(edge.id);\n            highlightedNodeIds.add(edge.target);\n          }\n        });\n      }\n\n      // Update nodes\n      const updatedNodes = nodes.map((node: Node) => {\n        if (highlightedNodeIds.has(node.id)) {\n          return { ...node, style: { ...node.style, opacity: 1 } };\n        }\n        return { ...node, style: { ...node.style, opacity: 0.2 } };\n      });\n\n      // Update edges\n      const updatedEdges = edges.map((edge: Edge) => {\n        if (highlightedEdgeIds.has(edge.id)) {\n          return {\n            ...edge,\n            data: { ...edge.data, opacity: 1, animated: true },\n            style: { ...edge.style, opacity: 1, strokeWidth: 3 },\n            labelStyle: { ...edge.labelStyle, opacity: 1 },\n            animated: true,\n          };\n        }\n        return {\n          ...edge,\n          data: { ...edge.data, opacity: 0.2, animated: false },\n          style: { ...edge.style, opacity: 0.2, strokeWidth: 2 },\n          labelStyle: { ...edge.labelStyle, opacity: 0.2 },\n          animated: false,\n        };\n      });\n\n      setNodes(updatedNodes);\n      setEdges(updatedEdges);\n\n      // Fit view to active node\n      fitView({\n        padding: 0.4,\n        duration: 800,\n        nodes: [activeNode],\n      });\n    },\n    [nodes, edges, setNodes, setEdges, resetNodesAndEdges, fitView],\n  );\n\n  // Check if this is a flow visualization by checking if edges use flow-edge type\n  const isFlowVisualization = useMemo(\n    () => edges.some((edge: Edge) => edge.type === \"flow-edge\"),\n    [edges],\n  );\n  const isCompactMenuButton = !title;\n  const menuButtonClassName = isCompactMenuButton\n    ? \"h-9 w-9 p-0 bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-accent-subtle))] border border-[rgb(var(--ec-page-border))] rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(var(--ec-accent))] flex items-center justify-center transition-colors duration-150 hover:border-[rgb(var(--ec-accent)/0.3)] group\"\n    : \"py-2.5 px-4 bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-accent-subtle))] border border-[rgb(var(--ec-page-border))] rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(var(--ec-accent))] flex items-center gap-3 transition-colors duration-150 hover:border-[rgb(var(--ec-accent)/0.3)] group whitespace-nowrap\";\n  const menuIconClassName = isCompactMenuButton\n    ? \"h-4 w-4 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0 group-hover:text-[rgb(var(--ec-accent))] transition-colors duration-150\"\n    : \"h-5 w-5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0 group-hover:text-[rgb(var(--ec-accent))] transition-colors duration-150\";\n\n  return (\n    <div\n      ref={reactFlowWrapperRef}\n      onClick={handleCollapseGroup}\n      className=\"w-full h-full bg-[rgb(var(--ec-page-bg))] flex flex-col eventcatalog-visualizer\"\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n      }}\n    >\n      <PortalContainerProvider value={reactFlowWrapperRef.current}>\n        {isMermaidView ? (\n          <>\n            {/* Menu Bar for Mermaid View */}\n            <div className=\"w-full pr-6 flex space-x-2 justify-between items-center bg-[rgb(var(--ec-page-bg))] border-b border-[rgb(var(--ec-page-border))] p-4\">\n              <div className=\"flex space-x-2 ml-4\">\n                {/* Settings Dropdown Menu */}\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger asChild>\n                    <button\n                      className={menuButtonClassName}\n                      aria-label=\"Open menu\"\n                    >\n                      {title && (\n                        <span className=\"text-base font-medium text-[rgb(var(--ec-page-text))] leading-tight\">\n                          {title}\n                        </span>\n                      )}\n                      <MoreVertical className={menuIconClassName} />\n                    </button>\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Portal container={reactFlowWrapperRef.current}>\n                    <DropdownMenu.Content\n                      className=\"min-w-56 bg-[rgb(var(--ec-page-bg))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-xl z-50 py-1.5 animate-in fade-in zoom-in-95 duration-200\"\n                      sideOffset={0}\n                      align=\"end\"\n                      alignOffset={-180}\n                    >\n                      <DropdownMenu.Arrow className=\"fill-[rgb(var(--ec-page-bg))] stroke-[rgb(var(--ec-page-border))] stroke-1\" />\n                      <VisualizerDropdownContent\n                        isMermaidView={isMermaidView}\n                        setIsMermaidView={setIsMermaidView}\n                        animateMessages={animateMessages}\n                        toggleAnimateMessages={toggleAnimateMessages}\n                        hideAnimateMessages={disableMessageAnimation}\n                        hideChannels={hideChannels}\n                        toggleChannelsVisibility={toggleChannelsVisibility}\n                        hasChannels={hasChannels}\n                        showMinimap={showMinimap}\n                        setShowMinimap={setShowMinimap}\n                        handleFitView={handleFitView}\n                        searchRef={searchRef}\n                        isChatEnabled={isChatEnabled}\n                        openChat={openChat}\n                        handleCopyArchitectureCode={handleCopyArchitectureCode}\n                        handleExportVisual={handleExportVisual}\n                        setIsShareModalOpen={setIsShareModalOpen}\n                        toggleFullScreen={toggleFullScreen}\n                        openStudioModal={openStudioModal}\n                        isDevMode={isDevMode}\n                        onSaveLayout={handleSaveLayout}\n                        onResetLayout={handleResetLayout}\n                      />\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n              </div>\n              {mode === \"full\" && showSearch && (\n                <div className=\"flex justify-end items-center gap-2\">\n                  {!isMermaidView && (\n                    <div className=\"w-96\">\n                      <VisualiserSearch\n                        ref={searchRef}\n                        nodes={searchNodes}\n                        onNodeSelect={handleNodeSelect}\n                        onClear={handleSearchClear}\n                      />\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n            {/* Mermaid View */}\n            <div className=\"flex-1 overflow-hidden relative\">\n              <MermaidView\n                nodes={nodes}\n                edges={edges}\n                maxTextSize={maxTextSize}\n              />\n            </div>\n          </>\n        ) : (\n          <ReactFlow\n            nodeTypes={nodeTypes}\n            edgeTypes={edgeTypes}\n            minZoom={0.07}\n            nodes={nodes}\n            edges={edges}\n            fitView\n            fitViewOptions={INITIAL_FIT_VIEW_OPTIONS}\n            onNodesChange={handleNodesChange}\n            onEdgesChange={onEdgesChange}\n            onEdgeMouseEnter={handleEdgeMouseEnter}\n            onEdgeMouseLeave={handleEdgeMouseLeave}\n            connectionLineType={ConnectionLineType.SmoothStep}\n            nodeOrigin={NODE_ORIGIN}\n            onNodeClick={handleNodeClick}\n            onNodeMouseEnter={handleNodeMouseEnter}\n            onNodeMouseLeave={handleNodeMouseLeave}\n            onPaneClick={handlePaneClick}\n            onMoveStart={startInteraction}\n            onMoveEnd={endInteraction}\n            onNodeDragStart={startInteraction}\n            onNodeDragStop={endInteraction}\n            zoomOnScroll={zoomOnScroll}\n            className=\"relative\"\n          >\n            <Panel\n              position=\"top-center\"\n              className=\"w-full pr-6 pointer-events-none\"\n            >\n              <div className=\"flex space-x-2 justify-between items-center pointer-events-auto\">\n                <div className=\"flex space-x-2 ml-4\">\n                  {/* Settings Dropdown Menu */}\n                  <DropdownMenu.Root>\n                    <DropdownMenu.Trigger asChild>\n                      <button\n                        className={menuButtonClassName}\n                        aria-label=\"Open menu\"\n                      >\n                        {title && (\n                          <span className=\"text-base font-medium text-[rgb(var(--ec-page-text))] leading-tight\">\n                            {title}\n                          </span>\n                        )}\n                        <MoreVertical className={menuIconClassName} />\n                      </button>\n                    </DropdownMenu.Trigger>\n                    <DropdownMenu.Portal\n                      container={reactFlowWrapperRef.current}\n                    >\n                      <DropdownMenu.Content\n                        className=\"min-w-56 bg-[rgb(var(--ec-page-bg))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-xl z-50 py-1.5 animate-in fade-in zoom-in-95 duration-200\"\n                        sideOffset={0}\n                        align=\"end\"\n                        alignOffset={-180}\n                      >\n                        <DropdownMenu.Arrow className=\"fill-[rgb(var(--ec-page-bg))] stroke-[rgb(var(--ec-page-border))] stroke-1\" />\n                        <VisualizerDropdownContent\n                          isMermaidView={isMermaidView}\n                          setIsMermaidView={setIsMermaidView}\n                          animateMessages={animateMessages}\n                          toggleAnimateMessages={toggleAnimateMessages}\n                          hideAnimateMessages={disableMessageAnimation}\n                          hideChannels={hideChannels}\n                          toggleChannelsVisibility={toggleChannelsVisibility}\n                          hasChannels={hasChannels}\n                          showMinimap={showMinimap}\n                          setShowMinimap={setShowMinimap}\n                          handleFitView={handleFitView}\n                          searchRef={searchRef}\n                          isChatEnabled={isChatEnabled}\n                          openChat={openChat}\n                          handleCopyArchitectureCode={\n                            handleCopyArchitectureCode\n                          }\n                          handleExportVisual={handleExportVisual}\n                          setIsShareModalOpen={setIsShareModalOpen}\n                          toggleFullScreen={toggleFullScreen}\n                          openStudioModal={openStudioModal}\n                          isDevMode={isDevMode}\n                          onSaveLayout={handleSaveLayout}\n                          onResetLayout={handleResetLayout}\n                          notesCount={totalNotesCount}\n                          onOpenNotes={openNotesModal}\n                        />\n                      </DropdownMenu.Content>\n                    </DropdownMenu.Portal>\n                  </DropdownMenu.Root>\n                </div>\n                {mode === \"full\" && showSearch && (\n                  <div className=\"flex justify-end items-center gap-2\">\n                    {!isMermaidView && (\n                      <div className=\"w-96\">\n                        <VisualiserSearch\n                          ref={searchRef}\n                          nodes={searchNodes}\n                          onNodeSelect={handleNodeSelect}\n                          onClear={handleSearchClear}\n                        />\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n              {links.length > 0 && (\n                <div className=\"flex justify-end mt-3\">\n                  <div className=\"relative flex items-center -mt-1\">\n                    <span className=\"absolute left-2 pointer-events-none flex items-center h-full\">\n                      <HistoryIcon className=\"h-4 w-4 text-[rgb(var(--ec-page-text-muted))]\" />\n                    </span>\n                    <select\n                      value={\n                        links.find((link) =>\n                          window.location.href.includes(link.url),\n                        )?.url || links[0].url\n                      }\n                      onChange={(e) => {\n                        if (onNavigate) {\n                          onNavigate(e.target.value);\n                        } else {\n                          window.location.href = e.target.value;\n                        }\n                      }}\n                      className=\"appearance-none pl-7 pr-6 py-0 text-[14px] bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] rounded-md border border-[rgb(var(--ec-page-border))] hover:bg-[rgb(var(--ec-page-border)/0.5)] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(var(--ec-accent))]\"\n                      style={{ minWidth: 120, height: \"26px\" }}\n                    >\n                      {links.map((link) => (\n                        <option key={link.url} value={link.url}>\n                          {link.label}\n                        </option>\n                      ))}\n                    </select>\n                    <span className=\"absolute right-2 pointer-events-none\">\n                      <svg\n                        className=\"w-4 h-4 text-[rgb(var(--ec-page-text-muted))]\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        strokeWidth=\"2\"\n                        viewBox=\"0 0 24 24\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          d=\"M19 9l-7 7-7-7\"\n                        />\n                      </svg>\n                    </span>\n                  </div>\n                </div>\n              )}\n            </Panel>\n\n            {includeBackground && (\n              <Background color=\"var(--ec-bg-dots)\" gap={16} />\n            )}\n            {includeBackground && <Controls />}\n            {showMinimap && (\n              <MiniMap\n                nodeStrokeWidth={3}\n                zoomable\n                pannable\n                style={MINIMAP_STYLE}\n              />\n            )}\n            {isFlowVisualization && showFlowWalkthrough && (\n              <Panel position=\"bottom-left\">\n                <StepWalkthrough\n                  nodes={walkthroughNodes}\n                  edges={walkthroughEdges}\n                  isFlowVisualization={isFlowVisualization}\n                  onStepChange={handleStepChange}\n                  mode={mode}\n                />\n              </Panel>\n            )}\n            {/* Dev Mode: Layout change indicator */}\n            {isDevMode && hasLayoutChanges && (\n              <Panel\n                position=\"bottom-left\"\n                style={\n                  isFlowVisualization && showFlowWalkthrough\n                    ? LAYOUT_CHANGE_PANEL_STYLE_WITH_WALKTHROUGH\n                    : LAYOUT_CHANGE_PANEL_STYLE_DEFAULT\n                }\n              >\n                <div className=\"bg-[rgb(var(--ec-card-bg))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-md px-3 py-2 flex items-center gap-3\">\n                  <span className=\"text-xs text-[rgb(var(--ec-page-text-muted))]\">\n                    Layout changed\n                  </span>\n                  <button\n                    onClick={handleQuickSaveLayout}\n                    disabled={isSavingLayout}\n                    className=\"text-xs font-medium text-white bg-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-hover))] px-2 py-1 rounded transition-colors disabled:opacity-50\"\n                  >\n                    {isSavingLayout ? \"Saving...\" : \"Save\"}\n                  </button>\n                </div>\n              </Panel>\n            )}\n            {includeKey && (\n              <LegendPanel\n                legend={legend}\n                showMinimap={showMinimap}\n                onLegendClick={handleLegendClick}\n              />\n            )}\n          </ReactFlow>\n        )}\n        <StudioModal\n          isOpen={isStudioModalOpen || false}\n          onClose={() => setIsStudioModalOpen(false)}\n        />\n        <FocusModeModal\n          isOpen={focusModeOpen}\n          onClose={() => {\n            setFocusModeOpen(false);\n          }}\n          initialNodeId={focusedNodeId}\n          nodes={nodes}\n          edges={edges}\n          nodeTypes={nodeTypes}\n          edgeTypes={edgeTypes}\n        />\n        <AllNotesModal\n          noteGroups={allNoteGroups}\n          isOpen={isNotesModalOpen}\n          onClose={() => setIsNotesModalOpen(false)}\n          nodes={nodes}\n        />\n\n        {/* Share Link Modal */}\n        {isShareModalOpen && (\n          <>\n            <div\n              className=\"fixed inset-0 bg-black/20 z-40\"\n              onClick={() => setIsShareModalOpen(false)}\n              style={{ animation: \"fadeIn 150ms ease-out\" }}\n            />\n            <div\n              className=\"fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-[rgb(var(--ec-page-bg))] rounded-lg shadow-xl z-50 w-full max-w-md p-6 border border-[rgb(var(--ec-page-border))]\"\n              style={{ animation: \"slideInCenter 250ms ease-out\" }}\n            >\n              <style>{`\n              @keyframes fadeIn {\n                from { opacity: 0; }\n                to { opacity: 1; }\n              }\n              @keyframes slideInCenter {\n                from { opacity: 0; transform: translate(-50%, -48%); }\n                to { opacity: 1; transform: translate(-50%, -50%); }\n              }\n            `}</style>\n\n              <div className=\"flex justify-between items-start mb-4\">\n                <h3 className=\"text-lg font-semibold text-[rgb(var(--ec-page-text))]\">\n                  Share Link\n                </h3>\n                <button\n                  onClick={() => setIsShareModalOpen(false)}\n                  className=\"text-[rgb(var(--ec-page-text-muted))] hover:text-[rgb(var(--ec-page-text))] transition-colors\"\n                  aria-label=\"Close modal\"\n                >\n                  <ExternalLink className=\"w-5 h-5 rotate-180\" />\n                </button>\n              </div>\n\n              <p className=\"text-sm text-[rgb(var(--ec-page-text-muted))] mb-4\">\n                Share this link with your team to let them view this\n                visualization.\n              </p>\n\n              <div className=\"flex gap-2\">\n                <input\n                  type=\"text\"\n                  readOnly\n                  value={\n                    typeof window !== \"undefined\" ? window.location.href : \"\"\n                  }\n                  className=\"flex-1 px-3 py-2.5 bg-[rgb(var(--ec-input-bg))] border border-[rgb(var(--ec-input-border))] rounded-md text-[rgb(var(--ec-input-text))] text-sm focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))]\"\n                />\n                <button\n                  onClick={handleCopyShareUrl}\n                  className={`px-4 py-2.5 rounded-md font-medium transition-all duration-200 flex items-center gap-2 ${\n                    shareUrlCopySuccess\n                      ? \"bg-green-500 text-white\"\n                      : \"bg-[rgb(var(--ec-accent))] text-white hover:opacity-90\"\n                  }`}\n                  aria-label={shareUrlCopySuccess ? \"Copied!\" : \"Copy link\"}\n                >\n                  {shareUrlCopySuccess ? (\n                    <CheckIcon className=\"w-4 h-4\" />\n                  ) : (\n                    <ClipboardIcon className=\"w-4 h-4\" />\n                  )}\n                  <span>{shareUrlCopySuccess ? \"Copied!\" : \"Copy\"}</span>\n                </button>\n              </div>\n            </div>\n          </>\n        )}\n      </PortalContainerProvider>\n    </div>\n  );\n};\n\ninterface NodeGraphProps {\n  id: string;\n  title?: string;\n  href?: string;\n  hrefLabel?: string;\n  nodes?: Node[];\n  edges?: Edge[];\n  graph?: DslGraph;\n  linkTo?: \"docs\" | \"visualiser\";\n  includeKey?: boolean;\n  footerLabel?: string;\n  linksToVisualiser?: boolean;\n  links?: { label: string; url: string }[];\n  mode?: \"full\" | \"simple\";\n  portalId?: string;\n  showFlowWalkthrough?: boolean;\n  showSearch?: boolean;\n  zoomOnScroll?: boolean;\n  designId?: string;\n  isChatEnabled?: boolean;\n  maxTextSize?: number;\n  isDevMode?: boolean;\n  resourceKey?: string;\n  /** Controls whether message flow animation is enabled. When set, overrides URL params and localStorage. */\n  animated?: boolean;\n  /**\n   * When true, message-flow animation is unsupported for this graph: it is forced\n   * off (ignoring the `animated` prop, URL params and localStorage) and the\n   * \"Simulate Messages\" toggle is hidden. Used by graphs that aren't message\n   * flows, e.g. the System Diagram.\n   */\n  disableMessageAnimation?: boolean;\n  /** When set, the graph will zoom to this node id. */\n  focusNodeId?: string;\n  /** Optional token to force repeated focus for the same node id. */\n  focusRequestId?: number;\n  /** Optional token to trigger fit-to-screen behavior. */\n  fitRequestId?: number;\n\n  // Callback API for framework integration\n  onNodeClick?: (node: Node) => void;\n  onBuildUrl?: (path: string) => string;\n  onNavigate?: (url: string) => void;\n  onSaveLayout?: (\n    resourceKey: string,\n    positions: Record<string, { x: number; y: number }>,\n  ) => Promise<boolean>;\n  onResetLayout?: (resourceKey: string) => Promise<boolean>;\n}\n\nconst NodeGraph = ({\n  id,\n  nodes: nodesProp,\n  edges: edgesProp,\n  graph,\n  title: titleProp,\n  href,\n  linkTo = \"docs\",\n  hrefLabel = \"Open in visualizer\",\n  includeKey: includeKeyProp,\n  footerLabel,\n  linksToVisualiser = false,\n  links = [],\n  mode = \"full\",\n  portalId,\n  showFlowWalkthrough = true,\n  showSearch: showSearchProp,\n  zoomOnScroll = false,\n  designId,\n  isChatEnabled = false,\n  maxTextSize,\n  isDevMode = false,\n  resourceKey,\n  animated: animatedProp,\n  focusNodeId,\n  focusRequestId,\n  fitRequestId,\n  onNodeClick,\n  onBuildUrl,\n  onNavigate,\n  onSaveLayout,\n  onResetLayout,\n}: NodeGraphProps) => {\n  // When a DslGraph is provided, run layout internally using dagre.\n  const graphLayout = useMemo(() => {\n    if (!graph) return null;\n    return layoutGraph(\n      graph.nodes,\n      graph.edges,\n      { rankdir: \"LR\", nodesep: 60, ranksep: 120 },\n      graph.options?.style,\n    );\n  }, [graph]);\n  const nodes = graphLayout?.nodes ?? nodesProp ?? [];\n  const edges = graphLayout?.edges ?? edgesProp ?? [];\n\n  // Derive props from graph.options when graph is provided\n  const title = titleProp ?? graph?.title;\n  const includeKey =\n    includeKeyProp !== undefined\n      ? includeKeyProp\n      : graph?.options?.legend !== false;\n  const showSearch =\n    showSearchProp !== undefined\n      ? showSearchProp\n      : graph?.options?.search !== false;\n  const animated = animatedProp ?? graph?.options?.animated;\n  const [elem, setElem] = useState(null);\n  const [showFooter, setShowFooter] = useState(true);\n  const [isStudioModalOpen, setIsStudioModalOpen] = useState(false);\n\n  const openStudioModal = useCallback(() => {\n    setIsStudioModalOpen(true);\n  }, []);\n\n  const containerToRenderInto = portalId || `${id}-portal`;\n\n  useEffect(() => {\n    // @ts-ignore\n    setElem(document.getElementById(containerToRenderInto));\n  }, []);\n\n  useEffect(() => {\n    const urlParams = new URLSearchParams(window.location.search);\n    const embed = urlParams.get(\"embed\");\n    if (embed === \"true\") {\n      setShowFooter(false);\n    }\n  }, []);\n\n  if (!elem) return null;\n\n  return (\n    <div>\n      {createPortal(\n        <ReactFlowProvider>\n          <NodeGraphBuilder\n            edges={edges}\n            nodes={nodes}\n            title={title}\n            linkTo={linkTo}\n            includeKey={includeKey}\n            linksToVisualiser={linksToVisualiser}\n            links={links}\n            mode={mode}\n            showFlowWalkthrough={showFlowWalkthrough}\n            showSearch={showSearch}\n            zoomOnScroll={zoomOnScroll}\n            designId={designId || id}\n            isStudioModalOpen={isStudioModalOpen}\n            setIsStudioModalOpen={setIsStudioModalOpen}\n            isChatEnabled={isChatEnabled}\n            maxTextSize={maxTextSize}\n            isDevMode={isDevMode}\n            resourceKey={resourceKey}\n            animated={animated}\n            focusNodeId={focusNodeId}\n            focusRequestId={focusRequestId}\n            fitRequestId={fitRequestId}\n            onNodeClick={onNodeClick}\n            onBuildUrl={onBuildUrl}\n            onNavigate={onNavigate}\n            onSaveLayout={onSaveLayout}\n            onResetLayout={onResetLayout}\n          />\n\n          {showFooter && (\n            <div className=\"flex justify-between\" id=\"visualiser-footer\">\n              {footerLabel && (\n                <div className=\"py-2 w-full text-left \">\n                  <span className=\" text-sm no-underline py-2 text-[rgb(var(--ec-page-text-muted))]\">\n                    {footerLabel}\n                  </span>\n                </div>\n              )}\n\n              {href && (\n                <div className=\"py-2 w-full text-right flex justify-between\">\n                  {/* Studio link temporarily hidden */}\n                  <span />\n                  <a\n                    className=\" text-sm underline text-[rgb(var(--ec-page-text))] hover:text-[rgb(var(--ec-accent))]\"\n                    href={href}\n                  >\n                    {hrefLabel} &rarr;\n                  </a>\n                </div>\n              )}\n            </div>\n          )}\n        </ReactFlowProvider>,\n        elem,\n      )}\n    </div>\n  );\n};\n\nexport type { NodeGraphProps };\nexport default NodeGraph;\n","import { memo, useMemo } from \"react\";\nimport { ServerIcon, Globe } from \"lucide-react\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource, Service as ServiceType } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  WATERMARK_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nconst SPEC_LABELS: Record<string, string> = {\n  openapi: \"OpenAPI\",\n  asyncapi: \"AsyncAPI\",\n  graphql: \"GraphQL\",\n};\n\nconst SPEC_COLORS: Record<\n  string,\n  { bg: string; text: string; darkBg: string; darkText: string }\n> = {\n  openapi: {\n    bg: \"rgba(106,170,63,0.12)\",\n    text: \"#4d7c0f\",\n    darkBg: \"rgba(106,170,63,0.2)\",\n    darkText: \"#a3e635\",\n  },\n  asyncapi: {\n    bg: \"rgba(116,78,194,0.12)\",\n    text: \"#6d28d9\",\n    darkBg: \"rgba(116,78,194,0.2)\",\n    darkText: \"#c4b5fd\",\n  },\n  graphql: {\n    bg: \"rgba(229,53,171,0.12)\",\n    text: \"#be185d\",\n    darkBg: \"rgba(229,53,171,0.2)\",\n    darkText: \"#f9a8d4\",\n  },\n};\n\n/** Normalize both array and legacy object spec formats into unique type strings */\nfunction normalizeSpecTypes(specs: unknown): string[] {\n  const types = new Set<string>();\n  if (Array.isArray(specs)) {\n    for (const spec of specs) {\n      if (spec?.type) types.add(String(spec.type).toLowerCase());\n    }\n  } else if (specs && typeof specs === \"object\") {\n    const legacy = specs as Record<string, unknown>;\n    if (legacy.asyncapiPath) types.add(\"asyncapi\");\n    if (legacy.openapiPath) types.add(\"openapi\");\n    if (legacy.graphqlPath) types.add(\"graphql\");\n  }\n  return Array.from(types);\n}\n\nconst SpecBadges = memo(function SpecBadges({\n  specifications,\n  isDark,\n}: {\n  specifications: unknown;\n  isDark: boolean;\n}) {\n  const specTypes = useMemo(\n    () => normalizeSpecTypes(specifications),\n    [specifications],\n  );\n\n  if (specTypes.length === 0) return null;\n\n  return (\n    <div className=\"flex items-center gap-1 flex-wrap justify-end\">\n      {specTypes.map((type) => {\n        const colors = SPEC_COLORS[type] || SPEC_COLORS.openapi;\n        return (\n          <span\n            key={type}\n            className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded\"\n            style={{\n              background: isDark ? colors.darkBg : colors.bg,\n              color: isDark ? colors.darkText : colors.text,\n            }}\n          >\n            {SPEC_LABELS[type] || type}\n          </span>\n        );\n      })}\n    </div>\n  );\n});\n\nconst MiniEnvelope = memo(function MiniEnvelope({\n  side,\n  delay,\n}: {\n  side: \"left\" | \"right\";\n  delay: number;\n}) {\n  return (\n    <svg\n      width=\"14\"\n      height=\"10\"\n      viewBox=\"0 0 14 10\"\n      style={{\n        animation: `${side === \"left\" ? \"ec-svc-msg-in\" : \"ec-svc-msg-out\"} 2.5s ease-in-out ${delay}s infinite`,\n        opacity: 0,\n      }}\n    >\n      <rect\n        x=\"0.5\"\n        y=\"0.5\"\n        width=\"13\"\n        height=\"9\"\n        rx=\"1.5\"\n        fill=\"#9ca3af\"\n        opacity={0.85}\n      />\n      <path\n        d=\"M0.5,0.5 L7,5 L13.5,0.5\"\n        fill=\"none\"\n        stroke=\"white\"\n        strokeWidth=\"1\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n});\n\nconst ServiceMessageFlow = memo(function ServiceMessageFlow({\n  side,\n}: {\n  side: \"left\" | \"right\";\n}) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -4,\n        transform: \"translateY(-50%)\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: 2,\n        zIndex: 15,\n        pointerEvents: \"none\",\n      }}\n    >\n      <MiniEnvelope side={side} delay={0} />\n      <MiniEnvelope side={side} delay={0.8} />\n      <MiniEnvelope side={side} delay={1.6} />\n    </div>\n  );\n});\n\nconst GlowHandle = memo(function GlowHandle({\n  side,\n  external,\n}: {\n  side: \"left\" | \"right\";\n  external?: boolean;\n}) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: external\n          ? \"linear-gradient(135deg, #a855f7, #7e22ce)\"\n          : \"linear-gradient(135deg, #ec4899, #be185d)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: external\n          ? \"ec-external-handle-pulse 2s ease-in-out infinite\"\n          : \"ec-service-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n});\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype PostItPalette = {\n  Icon: typeof ServerIcon;\n  label: string;\n  gradient: string;\n  draftBorder: string;\n  corner: string;\n  ring: string;\n  iconClass: string;\n  labelClass: string;\n  nameText: string;\n  nameTextDeprecated: string;\n  versionClass: string;\n  summaryClass: string;\n  tooltipBorderColor: string;\n};\n\nconst POST_IT_SERVICE: PostItPalette = {\n  Icon: ServerIcon,\n  label: \"Service\",\n  gradient: \"linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 40%, #ec4899 100%)\",\n  draftBorder: \"rgba(236, 72, 153, 0.5)\",\n  corner: \"#db2777\",\n  ring: \"ring-2 ring-pink-400/60 ring-offset-1\",\n  iconClass: \"w-3 h-3 text-pink-900/50\",\n  labelClass: \"text-[8px] font-bold text-pink-900/50 uppercase tracking-widest\",\n  nameText: \"text-pink-950\",\n  nameTextDeprecated: \"text-pink-950/40 line-through\",\n  versionClass: \"text-[9px] text-pink-900/40 font-semibold mt-0.5\",\n  summaryClass:\n    \"mt-2 pt-1.5 border-t border-pink-900/10 text-[9px] text-pink-950/60 leading-relaxed overflow-hidden\",\n  tooltipBorderColor: \"#ec4899\",\n};\n\nconst POST_IT_EXTERNAL: PostItPalette = {\n  Icon: Globe,\n  label: \"External System\",\n  gradient: \"linear-gradient(135deg, #e9d5ff 0%, #c084fc 40%, #a855f7 100%)\",\n  draftBorder: \"rgba(168, 85, 247, 0.5)\",\n  corner: \"#7e22ce\",\n  ring: \"ring-2 ring-purple-400/60 ring-offset-1\",\n  iconClass: \"w-3 h-3 text-purple-900/50\",\n  labelClass:\n    \"text-[8px] font-bold text-purple-900/50 uppercase tracking-widest\",\n  nameText: \"text-purple-950\",\n  nameTextDeprecated: \"text-purple-950/40 line-through\",\n  versionClass: \"text-[9px] text-purple-900/40 font-semibold mt-0.5\",\n  summaryClass:\n    \"mt-2 pt-1.5 border-t border-purple-900/10 text-[9px] text-purple-950/60 leading-relaxed overflow-hidden\",\n  tooltipBorderColor: \"#a855f7\",\n};\n\ntype DefaultPalette = {\n  Icon: typeof ServerIcon;\n  label: string;\n  ring: string;\n  borderSolid: string;\n  borderDraftDark: string;\n  borderDraftLight: string;\n  draftStripeDark: string;\n  draftStripeLight: string;\n  nodeBgVar: string;\n  shadowColor: string;\n  badgeBg: string;\n  ownerAccent: string;\n  ownerBorder: string;\n  ownerIcon: string;\n  tooltipBorderColor: string;\n};\n\nconst DEFAULT_SERVICE: DefaultPalette = {\n  Icon: ServerIcon,\n  label: \"Service\",\n  ring: \"ring-2 ring-pink-400/60 ring-offset-2\",\n  borderSolid: \"border-pink-500\",\n  borderDraftDark: \"border-dashed border-pink-400\",\n  borderDraftLight: \"border-dashed border-pink-400/60\",\n  draftStripeDark: \"rgba(236,72,153,0.25)\",\n  draftStripeLight: \"rgba(236,72,153,0.15)\",\n  nodeBgVar: \"var(--ec-service-node-bg, rgb(var(--ec-card-bg)))\",\n  shadowColor: \"rgba(236, 72, 153, 0.15)\",\n  badgeBg: \"bg-pink-500\",\n  ownerAccent: \"bg-pink-400\",\n  ownerBorder: \"rgba(236,72,153,0.08)\",\n  ownerIcon: \"text-pink-300\",\n  tooltipBorderColor: \"#ec4899\",\n};\n\nconst DEFAULT_EXTERNAL: DefaultPalette = {\n  Icon: Globe,\n  label: \"External System\",\n  ring: \"ring-2 ring-purple-400/60 ring-offset-2\",\n  borderSolid: \"border-purple-500\",\n  borderDraftDark: \"border-dashed border-purple-400\",\n  borderDraftLight: \"border-dashed border-purple-400/60\",\n  draftStripeDark: \"rgba(168,85,247,0.25)\",\n  draftStripeLight: \"rgba(168,85,247,0.15)\",\n  nodeBgVar: \"var(--ec-external-node-bg, rgb(var(--ec-card-bg)))\",\n  shadowColor: \"rgba(168, 85, 247, 0.15)\",\n  badgeBg: \"bg-purple-500\",\n  ownerAccent: \"bg-purple-400\",\n  ownerBorder: \"rgba(168,85,247,0.08)\",\n  ownerIcon: \"text-purple-300\",\n  tooltipBorderColor: \"#a855f7\",\n};\n\ntype ServiceNodeData = EventCatalogResource & {\n  service: ServiceType;\n};\n\nexport type ServiceNode = Node<ServiceNodeData, \"service\">;\n\nfunction PostItService(props: ServiceNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    notes,\n    specifications,\n    externalSystem,\n    styles,\n  } = props.data.service;\n  const mode = props.data.mode || \"simple\";\n  const isDark = useDarkMode();\n  const p = externalSystem ? POST_IT_EXTERNAL : POST_IT_SERVICE;\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? p.ring : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {/* Inner wrapper with rotation */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background: p.gradient,\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? `2px dashed ${p.draftBorder}`\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: `${p.corner} transparent transparent transparent`,\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <p.Icon className={p.iconClass} strokeWidth={2.5} />\n            <span className={p.labelClass}>{p.label}</span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-6 h-6 shrink-0\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor={p.tooltipBorderColor}\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated ? p.nameTextDeprecated : p.nameText,\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {version && <div className={p.versionClass}>v{version}</div>}\n\n        {mode === \"full\" && summary && (\n          <div\n            className={p.summaryClass}\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {!!specifications && (\n          <div className=\"mt-1.5 flex justify-end\">\n            <SpecBadges specifications={specifications} isDark={isDark} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultService(props: ServiceNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    notes,\n    specifications,\n    externalSystem,\n    styles,\n  } = props.data.service;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(props.data.service.owners),\n    [props.data.service.owners],\n  );\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  const p = externalSystem ? DEFAULT_EXTERNAL : DEFAULT_SERVICE;\n  const draftStripe = isDark ? p.draftStripeDark : p.draftStripeLight;\n  const borderDraft = isDark ? p.borderDraftDark : p.borderDraftLight;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? p.ring : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? borderDraft\n            : p.borderSolid,\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), ${p.nodeBgVar}`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${draftStripe} 4px, ${draftStripe} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${draftStripe} 4px, ${draftStripe} 4.5px), ${p.nodeBgVar}`\n            : p.nodeBgVar,\n        boxShadow: `0 2px 12px ${p.shadowColor}`,\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && (\n        <GlowHandle side=\"left\" external={externalSystem} />\n      )}\n      {sourceConnections.length > 0 && (\n        <GlowHandle side=\"right\" external={externalSystem} />\n      )}\n\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : p.badgeBg,\n          )}\n        >\n          <p.Icon className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          {p.label}\n          {draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor={p.tooltipBorderColor}\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                (v{version})\n              </span>\n            )}\n          </div>\n        </div>\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        <div className=\"flex items-end justify-between gap-1\">\n          <OwnerIndicator\n            owners={owners}\n            accentColor={p.ownerAccent}\n            borderColor={p.ownerBorder}\n            iconClass={p.ownerIcon}\n          />\n          {!!specifications && (\n            <SpecBadges specifications={specifications} isDark={isDark} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Service(props: ServiceNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItService {...props} />;\n  }\n\n  return <DefaultService {...props} />;\n});\n","import { memo } from \"react\";\nimport { buildUrl } from \"./url-builder\";\n\nexport function isIconPath(value: string | undefined): value is string {\n  if (!value) return false;\n  return (\n    value.startsWith(\"/\") ||\n    value.startsWith(\"http://\") ||\n    value.startsWith(\"https://\")\n  );\n}\n\nexport function resolveIconUrl(value: string): string {\n  if (value.startsWith(\"http://\") || value.startsWith(\"https://\")) return value;\n  return buildUrl(value).replace(/\\/$/, \"\");\n}\n\nexport const CustomIcon = memo(function CustomIcon({\n  src,\n  alt,\n  className,\n}: {\n  src: string;\n  alt: string;\n  className?: string;\n}) {\n  return (\n    <img\n      src={resolveIconUrl(src)}\n      alt={alt}\n      loading=\"lazy\"\n      className={className}\n      style={{ objectFit: \"contain\", borderRadius: 4 }}\n    />\n  );\n});\n","/**\n * Configurable URL builder utility\n * Consumers (e.g. Astro adapter) can provide a custom builder via setBuildUrlFn\n * to handle base paths, trailing slashes, etc.\n */\n\nlet _customBuildUrl: ((path: string) => string) | null = null;\n\nexport function setBuildUrlFn(fn: ((path: string) => string) | null): void {\n  _customBuildUrl = fn;\n}\n\nexport function buildUrl(path: string): string {\n  if (_customBuildUrl) {\n    return _customBuildUrl(path);\n  }\n  return path;\n}\n\n/**\n * Navigate to a URL, preferring the host app's view-transition router when it's\n * available so navigations are soft/animated rather than a hard page reload.\n *\n * The visualiser package is intentionally decoupled from Astro, so the host\n * (e.g. EventCatalog's VisualiserLayout) bridges its router onto\n * `window.__ecNavigate`. When that bridge isn't present (standalone usage), we\n * fall back to a normal `location.href` assignment.\n *\n * `url` should already be passed through `buildUrl`.\n */\nexport function navigateTo(url: string): void {\n  if (typeof window === \"undefined\") return;\n  const ecNavigate = (\n    window as unknown as { __ecNavigate?: (url: string) => void }\n  ).__ecNavigate;\n  if (typeof ecNavigate === \"function\") {\n    ecNavigate(url);\n    return;\n  }\n  window.location.href = url;\n}\n","import { memo } from \"react\";\nimport { UserIcon, UsersIcon } from \"lucide-react\";\nimport { OWNER_ICON_SIZE_STYLE } from \"./shared-styles\";\n\n/** Shared style for hidden React Flow handles (avoids inline object allocation). */\nexport const HIDDEN_HANDLE_STYLE = { opacity: 0 } as const;\n\n/**\n * Normalise owners which may arrive as string[] or {id:string}[] from Astro.\n */\nexport function normalizeOwners(raw: any[] | undefined): string[] {\n  if (!raw || raw.length === 0) return [];\n  return raw\n    .filter(Boolean)\n    .map((o: any) => (typeof o === \"string\" ? o : (o?.id ?? \"\")));\n}\n\n/**\n * Compact owner indicator for the bottom of a node card.\n * Shows a small icon + primary owner name + overflow pill.\n *\n * @param accentColor - Tailwind color class for the pill, e.g. \"bg-pink-400\"\n * @param borderColor - CSS color string for the top border\n * @param iconClass   - Tailwind text color for the icon, e.g. \"text-pink-300\"\n */\nexport const OwnerIndicator = memo(function OwnerIndicator({\n  owners,\n  accentColor = \"bg-pink-400\",\n  borderColor = \"rgba(236,72,153,0.08)\",\n  iconClass = \"text-pink-300\",\n}: {\n  owners: string[];\n  accentColor?: string;\n  borderColor?: string;\n  iconClass?: string;\n}) {\n  if (owners.length === 0) return null;\n\n  const primary = owners[0];\n  const remaining = owners.length - 1;\n  const isLikelyTeam = primary.includes(\" \") || primary.includes(\"-\");\n\n  return (\n    <div\n      className=\"flex items-center gap-1 mt-1.5 pt-1.5\"\n      style={{ borderTop: `1px solid ${borderColor}` }}\n      title={owners.join(\", \")}\n    >\n      {/* Icon */}\n      {isLikelyTeam ? (\n        <UsersIcon\n          className={`${iconClass} shrink-0`}\n          style={OWNER_ICON_SIZE_STYLE}\n          strokeWidth={2.5}\n        />\n      ) : (\n        <UserIcon\n          className={`${iconClass} shrink-0`}\n          style={OWNER_ICON_SIZE_STYLE}\n          strokeWidth={2.5}\n        />\n      )}\n\n      {/* Primary owner name */}\n      <span className=\"text-[8px] text-[rgb(var(--ec-page-text-muted))] truncate leading-none\">\n        {primary}\n      </span>\n\n      {/* Overflow count */}\n      {remaining > 0 && (\n        <span\n          className={`shrink-0 inline-flex items-center justify-center text-[7px] font-bold text-white ${accentColor} rounded-full px-1 py-[1px] leading-none`}\n          title={owners.slice(1).join(\", \")}\n        >\n          +{remaining}\n        </span>\n      )}\n    </div>\n  );\n});\n","import { type CSSProperties, useSyncExternalStore } from \"react\";\n\n// ─── Dark mode detection ────────────────────────────────────────────────────\n\nfunction subscribeTheme(callback: () => void) {\n  const observer = new MutationObserver(callback);\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n  return () => observer.disconnect();\n}\n\nfunction getIsDark() {\n  return (\n    typeof document !== \"undefined\" &&\n    document.documentElement.getAttribute(\"data-theme\") === \"dark\"\n  );\n}\n\nexport function useDarkMode(): boolean {\n  return useSyncExternalStore(subscribeTheme, getIsDark, () => false);\n}\n\n/**\n * Shared style constants for node components.\n * Extracting inline style objects to module-level constants ensures React.memo\n * receives stable references and can skip re-renders effectively.\n */\n\n// ─── Common layout ──────────────────────────────────────────────────────────\n\nexport const NODE_WIDTH_STYLE = { width: \"260px\" } as const;\n\nexport const ROTATED_LABEL_STYLE = {\n  transform: \"rotate(-90deg)\",\n  letterSpacing: \"0.15em\",\n  whiteSpace: \"nowrap\",\n} as const satisfies CSSProperties;\n\nexport const TINY_FONT_STYLE = { fontSize: \"0.2em\" } as const;\n\n// ─── WebKit line clamp (summary truncation) ─────────────────────────────────\n\nexport const LINE_CLAMP_STYLE = {\n  display: \"-webkit-box\",\n  WebkitLineClamp: 2,\n  WebkitBoxOrient: \"vertical\",\n} as const satisfies CSSProperties;\n\n// ─── Watermark icon ─────────────────────────────────────────────────────────\n\nexport const WATERMARK_STYLE = {\n  opacity: 0.2,\n  transform: \"rotate(12deg)\",\n} as const;\n\n// ─── Post-it folded corner (identical across all post-it nodes) ─────────────\n\nexport const FOLDED_CORNER_SHADOW_STYLE = {\n  position: \"absolute\",\n  top: 0,\n  right: 0,\n  width: 0,\n  height: 0,\n  borderStyle: \"solid\",\n  borderWidth: \"0 18px 18px 0\",\n  borderColor: \"transparent #1e293b12 transparent transparent\",\n} as const satisfies CSSProperties;\n\n// ─── Post-it common shadow ─────────────────────────────────────────────────\n\nexport const POST_IT_BOX_SHADOW =\n  \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\";\n\n// ─── Handle positioning ─────────────────────────────────────────────────────\n\nexport const HANDLE_LEFT_STYLE = { left: \"-1px\" } as const;\nexport const HANDLE_RIGHT_STYLE = { right: \"-1px\" } as const;\nexport const HANDLE_LEFT_OFFSET_STYLE = { left: \"-6px\" } as const;\nexport const HANDLE_RIGHT_OFFSET_STYLE = { right: \"-6px\" } as const;\n\n// ─── Note/Full size style ───────────────────────────────────────────────────\n\nexport const FULL_SIZE_STYLE = { width: \"100%\", height: \"100%\" } as const;\n\n// ─── Owner indicator icon size ──────────────────────────────────────────────\n\nexport const OWNER_ICON_SIZE_STYLE = { width: 10, height: 10 } as const;\n\n// ─── ExternalSystem2 handle ─────────────────────────────────────────────────\n\nexport const EXTERNAL_SYSTEM_HANDLE_STYLE = {\n  width: 10,\n  height: 10,\n  background: \"pink\",\n  zIndex: 10,\n} as const;\n\n// ─── Edge styles ────────────────────────────────────────────────────────────\n\nexport const EDGE_WARNING_STYLE = {\n  stroke: \"red\",\n  strokeWidth: 2.625,\n  strokeDasharray: \"5 5\",\n} as const;\n\nexport const EDGE_DEFAULT_STYLE = {\n  stroke: \"var(--ec-edge-stroke, #d1d5db)\",\n  strokeWidth: 2.625,\n  strokeDasharray: \"5 5\",\n} as const;\n\nexport const EDGE_FLOW_BASE_STYLE = {\n  strokeWidth: 3,\n  stroke: \"var(--ec-edge-stroke, #6b7280)\",\n  strokeDasharray: \"5 5\",\n} as const;\n\n// ─── Default empty values (stable references for default props) ─────────────\n\nexport const EMPTY_ARRAY: any[] = [];\nexport const EMPTY_OBJECT: Readonly<Record<string, never>> = {} as const;\n\n// ─── Channel message queue ──────────────────────────────────────────────────\n\nexport const QUEUE_BORDER_STYLE = {\n  borderTop: \"1px dashed rgb(var(--ec-page-border))\",\n} as const;\n","import { MessageCircle, AlertTriangle, XIcon } from \"lucide-react\";\nimport { useState, useCallback, memo } from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport type { Note } from \"../types\";\nimport { useDarkMode } from \"./shared-styles\";\n\n/* ------------------------------------------------------------------ */\n/*  Constants                                                          */\n/* ------------------------------------------------------------------ */\n\nconst AMBER = {\n  50: \"#fffbeb\",\n  100: \"#fef3c7\",\n  200: \"#fde68a\",\n  400: \"#fbbf24\",\n  500: \"#f59e0b\",\n  600: \"#d97706\",\n  700: \"#b45309\",\n  800: \"#92400e\",\n  900: \"#78350f\",\n} as const;\n\nconst PRIORITY: Record<\n  string,\n  { bg: string; fg: string; border: string; label: string; accent: string }\n> = {\n  high: {\n    bg: \"#fef2f2\",\n    fg: \"#b91c1c\",\n    border: \"#fecaca\",\n    label: \"High\",\n    accent: \"#ef4444\",\n  },\n  critical: {\n    bg: \"#fef2f2\",\n    fg: \"#991b1b\",\n    border: \"#fecaca\",\n    label: \"Critical\",\n    accent: \"#dc2626\",\n  },\n  low: {\n    bg: \"#f0fdf4\",\n    fg: \"#15803d\",\n    border: \"#bbf7d0\",\n    label: \"Low\",\n    accent: \"#22c55e\",\n  },\n};\n\n/* ------------------------------------------------------------------ */\n/*  Deterministic avatar color from name                               */\n/* ------------------------------------------------------------------ */\n\nconst AVATAR_PALETTES = [\n  [\"#7c3aed\", \"#a78bfa\"], // violet\n  [\"#2563eb\", \"#60a5fa\"], // blue\n  [\"#0891b2\", \"#22d3ee\"], // cyan\n  [\"#059669\", \"#34d399\"], // emerald\n  [\"#d97706\", \"#fbbf24\"], // amber\n  [\"#dc2626\", \"#f87171\"], // red\n  [\"#db2777\", \"#f472b6\"], // pink\n  [\"#4f46e5\", \"#818cf8\"], // indigo\n];\n\nfunction hashStr(s: string): number {\n  let h = 0;\n  for (let i = 0; i < s.length; i++) {\n    h = (h * 31 + s.charCodeAt(i)) | 0;\n  }\n  return Math.abs(h);\n}\n\n/* ------------------------------------------------------------------ */\n/*  Shared atoms                                                       */\n/* ------------------------------------------------------------------ */\n\nfunction Avatar({ name, size = 18 }: { name: string; size?: number }) {\n  const initials = name\n    .split(/\\s+/)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n\n  const [c1, c2] = AVATAR_PALETTES[hashStr(name) % AVATAR_PALETTES.length];\n\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        borderRadius: \"50%\",\n        background: `linear-gradient(135deg, ${c1}, ${c2})`,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        flexShrink: 0,\n      }}\n    >\n      <span\n        style={{\n          fontSize: Math.round(size * 0.42),\n          fontWeight: 700,\n          color: \"white\",\n          lineHeight: 1,\n          letterSpacing: \"-0.02em\",\n        }}\n      >\n        {initials}\n      </span>\n    </div>\n  );\n}\n\nfunction PriorityPill({\n  priority,\n  size = \"sm\",\n}: {\n  priority: string;\n  size?: \"sm\" | \"md\";\n}) {\n  const p = PRIORITY[priority.toLowerCase()];\n  if (!p) return null;\n  const isUrgent = priority === \"high\" || priority === \"critical\";\n  const md = size === \"md\";\n\n  return (\n    <span\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: md ? 4 : 2,\n        fontSize: md ? 11 : 8,\n        fontWeight: 700,\n        color: p.fg,\n        background: p.bg,\n        border: `1px solid ${p.border}`,\n        borderRadius: 99,\n        padding: md ? \"2px 8px\" : \"1px 5px\",\n        textTransform: \"uppercase\",\n        letterSpacing: \"0.04em\",\n        lineHeight: 1.4,\n        whiteSpace: \"nowrap\",\n      }}\n    >\n      {isUrgent && (\n        <AlertTriangle\n          style={{ width: md ? 10 : 7, height: md ? 10 : 7 }}\n          strokeWidth={2.5}\n        />\n      )}\n      {p.label}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Popover (hover preview)                                            */\n/* ------------------------------------------------------------------ */\n\nfunction PopoverCard({ note, last }: { note: Note; last: boolean }) {\n  return (\n    <div\n      style={{\n        padding: \"7px 10px\",\n        borderBottom: last ? \"none\" : \"1px solid rgb(var(--ec-page-border))\",\n        display: \"flex\",\n        gap: 6,\n        alignItems: \"flex-start\",\n      }}\n    >\n      {note.author && <Avatar name={note.author} size={16} />}\n      <div style={{ flex: 1, minWidth: 0 }}>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: 4,\n            marginBottom: 2,\n          }}\n        >\n          {note.author && (\n            <span\n              style={{\n                fontSize: 9,\n                fontWeight: 700,\n                color: \"rgb(var(--ec-page-text))\",\n                lineHeight: 1,\n              }}\n            >\n              {note.author}\n            </span>\n          )}\n          {note.priority && <PriorityPill priority={note.priority} />}\n        </div>\n        <p\n          style={{\n            fontSize: 9,\n            lineHeight: 1.45,\n            color: \"rgb(var(--ec-page-text-muted))\",\n            margin: 0,\n            display: \"-webkit-box\",\n            WebkitLineClamp: 2,\n            WebkitBoxOrient: \"vertical\",\n            overflow: \"hidden\",\n          }}\n        >\n          {note.content}\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Modal note card (thread-style)                                     */\n/* ------------------------------------------------------------------ */\n\nfunction NoteCard({ note, isDark }: { note: Note; isDark: boolean }) {\n  const prioStyle = note.priority\n    ? PRIORITY[note.priority.toLowerCase()]\n    : null;\n\n  return (\n    <div\n      style={{\n        background: isDark\n          ? `radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px), rgba(255,255,255,0.04)`\n          : `radial-gradient(circle, rgba(212,201,168,0.4) 1px, transparent 1px), #fef9ed`,\n        backgroundSize: \"12px 12px\",\n        border: `1px solid ${isDark ? \"rgba(255,255,255,0.08)\" : \"#e5dcc3\"}`,\n        borderBottom: `2px dashed ${isDark ? \"rgba(255,255,255,0.1)\" : \"#d4c9a8\"}`,\n        borderRadius: \"8px 8px 0 0\",\n        padding: \"14px 16px 14px\",\n        position: \"relative\",\n      }}\n    >\n      {/* Author */}\n      {note.author && (\n        <span\n          style={{\n            display: \"block\",\n            fontSize: 11,\n            fontWeight: 650,\n            color: isDark ? \"#e2e8f0\" : \"#1e293b\",\n            marginBottom: 8,\n          }}\n        >\n          {note.author}\n        </span>\n      )}\n\n      {/* Content — styled like a handwritten note */}\n      <p\n        style={{\n          fontSize: 13,\n          lineHeight: 1.7,\n          color: isDark ? \"#cbd5e1\" : \"#1e293b\",\n          margin: 0,\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          fontStyle: \"italic\",\n        }}\n      >\n        &ldquo;{note.content}&rdquo;\n      </p>\n    </div>\n  );\n}\n\n/** Group notes by priority: critical/high first, then low, then no priority */\nfunction groupNotes(\n  notes: Note[],\n): { label: string; notes: Note[]; color: string }[] {\n  const urgent: Note[] = [];\n  const low: Note[] = [];\n  const normal: Note[] = [];\n\n  for (const n of notes) {\n    const p = n.priority?.toLowerCase();\n    if (p === \"critical\" || p === \"high\") urgent.push(n);\n    else if (p === \"low\") low.push(n);\n    else normal.push(n);\n  }\n\n  const groups: { label: string; notes: Note[]; color: string }[] = [];\n  if (urgent.length > 0)\n    groups.push({ label: \"High Priority\", notes: urgent, color: \"#ef4444\" });\n  if (normal.length > 0)\n    groups.push({ label: \"Notes\", notes: normal, color: \"#f59e0b\" });\n  if (low.length > 0)\n    groups.push({ label: \"Low Priority\", notes: low, color: \"#22c55e\" });\n  return groups;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Full-screen modal                                                  */\n/* ------------------------------------------------------------------ */\n\nexport function NotesModal({\n  notes,\n  isOpen,\n  onClose,\n  resourceName,\n  resourceVersion,\n  resourceType,\n  accentColor,\n  icon,\n}: {\n  notes: Note[];\n  isOpen: boolean;\n  onClose: () => void;\n  resourceName?: string;\n  resourceVersion?: string;\n  resourceType?: string;\n  accentColor?: string;\n  icon?: React.ReactNode;\n}) {\n  const isDark = useDarkMode();\n  const portalContainer = usePortalContainer();\n  const count = notes.length;\n  const urgent = notes.filter(\n    (n) =>\n      n.priority &&\n      (n.priority.toLowerCase() === \"high\" ||\n        n.priority.toLowerCase() === \"critical\"),\n  );\n\n  return (\n    <Dialog.Root open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <Dialog.Portal container={portalContainer}>\n        <div\n          className=\"fixed inset-0 z-[99999]\"\n          style={{ isolation: \"isolate\" }}\n        >\n          <Dialog.Overlay\n            style={{\n              position: \"fixed\",\n              inset: 0,\n              background: isDark\n                ? \"rgba(0, 0, 0, 0.7)\"\n                : \"rgba(15, 23, 42, 0.55)\",\n              backdropFilter: \"blur(8px)\",\n            }}\n          />\n\n          <Dialog.Content\n            style={{\n              position: \"fixed\",\n              top: \"50%\",\n              left: \"50%\",\n              transform: \"translate(-50%, -50%)\",\n              width: \"92vw\",\n              maxWidth: 500,\n              maxHeight: \"80vh\",\n              background: isDark ? \"#1e2330\" : \"#ffffff\",\n              borderRadius: 16,\n              border: `1px solid ${isDark ? \"rgba(255,255,255,0.08)\" : \"rgba(0,0,0,0.08)\"}`,\n              boxShadow: isDark\n                ? \"0 24px 48px rgba(0,0,0,0.5)\"\n                : \"0 24px 48px rgba(0,0,0,0.15)\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              overflow: \"hidden\",\n              outline: \"none\",\n            }}\n          >\n            {/* -------- Header -------- */}\n            <div\n              style={{\n                padding: \"20px 22px 16px\",\n                borderBottom: `1px solid ${isDark ? \"rgba(255,255,255,0.06)\" : \"rgba(0,0,0,0.06)\"}`,\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: 14,\n              }}\n            >\n              {/* Resource icon */}\n              <div\n                style={{\n                  width: 36,\n                  height: 36,\n                  borderRadius: 10,\n                  background:\n                    accentColor ||\n                    `linear-gradient(135deg, ${AMBER[400]}, ${AMBER[500]})`,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  flexShrink: 0,\n                }}\n              >\n                {icon || (\n                  <MessageCircle\n                    style={{ width: 18, height: 18, color: \"white\" }}\n                    strokeWidth={2.5}\n                  />\n                )}\n              </div>\n\n              {/* Title block */}\n              <div style={{ flex: 1, minWidth: 0 }}>\n                <Dialog.Title\n                  style={{\n                    fontSize: 15,\n                    fontWeight: 700,\n                    color: isDark ? \"#f1f5f9\" : \"#0f172a\",\n                    margin: 0,\n                    lineHeight: 1.3,\n                    letterSpacing: \"-0.01em\",\n                    display: \"flex\",\n                    alignItems: \"baseline\",\n                    gap: 6,\n                  }}\n                >\n                  {resourceName || \"Notes\"}\n                  {resourceVersion && (\n                    <span\n                      style={{\n                        fontSize: 11,\n                        fontWeight: 500,\n                        color: isDark ? \"#64748b\" : \"#94a3b8\",\n                      }}\n                    >\n                      v{resourceVersion}\n                    </span>\n                  )}\n                </Dialog.Title>\n                <Dialog.Description\n                  style={{\n                    fontSize: 12,\n                    color: isDark ? \"#94a3b8\" : \"#64748b\",\n                    margin: 0,\n                    marginTop: 3,\n                    lineHeight: 1.3,\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: 6,\n                  }}\n                >\n                  {resourceType && (\n                    <span\n                      style={{\n                        fontSize: 10,\n                        fontWeight: 700,\n                        textTransform: \"uppercase\",\n                        letterSpacing: \"0.05em\",\n                      }}\n                    >\n                      {resourceType}\n                    </span>\n                  )}\n                  {resourceType && (\n                    <span style={{ opacity: 0.4 }}>&middot;</span>\n                  )}\n                  {count} note{count !== 1 ? \"s\" : \"\"}\n                  {urgent.length > 0 &&\n                    ` \\u00b7 ${urgent.length} high priority`}\n                </Dialog.Description>\n              </div>\n\n              {/* Close */}\n              <Dialog.Close asChild>\n                <button\n                  aria-label=\"Close\"\n                  style={{\n                    width: 32,\n                    height: 32,\n                    borderRadius: 8,\n                    border: \"none\",\n                    background: isDark\n                      ? \"rgba(255,255,255,0.06)\"\n                      : \"rgba(0,0,0,0.04)\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    cursor: \"pointer\",\n                    color: isDark ? \"#94a3b8\" : \"#94a3b8\",\n                    flexShrink: 0,\n                  }}\n                >\n                  <XIcon style={{ width: 16, height: 16 }} />\n                </button>\n              </Dialog.Close>\n            </div>\n\n            {/* -------- Grouped notes -------- */}\n            <div\n              style={{\n                flex: 1,\n                overflowY: \"auto\",\n                padding: \"16px 22px 24px\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: 18,\n              }}\n            >\n              {groupNotes(notes).map((group) => (\n                <div key={group.label}>\n                  {/* Group header */}\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      gap: 8,\n                      marginBottom: 10,\n                    }}\n                  >\n                    <div\n                      style={{\n                        width: 8,\n                        height: 8,\n                        borderRadius: \"50%\",\n                        background: group.color,\n                        flexShrink: 0,\n                      }}\n                    />\n                    <span\n                      style={{\n                        fontSize: 11,\n                        fontWeight: 700,\n                        color: isDark ? \"#94a3b8\" : \"#64748b\",\n                        textTransform: \"uppercase\",\n                        letterSpacing: \"0.06em\",\n                      }}\n                    >\n                      {group.label}\n                    </span>\n                    <span\n                      style={{\n                        fontSize: 10,\n                        fontWeight: 600,\n                        color: isDark ? \"#475569\" : \"#94a3b8\",\n                      }}\n                    >\n                      ({group.notes.length})\n                    </span>\n                    <div\n                      style={{\n                        flex: 1,\n                        height: 1,\n                        background: isDark\n                          ? \"rgba(255,255,255,0.06)\"\n                          : \"rgba(0,0,0,0.06)\",\n                      }}\n                    />\n                  </div>\n                  {/* Notes in group */}\n                  <div\n                    style={{\n                      display: \"flex\",\n                      flexDirection: \"column\",\n                      gap: 16,\n                    }}\n                  >\n                    {group.notes.map((note, i) => (\n                      <NoteCard key={i} note={note} isDark={isDark} />\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </Dialog.Content>\n        </div>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Main indicator                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const NotesIndicator = memo(function NotesIndicator({\n  notes,\n  resourceName,\n}: {\n  notes: Note[];\n  resourceName?: string;\n}) {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const handleClick = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation();\n    setIsHovered(false);\n    setIsModalOpen(true);\n  }, []);\n\n  if (!notes || notes.length === 0) return null;\n\n  const count = notes.length;\n  const hasUrgent = notes.some(\n    (n) =>\n      n.priority &&\n      (n.priority.toLowerCase() === \"high\" ||\n        n.priority.toLowerCase() === \"critical\"),\n  );\n\n  return (\n    <>\n      <div\n        className=\"absolute -top-2.5 -right-2.5 z-30 nopan nodrag\"\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onPointerDown={(e) => e.stopPropagation()}\n      >\n        {/* Count badge */}\n        <div\n          className=\"flex items-center justify-center cursor-pointer\"\n          onClick={handleClick}\n          style={{\n            width: 22,\n            height: 22,\n            borderRadius: \"50%\",\n            background: hasUrgent\n              ? \"linear-gradient(135deg, #ef4444, #dc2626)\"\n              : `linear-gradient(135deg, ${AMBER[400]}, ${AMBER[500]})`,\n            boxShadow: `0 0 0 2.5px rgb(var(--ec-card-bg)), 0 2px 6px rgba(0,0,0,0.15)`,\n            transition: \"transform 0.15s ease\",\n            transform: isHovered ? \"scale(1.15)\" : \"scale(1)\",\n          }}\n        >\n          <span\n            style={{\n              fontSize: 11,\n              fontWeight: 800,\n              color: \"white\",\n              lineHeight: 1,\n            }}\n          >\n            {count}\n          </span>\n        </div>\n\n        {/* Hover popover */}\n        {isHovered && !isModalOpen && (\n          <div\n            className=\"absolute top-full right-0 mt-2 pointer-events-none\"\n            style={{ minWidth: 200, maxWidth: 250, zIndex: 50 }}\n          >\n            <div\n              style={{\n                background: \"rgb(var(--ec-card-bg))\",\n                borderRadius: 10,\n                border: `1px solid ${AMBER[200]}`,\n                boxShadow:\n                  \"0 4px 20px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.06)\",\n                overflow: \"hidden\",\n              }}\n            >\n              {/* Header */}\n              <div\n                style={{\n                  padding: \"6px 10px\",\n                  background: AMBER[50],\n                  borderBottom: `1px solid ${AMBER[200]}`,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: 5,\n                }}\n              >\n                <MessageCircle\n                  style={{ width: 10, height: 10, color: AMBER[600] }}\n                  strokeWidth={2.5}\n                />\n                <span\n                  style={{\n                    fontSize: 9,\n                    fontWeight: 700,\n                    color: AMBER[800],\n                    flex: 1,\n                    letterSpacing: \"0.01em\",\n                  }}\n                >\n                  {count} note{count !== 1 ? \"s\" : \"\"}\n                </span>\n                <span\n                  style={{\n                    fontSize: 8,\n                    color: AMBER[600],\n                    fontWeight: 500,\n                    opacity: 0.8,\n                  }}\n                >\n                  click to open\n                </span>\n              </div>\n\n              {/* List */}\n              <div style={{ maxHeight: 150, overflowY: \"auto\" }}>\n                {notes.slice(0, 3).map((note, i) => (\n                  <PopoverCard\n                    key={i}\n                    note={note}\n                    last={i === Math.min(count, 3) - 1 && count <= 3}\n                  />\n                ))}\n              </div>\n\n              {count > 3 && (\n                <div\n                  style={{\n                    padding: \"5px 10px\",\n                    borderTop: \"1px solid rgb(var(--ec-page-border))\",\n                    textAlign: \"center\",\n                  }}\n                >\n                  <span\n                    style={{\n                      fontSize: 8,\n                      fontWeight: 600,\n                      color: \"#94a3b8\",\n                    }}\n                  >\n                    +{count - 3} more\n                  </span>\n                </div>\n              )}\n            </div>\n\n            {/* Arrow pointing up */}\n            <div\n              style={{\n                position: \"absolute\",\n                top: -5,\n                right: 10,\n                width: 10,\n                height: 10,\n                background: \"rgb(var(--ec-card-bg))\",\n                border: `1px solid ${AMBER[200]}`,\n                borderRight: \"none\",\n                borderBottom: \"none\",\n                transform: \"rotate(45deg)\",\n                zIndex: 1,\n              }}\n            />\n          </div>\n        )}\n      </div>\n\n      <NotesModal\n        notes={notes}\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        resourceName={resourceName}\n      />\n    </>\n  );\n});\n","import { createContext, useContext } from \"react\";\n\n/**\n * Context that provides a reference to the .eventcatalog-visualizer container element.\n * Used by Radix UI portals so they render inside the scoped CSS boundary\n * instead of at document.body.\n */\nconst PortalContainerContext = createContext<HTMLElement | null>(null);\n\nexport const PortalContainerProvider = PortalContainerContext.Provider;\n\nexport function usePortalContainer(): HTMLElement | undefined {\n  const container = useContext(PortalContainerContext);\n  return container ?? undefined;\n}\n","import {\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\n\ntype TruncatedResourceNameProps = {\n  as?: \"div\" | \"span\";\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  tooltipBorderColor?: string;\n  value: string;\n};\n\nexport function TruncatedResourceName({\n  as: Component = \"span\",\n  children,\n  className,\n  style,\n  tooltipBorderColor = \"rgb(var(--ec-page-border))\",\n  value,\n}: TruncatedResourceNameProps) {\n  const ref = useRef<HTMLSpanElement>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const updateTruncation = () => {\n      setIsTruncated(element.scrollWidth > element.clientWidth);\n    };\n\n    updateTruncation();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      window.addEventListener(\"resize\", updateTruncation);\n      return () => window.removeEventListener(\"resize\", updateTruncation);\n    }\n\n    const observer = new ResizeObserver(updateTruncation);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [value]);\n\n  return (\n    <Component className=\"ec-truncated-resource-name group relative min-w-0 max-w-full flex-1\">\n      <span\n        ref={ref}\n        className={`block min-w-0 ${className || \"\"}`}\n        style={style}\n      >\n        {children}\n      </span>\n      {isTruncated && (\n        <span\n          className=\"ec-truncated-resource-name-tooltip pointer-events-none absolute left-1/2 bottom-full z-[9999] mb-4 hidden w-max max-w-[320px] -translate-x-1/2 rounded-md border-2 bg-slate-950 px-2.5 py-1.5 text-[11px] font-medium leading-snug text-white shadow-lg group-hover:block group-focus-within:block\"\n          style={{ borderColor: tooltipBorderColor }}\n        >\n          <span className=\"block whitespace-normal break-words\">{value}</span>\n          <span\n            className=\"absolute left-1/2 top-full h-2 w-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r bg-slate-950\"\n            style={{\n              borderBottomColor: tooltipBorderColor,\n              borderRightColor: tooltipBorderColor,\n            }}\n          />\n        </span>\n      )}\n    </Component>\n  );\n}\n","import { LocateFixed } from \"lucide-react\";\n\nexport function FocusedResourceIndicator() {\n  return (\n    <>\n      <div\n        aria-hidden=\"true\"\n        className=\"pointer-events-none absolute -inset-1.5 z-[5] rounded-[14px] border-2 border-indigo-500/70 shadow-lg\"\n      />\n      <div className=\"pointer-events-none absolute -bottom-2.5 right-2 z-30 inline-flex items-center gap-1 rounded-full border border-white/80 bg-indigo-600 px-2 py-0.5 text-[7px] font-bold uppercase tracking-widest text-white shadow-sm\">\n        <LocateFixed className=\"h-2.5 w-2.5\" strokeWidth={2.5} />\n        Viewing\n      </div>\n    </>\n  );\n}\n","import { memo, useMemo } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource } from \"../types\";\nimport { NotesIndicator } from \"./NotesIndicator\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"./OwnerIndicator\";\nimport { LINE_CLAMP_STYLE, useDarkMode } from \"./shared-styles\";\nimport { CustomIcon, isIconPath, resolveIconUrl } from \"../utils/custom-icon\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #0ea5e9, #0369a1)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-dp-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nconst getProviderIconSrc = (provider: string | undefined, isDark: boolean) => {\n  if (!provider) return null;\n  const providerIconName = provider\n    .trim()\n    .toLowerCase()\n    .replace(/\\s+/g, \"-\")\n    .replace(/[^a-z0-9-]/g, \"\");\n\n  const iconPath =\n    providerIconName === \"openai\" || providerIconName === \"anthropic\"\n      ? `/icons/agent/${providerIconName}-${isDark ? \"dark\" : \"light\"}.svg`\n      : `/icons/agent/${providerIconName}.svg`;\n\n  return resolveIconUrl(iconPath);\n};\n\ntype AgentNodeData = EventCatalogResource & {\n  agent: {\n    id: string;\n    version: string;\n    name: string;\n    summary?: string;\n    owners?: any[];\n    deprecated?: boolean;\n    draft?: boolean;\n    notes?: import(\"../types\").Note[];\n    model?: {\n      provider?: string;\n      name?: string;\n      version?: string;\n    };\n    styles?: {\n      icon?: string;\n      node?: { color?: string; label?: string };\n    };\n  };\n};\n\nexport type AgentNode = Node<AgentNodeData, \"agent\">;\n\nfunction Agent(props: AgentNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    notes,\n    owners,\n    model,\n    styles,\n  } = props.data.agent;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const normalizedOwners = useMemo(() => normalizeOwners(owners), [owners]);\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n  const draftStripe = isDark\n    ? \"rgba(14,165,233,0.25)\"\n    : \"rgba(14,165,233,0.15)\";\n  const providerLabel = model?.provider;\n  const providerIconSrc = getProviderIconSrc(providerLabel, isDark);\n  const modelLabel = model?.name;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-sky-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? \"border-dashed border-sky-400\"\n            : \"border-sky-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-agent-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${draftStripe} 4px, ${draftStripe} 4.5px), var(--ec-agent-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-agent-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(14, 165, 233, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-sky-500\",\n          )}\n        >\n          <Bot className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Agent\n          {draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor=\"#0ea5e9\"\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                (v{version})\n              </span>\n            )}\n          </div>\n        </div>\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {(providerLabel || modelLabel) && (\n          <div className=\"flex items-center gap-1 flex-wrap mt-1.5\">\n            {providerLabel && (\n              <span className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded bg-sky-500/10 text-sky-700 dark:text-sky-300 uppercase tracking-wide\">\n                {providerIconSrc && (\n                  <img\n                    src={providerIconSrc}\n                    alt=\"\"\n                    className=\"w-2 h-2 shrink-0 mr-1 object-contain\"\n                    loading=\"lazy\"\n                  />\n                )}\n                {providerLabel}\n              </span>\n            )}\n            {modelLabel && (\n              <span className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded bg-[rgb(var(--ec-page-bg))] text-[rgb(var(--ec-page-text-muted))] border border-sky-500/30 max-w-[8.5rem] truncate\">\n                {modelLabel}\n              </span>\n            )}\n          </div>\n        )}\n\n        <OwnerIndicator\n          owners={normalizedOwners}\n          accentColor=\"bg-sky-400\"\n          borderColor=\"rgba(14,165,233,0.08)\"\n          iconClass=\"text-sky-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(Agent);\n","import { memo } from \"react\";\nimport { Wrench } from \"lucide-react\";\nimport { Handle, Node, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource } from \"../types\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { LINE_CLAMP_STYLE, useDarkMode } from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\nimport { CustomIcon, isIconPath } from \"../utils/custom-icon\";\nimport mcpDark from \"../icons/protocols/mcp-dark.svg?raw\";\nimport mcpLight from \"../icons/protocols/mcp-light.svg?raw\";\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype AgentToolData = EventCatalogResource & {\n  agentTool: {\n    id?: string;\n    name: string;\n    type: string;\n    icon?: string;\n    url?: string;\n    description?: string;\n  };\n};\n\nexport type AgentToolNode = Node<AgentToolData, \"agentTool\">;\n\nconst normalizeType = (type?: string) => (type || \"\").trim().toLowerCase();\n\nfunction ToolTypeBadge({ type }: { type: string }) {\n  const isDark = useDarkMode();\n  const normalizedType = normalizeType(type);\n  const label = type.toUpperCase();\n\n  if (normalizedType === \"mcp\") {\n    return (\n      <span className=\"inline-flex items-center gap-1 text-[7px] font-bold px-1.5 py-0.5 rounded bg-violet-500/10 text-violet-700 dark:text-violet-300 border border-violet-500/25\">\n        <span\n          className=\"w-2 h-2 shrink-0 [&>svg]:w-2 [&>svg]:h-2\"\n          dangerouslySetInnerHTML={{ __html: isDark ? mcpDark : mcpLight }}\n        />\n        MCP\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded bg-violet-500/10 text-violet-700 dark:text-violet-300 border border-violet-500/25\">\n      {label}\n    </span>\n  );\n}\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #8b5cf6, #6d28d9)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-dp-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction AgentTool(props: AgentToolNode) {\n  const { name, type, icon, url, description } = props.data.agentTool;\n  const customIcon = isIconPath(icon) ? icon : undefined;\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible border-violet-500\",\n        props?.selected ? \"ring-2 ring-violet-400/60 ring-offset-2\" : \"\",\n      )}\n      style={{\n        background: \"var(--ec-agent-tool-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(139, 92, 246, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-violet-500\">\n          <Wrench className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Tool\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className=\"w-4 h-4 shrink-0\"\n            />\n          )}\n          <TruncatedResourceName\n            value={name}\n            tooltipBorderColor=\"#8b5cf6\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {description && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={description}\n          >\n            {description}\n          </div>\n        )}\n\n        <div className=\"mt-1.5 flex items-center gap-1 flex-wrap\">\n          <ToolTypeBadge type={type} />\n          {url && (\n            <span className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded bg-[rgb(var(--ec-page-bg))] text-[rgb(var(--ec-page-text-muted))] border border-violet-500/25 max-w-[9rem] truncate\">\n              {url}\n            </span>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default memo(AgentTool);\n","<svg fill=\"#ffffff\" fill-rule=\"evenodd\" height=\"1em\" style=\"flex:none;line-height:1\" viewBox=\"0 0 24 24\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><title>ModelContextProtocol</title><path d=\"M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z\"/><path d=\"M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z\"/></svg>","<svg fill=\"#000000\" fill-rule=\"evenodd\" height=\"1em\" style=\"flex:none;line-height:1\" viewBox=\"0 0 24 24\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><title>ModelContextProtocol</title><path d=\"M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z\"/><path d=\"M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z\"/></svg>","import { memo, useMemo } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { Message, EventCatalogResource } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { MethodBadge, ApiPath, StatusCodes } from \"../ApiInfo\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n} from \"../shared-styles\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nconst GlowHandle = memo(function GlowHandle({\n  side,\n}: {\n  side: \"left\" | \"right\";\n}) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #fb923c, #ea580c)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n});\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype MessageNodeData = EventCatalogResource & {\n  message: Message;\n};\n\nexport type EventNode = Node<MessageNodeData, \"event\">;\n\nfunction PostItEvent(props: EventNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props?.data?.message;\n  const mode = props?.data?.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-orange-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {/* Inner wrapper with rotation — keeps handles aligned to the unrotated bounding box */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #fed7aa 0%, #fdba74 40%, #fb923c 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(251, 146, 60, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#f97316 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      {/* Content sits on top, unrotated, so text stays crisp */}\n      <div className=\"relative px-3.5 py-3\">\n        {/* Type label row */}\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Zap className=\"w-3 h-3 text-orange-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-orange-900/50 uppercase tracking-widest\">\n              Event\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        {/* Name */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#f97316\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated\n                ? \"text-orange-950/40 line-through\"\n                : \"text-orange-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {/* Version */}\n        {version && (\n          <div className=\"text-[9px] text-orange-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-orange-900/10 text-[9px] text-orange-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultEvent(props: EventNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    schema,\n    notes,\n    method,\n    path,\n    statusCodes,\n    styles,\n  } = props?.data?.message;\n  const mode = props?.data?.mode || \"simple\";\n  const hasApiInfo = !!(method || path);\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(props?.data?.message?.owners),\n    [props?.data?.message?.owners],\n  );\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-orange-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-orange-400\" : \"border-orange-400/60\"}`\n            : \"border-orange-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-event-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(251,146,60,0.25)\" : \"rgba(251,146,60,0.15)\"} 4px, ${isDark ? \"rgba(251,146,60,0.25)\" : \"rgba(251,146,60,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(251,146,60,0.25)\" : \"rgba(251,146,60,0.15)\"} 4px, ${isDark ? \"rgba(251,146,60,0.25)\" : \"rgba(251,146,60,0.15)\"} 4.5px), var(--ec-event-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-event-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(251, 146, 60, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-orange-500\",\n          )}\n        >\n          <Zap className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Event{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {/* Schema badge top-right */}\n      {schema && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-orange-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {schema.includes(\".\") ? schema.split(\".\").pop() : schema}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* API method + path row */}\n        {hasApiInfo && (\n          <div className=\"flex items-center gap-1.5 mb-1 overflow-hidden min-w-0\">\n            {method && <MethodBadge method={method} />}\n            {path && <ApiPath path={path} />}\n          </div>\n        )}\n\n        {/* Name + version */}\n        {!hasApiInfo && (\n          <div className=\"flex items-center gap-2\">\n            {customIcon && (\n              <CustomIcon\n                src={customIcon}\n                alt={name}\n                className={\n                  mode === \"full\"\n                    ? \"w-5 h-5 shrink-0 mt-0.5\"\n                    : \"w-4 h-4 shrink-0 -my-1\"\n                }\n              />\n            )}\n            <div className=\"flex items-baseline gap-1 min-w-0\">\n              <TruncatedResourceName\n                value={name}\n                tooltipBorderColor=\"#f97316\"\n                className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n              >\n                {name}\n              </TruncatedResourceName>\n              {version && (\n                <span\n                  className=\"text-[10px] font-normal shrink-0\"\n                  style={{ color: isDark ? \"#dce3eb\" : \"#6b7280\" }}\n                >\n                  (v{version})\n                </span>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] leading-relaxed overflow-hidden\"\n            style={{\n              ...LINE_CLAMP_STYLE,\n              color: isDark ? \"#f0f4f8\" : \"#374151\",\n            }}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Status codes */}\n        {statusCodes && statusCodes.length > 0 && (\n          <StatusCodes codes={statusCodes} />\n        )}\n\n        {/* Owners + Notes row */}\n        <div className=\"flex items-end justify-between\">\n          <OwnerIndicator\n            owners={owners}\n            accentColor=\"bg-orange-400\"\n            borderColor=\"rgba(251,146,60,0.08)\"\n            iconClass=\"text-orange-300\"\n          />\n          {notes && notes.length > 0 && (\n            <NotesIndicator notes={notes} resourceName={name} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Event(props: EventNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItEvent {...props} />;\n  }\n\n  return <DefaultEvent {...props} />;\n});\n","import { memo } from \"react\";\n\nconst METHOD_COLORS: Record<string, { bg: string; text: string }> = {\n  GET: { bg: \"rgba(34,197,94,0.15)\", text: \"#22c55e\" },\n  POST: { bg: \"rgba(59,130,246,0.15)\", text: \"#3b82f6\" },\n  PUT: { bg: \"rgba(245,158,11,0.15)\", text: \"#f59e0b\" },\n  PATCH: { bg: \"rgba(245,158,11,0.15)\", text: \"#f59e0b\" },\n  DELETE: { bg: \"rgba(239,68,68,0.15)\", text: \"#ef4444\" },\n  OPTIONS: { bg: \"rgba(139,92,246,0.15)\", text: \"#8b5cf6\" },\n  HEAD: { bg: \"rgba(107,114,128,0.15)\", text: \"#6b7280\" },\n};\n\nconst STATUS_COLORS: Record<string, { bg: string; text: string }> = {\n  \"2\": { bg: \"rgba(34,197,94,0.15)\", text: \"#22c55e\" },\n  \"3\": { bg: \"rgba(59,130,246,0.15)\", text: \"#3b82f6\" },\n  \"4\": { bg: \"rgba(245,158,11,0.15)\", text: \"#f59e0b\" },\n  \"5\": { bg: \"rgba(239,68,68,0.15)\", text: \"#ef4444\" },\n};\n\nfunction getStatusColor(code: number) {\n  const prefix = String(code)[0];\n  return STATUS_COLORS[prefix] || STATUS_COLORS[\"2\"];\n}\n\nexport const MethodBadge = memo(function MethodBadge({\n  method,\n}: {\n  method: string;\n}) {\n  const upper = method.toUpperCase();\n  const colors = METHOD_COLORS[upper] || { bg: \"#6b7280\", text: \"#ffffff\" };\n  return (\n    <span\n      className=\"inline-flex items-center text-[8px] font-extrabold uppercase tracking-wide px-1.5 py-0.5 rounded\"\n      style={{ background: colors.bg, color: colors.text }}\n    >\n      {upper}\n    </span>\n  );\n});\n\nexport const StatusCodes = memo(function StatusCodes({\n  codes,\n}: {\n  codes: number[];\n}) {\n  return (\n    <div className=\"flex items-center gap-1 flex-wrap mt-1.5\">\n      {codes.map((code) => {\n        const colors = getStatusColor(code);\n        return (\n          <span\n            key={code}\n            className=\"inline-flex items-center text-[8px] font-bold px-1.5 py-0.5 rounded\"\n            style={{ background: colors.bg, color: colors.text }}\n          >\n            {code}\n          </span>\n        );\n      })}\n    </div>\n  );\n});\n\nexport const ApiPath = memo(function ApiPath({ path }: { path: string }) {\n  return (\n    <span\n      className=\"text-[12px] font-mono font-medium text-[rgb(var(--ec-page-text))] truncate min-w-0\"\n      title={path}\n    >\n      {path}\n    </span>\n  );\n});\n","import { Connection, MarkerType } from \"@xyflow/react\";\nimport { Zap } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\nimport { SERVICE, CHANNEL, EVENT } from \"../node-types\";\n\nexport default {\n  type: \"event\",\n  icon: Zap,\n  color: \"orange\",\n  targetCanConnectTo: [...SERVICE, ...CHANNEL],\n  sourceCanConnectTo: [...SERVICE, ...CHANNEL],\n  validateConnection: (connection: Connection) => {\n    return connection.source !== connection.target;\n  },\n  getEdgeOptions: (connection: Connection) => {\n    if (\n      EVENT.includes(connection.source) &&\n      SERVICE.includes(connection.target)\n    ) {\n      return {\n        label: \"Publishes\",\n        markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n      };\n    }\n    return {\n      label: \"Subscribes\",\n      markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n    };\n  },\n  defaultData: {\n    name: \"New Event\",\n    version: \"0.0.1\",\n    summary: \"New event. Click edit to change the details.\",\n    mode: \"full\",\n  },\n  editor: {\n    title: \"Event\",\n    subtitle: \"Edit the details of the event\",\n    schema: {\n      type: \"object\",\n      required: [\"name\", \"version\"],\n      properties: {\n        name: {\n          type: \"string\",\n          title: \"Name\",\n          default: \"Random value\",\n          description:\n            \"The name of the event. Use a verb-noun format (e.g., OrderPlaced).\",\n        },\n        version: {\n          type: \"string\",\n          title: \"Version\",\n          default: \"1.0.0\",\n          description: \"The version number (e.g., 1.0.0)\",\n          pattern: \"^\\\\d+\\\\.\\\\d+\\\\.\\\\d+(?:-[\\\\w.-]+)?(?:\\\\+[\\\\w.-]+)?$\",\n        },\n        summary: {\n          type: \"string\",\n          title: \"Summary\",\n          default: \"\",\n          description: \"A brief summary of the event\",\n        },\n      },\n    },\n  },\n} as NodeConfiguration;\n","export const SERVICE = [\"service\", \"services\"];\nexport const AGENT = [\"agent\", \"agents\"];\nexport const AGENT_TOOL = [\"agentTool\", \"agent-tool\"];\nexport const EVENT = [\"event\", \"events\"];\nexport const QUERY = [\"queries\", \"query\", \"querie\"];\nexport const COMMAND = [\"command\", \"commands\"];\nexport const CHANNEL = [\"channel\", \"channels\"];\nexport const ACTOR = [\"actor\", \"actors\"];\nexport const DATA = [\"data\"];\nexport const VIEW = [\"view\"];\n\nexport const MESSAGE = [...EVENT, ...COMMAND, ...QUERY];\n","import { memo, useMemo } from \"react\";\nimport { Search } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { Message, EventCatalogResource } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { MethodBadge, ApiPath, StatusCodes } from \"../ApiInfo\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nconst GlowHandle = memo(function GlowHandle({\n  side,\n}: {\n  side: \"left\" | \"right\";\n}) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #22c55e, #15803d)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-query-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n});\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype QueryNodeData = EventCatalogResource & {\n  message: Message;\n};\n\nexport type QueryNode = Node<QueryNodeData, \"query\">;\n\nfunction PostItQuery(props: QueryNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props.data.message;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-green-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #bbf7d0 0%, #86efac 40%, #22c55e 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(34, 197, 94, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#16a34a transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Search className=\"w-3 h-3 text-green-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-green-900/50 uppercase tracking-widest\">\n              Query\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#22c55e\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated ? \"text-green-950/40 line-through\" : \"text-green-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {version && (\n          <div className=\"text-[9px] text-green-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-green-900/10 text-[9px] text-green-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultQuery(props: QueryNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    schema,\n    notes,\n    method,\n    path,\n    statusCodes,\n    styles,\n  } = props.data.message;\n  const mode = props.data.mode || \"simple\";\n  const hasApiInfo = !!(method || path);\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(props.data.message?.owners),\n    [props.data.message?.owners],\n  );\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-green-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-green-400\" : \"border-green-400/60\"}`\n            : \"border-green-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-query-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(34,197,94,0.25)\" : \"rgba(34,197,94,0.15)\"} 4px, ${isDark ? \"rgba(34,197,94,0.25)\" : \"rgba(34,197,94,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(34,197,94,0.25)\" : \"rgba(34,197,94,0.15)\"} 4px, ${isDark ? \"rgba(34,197,94,0.25)\" : \"rgba(34,197,94,0.15)\"} 4.5px), var(--ec-query-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-query-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(34, 197, 94, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-green-500\",\n          )}\n        >\n          <Search className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Query{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {/* Schema badge top-right */}\n      {schema && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-green-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {schema.includes(\".\") ? schema.split(\".\").pop() : schema}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* API method + path row */}\n        {hasApiInfo && (\n          <div className=\"flex items-center gap-1.5 mb-1 overflow-hidden min-w-0\">\n            {method && <MethodBadge method={method} />}\n            {path && <ApiPath path={path} />}\n          </div>\n        )}\n\n        {/* Name + version */}\n        {!hasApiInfo && (\n          <div className=\"flex items-center gap-2\">\n            {customIcon && (\n              <CustomIcon\n                src={customIcon}\n                alt={name}\n                className={\n                  mode === \"full\"\n                    ? \"w-5 h-5 shrink-0 mt-0.5\"\n                    : \"w-4 h-4 shrink-0 -my-1\"\n                }\n              />\n            )}\n            <div className=\"flex items-baseline gap-1 min-w-0\">\n              <TruncatedResourceName\n                value={name}\n                tooltipBorderColor=\"#22c55e\"\n                className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n              >\n                {name}\n              </TruncatedResourceName>\n              {version && (\n                <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                  (v{version})\n                </span>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Status codes */}\n        {statusCodes && statusCodes.length > 0 && (\n          <StatusCodes codes={statusCodes} />\n        )}\n\n        {/* Owners */}\n        <OwnerIndicator\n          owners={owners}\n          accentColor=\"bg-green-400\"\n          borderColor=\"rgba(34,197,94,0.08)\"\n          iconClass=\"text-green-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Query(props: QueryNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItQuery {...props} />;\n  }\n\n  return <DefaultQuery {...props} />;\n});\n","import { memo, useMemo } from \"react\";\nimport { MessageSquare } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { Message, EventCatalogResource } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { MethodBadge, ApiPath, StatusCodes } from \"../ApiInfo\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nconst GlowHandle = memo(function GlowHandle({\n  side,\n}: {\n  side: \"left\" | \"right\";\n}) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #3b82f6, #1d4ed8)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-command-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n});\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype CommandNodeData = EventCatalogResource & {\n  message: Message;\n};\n\nexport type CommandNode = Node<CommandNodeData, \"command\">;\n\nfunction PostItCommand(props: CommandNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props.data.message;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-blue-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #bfdbfe 0%, #93c5fd 40%, #3b82f6 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(59, 130, 246, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#1d4ed8 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <MessageSquare\n              className=\"w-3 h-3 text-blue-900/50\"\n              strokeWidth={2.5}\n            />\n            <span className=\"text-[8px] font-bold text-blue-900/50 uppercase tracking-widest\">\n              Command\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#3b82f6\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated ? \"text-blue-950/40 line-through\" : \"text-blue-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {version && (\n          <div className=\"text-[9px] text-blue-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-blue-900/10 text-[9px] text-blue-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultCommand(props: CommandNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    schema,\n    notes,\n    method,\n    path,\n    statusCodes,\n    styles,\n  } = props.data.message;\n  const mode = props.data.mode || \"simple\";\n  const hasApiInfo = !!(method || path);\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(props.data.message?.owners),\n    [props.data.message?.owners],\n  );\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-blue-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-blue-400\" : \"border-blue-400/60\"}`\n            : \"border-blue-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-command-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(59,130,246,0.25)\" : \"rgba(59,130,246,0.15)\"} 4px, ${isDark ? \"rgba(59,130,246,0.25)\" : \"rgba(59,130,246,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(59,130,246,0.25)\" : \"rgba(59,130,246,0.15)\"} 4px, ${isDark ? \"rgba(59,130,246,0.25)\" : \"rgba(59,130,246,0.15)\"} 4.5px), var(--ec-command-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-command-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(59, 130, 246, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-blue-500\",\n          )}\n        >\n          <MessageSquare className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Command{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {/* Schema badge top-right */}\n      {schema && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-blue-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {schema.includes(\".\") ? schema.split(\".\").pop() : schema}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* API method + path row */}\n        {hasApiInfo && (\n          <div className=\"flex items-center gap-1.5 mb-1 overflow-hidden min-w-0\">\n            {method && <MethodBadge method={method} />}\n            {path && <ApiPath path={path} />}\n          </div>\n        )}\n\n        {/* Name + version */}\n        {!hasApiInfo && (\n          <div className=\"flex items-center gap-2\">\n            {customIcon && (\n              <CustomIcon\n                src={customIcon}\n                alt={name}\n                className={\n                  mode === \"full\"\n                    ? \"w-5 h-5 shrink-0 mt-0.5\"\n                    : \"w-4 h-4 shrink-0 -my-1\"\n                }\n              />\n            )}\n            <div className=\"flex items-baseline gap-1 min-w-0\">\n              <TruncatedResourceName\n                value={name}\n                tooltipBorderColor=\"#3b82f6\"\n                className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n              >\n                {name}\n              </TruncatedResourceName>\n              {version && (\n                <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                  (v{version})\n                </span>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Status codes */}\n        {statusCodes && statusCodes.length > 0 && (\n          <StatusCodes codes={statusCodes} />\n        )}\n\n        {/* Owners */}\n        <OwnerIndicator\n          owners={owners}\n          accentColor=\"bg-blue-400\"\n          borderColor=\"rgba(59,130,246,0.08)\"\n          iconClass=\"text-blue-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Command(props: CommandNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItCommand {...props} />;\n  }\n\n  return <DefaultCommand {...props} />;\n});\n","import { ArrowRightLeft, Link } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource, Channel as ChannelType } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  EMPTY_ARRAY,\n  useDarkMode,\n} from \"../shared-styles\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nimport { memo, useMemo } from \"react\";\n\nconst DELIVERY_GUARANTEE_LABELS: Record<string, string> = {\n  \"at-most-once\": \"At most once\",\n  \"at-least-once\": \"At least once\",\n  \"exactly-once\": \"Exactly once\",\n};\n\nconst GUARANTEE_COLORS: Record<string, { hex: string; rgb: string }> = {\n  \"exactly-once\": { hex: \"#22d3ee\", rgb: \"34,211,238\" },\n  \"at-least-once\": { hex: \"#a78bfa\", rgb: \"167,139,250\" },\n  \"at-most-once\": { hex: \"#f87171\", rgb: \"248,113,113\" },\n};\n\nconst DEFAULT_GUARANTEE = { hex: \"#6b7280\", rgb: \"107,114,128\" };\n\nfunction getGuarantee(guarantee?: string) {\n  return (guarantee && GUARANTEE_COLORS[guarantee]) || DEFAULT_GUARANTEE;\n}\n\n/**\n * Delivery guarantee dot icon.\n * - exactly-once  → filled circle\n * - at-least-once → half-filled circle\n * - at-most-once  → hollow ring\n */\nfunction GuaranteeDot({\n  guarantee,\n  size = 6,\n}: {\n  guarantee: string;\n  size?: number;\n}) {\n  const { hex } = getGuarantee(guarantee);\n\n  if (guarantee === \"exactly-once\") {\n    return (\n      <span\n        className=\"shrink-0 rounded-full\"\n        style={{ width: size, height: size, background: hex }}\n      />\n    );\n  }\n\n  if (guarantee === \"at-least-once\") {\n    return (\n      <span\n        className=\"shrink-0 rounded-full overflow-hidden\"\n        style={{\n          width: size,\n          height: size,\n          background: `linear-gradient(90deg, ${hex} 50%, transparent 50%)`,\n          border: `1.5px solid ${hex}`,\n          boxSizing: \"border-box\",\n        }}\n      />\n    );\n  }\n\n  // at-most-once → hollow ring\n  return (\n    <span\n      className=\"shrink-0 rounded-full\"\n      style={{\n        width: size,\n        height: size,\n        border: `1.5px solid ${hex}`,\n        boxSizing: \"border-box\",\n      }}\n    />\n  );\n}\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #6b7280, #374151)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-channel-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\ntype ChannelNodeData = EventCatalogResource & {\n  channel: ChannelType;\n};\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport type ChannelNode = Node<ChannelNodeData, \"channel\">;\n\nfunction PostItChannel(props: ChannelNode) {\n  const { data } = props;\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    protocols = EMPTY_ARRAY,\n    notes,\n    deliveryGuarantee,\n    styles,\n  } = data.channel;\n  const mode = props.data.mode || \"simple\";\n  const guarantee = getGuarantee(deliveryGuarantee);\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-gray-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #e5e7eb 0%, #d1d5db 40%, #6b7280 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(107, 114, 128, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#374151 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        {/* Type badge row */}\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <ArrowRightLeft\n              className=\"w-3 h-3 text-gray-900/50\"\n              strokeWidth={2.5}\n            />\n            <span className=\"text-[8px] font-bold text-gray-900/50 uppercase tracking-widest\">\n              Channel\n            </span>\n          </div>\n          <div className=\"flex items-center gap-1\">\n            {draft && (\n              <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n                Draft\n              </span>\n            )}\n            {deprecated && (\n              <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n                Deprecated\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Name + version */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1.5 min-w-0\">\n            <TruncatedResourceName\n              as=\"div\"\n              value={name}\n              tooltipBorderColor=\"#6b7280\"\n              className={classNames(\n                \"text-[13px] font-bold leading-snug truncate\",\n                deprecated ? \"text-gray-950/40 line-through\" : \"text-gray-950\",\n              )}\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[9px] text-gray-900/30 font-medium shrink-0\">\n                v{version}\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1 text-[9px] text-gray-950/50 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Operational row: delivery guarantee + protocol pills */}\n        {(deliveryGuarantee || protocols?.[0]) && (\n          <div className=\"flex items-center gap-1 flex-wrap mt-2\">\n            {deliveryGuarantee && (\n              <span\n                className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-wide rounded-full px-1.5 py-0.5\"\n                style={{\n                  background: `rgba(${guarantee.rgb}, 0.12)`,\n                  color: guarantee.hex,\n                }}\n              >\n                <GuaranteeDot guarantee={deliveryGuarantee} size={5} />\n                {DELIVERY_GUARANTEE_LABELS[deliveryGuarantee] ||\n                  deliveryGuarantee}\n              </span>\n            )}\n            {protocols?.[0] && (\n              <span className=\"inline-flex items-center text-[7px] font-semibold text-gray-900/50 bg-gray-900/10 rounded-full px-1.5 py-0.5 uppercase tracking-wide\">\n                {protocols[0]}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultChannel(props: ChannelNode) {\n  const { data } = props;\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    protocols = EMPTY_ARRAY,\n    address,\n    notes,\n    deliveryGuarantee,\n    styles,\n  } = data.channel;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(data.channel?.owners),\n    [data.channel?.owners],\n  );\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n  const guarantee = getGuarantee(deliveryGuarantee);\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-gray-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-gray-400\" : \"border-gray-400/60\"}`\n            : isDark\n              ? \"border-gray-400\"\n              : \"border-gray-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-channel-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(107,114,128,0.25)\" : \"rgba(107,114,128,0.15)\"} 4px, ${isDark ? \"rgba(107,114,128,0.25)\" : \"rgba(107,114,128,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(107,114,128,0.25)\" : \"rgba(107,114,128,0.15)\"} 4px, ${isDark ? \"rgba(107,114,128,0.25)\" : \"rgba(107,114,128,0.15)\"} 4.5px), var(--ec-channel-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-channel-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(107, 114, 128, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-gray-500\",\n          )}\n        >\n          <ArrowRightLeft className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Channel{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {/* Protocol badge top-right — removed, now in operational row */}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name + version */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1.5 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor=\"#6b7280\"\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span\n                className=\"text-[9px] font-normal shrink-0\"\n                style={{\n                  color: \"rgb(var(--ec-page-text-muted))\",\n                  opacity: 0.5,\n                }}\n              >\n                v{version}\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={{ ...LINE_CLAMP_STYLE, marginBottom: 4 }}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Address */}\n        {mode === \"full\" && address && (\n          <div className=\"flex items-center gap-1 mt-1\">\n            <Link className=\"w-2.5 h-2.5 text-[rgb(var(--ec-page-text-muted))]\" />\n            <span className=\"text-[8px] text-[rgb(var(--ec-page-text-muted))] font-mono\">\n              {address}\n            </span>\n          </div>\n        )}\n\n        {/* Operational row: delivery guarantee + protocol pills */}\n        {(deliveryGuarantee || protocols?.[0]) && (\n          <div className=\"flex items-center gap-1 flex-wrap mt-2\">\n            {deliveryGuarantee && (\n              <span\n                className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-wide rounded-full px-1.5 py-0.5\"\n                style={{\n                  background: `rgba(${guarantee.rgb}, 0.08)`,\n                  color: guarantee.hex,\n                }}\n              >\n                <GuaranteeDot guarantee={deliveryGuarantee} size={5} />\n                {DELIVERY_GUARANTEE_LABELS[deliveryGuarantee] ||\n                  deliveryGuarantee}\n              </span>\n            )}\n            {protocols?.[0] && (\n              <span\n                className=\"inline-flex items-center text-[7px] font-semibold rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n                style={{\n                  background: isDark\n                    ? \"rgba(255,255,255,0.08)\"\n                    : \"rgba(107,114,128,0.1)\",\n                  color: \"rgb(var(--ec-page-text-muted))\",\n                }}\n              >\n                {protocols[0]}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Owners */}\n        <OwnerIndicator\n          owners={owners}\n          accentColor=\"bg-gray-400\"\n          borderColor=\"rgba(107,114,128,0.08)\"\n          iconClass=\"text-gray-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Channel(props: ChannelNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItChannel {...props} />;\n  }\n\n  return <DefaultChannel {...props} />;\n});\n","import { memo, useMemo } from \"react\";\nimport { Database } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource, Data as DataType } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  EMPTY_ARRAY,\n  useDarkMode,\n} from \"../shared-styles\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #6366f1, #4f46e5)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-data-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nconst CONTAINER_TYPE_LABELS: Record<string, string> = {\n  database: \"Database\",\n  cache: \"Cache\",\n  objectStore: \"Object Store\",\n  searchIndex: \"Search Index\",\n  dataWarehouse: \"Data Warehouse\",\n  dataLake: \"Data Lake\",\n  externalSaaS: \"External SaaS\",\n  other: \"Other\",\n};\n\nfunction getDataNodeTypeLabel(\n  containerType: string | undefined,\n  type: string | undefined,\n): string {\n  if (containerType) {\n    return CONTAINER_TYPE_LABELS[containerType] ?? containerType;\n  }\n  return type ?? \"Database\";\n}\n\ntype DataNodeData = EventCatalogResource & {\n  data: DataType;\n};\n\nexport type DataNode = Node<DataNodeData, \"data\">;\n\nfunction PostItData(props: DataNode) {\n  const {\n    version,\n    owners = EMPTY_ARRAY,\n    schemas = EMPTY_ARRAY,\n    name,\n    summary,\n    deprecated,\n    draft,\n    notes,\n    styles,\n  } = props.data.data;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-indigo-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {/* Inner wrapper with rotation */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #c7d2fe 0%, #a5b4fc 40%, #6366f1 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(99, 102, 241, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#4f46e5 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      {/* Content sits on top, unrotated */}\n      <div className=\"relative px-3.5 py-3\">\n        {/* Type label row */}\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Database\n              className=\"w-3 h-3 text-indigo-950/50\"\n              strokeWidth={2.5}\n            />\n            <span className=\"text-[8px] font-bold text-indigo-950/50 uppercase tracking-widest\">\n              Data\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        {/* Name */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#6366f1\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated\n                ? \"text-indigo-950/40 line-through\"\n                : \"text-indigo-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {/* Version */}\n        {version && (\n          <div className=\"text-[9px] text-indigo-950/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-indigo-950/10 text-[9px] text-indigo-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultData(props: DataNode) {\n  const {\n    version,\n    owners = EMPTY_ARRAY,\n    schemas = EMPTY_ARRAY,\n    name,\n    summary,\n    type,\n    container_type,\n    deprecated,\n    draft,\n    notes,\n    styles,\n  } = props.data.data;\n  const typeLabel = getDataNodeTypeLabel(container_type, type);\n\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const ownersNormalized = useMemo(() => normalizeOwners(owners), [owners]);\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-indigo-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-indigo-400\" : \"border-indigo-400/60\"}`\n            : \"border-indigo-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-data-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4.5px), var(--ec-data-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-data-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(99, 102, 241, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-indigo-500\",\n          )}\n        >\n          <Database className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Data{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {typeLabel && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-indigo-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {typeLabel}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name + version */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor=\"#6366f1\"\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                (v{version})\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Owners */}\n        <OwnerIndicator\n          owners={ownersNormalized}\n          accentColor=\"bg-indigo-400\"\n          borderColor=\"rgba(99,102,241,0.08)\"\n          iconClass=\"text-indigo-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Data(props: DataNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItData {...props} />;\n  }\n\n  return <DefaultData {...props} />;\n});\n","import { Connection, MarkerType } from \"@xyflow/react\";\nimport { Database } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\nimport { SERVICE, CHANNEL, ACTOR } from \"../node-types\";\n\nexport default {\n  type: \"data\",\n  icon: Database,\n  color: \"indigo\",\n  targetCanConnectTo: [...SERVICE, ...CHANNEL, \"external-system\", ...ACTOR],\n  sourceCanConnectTo: [...SERVICE, ...CHANNEL, \"external-system\", ...ACTOR],\n  validateConnection: (connection: Connection) => {\n    return connection.source !== connection.target;\n  },\n  getEdgeOptions: (connection: Connection) => {\n    if (connection.source === \"data\" && connection.target === \"service\") {\n      return {\n        label: \"Provides data to\",\n        markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n      };\n    }\n    if (connection.source === \"service\" && connection.target === \"data\") {\n      return {\n        label: \"Stores data in\",\n        markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n      };\n    }\n    return {\n      label: \"Connected to\",\n      markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n    };\n  },\n  defaultData: {\n    name: \"New Database\",\n    version: \"0.0.1\",\n    summary: \"New data store. Click edit to change the details.\",\n    type: \"Database\",\n    mode: \"full\",\n  },\n  editor: {\n    title: \"Data Store\",\n    subtitle: \"Edit the details of the data store\",\n    schema: {\n      type: \"object\",\n      required: [\"name\", \"version\"],\n      properties: {\n        name: {\n          type: \"string\",\n          title: \"Name\",\n          default: \"UserDatabase\",\n          description: \"The name of the data store\",\n        },\n        version: {\n          type: \"string\",\n          title: \"Version\",\n          default: \"1.0.0\",\n          description: \"The version number (e.g., 1.0.0)\",\n          pattern: \"^\\\\d+\\\\.\\\\d+\\\\.\\\\d+(?:-[\\\\w.-]+)?(?:\\\\+[\\\\w.-]+)?$\",\n        },\n        summary: {\n          type: \"string\",\n          title: \"Summary\",\n          default: \"\",\n          description: \"A brief summary of the data store\",\n        },\n        type: {\n          type: \"string\",\n          title: \"Type\",\n          default: \"Database\",\n          description: \"The type of data store (Database, Cache, Queue, etc.)\",\n          enum: [\n            \"Database\",\n            \"Cache\",\n            \"Queue\",\n            \"File System\",\n            \"Data Lake\",\n            \"Data Warehouse\",\n          ],\n        },\n      },\n    },\n  },\n} as NodeConfiguration;\n","import { memo } from \"react\";\nimport { MonitorIcon } from \"lucide-react\";\nimport { Node, Handle, Position } from \"@xyflow/react\";\nimport { EventCatalogResource, View as ViewType } from \"../../types\";\nimport {\n  NODE_WIDTH_STYLE,\n  ROTATED_LABEL_STYLE,\n  LINE_CLAMP_STYLE,\n} from \"../shared-styles\";\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype ViewNodeData = EventCatalogResource & {\n  view: ViewType;\n};\n\nexport type ViewNode = Node<ViewNodeData, \"view\">;\n\nexport default memo(function View(props: ViewNode) {\n  const { data: _data, selected } = props;\n  const { name, summary, screenshot } = props.data.view;\n\n  const mode = props.data.mode || \"simple\";\n\n  const nodeLabel = \"View\";\n\n  return (\n    <div\n      className={classNames(\n        \"rounded-md border flex justify-start bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] min-h-[100px] relative\",\n        selected\n          ? \"border-blue-600 ring-2 ring-blue-500 shadow-lg\"\n          : \"border-blue-400\",\n      )}\n      style={NODE_WIDTH_STYLE}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        className=\"!left-[-1px] !w-2.5 !h-2.5 !bg-blue-500 !border !border-blue-600 !rounded-full !z-10\"\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        className=\"!right-[-1px] !w-2.5 !h-2.5 !bg-blue-500 !border !border-blue-600 !rounded-full !z-10\"\n      />\n      <div\n        className={`bg-gradient-to-b from-blue-500 to-blue-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-blue-100 border-r-[1px] border-blue-500`}\n      >\n        <MonitorIcon\n          className={`w-4 h-4 opacity-90 text-white mt-1 ${mode === \"full\" ? \"mb-2\" : \"mb-1\"}`}\n        />\n        {mode === \"full\" && (\n          <span\n            className=\"text-center text-[8px] text-white font-bold uppercase mb-4\"\n            style={ROTATED_LABEL_STYLE}\n          >\n            {nodeLabel}\n          </span>\n        )}\n      </div>\n      <div className=\"p-1 flex-1\">\n        <div className=\"pb-1\">\n          <span className=\"text-xs font-bold block pt-0.5 pb-0.5\">{name}</span>\n          {mode === \"simple\" && (\n            <span className=\"text-[10px] text-[rgb(var(--ec-page-text-muted))] font-light block pt-0.5 pb-0.5\">\n              {nodeLabel}\n            </span>\n          )}\n        </div>\n        {summary && (\n          <div className=\"pb-1\">\n            <div\n              className=\"text-[8px] font-light text-[rgb(var(--ec-page-text-muted))] block leading-tight overflow-hidden\"\n              style={LINE_CLAMP_STYLE}\n              title={summary}\n            >\n              {summary}\n            </div>\n          </div>\n        )}\n        {screenshot && (\n          <div className=\"py-1\">\n            <img\n              src={screenshot}\n              alt={`${name} screenshot`}\n              className=\"w-full max-w-40 h-20 object-cover rounded border border-[rgb(var(--ec-page-border))]\"\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { User } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource, Note } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { HIDDEN_HANDLE_STYLE } from \"../OwnerIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #eab308, #a16207)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-actor-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype ActorNodeData = EventCatalogResource & {\n  name: string;\n  summary: string;\n  deprecated?: boolean;\n  draft?: boolean;\n  notes?: Note[];\n};\n\nexport type ActorNode = Node<ActorNodeData, \"actor\">;\n\nfunction PostItActor(props: ActorNode) {\n  const { name, summary, deprecated, draft, notes } = props?.data;\n  const mode = props?.data?.mode || \"simple\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-yellow-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #fef9c3 0%, #fde047 40%, #eab308 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(234, 179, 8, 0.5)\"\n              : \"none\",\n        }}\n      >\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#a16207 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <User className=\"w-3 h-3 text-yellow-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-yellow-900/50 uppercase tracking-widest\">\n              Actor\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <TruncatedResourceName\n          as=\"div\"\n          value={name}\n          tooltipBorderColor=\"#eab308\"\n          className={classNames(\n            \"text-[13px] font-bold leading-snug truncate\",\n            deprecated ? \"text-yellow-950/40 line-through\" : \"text-yellow-950\",\n          )}\n        >\n          {name}\n        </TruncatedResourceName>\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-yellow-900/10 text-[9px] text-yellow-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultActor(props: ActorNode) {\n  const { name, summary, deprecated, draft, notes } = props?.data;\n  const mode = props?.data?.mode || \"simple\";\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-yellow-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-yellow-400\" : \"border-yellow-400/60\"}`\n            : \"border-yellow-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-actor-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(234,179,8,0.25)\" : \"rgba(234,179,8,0.15)\"} 4px, ${isDark ? \"rgba(234,179,8,0.25)\" : \"rgba(234,179,8,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(234,179,8,0.25)\" : \"rgba(234,179,8,0.15)\"} 4px, ${isDark ? \"rgba(234,179,8,0.25)\" : \"rgba(234,179,8,0.15)\"} 4.5px), var(--ec-actor-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-actor-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(234, 179, 8, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Badge positioned outside top-left corner */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-yellow-500\",\n          )}\n        >\n          <User className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Actor{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name */}\n        <TruncatedResourceName\n          as=\"div\"\n          value={name}\n          tooltipBorderColor=\"#eab308\"\n          className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n        >\n          {name}\n        </TruncatedResourceName>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Actor(props: ActorNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItActor {...props} />;\n  }\n\n  return <DefaultActor {...props} />;\n});\n","import { Connection, MarkerType } from \"@xyflow/react\";\nimport { User } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\nimport { SERVICE, MESSAGE, CHANNEL } from \"../node-types\";\n\nexport default {\n  type: \"actor\",\n  icon: User,\n  color: \"yellow\",\n  targetCanConnectTo: [\n    ...SERVICE,\n    ...MESSAGE,\n    ...CHANNEL,\n    \"external-system\",\n    \"view\",\n  ],\n  sourceCanConnectTo: [\n    ...SERVICE,\n    ...MESSAGE,\n    ...CHANNEL,\n    \"external-system\",\n    \"view\",\n  ],\n  validateConnection: (connection: Connection) => {\n    return connection.source !== connection.target;\n  },\n  getEdgeOptions: (_connection: Connection) => {\n    return {\n      label: \"Interacts\",\n      markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n    };\n  },\n  defaultData: {\n    name: \"New Actor\",\n    summary:\n      \"A person or user in the system. Click edit to change the details.\",\n    mode: \"full\",\n  },\n  editor: {\n    title: \"Actor\",\n    subtitle: \"Edit the details of the actor\",\n    schema: {\n      type: \"object\",\n      required: [\"name\"],\n      properties: {\n        name: {\n          type: \"string\",\n          title: \"Name\",\n          default: \"New Actor\",\n          description: \"The name of the actor (person/user)\",\n        },\n        summary: {\n          type: \"string\",\n          title: \"Description\",\n          default: \"\",\n          description: \"A brief description of the actor\",\n        },\n      },\n    },\n  },\n} as NodeConfiguration;\n","import { memo } from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\nimport { User } from \"lucide-react\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface Data {\n  name: string;\n}\n\n/**\n * An actor (person/role) on the System Diagram.\n *\n * Deliberately styled differently from the boxy resource nodes: a soft, pill-ish\n * card with the actor icon in a circular badge centered at the top and the actor\n * name centered below. This reads as \"a person\", not \"a system\", at a glance.\n */\nexport default memo(function ContextActorNode({ data }: any) {\n  const { name } = data as Data;\n\n  return (\n    <div\n      className=\"relative flex w-44 flex-col items-center rounded-2xl border-2 border-yellow-500 bg-[var(--ec-actor-node-bg,rgb(var(--ec-card-bg)))] px-3 pb-3 pt-5\"\n      style={{ boxShadow: \"0 2px 12px rgba(234, 179, 8, 0.15)\" }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n\n      {/* Icon badge — centered, straddling the top border like an avatar */}\n      <div className=\"absolute -top-4 left-1/2 -translate-x-1/2\">\n        <div className=\"flex h-8 w-8 items-center justify-center rounded-full border-2 border-yellow-500 bg-[rgb(var(--ec-card-bg))] shadow-sm\">\n          <User className=\"h-4 w-4 text-yellow-500\" strokeWidth={2} />\n        </div>\n      </div>\n\n      <TruncatedResourceName\n        as=\"div\"\n        value={name}\n        className=\"mt-1 max-w-full text-center text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n      >\n        {name}\n      </TruncatedResourceName>\n\n      <span className=\"mt-0.5 text-[8px] font-bold uppercase tracking-widest text-yellow-600 dark:text-yellow-400\">\n        Actor\n      </span>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport type { NodeProps } from \"@xyflow/react\";\nimport { Group as GroupIcon } from \"lucide-react\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nexport type SystemGroupNodeData = {\n  system: {\n    name: string;\n    version?: string;\n  };\n};\n\n/**\n * A boundary box wrapping all of a system's nodes on the System Diagram, so the\n * services / data stores / messages inside visibly belong to one parent system.\n *\n * Sized + positioned by the node-graph (it wraps the laid-out children); this\n * component only renders the chrome — a rounded violet box with a header banner\n * carrying the system name + icon.\n */\nconst CONTAINER_STYLE = {\n  width: \"100%\",\n  height: \"100%\",\n  borderRadius: 14,\n  border: \"2px solid var(--ec-system-group-border, #c4b5fd)\",\n  // Slightly gray, translucent body so the grouped children read as \"inside\".\n  backgroundColor: \"var(--ec-system-group-bg, rgba(100, 116, 139, 0.06))\",\n  position: \"relative\" as const,\n  overflow: \"visible\" as const,\n  boxShadow: \"0 2px 16px rgba(139, 92, 246, 0.10)\",\n} as const;\n\nconst HEADER_STYLE = {\n  position: \"absolute\" as const,\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 48,\n  borderTopLeftRadius: 12,\n  borderTopRightRadius: 12,\n  // Faint violet wash on the header, separated from the body by a hairline.\n  background: \"var(--ec-system-group-header-bg, rgba(139, 92, 246, 0.05))\",\n  borderBottom: \"1px solid var(--ec-system-group-border, #c4b5fd)\",\n  display: \"flex\",\n  alignItems: \"center\" as const,\n  padding: \"0 16px\",\n  overflow: \"visible\" as const,\n} as const;\n\n// Floating \"SYSTEM\" badge on the top-left border — mirrors the System node badge.\nconst BADGE_STYLE = {\n  position: \"absolute\" as const,\n  top: -11,\n  left: 14,\n  display: \"inline-flex\",\n  alignItems: \"center\" as const,\n  gap: 4,\n  fontSize: 8,\n  fontWeight: 700,\n  letterSpacing: \"0.12em\",\n  textTransform: \"uppercase\" as const,\n  color: \"white\",\n  background: \"#8b5cf6\",\n  padding: \"2px 7px\",\n  borderRadius: 5,\n  boxShadow: \"0 1px 2px rgba(0,0,0,0.12)\",\n  zIndex: 10,\n} as const;\n\nconst NAME_STYLE = {\n  fontSize: 14,\n  fontWeight: 700,\n  color: \"var(--ec-system-group-text, #5b21b6)\",\n  whiteSpace: \"nowrap\" as const,\n} as const;\n\nconst VERSION_STYLE = {\n  fontSize: 10,\n  fontWeight: 500,\n  color: \"#a78bfa\",\n  marginLeft: 6,\n} as const;\n\nexport default memo(function SystemGroupNode({ data }: NodeProps) {\n  const { system } = data as unknown as SystemGroupNodeData;\n\n  return (\n    <div style={CONTAINER_STYLE}>\n      {/* Floating type badge, styled like the System node's badge */}\n      <span style={BADGE_STYLE}>\n        <GroupIcon size={10} strokeWidth={2.5} />\n        System\n      </span>\n\n      {/* Header banner carrying the system name */}\n      <div style={HEADER_STYLE}>\n        <TruncatedResourceName\n          value={system?.name || \"System\"}\n          tooltipBorderColor=\"#8b5cf6\"\n          className=\"truncate\"\n          style={NAME_STYLE}\n        >\n          {system?.name || \"System\"}\n        </TruncatedResourceName>\n        {system?.version && (\n          <span style={VERSION_STYLE}>v{system.version}</span>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Globe } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport {\n  EventCatalogResource,\n  ExternalSystem as ExternalSystemType,\n} from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { HIDDEN_HANDLE_STYLE } from \"../OwnerIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #a855f7, #7e22ce)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-external-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype ExternalSystemNodeData = EventCatalogResource & {\n  externalSystem: ExternalSystemType & {\n    deprecated?: boolean;\n    draft?: boolean;\n  };\n};\n\nexport type ExternalSystemNode = Node<\n  ExternalSystemNodeData,\n  \"external-system\"\n>;\n\nfunction PostItExternalSystem(props: ExternalSystemNode) {\n  const { version, name, summary, deprecated, draft, notes } =\n    props.data.externalSystem;\n  const mode = props.data.mode || \"simple\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-purple-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #e9d5ff 0%, #c084fc 40%, #a855f7 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(168, 85, 247, 0.5)\"\n              : \"none\",\n        }}\n      >\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#7e22ce transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Globe className=\"w-3 h-3 text-purple-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-purple-900/50 uppercase tracking-widest\">\n              External\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <TruncatedResourceName\n          as=\"div\"\n          value={name}\n          tooltipBorderColor=\"#a855f7\"\n          className={classNames(\n            \"text-[13px] font-bold leading-snug truncate\",\n            deprecated ? \"text-purple-950/40 line-through\" : \"text-purple-950\",\n          )}\n        >\n          {name}\n        </TruncatedResourceName>\n\n        {version && (\n          <div className=\"text-[9px] text-purple-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-purple-900/10 text-[9px] text-purple-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultExternalSystem(props: ExternalSystemNode) {\n  const { version, name, summary, deprecated, draft, notes } =\n    props.data.externalSystem;\n  const mode = props.data.mode || \"simple\";\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-purple-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-purple-400\" : \"border-purple-400/60\"}`\n            : \"border-purple-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-external-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(168,85,247,0.25)\" : \"rgba(168,85,247,0.15)\"} 4px, ${isDark ? \"rgba(168,85,247,0.25)\" : \"rgba(168,85,247,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(168,85,247,0.25)\" : \"rgba(168,85,247,0.15)\"} 4px, ${isDark ? \"rgba(168,85,247,0.25)\" : \"rgba(168,85,247,0.15)\"} 4.5px), var(--ec-external-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-external-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(168, 85, 247, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Badge positioned outside top-left corner */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-purple-500\",\n          )}\n        >\n          <Globe className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          External System{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name + version */}\n        <div className=\"flex items-baseline gap-1 min-w-0\">\n          <TruncatedResourceName\n            value={name}\n            tooltipBorderColor=\"#a855f7\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {name}\n          </TruncatedResourceName>\n          {version && (\n            <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n              (v{version})\n            </span>\n          )}\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function ExternalSystem(props: ExternalSystemNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItExternalSystem {...props} />;\n  }\n\n  return <DefaultExternalSystem {...props} />;\n});\n","import { Connection, MarkerType } from \"@xyflow/react\";\nimport { Globe } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\nimport { SERVICE, CHANNEL, ACTOR, MESSAGE } from \"../node-types\";\n\nexport default {\n  type: \"external-system\",\n  icon: Globe,\n  color: \"pink\",\n  targetCanConnectTo: [...SERVICE, ...CHANNEL, ...MESSAGE, ...ACTOR],\n  sourceCanConnectTo: [...SERVICE, ...CHANNEL, ...MESSAGE, ...ACTOR],\n  validateConnection: (connection: Connection) => {\n    return connection.source !== connection.target;\n  },\n  getEdgeOptions: (connection: Connection) => {\n    return {\n      label: \"Connects\",\n      markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n    };\n  },\n  defaultData: {\n    mode: \"full\",\n    externalSystem: {\n      id: \"1\",\n      name: \"New External System\",\n      version: \"0.0.1\",\n      summary: \"New external system. Click edit to change the details.\",\n    },\n  },\n  editor: {\n    title: \"External System\",\n    subtitle: \"Edit the details of the external system\",\n    schema: {\n      type: \"object\",\n      required: [\"externalSystem\", \"mode\"],\n      properties: {\n        externalSystem: {\n          type: \"object\",\n          required: [\"name\", \"version\"],\n          properties: {\n            name: {\n              type: \"string\",\n              title: \"Name\",\n              default: \"Random value\",\n              description: \"The name of the external system\",\n            },\n            version: {\n              type: \"string\",\n              title: \"Version\",\n              default: \"1.0.0\",\n              description: \"The version number (e.g., 1.0.0)\",\n              pattern: \"^\\\\d+\\\\.\\\\d+\\\\.\\\\d+(?:-[\\\\w.-]+)?(?:\\\\+[\\\\w.-]+)?$\",\n            },\n            summary: {\n              type: \"string\",\n              title: \"Summary\",\n              default: \"\",\n              description: \"A brief summary of the external system\",\n            },\n          },\n        },\n      },\n    },\n  },\n} as NodeConfiguration;\n","import { Node, Handle, Position } from \"@xyflow/react\";\nimport React, { memo, useState, useEffect, useRef, useCallback } from \"react\";\nimport { FULL_SIZE_STYLE } from \"../shared-styles\";\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\n// Define the data structure for our NoteNode\nexport type NoteNodeData = {\n  id: string;\n  text: string;\n  color?: string;\n  readOnly?: boolean;\n};\n\n// Define the NoteNode type for React Flow\nexport type NoteNode = Node<NoteNodeData, \"note\">;\n\nexport interface NoteNodeProps extends NoteNode {\n  onTextChange?: (id: string, text: string) => void;\n  onColorChange?: (id: string, color: string) => void;\n  showResizer?: boolean;\n  readOnly?: boolean;\n}\n\nconst AVAILABLE_COLORS = {\n  yellow: {\n    bg: \"bg-gradient-to-br from-yellow-200 to-yellow-300\",\n    border: \"border-yellow-400\",\n    text: \"text-yellow-900\",\n    placeholder: \"placeholder-yellow-600\",\n    selectedRing: \"ring-yellow-500\",\n    tooltipBorderColor: \"#facc15\",\n  },\n  blue: {\n    bg: \"bg-blue-200\",\n    border: \"border-blue-400\",\n    text: \"text-blue-900\",\n    placeholder: \"placeholder-blue-600\",\n    selectedRing: \"ring-blue-500\",\n    tooltipBorderColor: \"#60a5fa\",\n  },\n  green: {\n    bg: \"bg-green-200\",\n    border: \"border-green-400\",\n    text: \"text-green-900\",\n    placeholder: \"placeholder-green-600\",\n    selectedRing: \"ring-green-500\",\n    tooltipBorderColor: \"#4ade80\",\n  },\n  pink: {\n    bg: \"bg-pink-200\",\n    border: \"border-pink-400\",\n    text: \"text-pink-900\",\n    placeholder: \"placeholder-pink-600\",\n    selectedRing: \"ring-pink-500\",\n    tooltipBorderColor: \"#f472b6\",\n  },\n  purple: {\n    bg: \"bg-purple-200\",\n    border: \"border-purple-400\",\n    text: \"text-purple-900\",\n    placeholder: \"placeholder-purple-600\",\n    selectedRing: \"ring-purple-500\",\n    tooltipBorderColor: \"#c084fc\",\n  },\n  gray: {\n    bg: \"bg-gray-200\",\n    border: \"border-gray-400\",\n    text: \"text-gray-900\",\n    placeholder: \"placeholder-gray-600\",\n    selectedRing: \"ring-gray-500\",\n    tooltipBorderColor: \"#9ca3af\",\n  },\n} as const;\n\ntype ColorName = keyof typeof AVAILABLE_COLORS;\n\nconst POSITION_RELATIVE_STYLE = { position: \"relative\" } as const;\nconst TEXTAREA_STYLE = { height: \"100%\", minHeight: 0 } as const;\n\nexport default memo(function NoteNodeComponent({\n  id,\n  data,\n  selected,\n  onTextChange,\n  onColorChange,\n  readOnly = false,\n}: NoteNodeProps) {\n  const [isEditing, setIsEditing] = useState(false);\n  const [currentText, setCurrentText] = useState(\n    data.text || \"Double-click to edit...\",\n  );\n  const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const displayRef = useRef<HTMLDivElement>(null);\n\n  const currentColorName = (data.color as ColorName) || \"yellow\";\n  const colorClasses =\n    AVAILABLE_COLORS[currentColorName] || AVAILABLE_COLORS.yellow;\n\n  // Simple markdown-like text formatting\n  const formatText = (text: string) => {\n    return (\n      text\n        // Headers\n        .replace(\n          /^### (.*$)/gim,\n          '<h3 class=\"text-xs font-medium mb-1\">$1</h3>',\n        )\n        .replace(\n          /^## (.*$)/gim,\n          '<h2 class=\"text-xs font-semibold mb-1\">$1</h2>',\n        )\n        .replace(/^# (.*$)/gim, '<h1 class=\"text-sm font-bold mb-1\">$1</h1>')\n        // Bold\n        .replace(/\\*\\*(.*?)\\*\\*/gim, '<strong class=\"font-bold\">$1</strong>')\n        // Italic\n        .replace(/\\*(.*?)\\*/gim, '<em class=\"italic\">$1</em>')\n        // Inline code\n        .replace(\n          /`(.*?)`/gim,\n          '<code class=\"bg-gray-200 px-1 rounded text-[9px] font-mono\">$1</code>',\n        )\n        // Simple lists\n        .replace(/^• (.*$)/gim, '<li class=\"text-[10px] ml-3\">• $1</li>')\n        .replace(/^- (.*$)/gim, '<li class=\"text-[10px] ml-3\">• $1</li>')\n        // Line breaks\n        .replace(/\\n/g, \"<br>\")\n    );\n  };\n\n  useEffect(() => {\n    // Update internal state if data.text changes from props (e.g. undo/redo, initial load)\n    setCurrentText(data.text || \"Double-click to edit...\");\n  }, [data.text]);\n\n  useEffect(() => {\n    if (isEditing && textAreaRef.current) {\n      textAreaRef.current.focus();\n      // Select all text when starting to edit for quicker replacement\n      textAreaRef.current.select();\n    }\n  }, [isEditing]);\n\n  useEffect(() => {\n    const element = displayRef.current;\n    if (!element || isEditing) return;\n\n    const updateOverflow = () => {\n      setIsTextOverflowing(element.scrollHeight > element.clientHeight);\n    };\n\n    updateOverflow();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      window.addEventListener(\"resize\", updateOverflow);\n      return () => window.removeEventListener(\"resize\", updateOverflow);\n    }\n\n    const observer = new ResizeObserver(updateOverflow);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [currentText, isEditing]);\n\n  const handleDoubleClick = useCallback(() => {\n    if (!readOnly) {\n      setIsEditing(true);\n    }\n  }, [readOnly]);\n\n  const handleTextChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCurrentText(event.target.value);\n    },\n    [],\n  );\n\n  const handleBlur = useCallback(() => {\n    setIsEditing(false);\n    // Only update if the text has actually changed from what's in data\n    // or if data.text was initially undefined/empty and now has content.\n    if (currentText !== data.text && onTextChange) {\n      onTextChange(id, currentText);\n    }\n  }, [currentText, data.text, id, onTextChange]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\" && !event.shiftKey) {\n        event.preventDefault(); // Prevent newline on Enter\n        handleBlur(); // Save and exit edit mode\n      }\n      // Allow Shift+Enter for newlines by default textarea behavior\n      if (event.key === \"Escape\") {\n        setIsEditing(false);\n        // Revert to original text from data on Escape\n        setCurrentText(data.text || \"Double-click to edit...\");\n      }\n    },\n    [handleBlur, data.text],\n  );\n\n  const handleColorChange = useCallback(\n    (newColor: ColorName) => {\n      if (onColorChange) {\n        onColorChange(id, newColor);\n      }\n    },\n    [id, onColorChange],\n  );\n\n  return (\n    <div className=\"relative group\" style={FULL_SIZE_STYLE}>\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        className=\"!left-[-1px] !w-2 !h-2 !bg-gray-400 !border !border-gray-500 !rounded-full !z-10\"\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        className=\"!right-[-1px] !w-2 !h-2 !bg-gray-400 !border !border-gray-500 !rounded-full !z-10\"\n      />\n      {selected && !isEditing && !readOnly && (\n        <div className=\"absolute -top-10 left-1/2 transform -translate-x-1/2 flex space-x-1 p-1 bg-[rgb(var(--ec-card-bg))] rounded-md shadow-lg border border-[rgb(var(--ec-page-border))] z-20\">\n          {Object.keys(AVAILABLE_COLORS).map((colorKey) => (\n            <button\n              key={colorKey}\n              onClick={() => handleColorChange(colorKey as ColorName)}\n              className={classNames(\n                \"w-6 h-6 rounded-full border-2\",\n                AVAILABLE_COLORS[colorKey as ColorName].bg,\n                AVAILABLE_COLORS[colorKey as ColorName].border,\n                currentColorName === colorKey\n                  ? \"ring-2 ring-offset-1 \" +\n                      AVAILABLE_COLORS[colorKey as ColorName].selectedRing\n                  : \"\",\n              )}\n              title={colorKey.charAt(0).toUpperCase() + colorKey.slice(1)}\n            />\n          ))}\n        </div>\n      )}\n      <div\n        onDoubleClick={handleDoubleClick}\n        className={classNames(\n          \"w-full h-full rounded-lg border p-3 flex flex-col min-w-[150px] min-h-[150px] relative\",\n          colorClasses.bg,\n          colorClasses.border,\n          colorClasses.text,\n          \"prose prose-sm max-w-full\",\n          selected\n            ? `border-blue-600 ring-2 ${colorClasses.selectedRing} shadow-xl`\n            : \"shadow-md hover:shadow-lg\",\n          currentColorName === \"yellow\"\n            ? \"shadow-yellow-300/50 shadow-lg transform rotate-0.5\"\n            : \"\",\n        )}\n        style={POSITION_RELATIVE_STYLE}\n      >\n        {isEditing ? (\n          <textarea\n            ref={textAreaRef}\n            value={currentText}\n            onChange={handleTextChange}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            className={classNames(\n              \"w-full flex-1 bg-transparent border-none outline-none resize-none text-[10px] p-0 m-0\",\n              colorClasses.text,\n              colorClasses.placeholder,\n            )}\n            style={TEXTAREA_STYLE}\n            placeholder=\"Enter text...\"\n          />\n        ) : (\n          <>\n            <div\n              ref={displayRef}\n              className=\"whitespace-pre-wrap break-words w-full h-full overflow-y-auto custom-scrollbar text-[10px]\"\n              dangerouslySetInnerHTML={{\n                __html: formatText(currentText),\n              }}\n            />\n            {isTextOverflowing && (\n              <div\n                className=\"pointer-events-none absolute left-1/2 bottom-full z-[9999] mb-4 hidden w-max max-w-[320px] -translate-x-1/2 rounded-md border bg-slate-950 px-2.5 py-1.5 text-[11px] font-medium leading-snug text-white shadow-lg group-hover:block\"\n                style={{ borderColor: colorClasses.tooltipBorderColor }}\n              >\n                <span className=\"block whitespace-pre-wrap break-words\">\n                  {currentText}\n                </span>\n                <span\n                  className=\"absolute left-1/2 top-full h-2 w-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r bg-slate-950\"\n                  style={{\n                    borderBottomColor: colorClasses.tooltipBorderColor,\n                    borderRightColor: colorClasses.tooltipBorderColor,\n                  }}\n                />\n              </div>\n            )}\n          </>\n        )}\n\n        {/* PostIt folded corner effect */}\n        {currentColorName === \"yellow\" && (\n          <div className=\"absolute top-0 right-0 w-4 h-4\">\n            <div className=\"absolute top-0 right-0 w-0 h-0 border-l-[16px] border-b-[16px] border-l-transparent border-b-yellow-400/30 rounded-br-lg\"></div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Database } from \"lucide-react\";\nimport { HIDDEN_HANDLE_STYLE } from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { useDarkMode } from \"../shared-styles\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #06b6d4, #0891b2)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\" as const,\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype FieldNodeData = {\n  name: string;\n  type?: string;\n  mode?: \"simple\" | \"full\";\n};\n\nexport type FieldNode = Node<FieldNodeData, \"field\">;\n\nexport default memo(function Field(props: FieldNode) {\n  const { name, type: fieldType } = props.data;\n  const mode = props.data.mode || \"simple\";\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-cyan-400/60 ring-offset-2\" : \"\",\n        \"border-cyan-500\",\n      )}\n      style={{\n        background: \"var(--ec-field-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(6, 182, 212, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-cyan-600\">\n          <Database className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Field\n        </span>\n      </div>\n\n      {/* Field type badge top-right */}\n      {fieldType && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-cyan-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {fieldType}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name */}\n        <div className=\"flex items-baseline gap-1\">\n          <span className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))]\">\n            {name}\n          </span>\n        </div>\n\n        {/* Type info in full mode */}\n        {mode === \"full\" && fieldType && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed\"\n            title={`Type: ${fieldType}`}\n          >\n            Type: {fieldType}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { MarkerType } from \"@xyflow/react\";\nimport { Database } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\n\nexport default {\n  type: \"field\",\n  icon: Database,\n  color: \"cyan\",\n  targetCanConnectTo: [],\n  sourceCanConnectTo: [],\n  validateConnection: () => false,\n  getEdgeOptions: () => ({\n    label: \"contains\",\n    markerEnd: { type: MarkerType.ArrowClosed, color: \"#06b6d4\" },\n  }),\n  defaultData: { name: \"New Field\", type: \"string\", mode: \"full\" },\n  editor: {\n    title: \"Field\",\n    subtitle: \"Schema field\",\n    schema: {\n      type: \"object\",\n      required: [\"name\"],\n      properties: {\n        name: { type: \"string\", title: \"Field Path\" },\n        type: { type: \"string\", title: \"Type\" },\n      },\n    },\n  },\n} as NodeConfiguration;\n","import { memo, useMemo } from \"react\";\nimport { Handle } from \"@xyflow/react\";\nimport { Maximize2 } from \"lucide-react\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport { buildUrl } from \"../utils/url-builder\";\nimport { getIcon } from \"../utils/badges\";\nimport {\n  NODE_WIDTH_STYLE,\n  ROTATED_LABEL_STYLE,\n  TINY_FONT_STYLE,\n  EMPTY_ARRAY,\n} from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface FlowData {\n  id: string;\n  version: string;\n  name: string;\n  summary?: string;\n  owners?: string[];\n  sidebar?: {\n    badge?: string;\n  };\n  styles?: {\n    backgroundColor?: string;\n    borderColor?: string;\n    icon?: string;\n    node?: {\n      color?: string;\n      label?: string;\n    };\n  };\n}\n\ninterface Data {\n  label: string;\n  bgColor: string;\n  color: string;\n  mode: \"simple\" | \"full\";\n  flow: {\n    data: FlowData;\n  };\n  showTarget?: boolean;\n  showSource?: boolean;\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport default memo(function FlowNode({\n  data,\n  sourcePosition,\n  targetPosition,\n}: any) {\n  const { mode, flow } = data as Data;\n  const canExpand =\n    Array.isArray((data as any)?.expandedNodes) &&\n    (data as any).expandedNodes.length > 0;\n\n  const { id, version, owners = EMPTY_ARRAY, name, styles } = flow.data;\n  const { node: { color = \"teal\", label } = {}, icon = \"QueueListIcon\" } =\n    styles || {};\n\n  const Icon = useMemo(() => getIcon(icon), [icon]);\n  const portalContainer = usePortalContainer();\n  const nodeLabel = label || flow?.data?.sidebar?.badge || \"Flow\";\n  const fontSize = nodeLabel.length > 10 ? \"7px\" : \"9px\";\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>\n        <div\n          className=\"relative\"\n          style={{ isolation: \"isolate\", ...NODE_WIDTH_STYLE }}\n        >\n          {/* Stacked shadow layers behind the card signal a sub-flow the user can expand. */}\n          {canExpand && (\n            <>\n              <div\n                className={`absolute inset-0 rounded-md border border-${color}-400 bg-[rgb(var(--ec-card-bg))]`}\n                style={{ transform: \"translate(6px, 6px)\", opacity: 0.5 }}\n                aria-hidden\n              />\n              <div\n                className={`absolute inset-0 rounded-md border border-${color}-400 bg-[rgb(var(--ec-card-bg))]`}\n                style={{ transform: \"translate(3px, 3px)\", opacity: 0.7 }}\n                aria-hidden\n              />\n            </>\n          )}\n          <div\n            className={classNames(\n              `relative rounded-md border flex justify-start bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] border-${color}-400`,\n            )}\n            style={NODE_WIDTH_STYLE}\n          >\n            <div\n              className={classNames(\n                `bg-gradient-to-b from-${color}-500 to-${color}-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-${color}-100`,\n                `border-r-[1px] border-${color}-500`,\n              )}\n            >\n              {Icon && <Icon className=\"w-4 h-4 opacity-90 text-white mt-1\" />}\n              {mode === \"full\" && (\n                <span\n                  className={`text-center text-[${fontSize}] text-white font-bold uppercase mb-4`}\n                  style={ROTATED_LABEL_STYLE}\n                >\n                  {nodeLabel}\n                </span>\n              )}\n            </div>\n            <div className=\"p-1 flex-1 min-w-0\">\n              {targetPosition && (\n                <Handle type=\"target\" position={targetPosition} />\n              )}\n              {sourcePosition && (\n                <Handle type=\"source\" position={sourcePosition} />\n              )}\n              <div\n                className={classNames(\n                  mode === \"full\"\n                    ? `border-b border-[rgb(var(--ec-page-border))]`\n                    : \"\",\n                )}\n              >\n                <TruncatedResourceName\n                  as=\"div\"\n                  value={name}\n                  tooltipBorderColor=\"#14b8a6\"\n                  className=\"text-xs font-bold truncate pt-0.5 pb-0.5\"\n                >\n                  {name}\n                </TruncatedResourceName>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-[10px] font-light block pt-0.5 pb-0.5 \">\n                    v{version}\n                  </span>\n                  {mode === \"simple\" && (\n                    <span className=\"text-[10px] text-[rgb(var(--ec-page-text-muted))] font-light block pt-0.5 pb-0.5 \">\n                      {nodeLabel}\n                    </span>\n                  )}\n                </div>\n              </div>\n              {mode === \"full\" && (\n                <div className=\"divide-y divide-[rgb(var(--ec-page-border))] \">\n                  <div className=\"leading-3 py-1\">\n                    <span className=\"text-[8px] font-light\">\n                      {flow.data.summary}\n                    </span>\n                  </div>\n\n                  <div className=\"grid grid-cols-2 gap-x-4 py-1\">\n                    <span className=\"text-xs\" style={TINY_FONT_STYLE}>\n                      Owners: {owners.length}\n                    </span>\n                  </div>\n                </div>\n              )}\n              {canExpand && (\n                <div className=\"mt-1 flex items-center gap-1 text-[8px] text-[rgb(var(--ec-page-text-muted))]\">\n                  <Maximize2 className=\"w-2.5 h-2.5\" />\n                  Click to explore\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </ContextMenu.Trigger>\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Content className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\">\n          <ContextMenu.Item\n            asChild\n            className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center\"\n          >\n            <a href={buildUrl(`/docs/flows/${id}/${version}`)}>\n              Read documentation\n            </a>\n          </ContextMenu.Item>\n          <ContextMenu.Item\n            asChild\n            className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center\"\n          >\n            <a href={buildUrl(`/visualiser/flows/${id}/${version}`)}>\n              Focus node\n            </a>\n          </ContextMenu.Item>\n          <ContextMenu.Separator className=\"h-[1px] bg-[rgb(var(--ec-page-border))] m-1\" />\n          <ContextMenu.Item asChild>\n            <a\n              href={buildUrl(`/docs/flows/${id}/${version}/changelog`)}\n              className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Read changelog\n            </a>\n          </ContextMenu.Item>\n        </ContextMenu.Content>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n","import * as HeroIcons from \"@heroicons/react/24/outline\";\nimport { getIconForProtocol } from \"./protocols\";\n\nexport function getIcon(iconName: string): React.ComponentType<any> | null {\n  // Try protocol icons first\n  const entry = getIconForProtocol(iconName);\n  if (entry) return entry.component;\n\n  // Fall back to HeroIcons\n  const heroIcon = HeroIcons[iconName as keyof typeof HeroIcons];\n  return heroIcon || null;\n}\n","import { Server, Radio, Wifi, Network, Globe, Cloud } from \"lucide-react\";\n\n// AWS Architecture Icons (from official AWS icon set)\n// Source: https://github.com/boyney123/awsicons (MIT)\nfunction AwsEventBridge({ className }: { className?: string }) {\n  return (\n    <svg viewBox=\"0 0 40 40\" className={className}>\n      <defs>\n        <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\" id=\"eb-g\">\n          <stop stopColor=\"#B0084D\" offset=\"0%\" />\n          <stop stopColor=\"#FF4F8B\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <rect width=\"40\" height=\"40\" rx=\"4\" fill=\"url(#eb-g)\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M11.056 28.594a2.09 2.09 0 01-2.08-2.096 2.09 2.09 0 012.08-2.095c1.146 0 2.08.94 2.08 2.095a2.09 2.09 0 01-2.08 2.096zm1.857.363a3.093 3.093 0 001.223-2.459c0-1.711-1.382-3.103-3.08-3.103-.42 0-.817.086-1.181.24l-1.799-3.139 2.362-4.122-.865-.504-2.506 4.375a.504.504 0 000 .503l1.966 3.43a3.09 3.09 0 00-1.056 2.32c0 1.712 1.38 3.104 3.079 3.104.342 0 .665-.07.973-.174l1.531 2.844a.5.5 0 00.44.263h5.5v-1.008h-5.203l-1.385-2.57zM29.944 16.56a2.09 2.09 0 01-2.08-2.096 2.09 2.09 0 012.08-2.096 2.09 2.09 0 012.078 2.096 2.09 2.09 0 01-2.079 2.096zm2.023.224a3.095 3.095 0 001.055-2.32c0-1.711-1.38-3.104-3.079-3.104-.34 0-.662.07-.97.173L27.442 8.62A.497.497 0 0027 8.351h-5.5V9.36h5.2l1.39 2.644a3.1 3.1 0 00-1.226 2.462c0 1.71 1.381 3.103 3.08 3.103.42 0 .818-.086 1.18-.24l1.799 3.14-2.362 4.12.866.504 2.505-4.373a.504.504 0 000-.504l-1.965-3.43zm-4.573 16.207a2.09 2.09 0 01-2.08-2.095 2.09 2.09 0 012.08-2.095 2.09 2.09 0 012.079 2.095 2.09 2.09 0 01-2.08 2.095zm-9.19-8.491l-2.293-4.002 2.292-4h4.584l2.294 4-2.294 4.002h-4.584zm-4.568-12.303a2.09 2.09 0 01-2.08-2.095 2.09 2.09 0 012.08-2.095c1.146 0 2.08.94 2.08 2.095a2.09 2.09 0 01-2.08 2.095zm13.758 15.596c-.625 0-1.206.191-1.692.515l-2.07-3.267 2.46-4.29a.504.504 0 000-.504l-2.582-4.505a.498.498 0 00-.433-.252h-4.752l-2.279-3.481a3.088 3.088 0 00.67-1.907c0-1.711-1.382-3.103-3.08-3.103-1.699 0-3.08 1.392-3.08 3.103 0 1.712 1.381 3.103 3.08 3.103a3.04 3.04 0 001.668-.502l2.09 3.194-2.492 4.35a.504.504 0 000 .503l2.58 4.506a.497.497 0 00.433.252h4.828l2.218 3.505A3.092 3.092 0 0027.395 34c1.698 0 3.079-1.393 3.079-3.103 0-1.712-1.381-3.103-3.08-3.103z\"\n      />\n    </svg>\n  );\n}\n\nfunction AwsSqs({ className }: { className?: string }) {\n  return (\n    <svg viewBox=\"0 0 40 40\" className={className}>\n      <defs>\n        <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\" id=\"sqs-g\">\n          <stop stopColor=\"#B0084D\" offset=\"0%\" />\n          <stop stopColor=\"#FF4F8B\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <rect width=\"40\" height=\"40\" rx=\"4\" fill=\"url(#sqs-g)\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M14.342 22.35l1.505-1.444a.501.501 0 00.013-.708l-1.505-1.555-.72.695.676.7h-2.32v.999h2.274l-.617.592.694.72zm12.016.003l1.55-1.453a.5.5 0 00.011-.717l-1.55-1.546-.708.707.694.694H24.01v.999H26.3l-.627.588.686.728zm-8.77 1.008a6.458 6.458 0 012.417-.467c.842 0 1.665.163 2.416.467-.669-1.771-.669-3.971 0-5.742-1.502.607-3.331.607-4.833 0 .669 1.77.669 3.97 0 5.742zm-1.944 1.98a.494.494 0 010-.707c1.94-1.936 1.94-6.352 0-8.289a.494.494 0 010-.706.502.502 0 01.709 0c.921.92 2.252 1.447 3.652 1.447 1.4 0 2.731-.528 3.653-1.447a.502.502 0 01.854.354c0 .128-.05.255-.146.352-1.942 1.937-1.942 6.353 0 8.29a.501.501 0 01-.708.706c-.922-.92-2.253-1.447-3.653-1.447s-2.731.527-3.652 1.447a.502.502 0 01-.709 0zm16.898-5.905a1.562 1.562 0 00-1.106-.456 1.558 1.558 0 00-1.105 2.662c.61.608 1.601.608 2.211 0a1.56 1.56 0 000-2.206zm.708 2.913a2.56 2.56 0 01-1.814.749 2.56 2.56 0 01-1.813-4.369c1-.997 2.628-.997 3.627 0 1 .999 1 2.622 0 3.62zM9.67 19.447a1.562 1.562 0 00-1.106-.456 1.56 1.56 0 00-1.105 2.662 1.56 1.56 0 102.21-2.206zm.708 2.912a2.56 2.56 0 01-1.814.749A2.559 2.559 0 016.75 18.74c1-.997 2.627-.997 3.627 0 1 .999 1 2.622 0 3.62zm17.057 6.551A10.514 10.514 0 0119.957 32a10.51 10.51 0 01-7.475-3.09c-1.316-1.312-2.074-2.44-2.537-3.774l-.947.327c.51 1.466 1.365 2.747 2.776 4.154A11.506 11.506 0 0019.957 33c3.093 0 6-1.201 8.185-3.383 1.14-1.139 2.279-2.43 2.87-4.156l-.948-.323c-.525 1.532-1.575 2.719-2.63 3.772zM9.945 15.86l-.947-.328c.512-1.467 1.368-2.749 2.778-4.156 4.51-4.5 11.85-4.502 16.362 0 1.08 1.077 2.266 2.414 2.874 4.156l-.948.328c-.54-1.55-1.635-2.78-2.634-3.777a10.508 10.508 0 00-7.473-3.087 10.508 10.508 0 00-7.472 3.087c-1.298 1.295-2.081 2.46-2.54 3.777z\"\n      />\n    </svg>\n  );\n}\n\nfunction AwsSns({ className }: { className?: string }) {\n  return (\n    <svg viewBox=\"0 0 40 40\" className={className}>\n      <defs>\n        <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\" id=\"sns-g\">\n          <stop stopColor=\"#B0084D\" offset=\"0%\" />\n          <stop stopColor=\"#FF4F8B\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <rect width=\"40\" height=\"40\" rx=\"4\" fill=\"url(#sns-g)\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M7.01 20.078a1.1 1.1 0 011.105-1.093 1.1 1.1 0 011.104 1.093 1.1 1.1 0 01-1.104 1.093 1.1 1.1 0 01-1.105-1.093zM20.776 33C14.813 33 9.645 28.375 8.47 22.136a2.1 2.1 0 001.69-1.558h2.949v-1h-2.95a2.104 2.104 0 00-1.653-1.554C9.72 12.252 14.838 8 20.776 8c2.933 0 5.354.643 7.194 1.911l.575-.821C26.534 7.703 23.92 7 20.776 7c-6.51 0-12.104 4.726-13.308 11.096C6.62 18.368 6 19.149 6 20.078c0 .916.602 1.688 1.431 1.971C8.591 28.894 14.24 34 20.776 34c3.285 0 6.788-1.667 8.786-3.094l-.59-.811C26.947 31.541 23.627 33 20.777 33zM14.79 18.242c1.111.274 2.523.321 3.343.321.833 0 2.271-.047 3.402-.32l-2.401 5.014a.507.507 0 00-.048.215v2.324l-1.957.915v-3.239a.514.514 0 00-.044-.206l-2.295-5.024zm3.343-1.757c2.314 0 3.554.311 3.951.52-.417.234-1.745.558-3.95.558-2.184 0-3.483-.327-3.873-.558.37-.206 1.582-.52 3.872-.52zm-1.78 11.438a.511.511 0 00.486.03l2.968-1.388a.5.5 0 00.288-.452v-2.529l2.909-6.074a.806.806 0 00.189-.51c0-1.252-2.751-1.515-5.06-1.515-2.266 0-4.969.263-4.969 1.515 0 .19.067.355.18.502l2.775 6.077V27.5c0 .172.088.331.235.423zM30.877 27a1.1 1.1 0 011.104 1.093 1.1 1.1 0 01-1.104 1.093 1.1 1.1 0 01-1.104-1.093A1.1 1.1 0 0130.876 27zm0-16.03a1.1 1.1 0 011.104 1.093 1.1 1.1 0 01-1.104 1.093 1.1 1.1 0 01-1.104-1.093 1.1 1.1 0 011.104-1.093zm1.01 8.015a1.1 1.1 0 011.104 1.093 1.1 1.1 0 01-1.104 1.093 1.1 1.1 0 01-1.104-1.093 1.1 1.1 0 011.104-1.093zm-4.607 1.593h2.561a2.108 2.108 0 002.046 1.593A2.106 2.106 0 0034 20.078a2.106 2.106 0 00-2.114-2.093c-.992 0-1.818.681-2.046 1.593H27.28v-7.015h1.551a2.108 2.108 0 002.046 1.593 2.106 2.106 0 002.114-2.093 2.106 2.106 0 00-2.114-2.093c-.991 0-1.818.681-2.046 1.593h-2.056a.502.502 0 00-.505.5v7.515h-3.061v1h3.061v7.515c0 .277.226.5.505.5h2.056a2.108 2.108 0 002.046 1.593 2.106 2.106 0 002.114-2.093A2.106 2.106 0 0030.876 26c-.991 0-1.818.681-2.046 1.593H27.28v-7.015z\"\n      />\n    </svg>\n  );\n}\n\n// Icon type: \"svg\" = full self-contained SVG, \"lucide\" = Lucide component (needs wrapper)\ntype IconEntry = { component: any; type: \"svg\" | \"lucide\" };\n\n// Map protocol names to icons\nconst protocolIconMap: { [key: string]: IconEntry } = {\n  // Web protocols\n  http: { component: Server, type: \"lucide\" },\n  https: { component: Server, type: \"lucide\" },\n  ws: { component: Radio, type: \"lucide\" },\n  wss: { component: Radio, type: \"lucide\" },\n  websocket: { component: Radio, type: \"lucide\" },\n\n  // Messaging protocols\n  mqtt: { component: Wifi, type: \"lucide\" },\n  amqp: { component: Network, type: \"lucide\" },\n  grpc: { component: Globe, type: \"lucide\" },\n  graphql: { component: Globe, type: \"lucide\" },\n\n  // Message brokers\n  kafka: { component: Network, type: \"lucide\" },\n  rabbitmq: { component: Network, type: \"lucide\" },\n  redis: { component: Network, type: \"lucide\" },\n  nats: { component: Network, type: \"lucide\" },\n  pulsar: { component: Network, type: \"lucide\" },\n  solace: { component: Network, type: \"lucide\" },\n  activemq: { component: Network, type: \"lucide\" },\n\n  // AWS\n  sqs: { component: AwsSqs, type: \"svg\" },\n  sns: { component: AwsSns, type: \"svg\" },\n  eventbridge: { component: AwsEventBridge, type: \"svg\" },\n  kinesis: { component: Network, type: \"lucide\" },\n  msk: { component: Network, type: \"lucide\" },\n\n  // Google Cloud\n  pubsub: { component: Cloud, type: \"lucide\" },\n  googlepubsub: { component: Cloud, type: \"lucide\" },\n  cloudtasks: { component: Cloud, type: \"lucide\" },\n\n  // Azure\n  servicebus: { component: Cloud, type: \"lucide\" },\n  azureservicebus: { component: Cloud, type: \"lucide\" },\n  eventhubs: { component: Cloud, type: \"lucide\" },\n  azureeventhubs: { component: Cloud, type: \"lucide\" },\n  eventgrid: { component: Cloud, type: \"lucide\" },\n  azureeventgrid: { component: Cloud, type: \"lucide\" },\n};\n\nexport const getIconForProtocol = (protocol?: string): IconEntry | null => {\n  if (!protocol) return null;\n  const normalizedProtocol = protocol.replace(/[-_\\s]/g, \"\").toLowerCase();\n  return protocolIconMap[normalizedProtocol] || null;\n};\n","import { memo } from \"react\";\nimport { Workflow, Minimize2 } from \"lucide-react\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nexport type FlowExpandedNodeData = {\n  flowName?: string;\n  version?: string;\n};\n\n// Container body keeps a visible teal tint that works in both themes — the\n// teal is the sub-flow identity, while theme-aware variables handle text\n// and header colour. The header uses the card-bg variable so it blends\n// naturally over the dotted background in light and dark modes.\nconst CONTAINER_STYLE: React.CSSProperties = {\n  width: \"100%\",\n  height: \"100%\",\n  borderRadius: 12,\n  border: \"2px solid rgba(20, 184, 166, 0.5)\",\n  backgroundColor: \"rgba(20, 184, 166, 0.08)\",\n  boxShadow: \"0 2px 12px rgba(20, 184, 166, 0.12)\",\n  position: \"relative\",\n  overflow: \"visible\",\n};\n\nconst HEADER_STYLE: React.CSSProperties = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 44,\n  borderTopLeftRadius: 10,\n  borderTopRightRadius: 10,\n  background: \"rgba(20, 184, 166, 0.12)\",\n  borderBottom: \"1px solid rgba(20, 184, 166, 0.3)\",\n  overflow: \"visible\",\n};\n\nconst BADGE_STYLE: React.CSSProperties = {\n  position: \"absolute\",\n  top: -10,\n  left: 12,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  gap: 3,\n  padding: \"2px 8px\",\n  borderRadius: 4,\n  background: \"#0d9488\",\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.15)\",\n  zIndex: 10,\n  fontSize: 8,\n  fontWeight: 700,\n  letterSpacing: \"0.08em\",\n  textTransform: \"uppercase\" as const,\n  color: \"white\",\n};\n\nconst HEADER_CONTENT_STYLE: React.CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  height: \"100%\",\n  padding: \"0 12px 0 14px\",\n  gap: 12,\n};\n\nconst FLOW_NAME_STYLE: React.CSSProperties = {\n  fontSize: 11,\n  fontWeight: 700,\n  color: \"rgb(var(--ec-page-text))\",\n  letterSpacing: \"0.04em\",\n  textTransform: \"uppercase\",\n  whiteSpace: \"nowrap\",\n};\n\nconst VERSION_STYLE: React.CSSProperties = {\n  fontSize: 10,\n  fontWeight: 500,\n  color: \"#5eead4\",\n  marginLeft: 8,\n};\n\nconst COLLAPSE_BUTTON_STYLE: React.CSSProperties = {\n  background: \"#0d9488\",\n  border: \"1px solid #5eead4\",\n  borderRadius: 6,\n  padding: \"4px 10px\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 4,\n  fontSize: 10,\n  fontWeight: 600,\n  color: \"white\",\n};\n\nexport default memo(function FlowExpandedNode({\n  data,\n}: {\n  data: FlowExpandedNodeData;\n}) {\n  const { flowName, version } = data;\n\n  return (\n    <div style={CONTAINER_STYLE}>\n      <div style={HEADER_STYLE}>\n        <div style={BADGE_STYLE}>\n          <Workflow size={10} strokeWidth={2.5} />\n          Sub-flow\n        </div>\n\n        <div style={HEADER_CONTENT_STYLE}>\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              minWidth: 0,\n              flex: 1,\n            }}\n          >\n            <TruncatedResourceName\n              value={flowName || \"Flow\"}\n              tooltipBorderColor=\"#14b8a6\"\n              className=\"truncate\"\n              style={FLOW_NAME_STYLE}\n            >\n              {flowName || \"Flow\"}\n            </TruncatedResourceName>\n            {version && <span style={VERSION_STYLE}>v{version}</span>}\n          </div>\n\n          <button\n            style={COLLAPSE_BUTTON_STYLE}\n            className=\"ec-collapse-flow-btn nodrag nopan\"\n            onMouseDown={(e) => e.stopPropagation()}\n          >\n            <Minimize2 size={12} strokeWidth={2.5} />\n            Collapse\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n","import { Handle, Position, useUpdateNodeInternals } from \"@xyflow/react\";\nimport { getIcon } from \"../utils/badges\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { buildUrl } from \"../utils/url-builder\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { ChevronDownIcon, ChevronRightIcon } from \"@heroicons/react/20/solid\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport {\n  HANDLE_LEFT_OFFSET_STYLE,\n  HANDLE_RIGHT_OFFSET_STYLE,\n  EMPTY_ARRAY,\n} from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nexport const ENTITY_TARGET_HANDLE_ID = \"__eventcatalog-entity-target\";\n\nexport interface EntityProperty {\n  name: string;\n  type: string;\n  required?: boolean;\n  description?: string;\n  references?: string;\n  referencesIdentifier?: string;\n  referenceTarget?: \"entity\";\n  relationType?: string;\n  enum?: string[];\n  properties?: EntityProperty[];\n  items?: {\n    type: string;\n    properties?: EntityProperty[];\n  };\n}\n\ninterface EntityData {\n  id: string;\n  name: string;\n  version: string;\n  properties?: EntityProperty[];\n  aggregateRoot?: boolean;\n  sidebar?: any;\n  styles?: {\n    backgroundColor?: string;\n    borderColor?: string;\n    icon?: string;\n    node?: {\n      color?: string;\n      label?: string;\n    };\n  };\n}\n\ninterface Data {\n  title: string;\n  label: string;\n  bgColor: string;\n  color: string;\n  mode: \"simple\" | \"full\";\n  entity: {\n    data: EntityData;\n  };\n  showTarget?: boolean;\n  showSource?: boolean;\n  externalToDomain?: boolean;\n  domainName?: string;\n  domainId?: string;\n  entityTargetHandle?: string;\n  referencePropertyNames?: string[];\n  group?: {\n    type: string;\n    value: string;\n  };\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport const getPropertyTypeLabel = (property: any) => {\n  if (property.type === \"array\" && property.items?.type) {\n    return `${property.items.type}[]`;\n  }\n\n  return property.type;\n};\n\nexport const getNestedEntityProperties = (\n  property: EntityProperty,\n): EntityProperty[] => {\n  if (property.properties?.length) return property.properties;\n  if (property.type === \"array\" && property.items?.properties?.length) {\n    return property.items.properties;\n  }\n  return [];\n};\n\nexport default memo(function EntityNode({\n  id,\n  data,\n  sourcePosition,\n  targetPosition,\n}: any) {\n  const {\n    mode,\n    entity,\n    externalToDomain,\n    domainName,\n    entityTargetHandle = ENTITY_TARGET_HANDLE_ID,\n    referencePropertyNames = EMPTY_ARRAY,\n  } = data as Data;\n  const {\n    name,\n    version,\n    properties = EMPTY_ARRAY,\n    aggregateRoot,\n    styles,\n    sidebar: _sidebar,\n  } = entity.data;\n\n  const {\n    node: { color: _color = \"blue\", label: _label } = {},\n    icon = \"CubeIcon\",\n  } = styles || {};\n\n  const Icon = useMemo(() => getIcon(icon), [icon]);\n\n  const [hoveredProperty, setHoveredProperty] = useState<string | null>(null);\n  const [expandedProperties, setExpandedProperties] = useState<Set<string>>(\n    () => new Set(),\n  );\n  const previousExpandedProperties = useRef(expandedProperties);\n  const updateNodeInternals = useUpdateNodeInternals();\n  const portalContainer = usePortalContainer();\n  const referenceProperties = useMemo(\n    () => new Set(referencePropertyNames),\n    [referencePropertyNames],\n  );\n\n  const toggleProperty = useCallback((propertyPath: string) => {\n    setExpandedProperties((current) => {\n      const next = new Set(current);\n      if (next.has(propertyPath)) {\n        next.delete(propertyPath);\n      } else {\n        next.add(propertyPath);\n      }\n      return next;\n    });\n  }, []);\n\n  useEffect(() => {\n    if (previousExpandedProperties.current === expandedProperties) return;\n    previousExpandedProperties.current = expandedProperties;\n    updateNodeInternals(id);\n  }, [expandedProperties, id, updateNodeInternals]);\n\n  const renderPropertyRows = (\n    entityProperties: EntityProperty[],\n    depth = 0,\n    parentPath = \"\",\n  ): React.ReactNode =>\n    entityProperties.map((property, index) => {\n      const propertyPath = parentPath\n        ? `${parentPath}.${property.name}`\n        : property.name;\n      const propertyKey = `${propertyPath}-${index}`;\n      const isHovered = hoveredProperty === propertyKey;\n      const nestedProperties = getNestedEntityProperties(property);\n      const isExpandable = nestedProperties.length > 0;\n      const isExpanded = expandedProperties.has(propertyPath);\n      const isTopLevel = depth === 0;\n      const referencedEntityId =\n        property.references ||\n        (isTopLevel && referenceProperties.has(property.name)\n          ? property.items?.type\n          : undefined);\n\n      return (\n        <div key={propertyKey}>\n          <div\n            className={classNames(\n              \"relative flex items-center justify-between py-2 pr-4 hover:bg-[rgb(var(--ec-page-border)/0.2)]\",\n              isExpandable && \"nodrag nopan cursor-pointer\",\n            )}\n            style={{ paddingLeft: `${16 + depth * 16}px` }}\n            role={isExpandable ? \"button\" : undefined}\n            tabIndex={isExpandable ? 0 : undefined}\n            aria-label={\n              isExpandable\n                ? `${isExpanded ? \"Collapse\" : \"Expand\"} ${property.name}`\n                : undefined\n            }\n            aria-expanded={isExpandable ? isExpanded : undefined}\n            onClick={(event) => {\n              if (!isExpandable) return;\n              const target = event.target as HTMLElement;\n              if (target.closest(\".react-flow__handle\")) return;\n              toggleProperty(propertyPath);\n            }}\n            onKeyDown={(event) => {\n              if (!isExpandable || (event.key !== \"Enter\" && event.key !== \" \"))\n                return;\n              event.preventDefault();\n              toggleProperty(propertyPath);\n            }}\n            onMouseEnter={() =>\n              property.description && setHoveredProperty(propertyKey)\n            }\n            onMouseLeave={() => setHoveredProperty(null)}\n          >\n            {isTopLevel && (\n              <>\n                <Handle\n                  type=\"target\"\n                  position={Position.Left}\n                  id={`${property.name}-target`}\n                  className=\"!w-3 !h-3 !bg-[rgb(var(--ec-card-bg))] !border-2 !border-[rgb(var(--ec-page-border))] !rounded-full !left-[-0px]\"\n                  style={HANDLE_LEFT_OFFSET_STYLE}\n                />\n                <Handle\n                  type=\"source\"\n                  position={Position.Right}\n                  id={`${property.name}-source`}\n                  className=\"!w-3 !h-3 !bg-[rgb(var(--ec-card-bg))] !border-2 !border-[rgb(var(--ec-page-border))] !rounded-full !right-[-0px]\"\n                  style={HANDLE_RIGHT_OFFSET_STYLE}\n                />\n              </>\n            )}\n\n            <div className=\"flex-1 flex items-center justify-between gap-3 min-w-0\">\n              <div className=\"flex items-center gap-1 min-w-0\">\n                {isExpandable && (\n                  <span\n                    className=\"shrink-0 text-[rgb(var(--ec-page-text-muted))]\"\n                    aria-hidden=\"true\"\n                  >\n                    {isExpanded ? (\n                      <ChevronDownIcon className=\"h-3.5 w-3.5\" />\n                    ) : (\n                      <ChevronRightIcon className=\"h-3.5 w-3.5\" />\n                    )}\n                  </span>\n                )}\n                <span className=\"text-sm font-medium text-[rgb(var(--ec-page-text))] truncate\">\n                  {property.name}\n                </span>\n                {property.required && (\n                  <span className=\"text-red-500 text-xs\">*</span>\n                )}\n              </div>\n              <span className=\"text-sm text-[rgb(var(--ec-page-text-muted))] font-mono shrink-0\">\n                {getPropertyTypeLabel(property)}\n              </span>\n            </div>\n\n            {referencedEntityId && (\n              <div className=\"absolute right-2 top-1/2 transform -translate-y-1/2\">\n                <div\n                  className=\"w-2 h-2 bg-blue-500 rounded-full\"\n                  title={`References ${referencedEntityId}`}\n                ></div>\n              </div>\n            )}\n\n            {isHovered && property.description && (\n              <div className=\"absolute left-full ml-2 top-1/2 transform -translate-y-1/2 z-[9999] w-[200px] bg-gray-900 text-white text-xs rounded-lg py-2 px-3 pointer-events-none shadow-xl max-w-xl opacity-100\">\n                <div className=\"text-gray-200 whitespace-normal break-words\">\n                  {property.description}\n                </div>\n                <div className=\"absolute right-full top-1/2 transform -translate-y-1/2 border-4 border-transparent border-r-gray-900\"></div>\n              </div>\n            )}\n          </div>\n\n          {isExpandable && isExpanded && (\n            <div className=\"divide-y divide-[rgb(var(--ec-page-border))] border-t border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-content-hover)/0.18)]\">\n              {renderPropertyRows(nestedProperties, depth + 1, propertyPath)}\n            </div>\n          )}\n        </div>\n      );\n    });\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>\n        <div\n          className={classNames(\n            \"bg-[rgb(var(--ec-card-bg))] border rounded-lg shadow-sm min-w-[200px]\",\n            externalToDomain ? \"border-amber-500/60\" : \"border-blue-400/50\",\n          )}\n        >\n          {/* Table Header */}\n          <div\n            className={classNames(\n              \"relative px-4 py-2 rounded-t-lg border-b border-[rgb(var(--ec-page-border))]\",\n              externalToDomain ? \"bg-amber-500/20\" : \"bg-blue-500/15\",\n            )}\n          >\n            <Handle\n              type=\"target\"\n              position={Position.Left}\n              id={entityTargetHandle}\n              className=\"!w-3 !h-3 !bg-[rgb(var(--ec-card-bg))] !border-2 !border-[rgb(var(--ec-page-border))] !rounded-full !left-[-0px]\"\n              style={HANDLE_LEFT_OFFSET_STYLE}\n            />\n            <div className=\"flex items-center gap-2 min-w-0\">\n              {Icon && (\n                <Icon className=\"w-4 h-4 text-[rgb(var(--ec-page-text-muted))]\" />\n              )}\n              <TruncatedResourceName\n                value={name}\n                tooltipBorderColor={externalToDomain ? \"#f59e0b\" : \"#60a5fa\"}\n                className=\"font-semibold text-[rgb(var(--ec-page-text))] text-sm truncate\"\n              >\n                {name}\n              </TruncatedResourceName>\n              {aggregateRoot && (\n                <span className=\"text-xs bg-amber-500/20 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded font-medium shrink-0\">\n                  AR\n                </span>\n              )}\n            </div>\n            {domainName && (\n              <div className=\"text-xs text-[rgb(var(--ec-page-text-muted))] font-medium mt-1\">\n                from {domainName} domain\n              </div>\n            )}\n            {mode === \"full\" && (\n              <div className=\"text-xs text-[rgb(var(--ec-page-text-muted))] mt-1\">\n                v{version}\n              </div>\n            )}\n          </div>\n\n          {/* Properties Table */}\n          {properties.length > 0 ? (\n            <div className=\"divide-y divide-[rgb(var(--ec-page-border))] relative\">\n              {renderPropertyRows(properties)}\n            </div>\n          ) : (\n            <div className=\"px-4 py-3 text-sm text-[rgb(var(--ec-page-text-muted))] text-center\">\n              No properties defined\n            </div>\n          )}\n\n          {/* Main node handles (if no properties) */}\n          {properties.length === 0 && (\n            <>\n              {targetPosition && (\n                <Handle type=\"target\" position={targetPosition} />\n              )}\n              {sourcePosition && (\n                <Handle type=\"source\" position={sourcePosition} />\n              )}\n            </>\n          )}\n        </div>\n      </ContextMenu.Trigger>\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Content\n          className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\"\n          onClick={(e) => e.stopPropagation()}\n        >\n          <ContextMenu.Item\n            asChild\n            className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-accent-subtle))] rounded-sm flex items-center\"\n          >\n            <a href={buildUrl(`/docs/entities/${entity.data.id}/${version}`)}>\n              Read documentation\n            </a>\n          </ContextMenu.Item>\n          <ContextMenu.Item\n            asChild\n            className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-accent-subtle))] rounded-sm flex items-center\"\n          >\n            <a\n              href={buildUrl(\n                `/visualiser/entities/${entity.data.id}/${version}`,\n              )}\n            >\n              Focus node\n            </a>\n          </ContextMenu.Item>\n        </ContextMenu.Content>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n","import { memo } from \"react\";\nimport { UserIcon } from \"@heroicons/react/20/solid\";\nimport { Handle } from \"@xyflow/react\";\nimport { NODE_WIDTH_STYLE, ROTATED_LABEL_STYLE } from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface Data {\n  title: string;\n  label: string;\n  bgColor: string;\n  color: string;\n  mode: \"simple\" | \"full\";\n  step: {\n    id: string;\n    title: string;\n    summary: string;\n    name: string;\n    actor: { name: string };\n  };\n  showTarget?: boolean;\n  showSource?: boolean;\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport default memo(function UserNode({\n  data,\n  sourcePosition,\n  targetPosition,\n}: any) {\n  const {\n    mode,\n    step,\n    showTarget: _showTarget = true,\n    showSource: _showSource = true,\n  } = data as Data;\n\n  const { summary, actor: { name } = {} } = step;\n  const displayName = name || step.name || step.title || \"Actor\";\n\n  return (\n    <div\n      className={classNames(\n        `rounded-md border flex justify-start bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] border-yellow-400`,\n        mode === \"full\" ? \"min-h-[5em]\" : \"min-h-[2em]\",\n      )}\n      style={NODE_WIDTH_STYLE}\n    >\n      <div\n        className={classNames(\n          \"bg-gradient-to-b from-yellow-400 to-yellow-600 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-orange-100-500\",\n          `border-r-[1px] border-yellow-500`,\n        )}\n      >\n        <UserIcon className=\"w-4 h-4 opacity-90 text-white mt-1\" />\n        {mode === \"full\" && (\n          <span\n            className=\"text-center text-[9px] text-white font-bold uppercase mb-4\"\n            style={ROTATED_LABEL_STYLE}\n          >\n            ACTOR\n          </span>\n        )}\n      </div>\n      <div className=\"p-1 flex-1 min-w-0\">\n        {targetPosition && <Handle type=\"target\" position={targetPosition} />}\n        {sourcePosition && <Handle type=\"source\" position={sourcePosition} />}\n\n        {(!summary || mode !== \"full\") && (\n          <div className=\"h-full min-w-0\">\n            <TruncatedResourceName\n              as=\"div\"\n              value={displayName}\n              tooltipBorderColor=\"#eab308\"\n              className=\"text-sm font-bold truncate pb-0.5\"\n            >\n              {displayName}\n            </TruncatedResourceName>\n            {mode === \"simple\" && (\n              <div className=\"w-full text-right\">\n                <span className=\" w-full text-[10px] text-[rgb(var(--ec-page-text-muted))] font-light block pt-0.5 pb-0.5 \">\n                  Event\n                </span>\n              </div>\n            )}\n          </div>\n        )}\n\n        {summary && mode === \"full\" && (\n          <div>\n            <div\n              className={classNames(\n                mode === \"full\"\n                  ? `border-b border-[rgb(var(--ec-page-border))]`\n                  : \"\",\n              )}\n            >\n              <TruncatedResourceName\n                as=\"div\"\n                value={displayName}\n                tooltipBorderColor=\"#eab308\"\n                className=\"text-xs font-bold truncate pb-0.5\"\n              >\n                {displayName}\n              </TruncatedResourceName>\n            </div>\n            {mode === \"full\" && (\n              <div className=\"divide-y divide-[rgb(var(--ec-page-border))] \">\n                <div className=\"leading-3 py-1\">\n                  <span className=\"text-[8px] font-light\">{summary}</span>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { NODE_WIDTH_STYLE, ROTATED_LABEL_STYLE } from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface Data {\n  title: string;\n  label: string;\n  bgColor: string;\n  color: string;\n  mode: \"simple\" | \"full\";\n  step: { id: string; title: string; summary: string };\n  showTarget?: boolean;\n  showSource?: boolean;\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport default memo(function StepNode({\n  data,\n  sourcePosition,\n  targetPosition,\n}: any) {\n  const { mode, step } = data as Data;\n\n  const { title, summary } = step;\n\n  return (\n    <div\n      className={classNames(\n        \"rounded-md border flex justify-start bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] border-blue-400 min-h-[3em]\",\n      )}\n      style={NODE_WIDTH_STYLE}\n    >\n      <div\n        className={classNames(\n          \"bg-gradient-to-b from-gray-700 to-gray-700 relative flex flex-col items-center w-5 justify-end rounded-l-sm text-orange-100-500\",\n          `border-r-[1px] border-gray-500`,\n        )}\n      >\n        {mode === \"full\" && (\n          <span\n            className=\"text-center text-[9px] text-white font-bold uppercase mb-4\"\n            style={ROTATED_LABEL_STYLE}\n          >\n            Step\n          </span>\n        )}\n      </div>\n      <div className=\"p-1 flex-1 min-w-0\">\n        <Handle\n          type=\"target\"\n          position={targetPosition || Position.Left}\n          style={HIDDEN_HANDLE_STYLE}\n        />\n        <Handle\n          type=\"source\"\n          position={sourcePosition || Position.Right}\n          style={HIDDEN_HANDLE_STYLE}\n        />\n\n        {!summary && (\n          <div className=\"h-full flex items-center min-w-0\">\n            <TruncatedResourceName\n              as=\"div\"\n              value={title}\n              tooltipBorderColor=\"#60a5fa\"\n              className=\"text-sm font-bold truncate pb-0.5\"\n            >\n              {title}\n            </TruncatedResourceName>\n          </div>\n        )}\n\n        {summary && (\n          <div>\n            <div\n              className={classNames(\n                mode === \"full\"\n                  ? `border-b border-[rgb(var(--ec-page-border))]`\n                  : \"\",\n              )}\n            >\n              <TruncatedResourceName\n                as=\"div\"\n                value={title}\n                tooltipBorderColor=\"#60a5fa\"\n                className=\"text-xs font-bold truncate pb-0.5\"\n              >\n                {title}\n              </TruncatedResourceName>\n            </div>\n            {mode === \"full\" && (\n              <div className=\"divide-y divide-[rgb(var(--ec-page-border))] \">\n                <div className=\"leading-3 py-1\">\n                  <span className=\"text-[8px] font-light\">{summary}</span>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import {\n  Handle,\n  useReactFlow,\n  useOnSelectionChange,\n  Position,\n} from \"@xyflow/react\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport { buildUrl } from \"../utils/url-builder\";\nimport { getIcon } from \"../utils/badges\";\nimport { memo, useState, useCallback, useMemo } from \"react\";\nimport { HANDLE_LEFT_STYLE, HANDLE_RIGHT_STYLE } from \"./shared-styles\";\n\ninterface DomainData {\n  id: string;\n  version: string;\n  name: string;\n  services?: string[];\n  styles?: {\n    backgroundColor?: string;\n    borderColor?: string;\n    icon?: string;\n  };\n}\n\ninterface Data {\n  mode: \"simple\" | \"full\";\n  domain: {\n    data: DomainData;\n  };\n}\n\nexport default memo(function DomainNode({ data, id: nodeId }: any) {\n  const { mode, domain } = data as Data;\n  const reactFlow = useReactFlow();\n  const [highlightedServices, setHighlightedServices] = useState<Set<string>>(\n    new Set(),\n  );\n\n  const { id, version, name, services = [], styles } = domain.data;\n  const { icon = \"RectangleGroupIcon\" } = styles || {};\n\n  const Icon = useMemo(() => getIcon(icon), [icon]);\n  const ServerIcon = useMemo(() => getIcon(\"ServerIcon\"), []);\n  const portalContainer = usePortalContainer();\n\n  // Listen for selection changes to highlight connected services\n  const handleSelectionChange = useCallback(\n    ({ nodes: selectedNodes }: { nodes: any[] }) => {\n      if (selectedNodes.length === 0) {\n        setHighlightedServices(new Set());\n        return;\n      }\n\n      const selectedNode = selectedNodes[0];\n      if (!selectedNode) {\n        setHighlightedServices(new Set());\n        return;\n      }\n\n      // Get all edges\n      const edges = reactFlow.getEdges();\n      const connectedServiceIds = new Set<string>();\n\n      // Find services connected to the selected node\n      edges.forEach((edge) => {\n        if (\n          edge.source === selectedNode.id ||\n          edge.target === selectedNode.id\n        ) {\n          // Check if this edge connects to our domain\n          if (edge.source === nodeId && edge.sourceHandle) {\n            // Extract service ID from sourceHandle (format: \"serviceId-source\")\n            const serviceId = edge.sourceHandle.replace(\"-source\", \"\");\n            connectedServiceIds.add(serviceId);\n          }\n          if (edge.target === nodeId && edge.targetHandle) {\n            // Extract service ID from targetHandle (format: \"serviceId-target\")\n            const serviceId = edge.targetHandle.replace(\"-target\", \"\");\n            connectedServiceIds.add(serviceId);\n          }\n        }\n      });\n\n      setHighlightedServices(connectedServiceIds);\n    },\n    [nodeId, reactFlow],\n  );\n\n  useOnSelectionChange({\n    onChange: handleSelectionChange,\n  });\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>\n        <div className=\"w-full rounded-lg border-2 border-yellow-400 bg-[rgb(var(--ec-card-bg))] shadow-lg\">\n          <div className=\"bg-[rgb(var(--ec-domain-header-bg,253_224_71)/0.2)] px-3 py-2 flex items-center space-x-2\">\n            {Icon && <Icon className=\"w-4 h-4 text-yellow-500\" />}\n            <div>\n              <span className=\"text-sm font-bold text-[rgb(var(--ec-page-text))]\">\n                {name}\n              </span>\n              <span className=\"text-xs text-yellow-500 ml-2\">v{version}</span>\n            </div>\n          </div>\n          {mode === \"full\" && services.length > 0 && (\n            <div>\n              {services.map((service: any, index: number) => {\n                const isHighlighted = highlightedServices.has(service.data.id);\n\n                return (\n                  <ContextMenu.Root key={`${service.data.id}-${index}`}>\n                    <ContextMenu.Trigger asChild>\n                      <div\n                        className={`relative flex items-center justify-between px-3 py-2 cursor-pointer ${index !== services.length - 1 ? \"border-b border-[rgb(var(--ec-page-border))]\" : \"\"} ${isHighlighted ? \"bg-pink-100 border-pink-300\" : \"\"}`}\n                      >\n                        <Handle\n                          type=\"target\"\n                          position={Position.Left}\n                          id={`${service.data.id}-target`}\n                          className=\"!left-[-1px] !w-2 !h-2 !bg-gray-400 !border !border-gray-500 !rounded-full !z-10\"\n                          style={HANDLE_LEFT_STYLE}\n                        />\n                        <Handle\n                          type=\"source\"\n                          position={Position.Right}\n                          id={`${service.data.id}-source`}\n                          className=\"!right-[-1px] !w-2 !h-2 !bg-gray-400 !border !border-gray-500 !rounded-full !z-10\"\n                          style={HANDLE_RIGHT_STYLE}\n                        />\n                        <div className=\"flex items-center space-x-3\">\n                          <div className=\"flex items-center justify-center w-5 h-5 bg-pink-500 rounded\">\n                            {ServerIcon && (\n                              <ServerIcon className=\"w-3 h-3 text-white\" />\n                            )}\n                          </div>\n                          <span className=\"text-sm font-medium text-[rgb(var(--ec-page-text))]\">\n                            {service.data.name || service.data.id}\n                          </span>\n                        </div>\n                        <div className=\"flex items-center space-x-4 text-sm text-[rgb(var(--ec-page-text-muted))]\">\n                          <span className=\"text-xs\">\n                            v{service.data.version}\n                          </span>\n                        </div>\n                      </div>\n                    </ContextMenu.Trigger>\n                    <ContextMenu.Portal container={portalContainer}>\n                      <ContextMenu.Content className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\">\n                        <ContextMenu.Item\n                          className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-page-border)/0.5)] rounded-sm flex items-center\"\n                          onClick={() =>\n                            (window.location.href = buildUrl(\n                              `/docs/services/${service.data.id}/${service.data.version}`,\n                            ))\n                          }\n                        >\n                          View Service Documentation\n                        </ContextMenu.Item>\n                        <ContextMenu.Item\n                          className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-page-border)/0.5)] rounded-sm flex items-center\"\n                          onClick={() =>\n                            (window.location.href = buildUrl(\n                              `/visualiser/services/${service.data.id}/${service.data.version}`,\n                            ))\n                          }\n                        >\n                          View Service Visualizer\n                        </ContextMenu.Item>\n                      </ContextMenu.Content>\n                    </ContextMenu.Portal>\n                  </ContextMenu.Root>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </ContextMenu.Trigger>\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Content className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\">\n          <ContextMenu.Item\n            className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-page-border)/0.5)] rounded-sm flex items-center\"\n            onClick={() =>\n              (window.location.href = buildUrl(\n                `/docs/domains/${id}/${version}`,\n              ))\n            }\n          >\n            View Domain Documentation\n          </ContextMenu.Item>\n          <ContextMenu.Item\n            className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-page-border)/0.5)] rounded-sm flex items-center\"\n            onClick={() =>\n              (window.location.href = buildUrl(\n                `/visualiser/domains/${id}/${version}`,\n              ))\n            }\n          >\n            View Domain Visualizer\n          </ContextMenu.Item>\n        </ContextMenu.Content>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n","import { Handle, Position } from \"@xyflow/react\";\nimport {\n  Group as GroupIcon,\n  Server as ServerIcon,\n  Box as BoxIcon,\n  Database as DatabaseIcon,\n  MessageSquare as MessageSquareIcon,\n} from \"lucide-react\";\nimport { buildUrl, navigateTo } from \"../utils/url-builder\";\nimport { memo } from \"react\";\nimport { LINE_CLAMP_STYLE, useDarkMode } from \"./shared-styles\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface SystemData {\n  id: string;\n  version: string;\n  name: string;\n  summary?: string;\n  // \"external\" marks a third-party/SaaS system (e.g. Resend, Stripe). Such\n  // systems are shaded in the graph. Defaults to internal when absent.\n  scope?: \"internal\" | \"external\";\n}\n\ninterface Data {\n  mode: \"simple\" | \"full\";\n  system: SystemData;\n  servicesCount?: number;\n  entitiesCount?: number;\n  containersCount?: number;\n  // Total messages handled by the system's services (sends + receives).\n  messagesCount?: number;\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\n/**\n * A system rendered on the System Diagram.\n *\n * Styled to match the other resource nodes (e.g. the service node): a rounded,\n * bordered card with a floating type badge + icon on the top-left border.\n * Left-clicking the node navigates to the system's architecture map.\n * Right-click (handled by the NodeGraph context-menu wrapper) offers docs / map / context.\n */\nexport default memo(function SystemNode({ data }: any) {\n  const {\n    system,\n    mode = \"simple\",\n    servicesCount = 0,\n    entitiesCount = 0,\n    containersCount = 0,\n    messagesCount = 0,\n  } = data as Data;\n  const { id, version, name, summary, scope } = system;\n  const isExternal = scope === \"external\";\n  const isDark = useDarkMode();\n\n  const stats = [\n    { icon: ServerIcon, label: \"Services\", count: servicesCount },\n    { icon: MessageSquareIcon, label: \"Messages\", count: messagesCount },\n    { icon: BoxIcon, label: \"Entities\", count: entitiesCount },\n    { icon: DatabaseIcon, label: \"Data Stores\", count: containersCount },\n  ].filter((stat) => stat.count > 0);\n\n  // External systems get a subtle gray fill so they read as outside the org,\n  // without the busier striped treatment.\n  const cardBackground = isExternal\n    ? isDark\n      ? \"rgba(148,163,184,0.12)\"\n      : \"rgba(148,163,184,0.1)\"\n    : \"var(--ec-system-node-bg, rgb(var(--ec-card-bg)))\";\n\n  const goToMap = () => {\n    // Soft, animated navigation via the host's view-transition router when\n    // available (falls back to a hard nav). Both the System Diagram and\n    // the target system Map share a `transition:name=\"visualiser-graph\"` portal,\n    // so this reads as drilling one level deeper into the system.\n    navigateTo(buildUrl(`/visualiser/systems/${id}/${version}`));\n  };\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={goToMap}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") goToMap();\n      }}\n      title={`Open the ${name} map`}\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible cursor-pointer\",\n        isExternal ? \"border-dashed border-violet-400\" : \"border-violet-500\",\n      )}\n      style={{\n        background: cardBackground,\n        boxShadow: \"0 2px 12px rgba(139, 92, 246, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n\n      {/* Floating type badge on the top-left border */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-violet-500\">\n          <GroupIcon className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          {isExternal ? \"External System\" : \"System\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-baseline gap-1 min-w-0\">\n          <TruncatedResourceName\n            value={name}\n            tooltipBorderColor=\"#8b5cf6\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {name}\n          </TruncatedResourceName>\n          {version && (\n            <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n              (v{version})\n            </span>\n          )}\n        </div>\n\n        {mode === \"full\" && summary && (\n          <div\n            className={classNames(\n              \"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\",\n            )}\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {stats.length > 0 && (\n          <div className=\"mt-2 flex items-center gap-3 border-t border-[rgb(var(--ec-page-border))] pt-1.5\">\n            {stats.map(({ icon: Icon, label, count }) => (\n              <div\n                key={label}\n                title={`${count} ${label}`}\n                className=\"flex items-center gap-1 text-[10px] text-[rgb(var(--ec-page-text-muted))]\"\n              >\n                <Icon className=\"w-3 h-3 text-violet-500\" strokeWidth={2} />\n                <span className=\"font-medium\">{count}</span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport type { NodeProps } from \"@xyflow/react\";\nimport { BoxesIcon } from \"lucide-react\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nexport type GroupNodeData = {\n  mode: string;\n  domain: {\n    name: string;\n    version: string;\n    summary: string;\n  };\n};\n\nconst GROUP_CONTAINER_STYLE = {\n  width: \"100%\",\n  height: \"100%\",\n  borderRadius: 12,\n  border: \"2px solid var(--ec-group-border, #c4b5fd)\",\n  backgroundColor: \"var(--ec-group-bg, rgba(250, 248, 255, 0.35))\",\n  position: \"relative\" as const,\n  overflow: \"visible\" as const,\n} as const;\n\nconst GROUP_HEADER_STYLE = {\n  position: \"absolute\" as const,\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 44,\n  borderTopLeftRadius: 10,\n  borderTopRightRadius: 10,\n  background: \"var(--ec-group-header-bg, rgba(237, 233, 254, 0.7))\",\n  borderBottom: \"1px solid var(--ec-group-border, #c4b5fd)\",\n  overflow: \"visible\" as const,\n} as const;\n\nconst GROUP_WATERMARK_STYLE = {\n  position: \"absolute\" as const,\n  top: 6,\n  right: 10,\n  opacity: 0.12,\n  transform: \"rotate(12deg)\",\n  pointerEvents: \"none\" as const,\n} as const;\n\nconst GROUP_ICON_CIRCLE_STYLE = {\n  position: \"absolute\" as const,\n  top: -14,\n  left: 12,\n  width: 32,\n  height: 32,\n  borderRadius: \"50%\",\n  background: \"#7c3aed\",\n  border: \"2px solid #a78bfa\",\n  display: \"flex\",\n  alignItems: \"center\" as const,\n  justifyContent: \"center\" as const,\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.1)\",\n  zIndex: 10,\n} as const;\n\nconst GROUP_BANNER_CONTENT_STYLE = {\n  display: \"flex\",\n  alignItems: \"center\" as const,\n  justifyContent: \"center\" as const,\n  height: \"100%\",\n  padding: \"0 40px\",\n  minWidth: 0,\n} as const;\n\nconst GROUP_BANNER_INNER_STYLE = {\n  display: \"flex\",\n  alignItems: \"center\" as const,\n  gap: 8,\n  minWidth: 0,\n} as const;\n\nconst GROUP_DOMAIN_NAME_STYLE = {\n  fontSize: 15,\n  fontWeight: 800,\n  color: \"var(--ec-group-text, #5b21b6)\",\n  letterSpacing: \"0.06em\",\n  textTransform: \"uppercase\" as const,\n  whiteSpace: \"nowrap\" as const,\n} as const;\n\nconst GROUP_VERSION_STYLE = {\n  fontSize: 9,\n  fontWeight: 500,\n  color: \"#a78bfa\",\n} as const;\n\nconst GROUP_ICON_COLOR_STYLE = { color: \"#7c3aed\" } as const;\nconst GROUP_ICON_WHITE_STYLE = { color: \"white\" } as const;\n\nexport default memo(function GroupNode({ data }: NodeProps) {\n  const { domain } = data as unknown as GroupNodeData;\n\n  return (\n    <div style={GROUP_CONTAINER_STYLE}>\n      {/* Header banner */}\n      <div style={GROUP_HEADER_STYLE}>\n        {/* Watermark icon in banner */}\n        <div style={GROUP_WATERMARK_STYLE}>\n          <BoxesIcon size={28} strokeWidth={2} style={GROUP_ICON_COLOR_STYLE} />\n        </div>\n\n        {/* Icon circle overlapping top of banner */}\n        <div style={GROUP_ICON_CIRCLE_STYLE}>\n          <BoxesIcon\n            size={16}\n            strokeWidth={2.5}\n            style={GROUP_ICON_WHITE_STYLE}\n          />\n        </div>\n\n        {/* Banner text content */}\n        <div style={GROUP_BANNER_CONTENT_STYLE}>\n          <div style={GROUP_BANNER_INNER_STYLE}>\n            <TruncatedResourceName\n              value={domain?.name || \"Domain\"}\n              tooltipBorderColor=\"#7c3aed\"\n              className=\"truncate\"\n              style={GROUP_DOMAIN_NAME_STYLE}\n            >\n              {domain?.name || \"Domain\"}\n            </TruncatedResourceName>\n            {domain?.version && (\n              <span style={GROUP_VERSION_STYLE}>v{domain.version}</span>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n","import { memo, useMemo, type ComponentType } from \"react\";\nimport { Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport * as Icons from \"@heroicons/react/24/solid\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { EMPTY_ARRAY, EMPTY_OBJECT, LINE_CLAMP_STYLE } from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\n\ntype MenuItem = {\n  label: string;\n  url?: string;\n};\n\ntype CustomColor =\n  | \"blue\"\n  | \"teal\"\n  | \"red\"\n  | \"green\"\n  | \"purple\"\n  | \"orange\"\n  | \"pink\"\n  | \"yellow\"\n  | \"gray\"\n  | \"indigo\"\n  | \"cyan\"\n  | \"slate\"\n  | \"amber\"\n  | \"emerald\"\n  | \"violet\"\n  | \"rose\";\n\ntype CustomPalette = {\n  border: string;\n  badge: string;\n  ring: string;\n  shadow: string;\n  glow: string;\n  pillBorder: string;\n};\n\nconst PALETTES: Record<CustomColor, CustomPalette> = {\n  blue: {\n    border: \"border-blue-500\",\n    badge: \"bg-blue-500\",\n    ring: \"ring-2 ring-blue-400/60 ring-offset-2\",\n    shadow: \"rgba(59, 130, 246, 0.15)\",\n    glow: \"linear-gradient(135deg, #3b82f6, #2563eb)\",\n    pillBorder: \"#3b82f6\",\n  },\n  teal: {\n    border: \"border-teal-500\",\n    badge: \"bg-teal-500\",\n    ring: \"ring-2 ring-teal-400/60 ring-offset-2\",\n    shadow: \"rgba(20, 184, 166, 0.15)\",\n    glow: \"linear-gradient(135deg, #14b8a6, #0f766e)\",\n    pillBorder: \"#14b8a6\",\n  },\n  red: {\n    border: \"border-red-500\",\n    badge: \"bg-red-500\",\n    ring: \"ring-2 ring-red-400/60 ring-offset-2\",\n    shadow: \"rgba(239, 68, 68, 0.15)\",\n    glow: \"linear-gradient(135deg, #ef4444, #b91c1c)\",\n    pillBorder: \"#ef4444\",\n  },\n  green: {\n    border: \"border-green-500\",\n    badge: \"bg-green-500\",\n    ring: \"ring-2 ring-green-400/60 ring-offset-2\",\n    shadow: \"rgba(34, 197, 94, 0.15)\",\n    glow: \"linear-gradient(135deg, #22c55e, #15803d)\",\n    pillBorder: \"#22c55e\",\n  },\n  purple: {\n    border: \"border-purple-500\",\n    badge: \"bg-purple-500\",\n    ring: \"ring-2 ring-purple-400/60 ring-offset-2\",\n    shadow: \"rgba(168, 85, 247, 0.15)\",\n    glow: \"linear-gradient(135deg, #a855f7, #7e22ce)\",\n    pillBorder: \"#a855f7\",\n  },\n  orange: {\n    border: \"border-orange-500\",\n    badge: \"bg-orange-500\",\n    ring: \"ring-2 ring-orange-400/60 ring-offset-2\",\n    shadow: \"rgba(251, 146, 60, 0.15)\",\n    glow: \"linear-gradient(135deg, #fb923c, #ea580c)\",\n    pillBorder: \"#fb923c\",\n  },\n  pink: {\n    border: \"border-pink-500\",\n    badge: \"bg-pink-500\",\n    ring: \"ring-2 ring-pink-400/60 ring-offset-2\",\n    shadow: \"rgba(236, 72, 153, 0.15)\",\n    glow: \"linear-gradient(135deg, #ec4899, #be185d)\",\n    pillBorder: \"#ec4899\",\n  },\n  yellow: {\n    border: \"border-yellow-500\",\n    badge: \"bg-yellow-500\",\n    ring: \"ring-2 ring-yellow-400/60 ring-offset-2\",\n    shadow: \"rgba(234, 179, 8, 0.15)\",\n    glow: \"linear-gradient(135deg, #eab308, #a16207)\",\n    pillBorder: \"#eab308\",\n  },\n  gray: {\n    border: \"border-gray-500\",\n    badge: \"bg-gray-500\",\n    ring: \"ring-2 ring-gray-400/60 ring-offset-2\",\n    shadow: \"rgba(107, 114, 128, 0.15)\",\n    glow: \"linear-gradient(135deg, #6b7280, #374151)\",\n    pillBorder: \"#6b7280\",\n  },\n  indigo: {\n    border: \"border-indigo-500\",\n    badge: \"bg-indigo-500\",\n    ring: \"ring-2 ring-indigo-400/60 ring-offset-2\",\n    shadow: \"rgba(99, 102, 241, 0.15)\",\n    glow: \"linear-gradient(135deg, #6366f1, #4338ca)\",\n    pillBorder: \"#6366f1\",\n  },\n  cyan: {\n    border: \"border-cyan-500\",\n    badge: \"bg-cyan-500\",\n    ring: \"ring-2 ring-cyan-400/60 ring-offset-2\",\n    shadow: \"rgba(6, 182, 212, 0.15)\",\n    glow: \"linear-gradient(135deg, #06b6d4, #0e7490)\",\n    pillBorder: \"#06b6d4\",\n  },\n  slate: {\n    border: \"border-slate-500\",\n    badge: \"bg-slate-500\",\n    ring: \"ring-2 ring-slate-400/60 ring-offset-2\",\n    shadow: \"rgba(100, 116, 139, 0.15)\",\n    glow: \"linear-gradient(135deg, #64748b, #334155)\",\n    pillBorder: \"#64748b\",\n  },\n  amber: {\n    border: \"border-amber-500\",\n    badge: \"bg-amber-500\",\n    ring: \"ring-2 ring-amber-400/60 ring-offset-2\",\n    shadow: \"rgba(245, 158, 11, 0.15)\",\n    glow: \"linear-gradient(135deg, #f59e0b, #b45309)\",\n    pillBorder: \"#f59e0b\",\n  },\n  emerald: {\n    border: \"border-emerald-500\",\n    badge: \"bg-emerald-500\",\n    ring: \"ring-2 ring-emerald-400/60 ring-offset-2\",\n    shadow: \"rgba(16, 185, 129, 0.15)\",\n    glow: \"linear-gradient(135deg, #10b981, #047857)\",\n    pillBorder: \"#10b981\",\n  },\n  violet: {\n    border: \"border-violet-500\",\n    badge: \"bg-violet-500\",\n    ring: \"ring-2 ring-violet-400/60 ring-offset-2\",\n    shadow: \"rgba(139, 92, 246, 0.15)\",\n    glow: \"linear-gradient(135deg, #8b5cf6, #6d28d9)\",\n    pillBorder: \"#8b5cf6\",\n  },\n  rose: {\n    border: \"border-rose-500\",\n    badge: \"bg-rose-500\",\n    ring: \"ring-2 ring-rose-400/60 ring-offset-2\",\n    shadow: \"rgba(244, 63, 94, 0.15)\",\n    glow: \"linear-gradient(135deg, #f43f5e, #be123c)\",\n    pillBorder: \"#f43f5e\",\n  },\n};\n\ninterface Data {\n  mode: \"simple\" | \"full\";\n  step: {\n    id: string;\n    title: string;\n    summary?: string;\n  };\n  custom: {\n    icon?: string;\n    type?: string;\n    title?: string;\n    summary?: string;\n    url?: string;\n    color?: string;\n    properties?: Record<string, string | number>;\n    menu?: MenuItem[];\n    height?: number;\n  };\n}\n\nfunction classNames(...classes: any[]) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nfunction getPalette(color: string | undefined) {\n  return PALETTES[(color as CustomColor) || \"blue\"] ?? PALETTES.blue;\n}\n\nfunction GlowHandle({\n  side,\n  gradient,\n}: {\n  side: \"left\" | \"right\";\n  gradient: string;\n}) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: gradient,\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nexport default memo(function CustomNode({ data, selected }: any) {\n  const { mode, custom: customProps, step } = data as Data;\n  const {\n    color = \"blue\",\n    title = step?.title || \"Custom\",\n    icon = \"CubeIcon\",\n    type = \"Custom\",\n    summary = step?.summary || \"\",\n    url,\n    properties = EMPTY_OBJECT,\n    menu = EMPTY_ARRAY,\n    height = 5,\n  } = customProps;\n\n  const palette = getPalette(color);\n  const IconComponent = useMemo<\n    ComponentType<{ className?: string }> | undefined\n  >(() => Icons[icon as keyof typeof Icons] || Icons.CubeIcon, [icon]);\n  const portalContainer = usePortalContainer();\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const propertyEntries = Object.entries(properties);\n  const contextMenuItems = url\n    ? [{ label: `Open ${type.toLowerCase()}`, url }, ...menu]\n    : menu;\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>\n        <div\n          className={classNames(\n            \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n            selected ? palette.ring : \"\",\n            palette.border,\n          )}\n          style={{\n            background: \"var(--ec-custom-node-bg, rgb(var(--ec-card-bg)))\",\n            boxShadow: `0 2px 12px ${palette.shadow}`,\n            minHeight: mode === \"full\" ? `${height}em` : undefined,\n          }}\n        >\n          <Handle\n            type=\"target\"\n            position={Position.Left}\n            style={HIDDEN_HANDLE_STYLE}\n          />\n          <Handle\n            type=\"source\"\n            position={Position.Right}\n            style={HIDDEN_HANDLE_STYLE}\n          />\n          {targetConnections.length > 0 && (\n            <GlowHandle side=\"left\" gradient={palette.glow} />\n          )}\n          {sourceConnections.length > 0 && (\n            <GlowHandle side=\"right\" gradient={palette.glow} />\n          )}\n\n          <div className=\"absolute -top-3 left-2.5 z-10\">\n            <span\n              className={classNames(\n                \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n                palette.badge,\n              )}\n            >\n              {IconComponent && (\n                <IconComponent className=\"w-2.5 h-2.5\" aria-hidden />\n              )}\n              {type}\n            </span>\n          </div>\n\n          <div className=\"px-3 pt-3.5 pb-2.5\">\n            <div className=\"flex items-center gap-2\">\n              <TruncatedResourceName\n                value={title}\n                tooltipBorderColor={palette.pillBorder}\n                className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n              >\n                {title}\n              </TruncatedResourceName>\n            </div>\n\n            {mode === \"full\" && summary && (\n              <div\n                className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n                style={LINE_CLAMP_STYLE}\n                title={summary}\n              >\n                {summary}\n              </div>\n            )}\n\n            {mode === \"full\" && propertyEntries.length > 0 && (\n              <div className=\"mt-2 pt-1.5 border-t border-[rgb(var(--ec-page-border))] grid grid-cols-2 gap-x-2 gap-y-1\">\n                {propertyEntries.map(([key, value]) => (\n                  <div key={key} className=\"min-w-0\">\n                    <div className=\"text-[7px] font-bold uppercase tracking-wide text-[rgb(var(--ec-page-text-muted))] truncate\">\n                      {key}\n                    </div>\n                    {typeof value === \"string\" && value.startsWith(\"http\") ? (\n                      <a\n                        href={value}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"block text-[8px] text-blue-500 underline truncate\"\n                        title={value}\n                      >\n                        {value}\n                      </a>\n                    ) : (\n                      <div\n                        className=\"text-[8px] text-[rgb(var(--ec-page-text))] truncate\"\n                        title={String(value)}\n                      >\n                        {value}\n                      </div>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </ContextMenu.Trigger>\n      {contextMenuItems.length > 0 && (\n        <ContextMenu.Portal container={portalContainer}>\n          <ContextMenu.Content className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\">\n            {contextMenuItems.map((item) => (\n              <ContextMenu.Item\n                asChild\n                key={`${item.label}-${item.url || \"\"}`}\n                className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center\"\n              >\n                <a\n                  href={item.url}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"text-[rgb(var(--ec-page-text))] no-underline\"\n                >\n                  {item.label}\n                </a>\n              </ContextMenu.Item>\n            ))}\n          </ContextMenu.Content>\n        </ContextMenu.Portal>\n      )}\n    </ContextMenu.Root>\n  );\n});\n","import { memo } from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\nimport ExternalSystemComponent from \"./external-system/ExternalSystem\";\nimport { EXTERNAL_SYSTEM_HANDLE_STYLE } from \"./shared-styles\";\n\nexport default memo(function ExternalSystemNode(props: any) {\n  return (\n    <div className=\"relative\">\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={EXTERNAL_SYSTEM_HANDLE_STYLE}\n        className=\"bg-gray-500\"\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={EXTERNAL_SYSTEM_HANDLE_STYLE}\n        className=\"bg-gray-500\"\n      />\n      <ExternalSystemComponent {...props} />\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Package } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource } from \"../types\";\nimport { NotesIndicator } from \"./NotesIndicator\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n} from \"./shared-styles\";\nimport { CustomIcon, isIconPath } from \"../utils/custom-icon\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #6366f1, #4338ca)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        animation: \"ec-dp-handle-pulse 2s ease-in-out infinite\",\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype DataProductNodeData = EventCatalogResource & {\n  dataProduct: {\n    id: string;\n    version: string;\n    name: string;\n    summary?: string;\n    inputs?: any[];\n    outputs?: any[];\n    owners?: any[];\n    deprecated?: boolean;\n    draft?: boolean;\n    notes?: import(\"../types\").Note[];\n    styles?: {\n      icon?: string;\n      node?: { color?: string; label?: string };\n    };\n  };\n};\n\nexport type DataProductNode = Node<DataProductNodeData, \"data-product\">;\n\nfunction PostItDataProduct(props: DataProductNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props.data.dataProduct;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-indigo-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {/* Inner wrapper with rotation */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #c7d2fe 0%, #a5b4fc 40%, #6366f1 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(99, 102, 241, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#4338ca transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      {/* Content sits on top, unrotated */}\n      <div className=\"relative px-3.5 py-3\">\n        {/* Type label row */}\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Package className=\"w-3 h-3 text-indigo-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-indigo-900/50 uppercase tracking-widest\">\n              Data Product\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        {/* Name */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#6366f1\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated\n                ? \"text-indigo-950/40 line-through\"\n                : \"text-indigo-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {/* Version */}\n        {version && (\n          <div className=\"text-[9px] text-indigo-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-indigo-900/10 text-[9px] text-indigo-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultDataProduct(props: DataProductNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props.data.dataProduct;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-indigo-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-indigo-400\" : \"border-indigo-400/60\"}`\n            : \"border-indigo-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-dp-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4.5px), var(--ec-dp-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-dp-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(99, 102, 241, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Badge positioned outside top-left corner */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-indigo-500\",\n          )}\n        >\n          <Package className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Data Product{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name + version */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor=\"#6366f1\"\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                (v{version})\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function DataProductNode(props: DataProductNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItDataProduct {...props} />;\n  }\n\n  return <DefaultDataProduct {...props} />;\n});\n","import { memo, useMemo } from \"react\";\nimport { Layers, Zap, Terminal, HelpCircle, Maximize2 } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { HIDDEN_HANDLE_STYLE } from \"../OwnerIndicator\";\nimport { useDarkMode } from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\n\nexport type MessageGroupNodeData = {\n  mode?: string;\n  groupName: string;\n  direction: \"sends\" | \"receives\";\n  messageCount: number;\n  messageTypes: string[];\n  messages: Array<{\n    message: any;\n    channels: any[];\n  }>;\n  service: { id: string; version: string };\n};\n\nexport type MessageGroupNode = Node<MessageGroupNodeData, \"messageGroup\">;\n\nconst TYPE_ICONS: Record<string, React.ComponentType<any>> = {\n  events: Zap,\n  commands: Terminal,\n  queries: HelpCircle,\n};\n\nconst CARD_STYLE: React.CSSProperties = {\n  borderRadius: 12,\n  border: \"2px solid rgba(139, 92, 246, 0.4)\",\n  background: \"var(--ec-message-group-node-bg, rgb(var(--ec-card-bg)))\",\n  pointerEvents: \"none\" as const,\n};\n\nexport default memo(function MessageGroupNode(props: MessageGroupNode) {\n  const { groupName, messageCount } = props.data;\n  const isDark = useDarkMode();\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const stackDepth = messageCount >= 3 ? 3 : messageCount;\n\n  const typeBreakdown = useMemo(() => {\n    const counts: Record<string, number> = {};\n    props.data.messages.forEach(({ message }) => {\n      const type = message?.collection || \"unknown\";\n      counts[type] = (counts[type] || 0) + 1;\n    });\n    return counts;\n  }, [props.data.messages]);\n\n  return (\n    <div className=\"relative\" style={{ isolation: \"isolate\" }}>\n      {/* Stack layers — positioned behind the main card */}\n      {stackDepth >= 3 && (\n        <div\n          style={{\n            ...CARD_STYLE,\n            position: \"absolute\",\n            inset: 0,\n            transform: \"translate(6px, 6px)\",\n            opacity: 0.5,\n          }}\n        />\n      )}\n      {stackDepth >= 2 && (\n        <div\n          style={{\n            ...CARD_STYLE,\n            position: \"absolute\",\n            inset: 0,\n            transform: \"translate(3px, 3px)\",\n            opacity: 0.7,\n          }}\n        />\n      )}\n\n      {/* Main card */}\n      <div\n        className={`relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible ${\n          props.selected ? \"ring-2 ring-violet-400/60 ring-offset-2\" : \"\"\n        } border-violet-500`}\n        style={{\n          background: \"var(--ec-message-group-node-bg, rgb(var(--ec-card-bg)))\",\n          boxShadow: \"0 2px 12px rgba(139, 92, 246, 0.15)\",\n        }}\n      >\n        <Handle\n          type=\"target\"\n          position={Position.Left}\n          style={HIDDEN_HANDLE_STYLE}\n        />\n        <Handle\n          type=\"source\"\n          position={Position.Right}\n          style={HIDDEN_HANDLE_STYLE}\n        />\n\n        {targetConnections.length > 0 && (\n          <div\n            style={{\n              position: \"absolute\",\n              top: \"50%\",\n              left: -6,\n              transform: \"translateY(-50%)\",\n              width: 12,\n              height: 12,\n              borderRadius: \"50%\",\n              background: \"linear-gradient(135deg, #a78bfa, #7c3aed)\",\n              border: \"2px solid rgb(var(--ec-page-bg))\",\n              zIndex: 20,\n              animation: \"ec-handle-pulse 2s ease-in-out infinite\",\n              pointerEvents: \"none\",\n            }}\n          />\n        )}\n        {sourceConnections.length > 0 && (\n          <div\n            style={{\n              position: \"absolute\",\n              top: \"50%\",\n              right: -6,\n              transform: \"translateY(-50%)\",\n              width: 12,\n              height: 12,\n              borderRadius: \"50%\",\n              background: \"linear-gradient(135deg, #a78bfa, #7c3aed)\",\n              border: \"2px solid rgb(var(--ec-page-bg))\",\n              zIndex: 20,\n              animation: \"ec-handle-pulse 2s ease-in-out infinite\",\n              pointerEvents: \"none\",\n            }}\n          />\n        )}\n\n        <div className=\"absolute -top-2.5 left-2.5 z-10\">\n          <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-violet-600\">\n            <Layers className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n            Group\n          </span>\n        </div>\n\n        <div className=\"px-3 pt-3.5 pb-2.5\">\n          <TruncatedResourceName\n            as=\"div\"\n            value={groupName}\n            tooltipBorderColor=\"#8b5cf6\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {groupName}\n          </TruncatedResourceName>\n\n          <div className=\"mt-1.5 flex items-center gap-2\">\n            <span\n              className=\"text-[10px] font-medium px-1.5 py-0.5 rounded\"\n              style={{\n                background: isDark\n                  ? \"rgba(139, 92, 246, 0.2)\"\n                  : \"rgba(139, 92, 246, 0.1)\",\n                color: isDark ? \"#c4b5fd\" : \"#6d28d9\",\n              }}\n            >\n              {messageCount} {messageCount === 1 ? \"message\" : \"messages\"}\n            </span>\n            <div className=\"flex items-center gap-1\">\n              {Object.entries(typeBreakdown).map(([type, count]) => {\n                const Icon = TYPE_ICONS[type] || HelpCircle;\n                return (\n                  <span\n                    key={type}\n                    className=\"flex items-center gap-0.5 text-[9px] text-[rgb(var(--ec-page-text-muted))]\"\n                  >\n                    <Icon className=\"w-2.5 h-2.5\" strokeWidth={2} />\n                    {count}\n                  </span>\n                );\n              })}\n            </div>\n          </div>\n\n          <div className=\"mt-1.5 flex items-center gap-1 text-[8px] text-[rgb(var(--ec-page-text-muted))]\">\n            <Maximize2 className=\"w-2.5 h-2.5\" />\n            Click to explore\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Layers, Minimize2 } from \"lucide-react\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\n\nexport type MessageGroupExpandedNodeData = {\n  groupName: string;\n  direction: \"sends\" | \"receives\";\n  messageCount: number;\n  onCollapse?: string; // group node ID to collapse back to\n};\n\nconst CONTAINER_STYLE: React.CSSProperties = {\n  width: \"100%\",\n  height: \"100%\",\n  borderRadius: 12,\n  border: \"2px solid rgba(139, 92, 246, 0.5)\",\n  backgroundColor: \"rgba(139, 92, 246, 0.05)\",\n  position: \"relative\",\n  overflow: \"visible\",\n};\n\nconst HEADER_STYLE: React.CSSProperties = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 44,\n  borderTopLeftRadius: 10,\n  borderTopRightRadius: 10,\n  background: \"rgba(139, 92, 246, 0.12)\",\n  borderBottom: \"1px solid rgba(139, 92, 246, 0.3)\",\n  overflow: \"visible\",\n};\n\nconst BADGE_STYLE: React.CSSProperties = {\n  position: \"absolute\",\n  top: -10,\n  left: 12,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  gap: 3,\n  padding: \"2px 8px\",\n  borderRadius: 4,\n  background: \"#7c3aed\",\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.15)\",\n  zIndex: 10,\n  fontSize: 8,\n  fontWeight: 700,\n  letterSpacing: \"0.08em\",\n  textTransform: \"uppercase\" as const,\n  color: \"white\",\n};\n\nconst HEADER_CONTENT_STYLE: React.CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  height: \"100%\",\n  padding: \"0 12px 0 14px\",\n  gap: 12,\n};\n\nconst GROUP_NAME_STYLE: React.CSSProperties = {\n  fontSize: 11,\n  fontWeight: 700,\n  color: \"var(--ec-group-text, #5b21b6)\",\n  letterSpacing: \"0.04em\",\n  textTransform: \"uppercase\",\n  whiteSpace: \"nowrap\",\n};\n\nconst COUNT_STYLE: React.CSSProperties = {\n  fontSize: 10,\n  fontWeight: 500,\n  color: \"#a78bfa\",\n  marginLeft: 8,\n};\n\nconst COLLAPSE_BUTTON_STYLE: React.CSSProperties = {\n  background: \"#7c3aed\",\n  border: \"1px solid #a78bfa\",\n  borderRadius: 6,\n  padding: \"4px 10px\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 4,\n  fontSize: 10,\n  fontWeight: 600,\n  color: \"white\",\n};\n\nexport default memo(function MessageGroupExpandedNode({\n  data,\n}: {\n  data: MessageGroupExpandedNodeData;\n}) {\n  const { groupName, messageCount } = data;\n\n  return (\n    <div style={CONTAINER_STYLE}>\n      <div style={HEADER_STYLE}>\n        <div style={BADGE_STYLE}>\n          <Layers size={10} strokeWidth={2.5} />\n          Group\n        </div>\n\n        <div style={HEADER_CONTENT_STYLE}>\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              minWidth: 0,\n              flex: 1,\n            }}\n          >\n            <TruncatedResourceName\n              value={groupName || \"Group\"}\n              tooltipBorderColor=\"#8b5cf6\"\n              className=\"truncate\"\n              style={GROUP_NAME_STYLE}\n            >\n              {groupName || \"Group\"}\n            </TruncatedResourceName>\n          </div>\n\n          <button\n            style={COLLAPSE_BUTTON_STYLE}\n            className=\"ec-collapse-group-btn nodrag nopan\"\n            onMouseDown={(e) => e.stopPropagation()}\n          >\n            <Minimize2 size={12} strokeWidth={2.5} />\n            Collapse\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n","import { memo, useMemo } from \"react\";\nimport { BaseEdge, getSmoothStepPath } from \"@xyflow/react\";\nimport { EDGE_WARNING_STYLE, EDGE_DEFAULT_STYLE } from \"../nodes/shared-styles\";\nimport EdgeLabel from \"./EdgeLabel\";\n\n/** Map collection type → envelope fill color (module-level, zero allocation). */\nfunction messageColor(collection: string): string {\n  switch (collection) {\n    case \"events\":\n      return \"orange\";\n    case \"commands\":\n      return \"blue\";\n    case \"queries\":\n      return \"green\";\n    default:\n      return \"gray\";\n  }\n}\n\nconst AnimatedMessageEdge = memo(\n  ({\n    id,\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n    data,\n    label = \"\",\n    markerEnd,\n    markerStart,\n  }: any) => {\n    const [edgePath, labelX, labelY] = getSmoothStepPath({\n      sourceX,\n      sourceY,\n      sourcePosition,\n      targetX,\n      targetY,\n      targetPosition,\n    });\n\n    const collection = data?.message?.collection;\n    const opacity = data?.opacity ?? 1;\n    const customColor =\n      data?.customColor || messageColor(collection ?? \"default\");\n    const warning = data?.warning;\n\n    const customColors = Array.isArray(customColor)\n      ? customColor\n      : [customColor];\n\n    const randomDelay = useMemo(() => Math.random() * 1, []);\n\n    const opacityClass = opacity === 1 ? \"z-30 opacity-100\" : \"z-30 opacity-10\";\n\n    const animatedNodes = useMemo(\n      () =>\n        customColors.map((color: string, index: number) => {\n          const delay = randomDelay + index * 0.3;\n          return (\n            <g\n              className={`ec-animated-msg ${opacityClass}`}\n              key={`${id}-${color}-${index}`}\n            >\n              <g>\n                <rect\n                  x=\"-7\"\n                  y=\"-5\"\n                  width=\"14\"\n                  height=\"10\"\n                  rx=\"1.5\"\n                  ry=\"1.5\"\n                  fill={color}\n                />\n                <path\n                  d=\"M-7,-5 L0,1 L7,-5\"\n                  fill=\"none\"\n                  stroke=\"rgb(var(--ec-card-bg))\"\n                  strokeWidth=\"1.2\"\n                  strokeLinejoin=\"round\"\n                />\n                <animateMotion\n                  dur=\"2s\"\n                  repeatCount=\"indefinite\"\n                  path={edgePath}\n                  rotate=\"auto\"\n                  begin={`${delay}s`}\n                >\n                  <mpath href={`#${id}`} />\n                </animateMotion>\n              </g>\n            </g>\n          );\n        }),\n      // edgePath changes when endpoints move — that's the only time we need to rebuild SVG\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [edgePath, id, customColors.join(\",\"), opacity, randomDelay],\n    );\n\n    return (\n      <>\n        <BaseEdge\n          id={id}\n          path={edgePath}\n          markerEnd={markerEnd}\n          markerStart={markerStart}\n          style={warning ? EDGE_WARNING_STYLE : EDGE_DEFAULT_STYLE}\n        />\n        {animatedNodes}\n        <EdgeLabel label={label} labelX={labelX} labelY={labelY} />\n      </>\n    );\n  },\n);\n\nexport default AnimatedMessageEdge;\n","import { EdgeLabelRenderer } from \"@xyflow/react\";\nimport type { CSSProperties, ReactNode } from \"react\";\n\ninterface EdgeLabelProps {\n  label: ReactNode;\n  labelX: number;\n  labelY: number;\n  style?: CSSProperties;\n}\n\nexport default function EdgeLabel({\n  label,\n  labelX,\n  labelY,\n  style,\n}: EdgeLabelProps) {\n  if (label === undefined || label === null || label === \"\") return null;\n\n  const lines = String(label).split(\"\\n\");\n\n  return (\n    <EdgeLabelRenderer>\n      <div\n        className=\"nodrag nopan rounded-md border border-[rgb(var(--ec-page-border))] px-2 py-1 text-center text-[10px] font-medium leading-tight text-[rgb(var(--ec-page-text))] shadow-sm\"\n        style={{\n          position: \"absolute\",\n          transform: `translate(-50%, -50%) translate(${labelX}px, ${labelY}px)`,\n          zIndex: 1000,\n          pointerEvents: \"none\",\n          backgroundColor: \"rgb(var(--ec-card-bg))\",\n          ...style,\n        }}\n      >\n        {lines.map((line, index) => (\n          <div\n            key={`${line}-${index}`}\n            className={`whitespace-nowrap ${index > 0 ? \"italic\" : \"\"}`}\n          >\n            {line}\n          </div>\n        ))}\n      </div>\n    </EdgeLabelRenderer>\n  );\n}\n","import { memo } from \"react\";\nimport { type EdgeProps, getSmoothStepPath } from \"@xyflow/react\";\nimport EdgeLabel from \"./EdgeLabel\";\n\nexport default memo(function MultilineEdgeLabel(props: EdgeProps) {\n  const {\n    id,\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n    label,\n    markerStart, // <-- forward these\n    markerEnd,\n    style,\n    selected,\n  } = props;\n\n  const [edgePath, labelX, labelY] = getSmoothStepPath({\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n  });\n\n  return (\n    <>\n      <path\n        id={id}\n        d={edgePath}\n        className={`react-flow__edge-path${selected ? \" selected\" : \"\"}`}\n        markerStart={markerStart}\n        markerEnd={markerEnd}\n        style={style as any}\n      />\n\n      <EdgeLabel label={label} labelX={labelX} labelY={labelY} />\n    </>\n  );\n});\n","import { memo, useMemo } from \"react\";\nimport {\n  BaseEdge,\n  EdgeLabelRenderer,\n  getSmoothStepPath,\n  type EdgeProps as XYFlowEdgeProps,\n} from \"@xyflow/react\";\nimport { EDGE_FLOW_BASE_STYLE } from \"../nodes/shared-styles\";\n\ninterface EdgeData {\n  message?: {\n    collection?: string;\n  };\n  opacity?: number;\n  animated?: boolean;\n}\n\nexport interface CustomEdgeProps extends Omit<XYFlowEdgeProps, \"data\"> {\n  data?: EdgeData;\n}\n\n/** Map collection type → circle fill color (module-level, zero allocation). */\nfunction messageColor(collection: string): string {\n  switch (collection) {\n    case \"events\":\n      return \"orange\";\n    case \"commands\":\n      return \"blue\";\n    case \"queries\":\n      return \"green\";\n    default:\n      return \"gray\";\n  }\n}\n\nconst EMPTY_STYLE = {} as const;\n\nexport default memo(function CustomEdge({\n  id,\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n  style = EMPTY_STYLE,\n  markerEnd,\n  label,\n  labelStyle,\n  data,\n}: CustomEdgeProps) {\n  const [edgePath, labelX, labelY] = getSmoothStepPath({\n    sourceX,\n    sourceY,\n    sourcePosition,\n    targetX,\n    targetY,\n    targetPosition,\n  });\n\n  const randomDelay = useMemo(() => Math.random() * 1, []);\n  const collection = data?.message?.collection;\n  const opacity = data?.opacity ?? 1;\n\n  const mergedStyle = useMemo(\n    () => ({ ...EDGE_FLOW_BASE_STYLE, ...style }),\n    [style],\n  );\n\n  const labelPositionStyle = useMemo(\n    () => ({\n      position: \"absolute\" as const,\n      transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,\n      zIndex: 1000,\n      ...(labelStyle as any),\n    }),\n    [labelX, labelY, labelStyle],\n  );\n\n  return (\n    <>\n      <BaseEdge path={edgePath} markerEnd={markerEnd} style={mergedStyle} />\n      {data?.animated && (\n        <g\n          className={`ec-animated-msg z-30 ${opacity === 1 ? \"opacity-100\" : \"opacity-10\"}`}\n        >\n          <circle\n            cx=\"0\"\n            cy=\"0\"\n            r=\"7\"\n            fill={messageColor(collection || \"default\")}\n          >\n            <animateMotion\n              dur=\"2s\"\n              repeatCount=\"indefinite\"\n              path={edgePath}\n              rotate=\"auto\"\n              begin={`${randomDelay}s`}\n            >\n              <mpath href={`#${id}`} />\n            </animateMotion>\n          </circle>\n        </g>\n      )}\n      {label && (\n        <EdgeLabelRenderer>\n          <div\n            style={labelPositionStyle}\n            className=\"nodrag nopan max-w-[120px] text-xs bg-[rgb(var(--ec-card-bg))] px-2 py-1 rounded border border-[rgb(var(--ec-page-border))] text-[rgb(var(--ec-page-text-muted))] font-medium shadow-sm text-center\"\n          >\n            {label}\n          </div>\n        </EdgeLabelRenderer>\n      )}\n    </>\n  );\n});\n","import {\n  BaseEdge,\n  getBezierPath,\n  getSmoothStepPath,\n  type EdgeProps,\n} from \"@xyflow/react\";\nimport type { CSSProperties } from \"react\";\nimport EdgeLabel from \"./EdgeLabel\";\n\ntype PathType = \"bezier\" | \"smoothstep\" | \"step\";\n\nfunction LabelledEdge({\n  pathType,\n  ...props\n}: EdgeProps & { pathType: PathType }) {\n  const {\n    id,\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n    markerStart,\n    markerEnd,\n    style,\n    label,\n    labelStyle,\n  } = props;\n\n  const pathProps = {\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n  };\n  const [edgePath, labelX, labelY] =\n    pathType === \"bezier\"\n      ? getBezierPath(pathProps)\n      : getSmoothStepPath({\n          ...pathProps,\n          ...(pathType === \"step\" ? { borderRadius: 0 } : {}),\n        });\n\n  return (\n    <>\n      <BaseEdge\n        id={id}\n        path={edgePath}\n        markerStart={markerStart}\n        markerEnd={markerEnd}\n        style={style}\n      />\n      <EdgeLabel\n        label={label}\n        labelX={labelX}\n        labelY={labelY}\n        style={labelStyle as CSSProperties}\n      />\n    </>\n  );\n}\n\nexport function LabelledDefaultEdge(props: EdgeProps) {\n  return <LabelledEdge {...props} pathType=\"bezier\" />;\n}\n\nexport function LabelledSmoothStepEdge(props: EdgeProps) {\n  return <LabelledEdge {...props} pathType=\"smoothstep\" />;\n}\n\nexport function LabelledStepEdge(props: EdgeProps) {\n  return <LabelledEdge {...props} pathType=\"step\" />;\n}\n","import {\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  useImperativeHandle,\n  memo,\n} from \"react\";\nimport type { Node } from \"@xyflow/react\";\nimport {\n  Blocks,\n  Bot,\n  Database,\n  Group,\n  Layers,\n  ListTree,\n  MessageSquare,\n  Search as SearchIcon,\n  Server,\n  User,\n  Workflow,\n  Wrench,\n  Zap,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\n\n// Define interfaces for different node data structures\ninterface ResourceData {\n  id?: string;\n  name?: string;\n  version?: string;\n}\n\ntype MessageData = ResourceData;\n\ntype ServiceData = ResourceData;\ntype AgentData = ResourceData;\ntype AgentToolData = ResourceData;\n\ntype DomainData = ResourceData;\n\ntype EntityData = ResourceData;\n\ninterface NodeDataContent extends Record<string, unknown> {\n  message?: { data?: MessageData } & MessageData;\n  service?: { data?: ServiceData } & ServiceData;\n  agent?: { data?: AgentData } & AgentData;\n  agentTool?: { data?: AgentToolData } & AgentToolData;\n  domain?: { data?: DomainData } & DomainData;\n  system?: { data?: ResourceData } & ResourceData;\n  entity?: { data?: EntityData } & EntityData;\n  channel?: { data?: ResourceData } & ResourceData;\n  dataProduct?: { data?: ResourceData } & ResourceData;\n  data?: ResourceData;\n  name?: string;\n  version?: string;\n  groupName?: string;\n  messages?: Array<{\n    message?: {\n      collection?: string;\n      data?: MessageData & { id?: string };\n    };\n  }>;\n}\n\n// Extend the Node type with our custom data structure\ntype CustomNode = Node<NodeDataContent>;\n\ntype SearchSuggestion = {\n  key: string;\n  node: CustomNode;\n  label: string;\n  searchText: string;\n  type: string;\n  resourceKey: string;\n  groupName?: string;\n  isGroupedMessage?: boolean;\n};\n\ntype NodeTypeMeta = {\n  label: string;\n  Icon: LucideIcon;\n  iconClass: string;\n  badgeClass: string;\n};\n\nconst formatVersionedName = (name: string, version?: string) => {\n  if (version) {\n    const nameWithoutVersion = name.replace(\n      new RegExp(`-v?${version.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")}$`),\n      \"\",\n    );\n    return `${nameWithoutVersion} (v${version})`;\n  }\n\n  const versionMatch = name.match(\n    /^(.+)-v?(\\d+\\.\\d+\\.\\d+(?:[-+][0-9A-Za-z.-]+)?)$/,\n  );\n  if (!versionMatch) return name;\n\n  return `${versionMatch[1]} (v${versionMatch[2]})`;\n};\n\nconst normalizeCollectionType = (type: string) => {\n  const aliases: Record<string, string> = {\n    event: \"events\",\n    command: \"commands\",\n    query: \"queries\",\n    agent: \"agents\",\n    service: \"services\",\n    domain: \"domains\",\n    channel: \"channels\",\n    entity: \"entities\",\n  };\n\n  return aliases[type] || type;\n};\n\nconst splitVersionedName = (name: string, version?: string) => {\n  if (version) {\n    return {\n      id: name.replace(\n        new RegExp(`-v?${version.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")}$`),\n        \"\",\n      ),\n      version,\n    };\n  }\n\n  const versionMatch = name.match(\n    /^(.+)-v?(\\d+\\.\\d+\\.\\d+(?:[-+][0-9A-Za-z.-]+)?)$/,\n  );\n  if (!versionMatch) return { id: name, version: undefined };\n\n  return { id: versionMatch[1], version: versionMatch[2] };\n};\n\nconst getResourceKey = ({\n  type,\n  id,\n  name,\n  version,\n}: {\n  type: string;\n  id?: string;\n  name: string;\n  version?: string;\n}) => {\n  const parsed = splitVersionedName(id || name, version);\n  return `${normalizeCollectionType(type)}:${parsed.id}:${parsed.version || \"\"}`.toLowerCase();\n};\n\nconst getNodeResourceData = (\n  data: NodeDataContent,\n  key:\n    | \"message\"\n    | \"agent\"\n    | \"agentTool\"\n    | \"service\"\n    | \"domain\"\n    | \"system\"\n    | \"entity\"\n    | \"channel\"\n    | \"dataProduct\"\n    | \"data\",\n) => {\n  const resource = data?.[key];\n  if (!resource || typeof resource !== \"object\") return undefined;\n  return \"data\" in resource && resource.data ? resource.data : resource;\n};\n\ninterface VisualiserSearchProps {\n  nodes: CustomNode[];\n  onNodeSelect: (node: CustomNode) => void;\n  onClear: () => void;\n  onPaneClick?: () => void;\n}\n\nexport interface VisualiserSearchRef {\n  hideSuggestions: () => void;\n}\n\nconst VisualiserSearch = memo(\n  forwardRef<VisualiserSearchRef, VisualiserSearchProps>(\n    ({ nodes, onNodeSelect, onClear, onPaneClick: _onPaneClick }, ref) => {\n      const [searchQuery, setSearchQuery] = useState(\"\");\n      const [filteredSuggestions, setFilteredSuggestions] = useState<\n        SearchSuggestion[]\n      >([]);\n      const [showSuggestions, setShowSuggestions] = useState(false);\n      const [selectedSuggestionIndex, setSelectedSuggestionIndex] =\n        useState(-1);\n      const searchInputRef = useRef<HTMLInputElement>(null);\n      const containerRef = useRef<HTMLDivElement>(null);\n      const suggestionsListRef = useRef<HTMLDivElement>(null);\n      const suggestionItemRefs = useRef<Array<HTMLDivElement | null>>([]);\n\n      const hideSuggestions = useCallback(() => {\n        setShowSuggestions(false);\n        setSelectedSuggestionIndex(-1);\n      }, []);\n\n      useImperativeHandle(\n        ref,\n        () => ({\n          hideSuggestions,\n        }),\n        [hideSuggestions],\n      );\n\n      const getNodeDisplayName = useCallback((node: CustomNode) => {\n        if (node.type === \"messageGroup\") {\n          return (node.data as any)?.groupName || node.id;\n        }\n        if (node.type === \"messageGroupExpanded\") {\n          return (node.data as any)?.groupName || node.id;\n        }\n        const message = getNodeResourceData(node.data, \"message\");\n        const agent = getNodeResourceData(node.data, \"agent\");\n        const agentTool = getNodeResourceData(node.data, \"agentTool\");\n        const service = getNodeResourceData(node.data, \"service\");\n        const domain = getNodeResourceData(node.data, \"domain\");\n        const system = getNodeResourceData(node.data, \"system\");\n        const entity = getNodeResourceData(node.data, \"entity\");\n        const channel = getNodeResourceData(node.data, \"channel\");\n        const dataProduct = getNodeResourceData(node.data, \"dataProduct\");\n        const data = getNodeResourceData(node.data, \"data\");\n        const name =\n          message?.name ||\n          message?.id ||\n          agent?.name ||\n          agent?.id ||\n          agentTool?.name ||\n          agentTool?.id ||\n          service?.name ||\n          service?.id ||\n          domain?.name ||\n          domain?.id ||\n          system?.name ||\n          system?.id ||\n          entity?.name ||\n          entity?.id ||\n          channel?.name ||\n          channel?.id ||\n          dataProduct?.name ||\n          dataProduct?.id ||\n          data?.name ||\n          data?.id ||\n          node.data?.name ||\n          node.id;\n        const version =\n          message?.version ||\n          agent?.version ||\n          agentTool?.version ||\n          service?.version ||\n          domain?.version ||\n          system?.version ||\n          entity?.version ||\n          channel?.version ||\n          dataProduct?.version ||\n          data?.version ||\n          node.data?.version;\n        return formatVersionedName(name, version);\n      }, []);\n\n      const getNodeResourceKey = useCallback(\n        (node: CustomNode, label: string) => {\n          if (\n            node.type === \"messageGroup\" ||\n            node.type === \"messageGroupExpanded\"\n          ) {\n            return `${node.type}:${node.id}`.toLowerCase();\n          }\n\n          const data = node.data as any;\n          const resource =\n            getNodeResourceData(data, \"message\") ||\n            getNodeResourceData(data, \"agent\") ||\n            getNodeResourceData(data, \"agentTool\") ||\n            getNodeResourceData(data, \"service\") ||\n            getNodeResourceData(data, \"domain\") ||\n            getNodeResourceData(data, \"system\") ||\n            getNodeResourceData(data, \"entity\") ||\n            getNodeResourceData(data, \"channel\") ||\n            getNodeResourceData(data, \"dataProduct\") ||\n            data?.data ||\n            data;\n\n          return getResourceKey({\n            type: node.type || \"unknown\",\n            id: resource?.id,\n            name: resource?.name || resource?.id || label || node.id,\n            version: resource?.version || data?.version,\n          });\n        },\n        [],\n      );\n\n      const dedupeSearchSuggestions = useCallback(\n        (suggestions: SearchSuggestion[]) => {\n          const uniqueSuggestions: SearchSuggestion[] = [];\n          const indexByResourceKey = new Map<string, number>();\n\n          suggestions.forEach((suggestion) => {\n            const existingIndex = indexByResourceKey.get(\n              suggestion.resourceKey,\n            );\n\n            if (existingIndex === undefined) {\n              indexByResourceKey.set(\n                suggestion.resourceKey,\n                uniqueSuggestions.length,\n              );\n              uniqueSuggestions.push(suggestion);\n              return;\n            }\n\n            if (\n              suggestion.isGroupedMessage &&\n              !uniqueSuggestions[existingIndex].isGroupedMessage\n            ) {\n              uniqueSuggestions[existingIndex] = suggestion;\n            }\n          });\n\n          return uniqueSuggestions;\n        },\n        [],\n      );\n\n      const getSearchSuggestions = useCallback(\n        (nodesToIndex: CustomNode[]): SearchSuggestion[] => {\n          const suggestions = nodesToIndex.flatMap((node) => {\n            // Boundary/container nodes aren't searchable resources — e.g. the\n            // system-group wrapper on a System Diagram. Skip them so they don't\n            // appear in the \"Search Nodes\" filter.\n            if (node.type === \"system-group\") return [];\n\n            const nodeName = getNodeDisplayName(node);\n            const suggestions: SearchSuggestion[] = [\n              {\n                key: node.id,\n                node,\n                label: nodeName,\n                searchText: nodeName,\n                type: node.type || \"unknown\",\n                resourceKey: getNodeResourceKey(node, nodeName),\n              },\n            ];\n\n            if (node.type !== \"messageGroup\") return suggestions;\n\n            const groupName = node.data?.groupName || nodeName;\n            const groupedMessages = node.data?.messages || [];\n            groupedMessages.forEach((item, index) => {\n              const message = item.message;\n              const messageName = message?.data?.name || message?.data?.id;\n              if (!messageName) return;\n\n              const version = message?.data?.version;\n              const label = formatVersionedName(messageName, version);\n\n              suggestions.push({\n                key: `${node.id}:${message?.data?.id || messageName}:${version || index}`,\n                node,\n                label,\n                searchText: `${label} ${groupName}`,\n                type: message?.collection || \"message\",\n                resourceKey: getResourceKey({\n                  type: message?.collection || \"message\",\n                  id: message?.data?.id,\n                  name: messageName,\n                  version,\n                }),\n                groupName,\n                isGroupedMessage: true,\n              });\n            });\n\n            return suggestions;\n          });\n\n          return dedupeSearchSuggestions(suggestions);\n        },\n        [dedupeSearchSuggestions, getNodeDisplayName, getNodeResourceKey],\n      );\n\n      const getNodeTypeMeta = useCallback((nodeType: string): NodeTypeMeta => {\n        const meta: Record<string, NodeTypeMeta> = {\n          events: {\n            label: \"Event\",\n            Icon: Zap,\n            iconClass: \"border-orange-500/25 bg-orange-500/10 text-orange-500\",\n            badgeClass:\n              \"border-orange-500/25 bg-orange-500/10 text-orange-700 dark:text-orange-300\",\n          },\n          event: {\n            label: \"Event\",\n            Icon: Zap,\n            iconClass: \"border-orange-500/25 bg-orange-500/10 text-orange-500\",\n            badgeClass:\n              \"border-orange-500/25 bg-orange-500/10 text-orange-700 dark:text-orange-300\",\n          },\n          commands: {\n            label: \"Command\",\n            Icon: MessageSquare,\n            iconClass: \"border-blue-500/25 bg-blue-500/10 text-blue-500\",\n            badgeClass:\n              \"border-blue-500/25 bg-blue-500/10 text-blue-700 dark:text-blue-300\",\n          },\n          command: {\n            label: \"Command\",\n            Icon: MessageSquare,\n            iconClass: \"border-blue-500/25 bg-blue-500/10 text-blue-500\",\n            badgeClass:\n              \"border-blue-500/25 bg-blue-500/10 text-blue-700 dark:text-blue-300\",\n          },\n          queries: {\n            label: \"Query\",\n            Icon: SearchIcon,\n            iconClass: \"border-green-500/25 bg-green-500/10 text-green-500\",\n            badgeClass:\n              \"border-green-500/25 bg-green-500/10 text-green-700 dark:text-green-300\",\n          },\n          query: {\n            label: \"Query\",\n            Icon: SearchIcon,\n            iconClass: \"border-green-500/25 bg-green-500/10 text-green-500\",\n            badgeClass:\n              \"border-green-500/25 bg-green-500/10 text-green-700 dark:text-green-300\",\n          },\n          services: {\n            label: \"Service\",\n            Icon: Server,\n            iconClass: \"border-pink-500/25 bg-pink-500/10 text-pink-500\",\n            badgeClass:\n              \"border-pink-500/25 bg-pink-500/10 text-pink-700 dark:text-pink-300\",\n          },\n          agents: {\n            label: \"Agent\",\n            Icon: Bot,\n            iconClass: \"border-sky-500/25 bg-sky-500/10 text-sky-500\",\n            badgeClass:\n              \"border-sky-500/25 bg-sky-500/10 text-sky-700 dark:text-sky-300\",\n          },\n          agent: {\n            label: \"Agent\",\n            Icon: Bot,\n            iconClass: \"border-sky-500/25 bg-sky-500/10 text-sky-500\",\n            badgeClass:\n              \"border-sky-500/25 bg-sky-500/10 text-sky-700 dark:text-sky-300\",\n          },\n          agentTool: {\n            label: \"Agent Tool\",\n            Icon: Wrench,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n          \"agent-tool\": {\n            label: \"Agent Tool\",\n            Icon: Wrench,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n          domains: {\n            label: \"Domain\",\n            Icon: Blocks,\n            iconClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\",\n            badgeClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300\",\n          },\n          systems: {\n            label: \"System\",\n            Icon: Group,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n          flows: {\n            label: \"Flow\",\n            Icon: Workflow,\n            iconClass: \"border-teal-500/25 bg-teal-500/10 text-teal-500\",\n            badgeClass:\n              \"border-teal-500/25 bg-teal-500/10 text-teal-700 dark:text-teal-300\",\n          },\n          channels: {\n            label: \"Channel\",\n            Icon: ListTree,\n            iconClass: \"border-gray-500/25 bg-gray-500/10 text-gray-500\",\n            badgeClass:\n              \"border-gray-500/25 bg-gray-500/10 text-gray-700 dark:text-gray-300\",\n          },\n          data: {\n            label: \"Data\",\n            Icon: Database,\n            iconClass: \"border-blue-500/25 bg-blue-500/10 text-blue-500\",\n            badgeClass:\n              \"border-blue-500/25 bg-blue-500/10 text-blue-700 dark:text-blue-300\",\n          },\n          entities: {\n            label: \"Entity\",\n            Icon: Database,\n            iconClass: \"border-blue-500/25 bg-blue-500/10 text-blue-500\",\n            badgeClass:\n              \"border-blue-500/25 bg-blue-500/10 text-blue-700 dark:text-blue-300\",\n          },\n          externalSystem: {\n            label: \"External\",\n            Icon: Server,\n            iconClass: \"border-pink-500/25 bg-pink-500/10 text-pink-500\",\n            badgeClass:\n              \"border-pink-500/25 bg-pink-500/10 text-pink-700 dark:text-pink-300\",\n          },\n          actor: {\n            label: \"Actor\",\n            Icon: User,\n            iconClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\",\n            badgeClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300\",\n          },\n          \"context-actor\": {\n            label: \"Actor\",\n            Icon: User,\n            iconClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\",\n            badgeClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300\",\n          },\n          user: {\n            label: \"User\",\n            Icon: User,\n            iconClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\",\n            badgeClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300\",\n          },\n          messageGroup: {\n            label: \"Group\",\n            Icon: Layers,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n          messageGroupExpanded: {\n            label: \"Group\",\n            Icon: Layers,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n        };\n\n        return (\n          meta[nodeType] || {\n            label: nodeType,\n            Icon: Layers,\n            iconClass: \"border-gray-500/25 bg-gray-500/10 text-gray-500\",\n            badgeClass:\n              \"border-gray-500/25 bg-gray-500/10 text-gray-700 dark:text-gray-300\",\n          }\n        );\n      }, []);\n\n      const handleSearchChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n          const query = event.target.value;\n          setSearchQuery(query);\n\n          if (query.length > 0) {\n            const search = query.toLowerCase();\n            const filtered = getSearchSuggestions(nodes).filter((suggestion) =>\n              suggestion.searchText.toLowerCase().includes(search),\n            );\n            setFilteredSuggestions(filtered);\n            setShowSuggestions(true);\n            setSelectedSuggestionIndex(-1);\n          } else {\n            setFilteredSuggestions(getSearchSuggestions(nodes));\n            setShowSuggestions(true);\n            setSelectedSuggestionIndex(-1);\n          }\n        },\n        [nodes, getSearchSuggestions],\n      );\n\n      const handleSearchFocus = useCallback(() => {\n        const suggestions = getSearchSuggestions(nodes);\n        const search = searchQuery.toLowerCase();\n        setFilteredSuggestions(\n          searchQuery.length === 0\n            ? suggestions\n            : suggestions.filter((suggestion) =>\n                suggestion.searchText.toLowerCase().includes(search),\n              ),\n        );\n        setShowSuggestions(true);\n        setSelectedSuggestionIndex(-1);\n      }, [nodes, searchQuery, getSearchSuggestions]);\n\n      const handleSuggestionClick = useCallback(\n        (suggestion: SearchSuggestion) => {\n          setSearchQuery(\"\");\n          setFilteredSuggestions([]);\n          setShowSuggestions(false);\n          setSelectedSuggestionIndex(-1);\n          onNodeSelect(suggestion.node);\n        },\n        [onNodeSelect],\n      );\n\n      const handleSearchKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n          switch (event.key) {\n            case \"ArrowDown\":\n              event.preventDefault();\n              if (filteredSuggestions.length === 0) return;\n              setShowSuggestions(true);\n              setSelectedSuggestionIndex((prev) =>\n                prev < filteredSuggestions.length - 1 ? prev + 1 : 0,\n              );\n              break;\n            case \"ArrowUp\":\n              event.preventDefault();\n              if (filteredSuggestions.length === 0) return;\n              setShowSuggestions(true);\n              setSelectedSuggestionIndex((prev) =>\n                prev > 0 ? prev - 1 : filteredSuggestions.length - 1,\n              );\n              break;\n            case \"Enter\":\n              event.preventDefault();\n              if (\n                showSuggestions &&\n                selectedSuggestionIndex >= 0 &&\n                selectedSuggestionIndex < filteredSuggestions.length\n              ) {\n                handleSuggestionClick(\n                  filteredSuggestions[selectedSuggestionIndex],\n                );\n              }\n              break;\n            case \"Escape\":\n              setShowSuggestions(false);\n              setSelectedSuggestionIndex(-1);\n              break;\n          }\n        },\n        [\n          showSuggestions,\n          filteredSuggestions,\n          selectedSuggestionIndex,\n          handleSuggestionClick,\n        ],\n      );\n\n      const clearSearch = useCallback(() => {\n        setSearchQuery(\"\");\n        setShowSuggestions(false);\n        setFilteredSuggestions([]);\n        setSelectedSuggestionIndex(-1);\n        onClear();\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n        }\n      }, [onClear]);\n\n      useEffect(() => {\n        suggestionItemRefs.current = suggestionItemRefs.current.slice(\n          0,\n          filteredSuggestions.length,\n        );\n      }, [filteredSuggestions.length]);\n\n      useEffect(() => {\n        if (!showSuggestions || selectedSuggestionIndex < 0) return;\n\n        const list = suggestionsListRef.current;\n        const item = suggestionItemRefs.current[selectedSuggestionIndex];\n        if (!list || !item) return;\n\n        const itemTop = item.offsetTop;\n        const itemBottom = itemTop + item.offsetHeight;\n        const visibleTop = list.scrollTop;\n        const visibleBottom = visibleTop + list.clientHeight;\n\n        if (itemTop < visibleTop) {\n          list.scrollTop = itemTop;\n        } else if (itemBottom > visibleBottom) {\n          list.scrollTop = itemBottom - list.clientHeight;\n        }\n      }, [\n        showSuggestions,\n        selectedSuggestionIndex,\n        filteredSuggestions.length,\n      ]);\n\n      // Close suggestions when clicking outside\n      useEffect(() => {\n        const handleClickOutside = (event: MouseEvent) => {\n          if (\n            containerRef.current &&\n            !containerRef.current.contains(event.target as any)\n          ) {\n            setShowSuggestions(false);\n            setSelectedSuggestionIndex(-1);\n          }\n        };\n\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        return () => {\n          document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n      }, []);\n\n      return (\n        <div ref={containerRef} className=\"w-full max-w-md mx-auto relative\">\n          <div className=\"relative\">\n            <input\n              ref={searchInputRef}\n              type=\"text\"\n              placeholder=\"Search nodes...\"\n              value={searchQuery}\n              onChange={handleSearchChange}\n              onKeyDown={handleSearchKeyDown}\n              onFocus={handleSearchFocus}\n              className=\"w-full px-4 py-2 pr-10 bg-[rgb(var(--ec-input-bg))] border border-[rgb(var(--ec-input-border))] text-[rgb(var(--ec-input-text))] placeholder:text-[rgb(var(--ec-page-text-muted))] rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:border-transparent\"\n            />\n            {searchQuery && (\n              <button\n                onClick={clearSearch}\n                className=\"absolute right-2 top-1/2 transform -translate-y-1/2 text-[rgb(var(--ec-page-text-muted))] hover:text-[rgb(var(--ec-page-text))]\"\n                aria-label=\"Clear search\"\n              >\n                <svg\n                  className=\"w-5 h-5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n          {showSuggestions && filteredSuggestions.length > 0 && (\n            <div\n              ref={suggestionsListRef}\n              className=\"absolute top-full left-0 right-0 mt-1 bg-[rgb(var(--ec-card-bg))] border border-[rgb(var(--ec-page-border))] rounded-md shadow-lg z-50 max-h-60 overflow-y-auto\"\n            >\n              {filteredSuggestions.map((suggestion, index) => {\n                const nodeTypeMeta = getNodeTypeMeta(suggestion.type);\n                const Icon = nodeTypeMeta.Icon;\n                const isSelected = index === selectedSuggestionIndex;\n                return (\n                  <div\n                    key={`${suggestion.key}:${index}`}\n                    ref={(element) => {\n                      suggestionItemRefs.current[index] = element;\n                    }}\n                    onClick={() => handleSuggestionClick(suggestion)}\n                    onMouseEnter={() => setSelectedSuggestionIndex(index)}\n                    className={`px-3 py-2 cursor-pointer flex items-start gap-3 ${\n                      isSelected\n                        ? \"bg-[rgb(var(--ec-accent-subtle))] outline outline-1 -outline-offset-1 outline-[rgb(var(--ec-accent))]\"\n                        : \"hover:bg-[rgb(var(--ec-page-border)/0.5)]\"\n                    }`}\n                  >\n                    <span\n                      className={`mt-0.5 flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-md border ${nodeTypeMeta.iconClass}`}\n                    >\n                      <Icon className=\"h-3.5 w-3.5\" />\n                    </span>\n                    <span className=\"min-w-0 flex-1\">\n                      <span className=\"block truncate text-sm font-medium text-[rgb(var(--ec-page-text))]\">\n                        {suggestion.label}\n                      </span>\n                      {suggestion.isGroupedMessage && suggestion.groupName && (\n                        <span className=\"mt-0.5 block truncate text-xs text-[rgb(var(--ec-page-text-muted))]\">\n                          in {suggestion.groupName}\n                        </span>\n                      )}\n                    </span>\n                    <span\n                      className={`mt-0.5 flex-shrink-0 rounded border px-2 py-0.5 text-xs font-medium ${nodeTypeMeta.badgeClass}`}\n                    >\n                      {nodeTypeMeta.label}\n                    </span>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      );\n    },\n  ),\n);\n\nVisualiserSearch.displayName = \"VisualiserSearch\";\n\nexport default VisualiserSearch;\n","import React, {\n  useState,\n  useEffect,\n  useCallback,\n  useMemo,\n  useRef,\n  memo,\n} from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@heroicons/react/24/outline\";\nimport type { Edge } from \"@xyflow/react\";\n\ninterface NodeData {\n  label?: string;\n  summary?: string;\n  step?: {\n    title?: string;\n    summary?: string;\n  };\n  service?: {\n    name?: string;\n    summary?: string;\n    data?: {\n      name?: string;\n      summary?: string;\n    };\n  };\n  message?: {\n    name?: string;\n    summary?: string;\n    data?: {\n      name?: string;\n      summary?: string;\n    };\n  };\n  flow?: {\n    data?: {\n      name?: string;\n    };\n  };\n  custom?: {\n    title?: string;\n    label?: string;\n    summary?: string;\n  };\n  actor?: {\n    label?: string;\n  };\n  externalSystem?: {\n    label?: string;\n  };\n}\n\ninterface CustomNode {\n  id: string;\n  data: NodeData;\n}\n\ninterface StepWalkthroughProps {\n  nodes: CustomNode[];\n  edges: Edge[];\n  isFlowVisualization: boolean;\n  onStepChange: (\n    nodeId: string | null,\n    highlightPaths?: string[],\n    shouldZoomOut?: boolean,\n  ) => void;\n  mode?: \"full\" | \"simple\";\n}\n\ninterface PathOption {\n  targetId: string;\n  label?: string;\n  targetNode: CustomNode;\n}\n\nexport default memo(function StepWalkthrough({\n  nodes,\n  edges,\n  isFlowVisualization,\n  onStepChange,\n}: StepWalkthroughProps) {\n  const [currentNodeId, setCurrentNodeId] = useState<string | null>(null);\n  const [pathHistory, setPathHistory] = useState<string[]>([]);\n  const [currentStepIndex, setCurrentStepIndex] = useState<number>(-1); // -1 means not started\n  const [availablePaths, setAvailablePaths] = useState<PathOption[]>([]);\n  const [selectedPathIndex, setSelectedPathIndex] = useState<number>(0);\n  const [startNodeId, setStartNodeId] = useState<string | null>(null);\n\n  // Stable structural keys — only change when nodes/edges are added/removed,\n  // not when positions change during drag.\n  const nodeIdsKeyRef = useRef(\"\");\n  const computedNodeIdsKey = nodes.map((n) => n.id).join(\",\");\n  if (computedNodeIdsKey !== nodeIdsKeyRef.current) {\n    nodeIdsKeyRef.current = computedNodeIdsKey;\n  }\n  const nodeIdsKey = nodeIdsKeyRef.current;\n\n  const edgeKeyRef = useRef(\"\");\n  const computedEdgeKey = edges.map((e) => `${e.source}-${e.target}`).join(\",\");\n  if (computedEdgeKey !== edgeKeyRef.current) {\n    edgeKeyRef.current = computedEdgeKey;\n  }\n  const edgeKey = edgeKeyRef.current;\n\n  useEffect(() => {\n    if (isFlowVisualization && nodes.length > 0) {\n      // Find the starting node (node with no incoming edges)\n      const incomingEdgeMap = new Map<string, number>();\n      nodes.forEach((node: CustomNode) => incomingEdgeMap.set(node.id, 0));\n\n      edges.forEach((edge: Edge) => {\n        if (incomingEdgeMap.has(edge.target)) {\n          incomingEdgeMap.set(\n            edge.target,\n            (incomingEdgeMap.get(edge.target) || 0) + 1,\n          );\n        }\n      });\n\n      const startNodes = nodes.filter(\n        (node: CustomNode) => incomingEdgeMap.get(node.id) === 0,\n      );\n\n      // Recompute the start node whenever the cached id no longer exists in\n      // the current node set. This happens when the graph structure changes\n      // — for example when a sub-flow is expanded and its wrapper node gets\n      // replaced by children.\n      const cachedStartStillValid =\n        startNodeId && nodes.some((n: CustomNode) => n.id === startNodeId);\n      if (startNodes.length > 0 && !cachedStartStillValid) {\n        const firstStartNode = startNodes[0];\n        setStartNodeId(firstStartNode.id);\n      }\n    }\n  }, [nodeIdsKey, edgeKey, isFlowVisualization, startNodeId]);\n\n  useEffect(() => {\n    if (currentNodeId) {\n      // If the current node no longer exists (e.g. user expanded a sub-flow\n      // and the wrapper the walkthrough was pointing at just got replaced),\n      // reset so the user can restart from the new start node.\n      const currentExists = nodes.some(\n        (n: CustomNode) => n.id === currentNodeId,\n      );\n      if (!currentExists) {\n        setCurrentNodeId(null);\n        setCurrentStepIndex(-1);\n        setPathHistory([]);\n        setAvailablePaths([]);\n        return;\n      }\n\n      // Find available paths from current node\n      const outgoingEdges = edges.filter(\n        (edge: Edge) => edge.source === currentNodeId,\n      );\n      const paths: PathOption[] = outgoingEdges.map((edge: Edge) => {\n        const targetNode = nodes.find((n: CustomNode) => n.id === edge.target);\n        return {\n          targetId: edge.target,\n          label: edge.label as string | undefined,\n          targetNode: targetNode!,\n        };\n      });\n      setAvailablePaths(paths);\n      setSelectedPathIndex(0);\n    } else {\n      setAvailablePaths([]);\n    }\n  }, [currentNodeId, nodeIdsKey, edgeKey]);\n\n  const handleNextStep = useCallback(() => {\n    if (currentStepIndex === -1) {\n      // Start the walkthrough\n      if (startNodeId) {\n        setPathHistory([startNodeId]);\n        setCurrentNodeId(startNodeId);\n        setCurrentStepIndex(0);\n        onStepChange(startNodeId);\n      }\n    } else if (availablePaths.length > 0) {\n      // Move to the selected path\n      const selectedPath = availablePaths[selectedPathIndex];\n      const newHistory = [...pathHistory, selectedPath.targetId];\n      setPathHistory(newHistory);\n      setCurrentNodeId(selectedPath.targetId);\n      setCurrentStepIndex((prev) => prev + 1);\n\n      // Highlight the selected path\n      const allPaths = availablePaths.map(\n        (p) => `${currentNodeId}-${p.targetId}`,\n      );\n      onStepChange(selectedPath.targetId, allPaths);\n    }\n  }, [\n    currentStepIndex,\n    startNodeId,\n    availablePaths,\n    selectedPathIndex,\n    currentNodeId,\n    onStepChange,\n  ]);\n\n  const handlePreviousStep = useCallback(() => {\n    if (currentStepIndex > 0) {\n      // Go back to previous step\n      const newIndex = currentStepIndex - 1;\n      const prevNodeId = pathHistory[newIndex];\n      setCurrentNodeId(prevNodeId);\n      setCurrentStepIndex(newIndex);\n      onStepChange(prevNodeId);\n    } else if (currentStepIndex === 0) {\n      // Go back to the start (no selection)\n      setCurrentNodeId(null);\n      setCurrentStepIndex(-1);\n      onStepChange(null);\n    }\n  }, [currentStepIndex, pathHistory, onStepChange]);\n\n  const handlePathSelection = useCallback((index: number) => {\n    setSelectedPathIndex(index);\n  }, []);\n\n  const handleFinish = useCallback(() => {\n    setCurrentNodeId(null);\n    setCurrentStepIndex(-1);\n    setPathHistory([]);\n    onStepChange(null, [], true); // Pass true to indicate full reset with zoom out\n  }, [onStepChange]);\n\n  if (!isFlowVisualization || nodes.length === 0) {\n    return null;\n  }\n\n  const { title, description } = useMemo(() => {\n    if (currentStepIndex === -1) {\n      return {\n        title: \"Walk through business flow\",\n        description: \"Step through the flow to understand the business process\",\n      };\n    }\n\n    const currentNode = nodes.find((n: CustomNode) => n.id === currentNodeId);\n    if (!currentNode) return { title: \"Unknown step\", description: \"\" };\n\n    let stepNumber = currentStepIndex + 1;\n    let title = `Step ${stepNumber}`;\n    let description = \"\";\n\n    // Get node information based on type - check step data first, then type-specific data\n    if (currentNode.data.step?.title) {\n      title += `: ${currentNode.data.step.title}`;\n    } else if (currentNode.data.service?.name) {\n      title += `: ${currentNode.data.service.name}`;\n    } else if (currentNode.data.message?.name) {\n      title += `: ${currentNode.data.message.name}`;\n    } else if (currentNode.data.flow?.data?.name) {\n      title += `: ${currentNode.data.flow.data.name}`;\n    } else if (currentNode.data.custom?.title) {\n      title += `: ${currentNode.data.custom.title}`;\n    } else if (currentNode.data.custom?.label) {\n      title += `: ${currentNode.data.custom.label}`;\n    } else if (currentNode.data.externalSystem?.label) {\n      title += `: ${currentNode.data.externalSystem.label}`;\n    } else if (currentNode.data.label) {\n      // Actor nodes have label directly on data\n      title += `: ${currentNode.data.label}`;\n    }\n\n    // Get description - check step data first, then type-specific data\n    if (currentNode.data.step?.summary) {\n      description = currentNode.data.step.summary;\n    } else if (currentNode.data.service?.summary) {\n      description = currentNode.data.service.summary;\n    } else if (currentNode.data.message?.summary) {\n      description = currentNode.data.message.summary;\n    } else if (currentNode.data.custom?.summary) {\n      description = currentNode.data.custom.summary;\n    } else if (currentNode.data.summary) {\n      // Actor and other nodes may have summary directly on data\n      description = currentNode.data.summary;\n    }\n\n    return { title, description };\n  }, [currentStepIndex, currentNodeId, nodeIdsKey]);\n\n  return (\n    <div className=\"ml-12 bg-[rgb(var(--ec-card-bg))] rounded-lg shadow-sm px-4 py-2 z-30 border border-[rgb(var(--ec-page-border))] w-[350px]\">\n      <div className=\"mb-2\">\n        <h3 className=\"text-sm font-semibold text-[rgb(var(--ec-page-text))]\">\n          {title}\n        </h3>\n        {description && (\n          <p className=\"text-xs text-[rgb(var(--ec-page-text-muted))] mt-1\">\n            {description}\n          </p>\n        )}\n      </div>\n\n      {/* Show path options when there are multiple paths */}\n      {currentNodeId && availablePaths.length > 1 && (\n        <div className=\"mb-3\">\n          <label className=\"block text-xs font-medium text-[rgb(var(--ec-page-text-muted))] mb-2\">\n            Choose next path:\n          </label>\n          <select\n            value={selectedPathIndex}\n            onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n              handlePathSelection(parseInt(e.target.value))\n            }\n            className=\"w-full px-3 py-2 text-xs border border-[rgb(var(--ec-input-border))] rounded-md bg-[rgb(var(--ec-input-bg))] text-[rgb(var(--ec-input-text))] focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:border-[rgb(var(--ec-accent))]\"\n          >\n            {availablePaths.map((path, index) => {\n              // @ts-ignore\n              const nodeLabel =\n                path.targetNode.data.step?.title ||\n                (path.targetNode.data as any).service?.name ||\n                (path.targetNode.data as any).message?.name ||\n                (path.targetNode.data as any).flow?.data?.name ||\n                (path.targetNode.data as any).custom?.title ||\n                (path.targetNode.data as any).custom?.label ||\n                (path.targetNode.data as any).externalSystem?.label ||\n                (path.targetNode.data as any).label ||\n                \"Unknown\";\n\n              return (\n                <option key={path.targetId} value={index}>\n                  {path.label ? `${path.label}: ${nodeLabel}` : nodeLabel}\n                </option>\n              );\n            })}\n          </select>\n        </div>\n      )}\n\n      <div className=\"flex items-center justify-between\">\n        {currentStepIndex === -1 ? (\n          // Initial state - show only Start button on the right\n          <>\n            <div className=\"flex-1\"></div>\n            <button\n              onClick={handleNextStep}\n              className=\"flex items-center justify-center px-6 py-2 text-xs font-medium bg-[rgb(var(--ec-accent))] text-white rounded-md hover:bg-[rgb(var(--ec-accent-hover))] focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:ring-offset-2 transition-colors\"\n            >\n              Start\n            </button>\n          </>\n        ) : (\n          // In walkthrough - show Previous on left, Next on right (only if paths available)\n          <>\n            <button\n              onClick={handlePreviousStep}\n              className=\"flex items-center justify-center px-4 py-2 text-xs font-medium bg-[rgb(var(--ec-accent))] text-white rounded-md hover:bg-[rgb(var(--ec-accent-hover))] focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:ring-offset-2 transition-colors\"\n            >\n              <ChevronLeftIcon className=\"w-4 h-4 mr-1\" />\n              Previous\n            </button>\n\n            {availablePaths.length > 0 ? (\n              <button\n                onClick={handleNextStep}\n                className=\"flex items-center justify-center px-4 py-2 text-xs font-medium bg-[rgb(var(--ec-accent))] text-white rounded-md hover:bg-[rgb(var(--ec-accent-hover))] focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:ring-offset-2 transition-colors\"\n              >\n                Next\n                <ChevronRightIcon className=\"w-4 h-4 ml-1\" />\n              </button>\n            ) : (\n              <button\n                onClick={handleFinish}\n                className=\"flex items-center justify-center px-4 py-2 text-xs font-medium bg-green-600 text-white rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 transition-colors\"\n              >\n                Finish\n              </button>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n});\n","import React, { useState, useCallback } from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { CheckIcon, ClipboardIcon, ExternalLinkIcon } from \"lucide-react\";\nimport { useReactFlow } from \"@xyflow/react\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport { exportNodeGraphForStudio } from \"../utils/export-node-graph\";\n\ninterface StudioModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nconst StudioModal: React.FC<StudioModalProps> = ({ isOpen, onClose }) => {\n  const [copySuccess, setCopySuccess] = useState(false);\n  const portalContainer = usePortalContainer();\n\n  const { toObject } = useReactFlow();\n\n  const handleCopyToClipboard = useCallback(async () => {\n    const visualizerData = toObject();\n    const studioData = exportNodeGraphForStudio(visualizerData);\n\n    try {\n      await navigator.clipboard.writeText(JSON.stringify(studioData, null, 2));\n      setCopySuccess(true);\n      setTimeout(() => setCopySuccess(false), 2000);\n    } catch (error) {\n      console.error(\"Failed to copy to clipboard:\", error);\n      // Fallback for older browsers\n      const textarea = document.createElement(\"textarea\");\n      textarea.value = JSON.stringify(studioData, null, 2);\n      document.body.appendChild(textarea);\n      textarea.select();\n      document.execCommand(\"copy\");\n      document.body.removeChild(textarea);\n      setCopySuccess(true);\n      setTimeout(() => setCopySuccess(false), 2000);\n    }\n  }, []);\n\n  const handleOpenStudio = () => {\n    window.open(\n      \"https://app.eventcatalog.studio/playground?import=true&utm_source=eventcatalog&utm_medium=referral&utm_campaign=playground-import\",\n      \"_blank\",\n    );\n    onClose();\n  };\n\n  return (\n    <Dialog.Root open={isOpen} onOpenChange={onClose}>\n      <Dialog.Portal container={portalContainer}>\n        <Dialog.Overlay className=\"fixed inset-0 bg-black/50 data-[state=open]:animate-overlayShow z-50\" />\n        <Dialog.Content className=\"fixed top-1/2 left-1/2 w-[90vw] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lg bg-white p-6 shadow-xl focus:outline-none data-[state=open]:animate-contentShow z-[100]\">\n          <Dialog.Title className=\"text-lg font-semibold text-gray-900 mb-3\">\n            Open in EventCatalog Studio\n          </Dialog.Title>\n\n          <Dialog.Description className=\"text-sm text-gray-600 mb-6\">\n            Import your diagram into{\" \"}\n            <a\n              href=\"https://eventcatalog.studio\"\n              className=\"text-[rgb(var(--ec-accent))] hover:text-[rgb(var(--ec-accent-hover))] underline\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              EventCatalog Studio\n            </a>{\" \"}\n            to create designs from your visualization of your architecture.\n          </Dialog.Description>\n\n          <div className=\"space-y-4\">\n            <div className=\"bg-gray-50 rounded-lg p-4 border border-gray-200\">\n              <h4 className=\"text-sm font-bold text-gray-900 mb-2\">\n                Step 1: Copy diagram\n              </h4>\n              <p className=\"text-xs text-gray-600 mb-3\">\n                Copy your diagram data to your clipboard.\n              </p>\n              <button\n                onClick={handleCopyToClipboard}\n                className={`w-full flex items-center justify-center space-x-2 px-4 py-2 text-sm font-medium rounded-md border transition-colors ${\n                  copySuccess\n                    ? \"bg-green-50 border-green-200 text-green-700\"\n                    : \"bg-white border-gray-300 text-gray-700 hover:bg-gray-50\"\n                }`}\n              >\n                {copySuccess ? (\n                  <>\n                    <CheckIcon className=\"w-4 h-4\" />\n                    <span>Copied!</span>\n                  </>\n                ) : (\n                  <>\n                    <ClipboardIcon className=\"w-4 h-4\" />\n                    <span>Copy diagram to clipboard</span>\n                  </>\n                )}\n              </button>\n            </div>\n\n            <div className=\"bg-[rgb(var(--ec-accent-subtle))] rounded-lg p-4 border border-[rgb(var(--ec-accent)/0.3)]\">\n              <h4 className=\"text-sm font-bold text-gray-900 mb-2\">\n                Step 2: Open EventCatalog Studio\n              </h4>\n              <p className=\"text-xs text-gray-600 mb-3\">\n                Go to EventCatalog Studio and import your design using the\n                \"Import from EventCatalog\" button.\n              </p>\n\n              <button\n                onClick={handleOpenStudio}\n                className=\"w-full flex items-center justify-center space-x-2 px-4 py-2 bg-[rgb(var(--ec-accent))] text-white text-sm font-medium rounded-md hover:bg-[rgb(var(--ec-accent-hover))] transition-colors\"\n              >\n                <ExternalLinkIcon className=\"w-4 h-4\" />\n                <span>Open EventCatalog Studio</span>\n              </button>\n              <p className=\"text-[12px] text-gray-500  italic mt-4 mb-0\">\n                Don't worry, none of your data is stored by EventCatalog Studio,\n                everything is local to your browser.\n              </p>\n            </div>\n          </div>\n\n          <div className=\"mt-6 flex justify-end\">\n            <Dialog.Close asChild>\n              <button\n                type=\"button\"\n                className=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:ring-offset-2 transition-colors\"\n                onClick={onClose}\n              >\n                Close\n              </button>\n            </Dialog.Close>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport default StudioModal;\n","import type { Node, ReactFlowJsonObject, Edge } from \"@xyflow/react\";\n\n// Define the structure of resource data that can be found in nodes\ninterface ResourceData {\n  id?: string;\n  name?: string;\n  summary?: string;\n  version?: string;\n}\n\n// Define the possible node data structure\ninterface NodeDataWithResources {\n  [key: string]: any;\n  channel?: ResourceData;\n  custom?: ResourceData;\n  data?: ResourceData;\n  domain?: ResourceData;\n  entity?: ResourceData;\n  message?: ResourceData;\n  flow?: ResourceData;\n  agent?: ResourceData;\n  agentTool?: ResourceData;\n  service?: ResourceData;\n  step?: ResourceData;\n  user?: ResourceData;\n}\n\nexport const exportNodeGraphForStudio = (\n  data: ReactFlowJsonObject,\n): ReactFlowJsonObject => {\n  const dataTypes: (keyof NodeDataWithResources)[] = [\n    \"channel\",\n    \"custom\",\n    \"data\",\n    \"domain\",\n    \"entity\",\n    \"message\",\n    \"flow\",\n    \"agent\",\n    \"agentTool\",\n    \"service\",\n    \"step\",\n    \"user\",\n  ];\n\n  // try and remove unwanted data for studio\n  const nodes = data.nodes.map((node: Node) => {\n    let nodeData = node.data as NodeDataWithResources;\n    const dataProperties = Object.keys(\n      nodeData,\n    ) as (keyof NodeDataWithResources)[];\n\n    // If we find a match.....\n    const hasCustomDataType = dataProperties.find((property) =>\n      dataTypes.includes(property),\n    );\n\n    if (hasCustomDataType && nodeData[hasCustomDataType]) {\n      const resourceData = nodeData[hasCustomDataType] as ResourceData;\n      nodeData = {\n        ...nodeData,\n        [hasCustomDataType]: {\n          id: resourceData?.id,\n          name: resourceData?.name,\n          summary: resourceData?.summary,\n          version: resourceData?.version,\n        },\n      };\n    }\n\n    return {\n      ...node,\n      data: {\n        ...nodeData,\n        // We dont need these for studio\n        source: undefined,\n        target: undefined,\n        // Studio wants all nodes in full mode\n        mode: \"full\",\n      },\n    };\n  });\n\n  const edges = data.edges.map((edge: Edge) => {\n    return {\n      ...edge,\n      data: undefined,\n      type: \"animatedMessage\",\n    };\n  });\n\n  return {\n    ...data,\n    nodes,\n    edges,\n  };\n};\n","import React, { useState, useCallback, useEffect } from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { XIcon, FocusIcon } from \"lucide-react\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport {\n  ReactFlowProvider,\n  type Node,\n  type Edge,\n  type NodeTypes,\n  type EdgeTypes,\n} from \"@xyflow/react\";\nimport FocusModeContent from \"./FocusMode/FocusModeContent\";\nimport { getNodeDisplayInfo } from \"./FocusMode/utils\";\nimport { useDarkMode } from \"../nodes/shared-styles\";\n\ninterface FocusModeModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  initialNodeId: string | null;\n  nodes: Node[];\n  edges: Edge[];\n  nodeTypes: NodeTypes;\n  edgeTypes: EdgeTypes;\n}\n\nconst FocusModeModal: React.FC<FocusModeModalProps> = ({\n  isOpen,\n  onClose,\n  initialNodeId,\n  nodes,\n  edges,\n  nodeTypes,\n  edgeTypes,\n}) => {\n  const [centerNodeId, setCenterNodeId] = useState<string | null>(\n    initialNodeId,\n  );\n  const isDark = useDarkMode();\n  const portalContainer = usePortalContainer();\n\n  // Reset center node when modal opens with new initial node\n  useEffect(() => {\n    if (isOpen && initialNodeId) {\n      setCenterNodeId(initialNodeId);\n    }\n  }, [isOpen, initialNodeId]);\n\n  const handleSwitchCenter = useCallback(\n    (newCenterNodeId: string, _direction: \"left\" | \"right\") => {\n      setCenterNodeId(newCenterNodeId);\n    },\n    [],\n  );\n\n  // Get center node info for title\n  const centerNode = centerNodeId\n    ? nodes.find((n) => n.id === centerNodeId)\n    : null;\n  const centerNodeInfo = centerNode ? getNodeDisplayInfo(centerNode) : null;\n\n  if (!centerNodeId) {\n    return null;\n  }\n\n  return (\n    <Dialog.Root open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <Dialog.Portal>\n        <div\n          className=\"eventcatalog-visualizer\"\n          style={{\n            position: \"fixed\",\n            inset: 0,\n            isolation: \"isolate\",\n            zIndex: 99999,\n          }}\n        >\n          <Dialog.Overlay\n            style={{\n              position: \"fixed\",\n              inset: 0,\n              background: isDark\n                ? \"rgba(0, 0, 0, 0.75)\"\n                : \"rgba(15, 23, 42, 0.55)\",\n              backdropFilter: \"blur(2px)\",\n            }}\n          />\n          <Dialog.Content\n            style={{\n              position: \"fixed\",\n              inset: \"5%\",\n              borderRadius: 12,\n              background: isDark ? \"#0f172a\" : \"#ffffff\",\n              border: `1px solid ${\n                isDark ? \"rgba(255,255,255,0.08)\" : \"rgba(0,0,0,0.08)\"\n              }`,\n              boxShadow: isDark\n                ? \"0 24px 48px rgba(0,0,0,0.5)\"\n                : \"0 24px 48px rgba(0,0,0,0.15)\",\n              outline: \"none\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              overflow: \"hidden\",\n            }}\n          >\n            {/* Header */}\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                padding: \"1rem 1.5rem\",\n                borderBottom: `1px solid ${\n                  isDark ? \"rgba(255,255,255,0.08)\" : \"rgba(0,0,0,0.08)\"\n                }`,\n                flexShrink: 0,\n              }}\n            >\n              <div style={{ display: \"flex\", alignItems: \"center\", gap: 12 }}>\n                <div\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    width: 40,\n                    height: 40,\n                    borderRadius: 10,\n                    background: isDark\n                      ? \"rgba(59, 130, 246, 0.18)\"\n                      : \"rgba(59, 130, 246, 0.12)\",\n                  }}\n                >\n                  <FocusIcon\n                    style={{\n                      width: 20,\n                      height: 20,\n                      color: isDark ? \"#93c5fd\" : \"#2563eb\",\n                    }}\n                  />\n                </div>\n                <div>\n                  <Dialog.Title\n                    style={{\n                      fontSize: 18,\n                      fontWeight: 600,\n                      color: isDark ? \"#f8fafc\" : \"#0f172a\",\n                    }}\n                  >\n                    Focus Mode\n                  </Dialog.Title>\n                  <Dialog.Description\n                    style={{\n                      marginTop: 2,\n                      fontSize: 14,\n                      color: isDark ? \"#94a3b8\" : \"#475569\",\n                    }}\n                  >\n                    {centerNodeInfo\n                      ? `Exploring: ${centerNodeInfo.name} - Click on connected nodes to navigate`\n                      : \"Explore node connections\"}\n                  </Dialog.Description>\n                </div>\n              </div>\n              <Dialog.Close asChild>\n                <button\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    width: 40,\n                    height: 40,\n                    borderRadius: 10,\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    background: \"transparent\",\n                    color: isDark ? \"#94a3b8\" : \"#64748b\",\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <XIcon style={{ width: 20, height: 20 }} />\n                </button>\n              </Dialog.Close>\n            </div>\n\n            {/* Content */}\n            <div style={{ flex: 1, overflow: \"hidden\" }}>\n              <ReactFlowProvider>\n                <FocusModeContent\n                  centerNodeId={centerNodeId}\n                  nodes={nodes}\n                  edges={edges}\n                  nodeTypes={nodeTypes}\n                  edgeTypes={edgeTypes}\n                  onSwitchCenter={handleSwitchCenter}\n                />\n              </ReactFlowProvider>\n            </div>\n          </Dialog.Content>\n        </div>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport default FocusModeModal;\n","import React, {\n  useMemo,\n  useCallback,\n  useEffect,\n  useState,\n  useRef,\n} from \"react\";\nimport {\n  ReactFlow,\n  Background,\n  Controls,\n  useReactFlow,\n  useNodesState,\n  useEdgesState,\n  type Node,\n  type Edge,\n  type NodeTypes,\n  type EdgeTypes,\n} from \"@xyflow/react\";\nimport { getConnectedNodes, getNodeDisplayInfo } from \"./utils\";\nimport FocusModeNodeActions from \"./FocusModeNodeActions\";\nimport FocusModePlaceholder from \"./FocusModePlaceholder\";\n\ninterface FocusModeContentProps {\n  centerNodeId: string;\n  nodes: Node[];\n  edges: Edge[];\n  nodeTypes: NodeTypes;\n  edgeTypes: EdgeTypes;\n  onSwitchCenter: (\n    newCenterNodeId: string,\n    direction: \"left\" | \"right\",\n  ) => void;\n}\n\nconst HORIZONTAL_SPACING = 450;\nconst VERTICAL_SPACING = 200;\nconst SLIDE_DURATION = 300;\n\nconst FocusModeContent: React.FC<FocusModeContentProps> = ({\n  centerNodeId,\n  nodes: allNodes,\n  edges: allEdges,\n  nodeTypes,\n  edgeTypes,\n  onSwitchCenter,\n}) => {\n  const { fitView } = useReactFlow();\n  const [isAnimating, setIsAnimating] = useState(false);\n  const [needsFitView, setNeedsFitView] = useState(false);\n  const [hoveredEdgeId, setHoveredEdgeId] = useState<string | null>(null);\n  const [isReady, setIsReady] = useState(false);\n  const reactFlowInitialized = useRef(false);\n  const animationTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (animationTimeoutRef.current) {\n        clearTimeout(animationTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  // Calculate focused nodes and edges with positions\n  const calculateFocusedGraph = useCallback(\n    (centerId: string) => {\n      const centerNode = allNodes.find((n) => n.id === centerId);\n      if (!centerNode) {\n        return { nodes: [], edges: [] };\n      }\n\n      const { leftNodes, rightNodes } = getConnectedNodes(\n        centerId,\n        allNodes,\n        allEdges,\n      );\n      const centerNodeInfo = getNodeDisplayInfo(centerNode);\n      const positionedNodes: Node[] = [];\n\n      // Center node at origin (strip parentId/extent so it renders independently)\n      positionedNodes.push({\n        ...centerNode,\n        parentId: undefined,\n        extent: undefined,\n        position: { x: 0, y: 0 },\n        style: { ...centerNode.style, opacity: 1 },\n        data: { ...centerNode.data, isFocusCenter: true },\n      });\n\n      // Left nodes (incoming) - strip parentId/extent so they render independently\n      leftNodes.forEach((node, index) => {\n        const yOffset = (index - (leftNodes.length - 1) / 2) * VERTICAL_SPACING;\n        positionedNodes.push({\n          ...node,\n          parentId: undefined,\n          extent: undefined,\n          position: { x: -HORIZONTAL_SPACING, y: yOffset },\n          style: { ...node.style, opacity: 1 },\n        });\n      });\n\n      // Right nodes (outgoing) - strip parentId/extent so they render independently\n      rightNodes.forEach((node, index) => {\n        const yOffset =\n          (index - (rightNodes.length - 1) / 2) * VERTICAL_SPACING;\n        positionedNodes.push({\n          ...node,\n          parentId: undefined,\n          extent: undefined,\n          position: { x: HORIZONTAL_SPACING, y: yOffset },\n          style: { ...node.style, opacity: 1 },\n        });\n      });\n\n      // Add placeholder nodes if no connections exist\n      if (leftNodes.length === 0) {\n        positionedNodes.push({\n          id: \"__placeholder-left__\",\n          type: \"placeholder\",\n          position: { x: -HORIZONTAL_SPACING, y: 0 },\n          data: {\n            label: `No inputs found for \"${centerNodeInfo.name}\" in this diagram`,\n            side: \"left\",\n          },\n          draggable: false,\n          selectable: false,\n        } as Node);\n      }\n\n      if (rightNodes.length === 0) {\n        positionedNodes.push({\n          id: \"__placeholder-right__\",\n          type: \"placeholder\",\n          position: { x: HORIZONTAL_SPACING, y: 0 },\n          data: {\n            label: `No outputs found for \"${centerNodeInfo.name}\" in this diagram`,\n            side: \"right\",\n          },\n          draggable: false,\n          selectable: false,\n        } as Node);\n      }\n\n      // Filter edges - only show edges connected to center node\n      const focusedNodeIds = new Set(positionedNodes.map((n) => n.id));\n      const filteredEdges = allEdges\n        .filter((edge) => {\n          // Only include edges where center node is either source or target\n          const connectsToCenter =\n            edge.source === centerId || edge.target === centerId;\n          // And the other end is in our focused nodes\n          const otherEndInFocus =\n            focusedNodeIds.has(edge.source) && focusedNodeIds.has(edge.target);\n          return connectsToCenter && otherEndInFocus;\n        })\n        .map((edge) => ({\n          ...edge,\n          style: { ...edge.style, opacity: 1 },\n          labelStyle: { ...edge.labelStyle, opacity: 1 },\n          data: { ...edge.data, opacity: 1, animated: false },\n          animated: false,\n        }));\n\n      return { nodes: positionedNodes, edges: filteredEdges };\n    },\n    [allNodes, allEdges],\n  );\n\n  // Initial graph\n  const initialGraph = useMemo(\n    () => calculateFocusedGraph(centerNodeId),\n    [centerNodeId, calculateFocusedGraph],\n  );\n\n  const [displayNodes, setDisplayNodes] = useNodesState(initialGraph.nodes);\n  const [displayEdges, setDisplayEdges] = useEdgesState(initialGraph.edges);\n\n  // Update when centerNodeId changes externally\n  useEffect(() => {\n    const { nodes, edges } = calculateFocusedGraph(centerNodeId);\n    setDisplayNodes(nodes);\n    setDisplayEdges(edges);\n    setNeedsFitView(true);\n  }, [centerNodeId, calculateFocusedGraph, setDisplayNodes, setDisplayEdges]);\n\n  // FitView when needed - triggered after nodes are updated\n  useEffect(() => {\n    if (needsFitView && reactFlowInitialized.current) {\n      // Small delay to ensure nodes are rendered, then fit view\n      const timer = setTimeout(() => {\n        fitView({ padding: 0.2, duration: 300 });\n        setNeedsFitView(false);\n      }, 50);\n      return () => clearTimeout(timer);\n    }\n  }, [needsFitView, displayNodes, fitView]);\n\n  // Handle ReactFlow initialization\n  const handleInit = useCallback(() => {\n    reactFlowInitialized.current = true;\n    // Dialog opens instantly (no animation), so fitView immediately\n    requestAnimationFrame(() => {\n      fitView({ padding: 0.2, duration: 0 });\n      setIsReady(true);\n    });\n  }, [fitView]);\n\n  // Handle switching to a new center node with animation\n  const handleSwitchNode = useCallback(\n    (nodeId: string, direction: \"left\" | \"right\") => {\n      if (nodeId === centerNodeId || isAnimating) return;\n\n      setIsAnimating(true);\n\n      // Animate: clicked node slides to center, current center hides\n      setDisplayNodes((currentNodes) =>\n        currentNodes.map((node) => {\n          if (node.id === nodeId) {\n            // Clicked node slides to center\n            return {\n              ...node,\n              position: { x: 0, y: 0 },\n              style: {\n                ...node.style,\n                transition: `all ${SLIDE_DURATION}ms ease-out`,\n              },\n            };\n          }\n          if (node.id === centerNodeId) {\n            // Current center node hides\n            return {\n              ...node,\n              style: {\n                ...node.style,\n                opacity: 0,\n                transition: `opacity ${SLIDE_DURATION}ms ease-out`,\n              },\n            };\n          }\n          return node;\n        }),\n      );\n\n      // After slide completes, switch to new center\n      animationTimeoutRef.current = setTimeout(() => {\n        onSwitchCenter(nodeId, direction);\n        setIsAnimating(false);\n      }, SLIDE_DURATION);\n    },\n    [centerNodeId, isAnimating, setDisplayNodes, onSwitchCenter],\n  );\n\n  // Handle node click with animation\n  const handleNodeClick = useCallback(\n    (_: React.MouseEvent, clickedNode: Node) => {\n      if (clickedNode.id === centerNodeId || isAnimating) return;\n      const direction = (clickedNode.position?.x ?? 0) < 0 ? \"left\" : \"right\";\n      handleSwitchNode(clickedNode.id, direction);\n    },\n    [centerNodeId, isAnimating, handleSwitchNode],\n  );\n\n  // Handle edge hover for animation\n  const handleEdgeMouseEnter = useCallback(\n    (_: React.MouseEvent, edge: Edge) => {\n      setHoveredEdgeId(edge.id);\n    },\n    [],\n  );\n\n  const handleEdgeMouseLeave = useCallback(() => {\n    setHoveredEdgeId(null);\n  }, []);\n\n  // Apply hover animation to edges - use ReactFlow's built-in animated property\n  const edgesWithHover = useMemo(() => {\n    return displayEdges.map((edge) => {\n      if (edge.id === hoveredEdgeId) {\n        return {\n          ...edge,\n          animated: true,\n        };\n      }\n      return edge;\n    });\n  }, [displayEdges, hoveredEdgeId]);\n\n  // Merge nodeTypes with placeholder\n  const mergedNodeTypes = useMemo(\n    () => ({\n      ...nodeTypes,\n      placeholder: FocusModePlaceholder,\n    }),\n    [nodeTypes],\n  );\n\n  if (displayNodes.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-[rgb(var(--ec-page-text-muted))]\">\n        Node not found\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"h-full w-full focus-mode-container\"\n      style={{ opacity: isReady ? 1 : 0 }}\n    >\n      <ReactFlow\n        nodes={displayNodes}\n        edges={edgesWithHover}\n        nodeTypes={mergedNodeTypes}\n        edgeTypes={edgeTypes}\n        onNodeClick={handleNodeClick}\n        onEdgeMouseEnter={handleEdgeMouseEnter}\n        onEdgeMouseLeave={handleEdgeMouseLeave}\n        onInit={handleInit}\n        proOptions={{ hideAttribution: true }}\n        nodesDraggable={true}\n        nodesConnectable={false}\n        elementsSelectable={true}\n        panOnDrag={true}\n        zoomOnScroll={true}\n        minZoom={0.3}\n        maxZoom={2}\n      >\n        <Background color=\"rgb(var(--ec-page-border))\" gap={20} />\n        <Controls showInteractive={false} />\n        {displayNodes.map((node, index) => (\n          <FocusModeNodeActions\n            key={`actions-${node.id}-${index}`}\n            node={node}\n            isCenter={node.id === centerNodeId}\n            onSwitch={handleSwitchNode}\n          />\n        ))}\n      </ReactFlow>\n    </div>\n  );\n};\n\nexport default FocusModeContent;\n","import type { Node, Edge } from \"@xyflow/react\";\n\nexport interface NodeDisplayInfo {\n  id: string;\n  name: string;\n  type: string;\n  version?: string;\n  description?: string;\n}\n\nexport interface ConnectedNodes {\n  leftNodes: Node[];\n  rightNodes: Node[];\n}\n\nexport const NODE_COLOR_CLASSES: Record<string, string> = {\n  events: \"bg-orange-600\",\n  agent: \"bg-sky-600\",\n  agents: \"bg-sky-600\",\n  agentTool: \"bg-violet-600\",\n  \"agent-tool\": \"bg-violet-600\",\n  services: \"bg-pink-600\",\n  flows: \"bg-teal-600\",\n  commands: \"bg-blue-600\",\n  queries: \"bg-green-600\",\n  channels: \"bg-gray-600\",\n  externalSystem: \"bg-pink-600\",\n  actor: \"bg-yellow-500\",\n  step: \"bg-gray-700\",\n  data: \"bg-blue-600\",\n  \"data-products\": \"bg-indigo-600\",\n  domains: \"bg-yellow-600\",\n  entities: \"bg-purple-600\",\n  field: \"bg-cyan-600\",\n  messageGroup: \"bg-violet-600\",\n  messageGroupExpanded: \"bg-violet-600\",\n};\n\nexport const NODE_TYPE_LABELS: Record<string, string> = {\n  events: \"Event\",\n  agent: \"Agent\",\n  agents: \"Agent\",\n  agentTool: \"Agent Tool\",\n  \"agent-tool\": \"Agent Tool\",\n  services: \"Service\",\n  flows: \"Flow\",\n  commands: \"Command\",\n  queries: \"Query\",\n  channels: \"Channel\",\n  externalSystem: \"External System\",\n  actor: \"Actor\",\n  step: \"Step\",\n  data: \"Data\",\n  \"data-products\": \"Data Product\",\n  domains: \"Domain\",\n  entities: \"Entity\",\n  field: \"Field\",\n  messageGroup: \"Message Group\",\n  messageGroupExpanded: \"Message Group\",\n};\n\n/**\n * Get connected nodes for a given center node\n * Left nodes: incoming edges (they send TO this node)\n * Right nodes: outgoing edges (this node sends TO them)\n */\nexport function getConnectedNodes(\n  centerNodeId: string,\n  nodes: Node[],\n  edges: Edge[],\n): ConnectedNodes {\n  const leftIds = new Set<string>();\n  const rightIds = new Set<string>();\n\n  edges.forEach((edge) => {\n    if (edge.target === centerNodeId) {\n      leftIds.add(edge.source);\n    }\n    if (edge.source === centerNodeId) {\n      rightIds.add(edge.target);\n    }\n  });\n\n  return {\n    leftNodes: nodes.filter((n) => leftIds.has(n.id)),\n    rightNodes: nodes.filter((n) => rightIds.has(n.id)),\n  };\n}\n\n// Entity keys that follow the standard data structure pattern\nconst ENTITY_KEYS = [\n  \"agent\",\n  \"service\",\n  \"message\",\n  \"flow\",\n  \"channel\",\n  \"domain\",\n  \"entity\",\n  \"dataProduct\",\n  \"agentTool\",\n] as const;\n\n/**\n * Extract display information from a ReactFlow node\n */\nexport function getNodeDisplayInfo(node: Node): NodeDisplayInfo {\n  const nodeType = node.type || \"unknown\";\n  const data = node.data as any;\n\n  // Handle field nodes\n  if (nodeType === \"field\") {\n    return {\n      id: node.id,\n      name: data?.name || node.id,\n      type: \"field\",\n      version: undefined,\n      description: `Type: ${data?.type || \"unknown\"}`,\n    };\n  }\n\n  // Handle message group nodes\n  if (nodeType === \"messageGroup\") {\n    return {\n      id: node.id,\n      name: data?.groupName || node.id,\n      type: \"messageGroup\",\n      version: undefined,\n      description: `${data?.messageCount || 0} messages (${data?.direction || \"unknown\"})`,\n    };\n  }\n\n  if (nodeType === \"messageGroupExpanded\") {\n    return {\n      id: node.id,\n      name: data?.groupName || node.id,\n      type: \"messageGroupExpanded\",\n      version: undefined,\n      description: `${data?.messageCount || 0} messages (expanded)`,\n    };\n  }\n\n  // Find the entity in data using standard keys\n  const entityKey = ENTITY_KEYS.find((key) => data[key]);\n  const entity = entityKey ? data[entityKey] : null;\n\n  const name =\n    entity?.data?.name || entity?.id || data.label || data.name || node.id;\n  const version =\n    entity?.data?.version || entity?.version || data.version || \"\";\n  const description =\n    entity?.data?.summary ||\n    entity?.data?.description ||\n    entity?.summary ||\n    entity?.description ||\n    data.summary ||\n    data.description ||\n    \"\";\n\n  return {\n    id: node.id,\n    name,\n    type: nodeType,\n    version,\n    description: description\n      ? truncateDescription(description, 100)\n      : undefined,\n  };\n}\n\n/**\n * Truncate description to a max length\n */\nfunction truncateDescription(text: string, maxLength: number): string {\n  if (text.length <= maxLength) return text;\n  return text.slice(0, maxLength).trim() + \"...\";\n}\n\n/**\n * Get the color class for a node type\n */\nexport function getNodeColorClass(nodeType: string): string {\n  return NODE_COLOR_CLASSES[nodeType] || \"bg-gray-500\";\n}\n\n/**\n * Get the display label for a node type\n */\nexport function getNodeTypeLabel(nodeType: string): string {\n  return NODE_TYPE_LABELS[nodeType] || nodeType;\n}\n\n// Mapping from entity key to doc path\nconst DOC_PATH_MAP: Record<string, string> = {\n  service: \"services\",\n  agent: \"agents\",\n  flow: \"flows\",\n  channel: \"channels\",\n  domain: \"domains\",\n  entity: \"entities\",\n  dataProduct: \"data-products\",\n};\n\n/**\n * Get the documentation URL for a node\n */\nexport function getNodeDocUrl(node: Node): string | null {\n  const nodeType = node.type || \"unknown\";\n  const data = node.data as any;\n\n  // Handle message type separately due to type mapping\n  if (data.message) {\n    const id = data.message.data?.id || data.message.id || \"\";\n    const version = data.message.data?.version || data.message.version || \"\";\n    const collectionType =\n      nodeType === \"events\"\n        ? \"events\"\n        : nodeType === \"commands\"\n          ? \"commands\"\n          : \"queries\";\n    return id && version ? `/docs/${collectionType}/${id}/${version}` : null;\n  }\n\n  // Handle data/container nodes with nested data.data structure\n  if (data.data && nodeType === \"data\") {\n    const id = data.data.id || \"\";\n    const version = data.data.version || \"\";\n    return id && version ? `/docs/containers/${id}/${version}` : null;\n  }\n\n  // Handle standard entity types\n  for (const [key, path] of Object.entries(DOC_PATH_MAP)) {\n    if (data[key]) {\n      const id = data[key].data?.id || data[key].id || \"\";\n      const version = data[key].data?.version || data[key].version || \"\";\n      return id && version ? `/docs/${path}/${id}/${version}` : null;\n    }\n  }\n\n  return null;\n}\n","import React from \"react\";\nimport { NodeToolbar, Position, useViewport, type Node } from \"@xyflow/react\";\nimport { ArrowRightLeft, FileText } from \"lucide-react\";\nimport { getNodeDocUrl } from \"./utils\";\nimport { buildUrl } from \"../../utils/url-builder\";\n\ninterface FocusModeNodeActionsProps {\n  node: Node;\n  isCenter: boolean;\n  onSwitch: (nodeId: string, direction: \"left\" | \"right\") => void;\n}\n\nconst FocusModeNodeActions: React.FC<FocusModeNodeActionsProps> = ({\n  node,\n  isCenter,\n  onSwitch,\n}) => {\n  const { zoom } = useViewport();\n\n  // Don't show actions for placeholder nodes\n  if (node.type === \"placeholder\") return null;\n\n  const docUrl = getNodeDocUrl(node);\n  const direction = (node.position?.x ?? 0) < 0 ? \"left\" : \"right\";\n\n  // Scale sizes based on zoom (inverse relationship - smaller when zoomed out)\n  const baseButtonSize = 24;\n  const baseIconSize = 12;\n  const scaleFactor = Math.max(0.4, Math.min(1, zoom));\n  const buttonSize = Math.round(baseButtonSize * scaleFactor);\n  const iconSize = Math.round(baseIconSize * scaleFactor);\n\n  const handleSwitch = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onSwitch(node.id, direction);\n  };\n\n  const handleDocClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (docUrl) {\n      window.location.href = buildUrl(docUrl);\n    }\n  };\n\n  // Center node only shows docs icon (if available)\n  if (isCenter) {\n    if (!docUrl) return null;\n    return (\n      <NodeToolbar\n        nodeId={node.id}\n        position={Position.Bottom}\n        isVisible={true}\n        offset={-16}\n      >\n        <div\n          className=\"flex items-center gap-1 bg-[rgb(var(--ec-card-bg,var(--ec-page-bg)))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-md\"\n          style={{ padding: Math.round(4 * scaleFactor) }}\n        >\n          <button\n            onClick={handleDocClick}\n            className=\"flex items-center justify-center rounded-md text-[rgb(var(--ec-icon-color))] hover:text-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-subtle))] transition-colors\"\n            style={{ width: buttonSize, height: buttonSize }}\n            title=\"View documentation\"\n          >\n            <FileText style={{ width: iconSize, height: iconSize }} />\n          </button>\n        </div>\n      </NodeToolbar>\n    );\n  }\n\n  return (\n    <NodeToolbar\n      nodeId={node.id}\n      position={Position.Bottom}\n      isVisible={true}\n      offset={-16}\n    >\n      <div\n        className=\"flex items-center gap-1 bg-[rgb(var(--ec-card-bg,var(--ec-page-bg)))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-md\"\n        style={{ padding: Math.round(4 * scaleFactor) }}\n      >\n        {docUrl && (\n          <button\n            onClick={handleDocClick}\n            className=\"flex items-center justify-center rounded-md text-[rgb(var(--ec-icon-color))] hover:text-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-subtle))] transition-colors\"\n            style={{ width: buttonSize, height: buttonSize }}\n            title=\"View documentation\"\n          >\n            <FileText style={{ width: iconSize, height: iconSize }} />\n          </button>\n        )}\n        <button\n          onClick={handleSwitch}\n          className=\"flex items-center justify-center rounded-md text-[rgb(var(--ec-icon-color))] hover:text-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-subtle))] transition-colors\"\n          style={{ width: buttonSize, height: buttonSize }}\n          title=\"Focus on this node\"\n        >\n          <ArrowRightLeft style={{ width: iconSize, height: iconSize }} />\n        </button>\n      </div>\n    </NodeToolbar>\n  );\n};\n\nexport default FocusModeNodeActions;\n","import React from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\n\ninterface FocusModePlaceholderProps {\n  data: {\n    label: string;\n    side: \"left\" | \"right\";\n  };\n}\n\nconst FocusModePlaceholder: React.FC<FocusModePlaceholderProps> = ({\n  data,\n}) => {\n  const { label, side } = data;\n\n  return (\n    <div\n      className=\"px-4 py-4 rounded-lg border-2 border-dashed border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-page-bg)/0.5)] max-w-[280px] flex items-center justify-center\"\n      style={{ opacity: 0.6, minHeight: \"130px\" }}\n    >\n      {side === \"right\" && (\n        <Handle\n          type=\"target\"\n          position={Position.Left}\n          style={{ visibility: \"hidden\" }}\n        />\n      )}\n      <div className=\"text-center text-sm text-[rgb(var(--ec-page-text-muted))] italic\">\n        {label}\n      </div>\n      {side === \"left\" && (\n        <Handle\n          type=\"source\"\n          position={Position.Right}\n          style={{ visibility: \"hidden\" }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default FocusModePlaceholder;\n","import { useState, useEffect, useRef, useCallback } from \"react\";\nimport { CheckIcon, ClipboardIcon } from \"lucide-react\";\nimport type { Node, Edge } from \"@xyflow/react\";\nimport { convertToMermaid } from \"../utils/export-mermaid\";\nimport { copyToClipboard } from \"../utils/clipboard\";\n\ninterface MermaidViewProps {\n  nodes: Node[];\n  edges: Edge[];\n  maxTextSize?: number;\n}\n\nconst MermaidView = ({\n  nodes,\n  edges,\n  maxTextSize = 100000,\n}: MermaidViewProps) => {\n  const [copySuccess, setCopySuccess] = useState(false);\n  const [mermaidCode, setMermaidCode] = useState(\"\");\n  const [previewSvg, setPreviewSvg] = useState<string | null>(null);\n  const [previewError, setPreviewError] = useState<string | null>(null);\n  const [isRendering, setIsRendering] = useState(true);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const svgContainerRef = useRef<HTMLDivElement>(null);\n  const panZoomInstanceRef = useRef<any>(null);\n\n  // Generate mermaid code\n  useEffect(() => {\n    const code = convertToMermaid(nodes, edges, {\n      includeStyles: true,\n      direction: \"LR\",\n    });\n    setMermaidCode(code);\n  }, [nodes, edges]);\n\n  // Render mermaid preview\n  useEffect(() => {\n    if (!mermaidCode) return;\n\n    let cancelled = false;\n    setIsRendering(true);\n    setPreviewError(null);\n\n    const renderMermaid = async () => {\n      try {\n        const { default: mermaid } = await import(\"mermaid\");\n\n        // Detect current theme\n        const isDarkMode =\n          document.documentElement.getAttribute(\"data-theme\") === \"dark\";\n        const currentTheme = isDarkMode ? \"dark\" : \"default\";\n\n        mermaid.initialize({\n          maxTextSize: maxTextSize,\n          startOnLoad: false,\n          theme: currentTheme,\n          flowchart: {\n            curve: \"basis\",\n            padding: 20,\n          },\n          securityLevel: \"loose\",\n        });\n\n        const id = \"mermaid-view-\" + Math.random().toString(36).substring(2, 9);\n        const { svg } = await mermaid.render(id, mermaidCode);\n\n        if (!cancelled) {\n          setPreviewSvg(svg);\n          setPreviewError(null);\n        }\n      } catch (error) {\n        if (!cancelled) {\n          console.error(\"Mermaid render error:\", error);\n          setPreviewError(\n            error instanceof Error ? error.message : \"Failed to render diagram\",\n          );\n          setPreviewSvg(null);\n        }\n      } finally {\n        if (!cancelled) {\n          setIsRendering(false);\n        }\n      }\n    };\n\n    renderMermaid();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [mermaidCode]);\n\n  // Initialize pan/zoom after SVG is rendered\n  useEffect(() => {\n    if (!previewSvg || !svgContainerRef.current) return;\n\n    const initZoom = async () => {\n      const svgElement = svgContainerRef.current?.querySelector(\"svg\");\n      if (!svgElement) return;\n\n      try {\n        const { default: svgPanZoom } = await import(\"svg-pan-zoom\");\n\n        // Set SVG to fill container\n        svgElement.style.width = \"100%\";\n        svgElement.style.height = \"100%\";\n        svgElement.removeAttribute(\"height\");\n        svgElement.removeAttribute(\"width\");\n\n        const instance = svgPanZoom(svgElement, {\n          zoomEnabled: true,\n          controlIconsEnabled: false,\n          fit: true,\n          center: true,\n          minZoom: 0.1,\n          maxZoom: 10,\n          zoomScaleSensitivity: 0.15,\n          dblClickZoomEnabled: true,\n          mouseWheelZoomEnabled: true,\n          panEnabled: true,\n        });\n\n        panZoomInstanceRef.current = instance;\n      } catch (e) {\n        console.warn(\"Failed to initialize zoom:\", e);\n      }\n    };\n\n    initZoom();\n\n    return () => {\n      if (panZoomInstanceRef.current) {\n        try {\n          panZoomInstanceRef.current.destroy();\n        } catch (e) {\n          // Ignore\n        }\n        panZoomInstanceRef.current = null;\n      }\n    };\n  }, [previewSvg]);\n\n  const handleCopyToClipboard = useCallback(async () => {\n    await copyToClipboard(mermaidCode);\n    setCopySuccess(true);\n    setTimeout(() => setCopySuccess(false), 2000);\n  }, [mermaidCode]);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"absolute inset-0 bg-[rgb(var(--ec-page-bg))]\"\n      style={{ animation: \"fadeIn 200ms ease-out\" }}\n    >\n      <style>{`\n        @keyframes fadeIn {\n          from { opacity: 0; }\n          to { opacity: 1; }\n        }\n      `}</style>\n\n      {/* Copy button - top right */}\n      <div className=\"absolute top-[10px] right-4 z-20\">\n        <div className=\"relative group\">\n          <button\n            onClick={handleCopyToClipboard}\n            className={`p-2.5 rounded-md shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(var(--ec-accent))] transition-all duration-150 ${\n              copySuccess\n                ? \"bg-green-500 text-white scale-110\"\n                : \"bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-page-border))/0.5] text-[rgb(var(--ec-icon-color))] hover:scale-105\"\n            }`}\n            aria-label={copySuccess ? \"Copied!\" : \"Copy Mermaid code\"}\n          >\n            {copySuccess ? (\n              <CheckIcon className=\"h-5 w-5\" />\n            ) : (\n              <ClipboardIcon className=\"h-5 w-5\" />\n            )}\n          </button>\n          <div className=\"absolute top-full right-0 mt-2 px-2 py-1 bg-[rgb(var(--ec-page-text))] text-[rgb(var(--ec-page-bg))] text-xs rounded shadow-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50\">\n            {copySuccess ? \"Copied!\" : \"Copy Mermaid code\"}\n          </div>\n        </div>\n      </div>\n\n      {/* Mermaid diagram container */}\n      <div className=\"absolute inset-0 overflow-hidden\">\n        {isRendering && (\n          <div className=\"w-full h-full flex items-center justify-center\">\n            <div className=\"relative\">\n              <div className=\"flex items-center gap-4 opacity-40\">\n                <div className=\"w-24 h-10 bg-[rgb(var(--ec-page-border))] rounded animate-pulse\" />\n                <div className=\"w-12 h-0.5 bg-[rgb(var(--ec-page-border))] animate-pulse\" />\n                <div\n                  className=\"w-20 h-10 bg-[rgb(var(--ec-page-border))] rounded-full animate-pulse\"\n                  style={{ animationDelay: \"75ms\" }}\n                />\n                <div\n                  className=\"w-12 h-0.5 bg-[rgb(var(--ec-page-border))] animate-pulse\"\n                  style={{ animationDelay: \"150ms\" }}\n                />\n                <div\n                  className=\"w-24 h-10 bg-[rgb(var(--ec-page-border))] rounded animate-pulse\"\n                  style={{ animationDelay: \"225ms\" }}\n                />\n              </div>\n              <p className=\"text-center text-sm text-[rgb(var(--ec-page-text-muted))] mt-4\">\n                Rendering diagram...\n              </p>\n            </div>\n          </div>\n        )}\n\n        {previewError && !isRendering && (\n          <div className=\"w-full h-full flex flex-col items-center justify-center p-4\">\n            <div className=\"text-red-500 text-sm mb-2\">\n              Failed to render diagram\n            </div>\n            <div className=\"text-[rgb(var(--ec-page-text-muted))] text-xs font-mono bg-[rgb(var(--ec-code-bg))] p-2 rounded max-w-lg overflow-auto\">\n              {previewError}\n            </div>\n            <div className=\"mt-4 text-sm text-[rgb(var(--ec-page-text-muted))]\">\n              <p>You can still copy the Mermaid code and paste it into</p>\n              <a\n                href=\"https://mermaid.live\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"text-[rgb(var(--ec-accent))] hover:underline\"\n              >\n                mermaid.live\n              </a>\n            </div>\n          </div>\n        )}\n\n        {previewSvg && !isRendering && !previewError && (\n          <div\n            ref={svgContainerRef}\n            className=\"w-full h-full cursor-grab active:cursor-grabbing [&_svg]:w-full [&_svg]:h-full\"\n            dangerouslySetInnerHTML={{ __html: previewSvg }}\n          />\n        )}\n      </div>\n\n      {/* Footer hint */}\n      <div className=\"absolute bottom-4 left-4 z-20\">\n        <div className=\"flex items-center gap-2 bg-[rgb(var(--ec-card-bg))]/90 backdrop-blur-sm px-3 py-1.5 rounded-md shadow-sm border border-[rgb(var(--ec-page-border))]\">\n          <svg\n            className=\"w-3.5 h-3.5 text-[rgb(var(--ec-icon-color))]\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122\"\n            />\n          </svg>\n          <span className=\"text-xs text-[rgb(var(--ec-page-text-muted))]\">\n            Scroll to zoom · Drag to pan\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default MermaidView;\n","import type { Node, Edge } from \"@xyflow/react\";\n\n/**\n * Mermaid Export Utility\n * Converts React Flow nodes and edges to Mermaid flowchart syntax\n */\n\nexport interface MermaidExportOptions {\n  /** Include class definitions for styling */\n  includeStyles?: boolean;\n  /** Direction of the flowchart: LR (left-right), TB (top-bottom), etc. */\n  direction?: \"LR\" | \"TB\" | \"RL\" | \"BT\";\n}\n\n/**\n * Mapping of node types to their Mermaid shape syntax\n * Format: [prefix, suffix]\n */\nconst NODE_SHAPE_MAP: Record<string, [string, string]> = {\n  agents: [\"[[\", \"]]\"],\n  agent: [\"[[\", \"]]\"],\n  agentTool: [\"[\", \"]\"],\n  \"agent-tool\": [\"[\", \"]\"],\n  services: [\"[[\", \"]]\"], // stadium shape\n  service: [\"[[\", \"]]\"],\n  events: [\">\", \"]\"], // flag/asymmetric shape (message-like)\n  event: [\">\", \"]\"],\n  commands: [\">\", \"]\"], // flag/asymmetric shape (message-like)\n  command: [\">\", \"]\"],\n  queries: [\"{{\", \"}}\"], // hexagon\n  query: [\"{{\", \"}}\"],\n  channels: [\"[(\", \")]\"], // cylinder\n  channel: [\"[(\", \")]\"],\n  domains: [\"[\", \"]\"], // rectangle\n  domain: [\"[\", \"]\"],\n  flows: [\"([\", \"])\"], // stadium (rounded)\n  flow: [\"([\", \"])\"],\n  step: [\"[\", \"]\"], // rectangle\n  user: [\"((\", \"))\"], // circle\n  actor: [\"((\", \"))\"], // circle\n  externalSystem: [\"[[\", \"]]\"], // stadium\n  \"external-system\": [\"[[\", \"]]\"],\n  data: [\"[(\", \")]\"], // cylinder (database)\n  \"data-product\": [\"[[\", \"]]\"], // stadium\n  \"data-products\": [\"[[\", \"]]\"],\n  entities: [\"[\", \"]\"], // rectangle\n  entity: [\"[\", \"]\"],\n  custom: [\"[\", \"]\"], // rectangle\n  view: [\"[\", \"]\"], // rectangle\n  note: [\"[\", \"]\"], // rectangle\n  field: [\"[(\", \")]\"], // cylinder\n  fields: [\"[(\", \")]\"], // cylinder\n  messageGroup: [\"[[\", \"]]\"],\n  messageGroupExpanded: [\"[[\", \"]]\"],\n};\n\n/**\n * Mermaid class definitions for styling different node types\n */\nconst NODE_STYLE_CLASSES: Record<string, string> = {\n  agents: \"fill:#0ea5e9,stroke:#0369a1,color:#fff\",\n  agent: \"fill:#0ea5e9,stroke:#0369a1,color:#fff\",\n  agentTool: \"fill:#8b5cf6,stroke:#6d28d9,color:#fff\",\n  \"agent-tool\": \"fill:#8b5cf6,stroke:#6d28d9,color:#fff\",\n  services: \"fill:#ec4899,stroke:#be185d,color:#fff\",\n  service: \"fill:#ec4899,stroke:#be185d,color:#fff\",\n  events: \"fill:#f97316,stroke:#c2410c,color:#fff\",\n  event: \"fill:#f97316,stroke:#c2410c,color:#fff\",\n  commands: \"fill:#3b82f6,stroke:#1d4ed8,color:#fff\",\n  command: \"fill:#3b82f6,stroke:#1d4ed8,color:#fff\",\n  queries: \"fill:#22c55e,stroke:#15803d,color:#fff\",\n  query: \"fill:#22c55e,stroke:#15803d,color:#fff\",\n  channels: \"fill:#6b7280,stroke:#374151,color:#fff\",\n  channel: \"fill:#6b7280,stroke:#374151,color:#fff\",\n  domains: \"fill:#eab308,stroke:#a16207,color:#000\",\n  domain: \"fill:#eab308,stroke:#a16207,color:#000\",\n  flows: \"fill:#14b8a6,stroke:#0f766e,color:#fff\",\n  flow: \"fill:#14b8a6,stroke:#0f766e,color:#fff\",\n  step: \"fill:#374151,stroke:#1f2937,color:#fff\",\n  user: \"fill:#8b5cf6,stroke:#6d28d9,color:#fff\",\n  actor: \"fill:#eab308,stroke:#a16207,color:#000\",\n  externalSystem: \"fill:#ec4899,stroke:#be185d,color:#fff\",\n  \"external-system\": \"fill:#ec4899,stroke:#be185d,color:#fff\",\n  data: \"fill:#3b82f6,stroke:#1d4ed8,color:#fff\",\n  \"data-product\": \"fill:#6366f1,stroke:#4338ca,color:#fff\",\n  \"data-products\": \"fill:#6366f1,stroke:#4338ca,color:#fff\",\n  entities: \"fill:#6b7280,stroke:#374151,color:#fff\",\n  entity: \"fill:#6b7280,stroke:#374151,color:#fff\",\n  custom: \"fill:#9ca3af,stroke:#6b7280,color:#000\",\n  view: \"fill:#9ca3af,stroke:#6b7280,color:#000\",\n  note: \"fill:#fef3c7,stroke:#d97706,color:#000\",\n  field: \"fill:#06b6d4,stroke:#0891b2,color:#fff\",\n  fields: \"fill:#06b6d4,stroke:#0891b2,color:#fff\",\n  messageGroup: \"fill:#7c3aed,stroke:#5b21b6,color:#fff\",\n  messageGroupExpanded: \"fill:#7c3aed,stroke:#5b21b6,color:#fff\",\n};\n\n/**\n * Sanitize a string to be a valid Mermaid node ID\n * Mermaid IDs should be alphanumeric with underscores\n */\nexport function sanitizeMermaidId(id: string): string {\n  // Replace any non-alphanumeric characters (except underscores) with underscores\n  // Also handle dots and hyphens which are common in version strings\n  return id.replace(/[^a-zA-Z0-9_]/g, \"_\");\n}\n\n/**\n * Escape special characters in Mermaid labels\n */\nfunction escapeMermaidLabel(label: string): string {\n  // Escape quotes and other special characters\n  return label.replace(/\"/g, \"#quot;\").replace(/\\n/g, \"<br/>\");\n}\n\n/**\n * Get the Mermaid shape syntax for a node type\n */\nexport function getMermaidNodeShape(type: string): [string, string] {\n  return NODE_SHAPE_MAP[type] || [\"[\", \"]\"];\n}\n\n/**\n * Helper to format label with version\n */\nfunction formatLabelWithVersion(name: string, version?: string): string {\n  if (version) {\n    return `${name} (${version})`;\n  }\n  return name;\n}\n\n/**\n * Extract the display label from a node based on its type and data\n * Includes version information when available\n */\nexport function getNodeLabel(node: Node): string {\n  const { type, data } = node;\n\n  if (!data) return node.id;\n\n  // Handle different node types and their data structures\n  if (type === \"agents\" || type === \"agent\") {\n    const agent = (data as any).agent;\n    const name = agent?.name || agent?.id || node.id;\n    const version = agent?.data?.version || agent?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"agentTool\" || type === \"agent-tool\") {\n    const agentTool = (data as any).agentTool;\n    return agentTool?.name || agentTool?.id || node.id;\n  }\n\n  if (type === \"services\" || type === \"service\") {\n    const service = (data as any).service;\n    const name = service?.name || service?.id || node.id;\n    const version = service?.data?.version || service?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (\n    type === \"events\" ||\n    type === \"event\" ||\n    type === \"commands\" ||\n    type === \"command\" ||\n    type === \"queries\" ||\n    type === \"query\"\n  ) {\n    const message = (data as any).message;\n    const name = message?.name || message?.id || node.id;\n    const version = message?.data?.version || message?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"channels\" || type === \"channel\") {\n    const channel = (data as any).channel;\n    const name = channel?.name || channel?.id || node.id;\n    const version = channel?.data?.version || channel?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"domains\" || type === \"domain\") {\n    const domain = (data as any).domain;\n    // Domain data can be nested in .data\n    const domainData = domain?.data || domain;\n    const name = domainData?.name || domainData?.id || node.id;\n    const version = domainData?.version || domain?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"flows\" || type === \"flow\") {\n    const flow = (data as any).flow;\n    const name = flow?.name || flow?.id || node.id;\n    const version = flow?.data?.version || flow?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"step\") {\n    const step = (data as any).step;\n    return step?.title || step?.name || step?.id || node.id;\n  }\n\n  if (type === \"user\" || type === \"actor\") {\n    return (\n      (data as any).name || (data as any).label || (data as any).id || node.id\n    );\n  }\n\n  if (type === \"externalSystem\" || type === \"external-system\") {\n    const system = (data as any).externalSystem || data;\n    return system?.name || system?.id || node.id;\n  }\n\n  if (type === \"data\") {\n    const dataNode = (data as any).data;\n    return dataNode?.name || dataNode?.id || node.id;\n  }\n\n  if (type === \"data-product\" || type === \"data-products\") {\n    const dataProduct = (data as any).dataProduct;\n    const name = dataProduct?.name || dataProduct?.id || node.id;\n    const version = dataProduct?.data?.version || dataProduct?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"entities\" || type === \"entity\") {\n    const entity = (data as any).entity;\n    return entity?.name || entity?.id || node.id;\n  }\n\n  if (type === \"note\") {\n    return (data as any).text || (data as any).label || \"Note\";\n  }\n\n  if (type === \"field\" || type === \"fields\") {\n    const name = (data as any).name || node.id;\n    const fieldType = (data as any).type;\n    return fieldType ? `${name} (${fieldType})` : name;\n  }\n\n  if (type === \"messageGroup\") {\n    const groupName = (data as any).groupName || node.id;\n    const count = (data as any).messageCount || 0;\n    return `${groupName} (${count} messages)`;\n  }\n\n  if (type === \"messageGroupExpanded\") {\n    const groupName = (data as any).groupName || node.id;\n    const count = (data as any).messageCount || 0;\n    return `${groupName} (${count} messages)`;\n  }\n\n  // Fallback: try common data patterns\n  return (\n    (data as any).name ||\n    (data as any).label ||\n    (data as any).title ||\n    (data as any).id ||\n    node.id\n  );\n}\n\n/**\n * Extract label from an edge\n */\nfunction getEdgeLabel(edge: Edge): string | undefined {\n  if (edge.label && typeof edge.label === \"string\") {\n    return edge.label;\n  }\n  if (edge.data?.label && typeof edge.data.label === \"string\") {\n    return edge.data.label;\n  }\n  return undefined;\n}\n\n/**\n * Convert React Flow nodes and edges to Mermaid flowchart syntax\n */\nexport function convertToMermaid(\n  nodes: Node[],\n  edges: Edge[],\n  options: MermaidExportOptions = {},\n): string {\n  const { includeStyles = true, direction = \"LR\" } = options;\n\n  const lines: string[] = [];\n\n  // Add flowchart header\n  lines.push(`flowchart ${direction}`);\n\n  // Collect used node types for class definitions\n  const usedTypes = new Set<string>();\n\n  // Add class definitions if styles are enabled\n  if (includeStyles) {\n    lines.push(\"\");\n    lines.push(\"    %% Style definitions\");\n\n    // First pass: collect all used node types\n    nodes.forEach((node) => {\n      if (node.type && NODE_STYLE_CLASSES[node.type]) {\n        usedTypes.add(node.type);\n      }\n    });\n\n    // Add class definitions for used types\n    usedTypes.forEach((type) => {\n      const style = NODE_STYLE_CLASSES[type];\n      if (style) {\n        lines.push(`    classDef ${sanitizeMermaidId(type)} ${style}`);\n      }\n    });\n  }\n\n  // Add node definitions\n  lines.push(\"\");\n  lines.push(\"    %% Nodes\");\n\n  nodes.forEach((node) => {\n    const sanitizedId = sanitizeMermaidId(node.id);\n    const label = escapeMermaidLabel(getNodeLabel(node));\n    const [prefix, suffix] = getMermaidNodeShape(node.type || \"custom\");\n\n    let nodeLine = `    ${sanitizedId}${prefix}\"${label}\"${suffix}`;\n\n    // Add class reference if styles are enabled\n    if (includeStyles && node.type && usedTypes.has(node.type)) {\n      nodeLine += `:::${sanitizeMermaidId(node.type)}`;\n    }\n\n    lines.push(nodeLine);\n  });\n\n  // Add edge definitions\n  lines.push(\"\");\n  lines.push(\"    %% Edges\");\n\n  edges.forEach((edge) => {\n    const sourceId = sanitizeMermaidId(edge.source);\n    const targetId = sanitizeMermaidId(edge.target);\n    const label = getEdgeLabel(edge);\n\n    let edgeLine: string;\n    if (label) {\n      // Clean up multi-line labels\n      const cleanLabel = label.replace(/\\n/g, \" \").trim();\n      edgeLine = `    ${sourceId} -->|\"${escapeMermaidLabel(cleanLabel)}\"| ${targetId}`;\n    } else {\n      edgeLine = `    ${sourceId} --> ${targetId}`;\n    }\n\n    lines.push(edgeLine);\n  });\n\n  return lines.join(\"\\n\");\n}\n","/**\n * Utility to copy text to clipboard\n */\nexport async function copyToClipboard(text: string): Promise<boolean> {\n  try {\n    if (navigator?.clipboard?.writeText) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n    // Fallback for older browsers\n    const textArea = document.createElement(\"textarea\");\n    textArea.value = text;\n    textArea.style.position = \"fixed\";\n    textArea.style.left = \"-999999px\";\n    document.body.appendChild(textArea);\n    textArea.select();\n    const success = document.execCommand(\"copy\");\n    document.body.removeChild(textArea);\n    return success;\n  } catch (error) {\n    console.error(\"Failed to copy to clipboard:\", error);\n    return false;\n  }\n}\n","import { useCallback, useMemo, useState, useEffect } from \"react\";\nimport { type Edge, type Node } from \"@xyflow/react\";\nimport {\n  createEdge,\n  generatedIdForEdge,\n  generateIdForNode,\n  getEdgeLabelForMessageAsSource,\n  getEdgeLabelForServiceAsTarget,\n  getNodesAndEdgesFromDagre,\n} from \"../utils/utils/utils\";\n\ninterface ChannelVisibilityProps {\n  nodes: Node[];\n  edges: Edge[];\n  setNodes: (nodes: Node[]) => void;\n  setEdges: (edges: Edge[]) => void;\n  skipProcessing?: boolean;\n}\n\nexport const useChannelVisibility = ({\n  nodes,\n  edges,\n  setNodes,\n  setEdges,\n  skipProcessing = false,\n}: ChannelVisibilityProps) => {\n  const [hideChannels, setHideChannels] = useState(false);\n  const [initialNodes, setInitialNodes] = useState(nodes);\n  const [initialEdges, setInitialEdges] = useState(edges);\n\n  // Initialize hideChannels from localStorage\n  useEffect(() => {\n    const storedHideChannels = localStorage.getItem(\n      \"EventCatalog:hideChannels\",\n    );\n    if (storedHideChannels !== null) {\n      setHideChannels(storedHideChannels === \"true\");\n    }\n  }, []);\n\n  useEffect(() => {\n    const hasChannels = nodes.some((node) => node.type === \"channels\");\n    if (!hideChannels || hasChannels) {\n      setInitialNodes(nodes);\n      setInitialEdges(edges);\n    }\n  }, [nodes, edges, hideChannels]);\n\n  const toggleChannelsVisibility = useCallback(() => {\n    setHideChannels((prev) => {\n      const newValue = !prev;\n      localStorage.setItem(\n        \"EventCatalog:hideChannels\",\n        JSON.stringify(newValue),\n      );\n      return newValue;\n    });\n  }, []);\n\n  const channels = useMemo(\n    () => nodes.filter((node) => node.type === \"channels\"),\n    [nodes],\n  );\n  const updatedNodes = useMemo(\n    () => nodes.filter((node) => node.type !== \"channels\"),\n    [nodes],\n  );\n\n  const updatedEdges = useMemo(() => {\n    const newEdges = edges.reduce<Edge[]>((acc, edge) => {\n      const { source, target, data } = edge;\n      const targetIsChannel = channels.some((channel) => channel.id === target);\n      const sourceIsChannel = channels.some((channel) => channel.id === source);\n\n      if (!sourceIsChannel && !targetIsChannel) {\n        return [...acc, edge];\n      }\n\n      if (sourceIsChannel || targetIsChannel) {\n        const rootSourceAndTarget = data?.rootSourceAndTarget as {\n          source: { id: string; collection: string };\n          target: { id: string; collection: string };\n        };\n\n        if (!rootSourceAndTarget) {\n          return [...acc, edge];\n        }\n\n        // is target a service-like resource?\n        const targetIsService =\n          rootSourceAndTarget?.target?.collection === \"services\" ||\n          rootSourceAndTarget?.target?.collection === \"agents\";\n        const edgeLabel = targetIsService\n          ? getEdgeLabelForMessageAsSource(rootSourceAndTarget.source as any)\n          : getEdgeLabelForServiceAsTarget(rootSourceAndTarget.target as any);\n\n        const newEdgeId = `${rootSourceAndTarget.source.id}-${rootSourceAndTarget.target.id}`;\n\n        return [\n          ...acc,\n          createEdge({\n            id: newEdgeId,\n            source: rootSourceAndTarget.source.id,\n            target: rootSourceAndTarget.target.id,\n            label: edgeLabel,\n          }),\n        ];\n      }\n      return acc;\n    }, []);\n\n    return newEdges.filter(\n      (edge, index, self) => index === self.findIndex((t) => t.id === edge.id),\n    );\n  }, [edges, channels]);\n\n  // console.log('UPDATED EDGES', JSON.stringify(updatedEdges, null, 2));\n\n  useEffect(() => {\n    // Skip processing if there are no channels to manage\n    if (skipProcessing) {\n      return;\n    }\n\n    if (hideChannels) {\n      const { nodes: newNodes, edges: newEdges } = getNodesAndEdgesFromDagre({\n        nodes: updatedNodes,\n        edges: updatedEdges,\n      });\n      setNodes(newNodes);\n      setEdges(newEdges);\n    } else {\n      setNodes(initialNodes);\n      setEdges(initialEdges);\n    }\n  }, [hideChannels, skipProcessing]);\n\n  return {\n    hideChannels,\n    toggleChannelsVisibility,\n  };\n};\n","// Can't use the CollectionEntry type from astro:content  because a client component is using this util\n\nimport { MarkerType, Position, type Edge, type Node } from \"@xyflow/react\";\nimport dagre from \"dagre\";\n\ninterface BaseCollectionData {\n  id: string;\n  version: string;\n}\n\ninterface CollectionItem {\n  collection: string;\n  data: BaseCollectionData;\n}\n\ninterface MessageCollectionItem extends CollectionItem {\n  collection: \"commands\" | \"events\" | \"queries\";\n}\n\nexport const generateIdForNode = (node: CollectionItem) => {\n  return `${node.data.id}-${node.data.version}`;\n};\nexport const generateIdForNodes = (nodes: any) => {\n  return nodes\n    .map((node: any) => `${node.data.id}-${node.data.version}`)\n    .join(\"-\");\n};\nexport const generatedIdForEdge = (\n  source: CollectionItem,\n  target: CollectionItem,\n) => {\n  return `${source.data.id}-${source.data.version}-${target.data.id}-${target.data.version}`;\n};\n\nexport const getColorFromString = (id: string) => {\n  // Takes the given id (string) and returns a custom hex color based on the id\n  // Create a hash from the string\n  let hash = 0;\n  for (let i = 0; i < id.length; i++) {\n    hash = id.charCodeAt(i) + ((hash << 5) - hash);\n  }\n\n  // Convert the hash into a hex color\n  let color = \"#\";\n  for (let i = 0; i < 3; i++) {\n    const value = (hash >> (i * 8)) & 0xff;\n    color += value.toString(16).padStart(2, \"0\");\n  }\n\n  return color;\n};\n\nexport const getEdgeLabelForServiceAsTarget = (data: MessageCollectionItem) => {\n  const type = data.collection;\n  switch (type) {\n    case \"commands\":\n      return \"invokes\";\n    case \"events\":\n      return \"publishes \\nevent\";\n    case \"queries\":\n      return \"requests\";\n    default:\n      return \"sends to\";\n  }\n};\nexport const getEdgeLabelForMessageAsSource = (\n  data: MessageCollectionItem,\n  throughChannel = false,\n) => {\n  const type = data.collection;\n  switch (type) {\n    case \"commands\":\n      return \"accepts\";\n    case \"events\":\n      return throughChannel ? \"subscribed to\" : \"subscribed by\";\n    case \"queries\":\n      return \"accepts\";\n    default:\n      return \"sends to\";\n  }\n};\n\nexport const calculatedNodes = (flow: dagre.graphlib.Graph, nodes: Node[]) => {\n  return nodes.map((node: any) => {\n    const { x, y } = flow.node(node.id);\n    return { ...node, position: { x, y } };\n  });\n};\n\n// Creates a new dagre graph\nexport const createDagreGraph = ({\n  ranksep = 180,\n  nodesep = 50,\n  ...rest\n}: any) => {\n  const graph = new dagre.graphlib.Graph({ compound: true });\n  graph.setGraph({ rankdir: \"LR\", ranksep, nodesep, ...rest });\n  graph.setDefaultEdgeLabel(() => ({}));\n  return graph;\n};\n\n/**\n * network-simplex produces the nicest layered layout but is O(V·E) and hangs on\n * large architecture maps. tight-tree keeps the same LR layering with far less\n * work. Callers can still force a ranker via createDagreGraph({ ranker }).\n */\nexport const LARGE_GRAPH_NODE_THRESHOLD = 80;\nexport const LARGE_GRAPH_EDGE_THRESHOLD = 200;\nexport const LARGE_GRAPH_RANKER = \"tight-tree\";\n\nexport const selectDagreRanker = (\n  nodeCount: number,\n  edgeCount: number,\n  explicitRanker?: string,\n) => {\n  if (explicitRanker) return explicitRanker;\n  if (\n    nodeCount >= LARGE_GRAPH_NODE_THRESHOLD ||\n    edgeCount >= LARGE_GRAPH_EDGE_THRESHOLD\n  ) {\n    return LARGE_GRAPH_RANKER;\n  }\n  return undefined;\n};\n\nexport const layoutDagreGraph = (flow: dagre.graphlib.Graph) => {\n  const label = (flow.graph() || {}) as { ranker?: string };\n  const nodeCount = flow.nodeCount();\n  const edgeCount = flow.edgeCount();\n  const ranker = selectDagreRanker(nodeCount, edgeCount, label.ranker);\n  if (ranker && label.ranker !== ranker) {\n    flow.setGraph({ ...label, ranker });\n  }\n  dagre.layout(flow);\n};\n\nexport const createEdge = (edgeOptions: Edge): Edge => {\n  return {\n    label: \"subscribed by\",\n    animated: false,\n    // markerStart: {\n    //   type: MarkerType.Arrow,\n    //   width: 40,\n    //   height: 40,\n    // },\n    markerEnd: {\n      type: MarkerType.ArrowClosed,\n      width: 40,\n      height: 40,\n      color: \"rgb(var(--ec-page-text-muted))\",\n    },\n    style: {\n      strokeWidth: 1.5,\n      stroke: \"rgb(var(--ec-page-text-muted))\",\n      strokeDasharray: \"5 5\",\n    },\n    ...edgeOptions,\n  };\n};\n\nexport const createNode = (values: Node): Node => {\n  return {\n    sourcePosition: Position.Right,\n    targetPosition: Position.Left,\n    ...values,\n  };\n};\n\ntype DagreGraph = any;\n\nexport const getNodesAndEdgesFromDagre = ({\n  nodes,\n  edges,\n  defaultFlow,\n}: {\n  nodes: Node[];\n  edges: Edge[];\n  defaultFlow?: DagreGraph;\n}) => {\n  const flow = defaultFlow || createDagreGraph({ ranksep: 300, nodesep: 50 });\n\n  nodes.forEach((node: any) => {\n    flow.setNode(node.id, { width: 150, height: 100 });\n  });\n\n  edges.forEach((edge: any) => {\n    flow.setEdge(edge.source, edge.target);\n  });\n\n  // Render the diagram in memory getting the X and Y\n  layoutDagreGraph(flow);\n\n  return {\n    nodes: calculatedNodes(flow, nodes),\n    edges,\n  };\n};\n","import React, { type RefObject, useState, memo } from \"react\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport {\n  Code,\n  Share2,\n  Search,\n  Grid3x3,\n  Maximize2,\n  Map,\n  Sparkles,\n  Zap,\n  EyeOff,\n  ExternalLink,\n  Save,\n  RotateCcw,\n  Loader2,\n  MessageCircle,\n} from \"lucide-react\";\nimport {\n  DocumentArrowDownIcon,\n  PresentationChartLineIcon,\n} from \"@heroicons/react/24/outline\";\nimport type { VisualiserSearchRef } from \"./VisualiserSearch\";\n\ninterface VisualizerDropdownContentProps {\n  isMermaidView: boolean;\n  setIsMermaidView: (value: boolean) => void;\n  animateMessages: boolean;\n  toggleAnimateMessages: () => void;\n  /** Hide the \"Simulate Messages\" toggle entirely (e.g. on the Context Diagram). */\n  hideAnimateMessages?: boolean;\n  hideChannels: boolean;\n  toggleChannelsVisibility: () => void;\n  hasChannels: boolean;\n  showMinimap: boolean;\n  setShowMinimap: (value: boolean) => void;\n  handleFitView: () => void;\n  searchRef: RefObject<VisualiserSearchRef | null>;\n  isChatEnabled: boolean;\n  openChat: () => void;\n  handleCopyArchitectureCode: () => void;\n  handleExportVisual: () => void;\n  setIsShareModalOpen: (value: boolean) => void;\n  toggleFullScreen: () => void;\n  openStudioModal: () => void;\n  isDevMode?: boolean;\n  onSaveLayout?: () => Promise<boolean>;\n  onResetLayout?: () => Promise<boolean>;\n  notesCount?: number;\n  onOpenNotes?: () => void;\n}\n\nconst VisualizerDropdownContent: React.FC<VisualizerDropdownContentProps> =\n  memo(\n    ({\n      isMermaidView,\n      setIsMermaidView,\n      animateMessages,\n      toggleAnimateMessages,\n      hideAnimateMessages = false,\n      hideChannels,\n      toggleChannelsVisibility,\n      hasChannels,\n      showMinimap,\n      setShowMinimap,\n      handleFitView,\n      searchRef,\n      isChatEnabled,\n      openChat,\n      handleCopyArchitectureCode,\n      handleExportVisual,\n      setIsShareModalOpen,\n      toggleFullScreen,\n      openStudioModal,\n      isDevMode = false,\n      onSaveLayout,\n      onResetLayout,\n      notesCount = 0,\n      onOpenNotes,\n    }) => {\n      const [layoutStatus, setLayoutStatus] = useState<\n        \"idle\" | \"saving\" | \"resetting\"\n      >(\"idle\");\n      const portalContainer = usePortalContainer();\n\n      const handleSaveLayout = async () => {\n        if (!onSaveLayout) return;\n        setLayoutStatus(\"saving\");\n        await onSaveLayout();\n        setLayoutStatus(\"idle\");\n      };\n\n      const handleResetLayout = async () => {\n        if (!onResetLayout) return;\n        if (\n          !window.confirm(\n            \"Reset layout to auto-positioning? This will delete your saved layout.\",\n          )\n        ) {\n          return;\n        }\n        setLayoutStatus(\"resetting\");\n        const success = await onResetLayout();\n        if (success) {\n          window.location.reload();\n        } else {\n          setLayoutStatus(\"idle\");\n        }\n      };\n\n      return (\n        <>\n          {/* Canvas Settings Submenu */}\n          <DropdownMenu.Sub>\n            <DropdownMenu.SubTrigger className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2 outline-none\">\n              <Grid3x3 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n              <span className=\"flex-1 font-normal\">Canvas</span>\n              <svg\n                className=\"w-3 h-3 text-[rgb(var(--ec-page-text-muted))]\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M9 5l7 7-7 7\"\n                />\n              </svg>\n            </DropdownMenu.SubTrigger>\n            <DropdownMenu.Portal container={portalContainer}>\n              <DropdownMenu.SubContent\n                className=\"min-w-[200px] bg-[rgb(var(--ec-card-bg))] rounded-lg shadow-xl border border-[rgb(var(--ec-page-border))] py-1.5 z-[60]\"\n                sideOffset={8}\n                alignOffset={-8}\n              >\n                <DropdownMenu.CheckboxItem\n                  checked={isMermaidView}\n                  onCheckedChange={setIsMermaidView}\n                  className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2\"\n                >\n                  <Code className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                  <span className=\"flex-1 font-normal\">Render as mermaid</span>\n                  <div\n                    className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${isMermaidView ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                  >\n                    <div\n                      className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${isMermaidView ? \"left-3.5\" : \"left-0.5\"}`}\n                    />\n                  </div>\n                </DropdownMenu.CheckboxItem>\n\n                {!hideAnimateMessages && (\n                  <>\n                    <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n\n                    <DropdownMenu.CheckboxItem\n                      checked={animateMessages}\n                      onCheckedChange={toggleAnimateMessages}\n                      className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2\"\n                    >\n                      <Zap className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                      <span className=\"flex-1 font-normal\">\n                        Simulate Messages\n                      </span>\n                      <div\n                        className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${animateMessages ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                      >\n                        <div\n                          className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${animateMessages ? \"left-3.5\" : \"left-0.5\"}`}\n                        />\n                      </div>\n                    </DropdownMenu.CheckboxItem>\n                  </>\n                )}\n\n                {hasChannels && (\n                  <DropdownMenu.CheckboxItem\n                    checked={hideChannels}\n                    onCheckedChange={toggleChannelsVisibility}\n                    className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2\"\n                  >\n                    <EyeOff className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                    <span className=\"flex-1 font-normal\">Hide channels</span>\n                    <div\n                      className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${hideChannels ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                    >\n                      <div\n                        className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${hideChannels ? \"left-3.5\" : \"left-0.5\"}`}\n                      />\n                    </div>\n                  </DropdownMenu.CheckboxItem>\n                )}\n\n                <DropdownMenu.CheckboxItem\n                  checked={showMinimap}\n                  onCheckedChange={setShowMinimap}\n                  className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2\"\n                >\n                  <Map className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                  <span className=\"flex-1 font-normal\">Show minimap</span>\n                  <div\n                    className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${showMinimap ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                  >\n                    <div\n                      className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${showMinimap ? \"left-3.5\" : \"left-0.5\"}`}\n                    />\n                  </div>\n                </DropdownMenu.CheckboxItem>\n\n                <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n\n                <DropdownMenu.Item\n                  onClick={handleFitView}\n                  className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n                >\n                  <Maximize2 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                  <span className=\"flex-1 font-normal\">Fit to view</span>\n                </DropdownMenu.Item>\n\n                <DropdownMenu.Item\n                  onClick={() => {\n                    searchRef.current?.hideSuggestions();\n                    setTimeout(() => {\n                      const searchInput = document.querySelector(\n                        'input[placeholder=\"Search nodes...\"]',\n                      ) as HTMLInputElement;\n                      searchInput?.focus();\n                    }, 50);\n                  }}\n                  className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n                >\n                  <Search className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                  <span className=\"flex-1 font-normal\">Find on canvas</span>\n                </DropdownMenu.Item>\n              </DropdownMenu.SubContent>\n            </DropdownMenu.Portal>\n          </DropdownMenu.Sub>\n\n          {/* Notes */}\n          {notesCount > 0 && onOpenNotes && (\n            <DropdownMenu.Item\n              onClick={onOpenNotes}\n              className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n            >\n              <MessageCircle className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n              <span className=\"flex-1 font-normal\">\n                View notes ({notesCount})\n              </span>\n            </DropdownMenu.Item>\n          )}\n\n          {/* Dev Mode: Layout Submenu */}\n          {isDevMode && onSaveLayout && (\n            <DropdownMenu.Sub>\n              <DropdownMenu.SubTrigger className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2 outline-none\">\n                <Save className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                <span className=\"flex-1 font-normal\">Layout</span>\n                <span className=\"text-[10px] text-amber-600 font-medium\">\n                  DEV\n                </span>\n                <svg\n                  className=\"w-3 h-3 text-[rgb(var(--ec-page-text-muted))]\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M9 5l7 7-7 7\"\n                  />\n                </svg>\n              </DropdownMenu.SubTrigger>\n              <DropdownMenu.Portal container={portalContainer}>\n                <DropdownMenu.SubContent\n                  className=\"min-w-[180px] bg-[rgb(var(--ec-card-bg))] rounded-lg shadow-xl border border-[rgb(var(--ec-page-border))] py-1.5 z-[60]\"\n                  sideOffset={8}\n                  alignOffset={-8}\n                >\n                  <DropdownMenu.Item\n                    onClick={handleSaveLayout}\n                    disabled={layoutStatus !== \"idle\"}\n                    className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    {layoutStatus === \"saving\" ? (\n                      <Loader2 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0 animate-spin\" />\n                    ) : (\n                      <Save className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                    )}\n                    <span className=\"flex-1 font-normal\">\n                      {layoutStatus === \"saving\" ? \"Saving...\" : \"Save Layout\"}\n                    </span>\n                  </DropdownMenu.Item>\n                  <DropdownMenu.Item\n                    onClick={handleResetLayout}\n                    disabled={layoutStatus !== \"idle\"}\n                    className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    {layoutStatus === \"resetting\" ? (\n                      <Loader2 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0 animate-spin\" />\n                    ) : (\n                      <RotateCcw className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                    )}\n                    <span className=\"flex-1 font-normal\">\n                      {layoutStatus === \"resetting\"\n                        ? \"Resetting...\"\n                        : \"Reset Layout\"}\n                    </span>\n                  </DropdownMenu.Item>\n                </DropdownMenu.SubContent>\n              </DropdownMenu.Portal>\n            </DropdownMenu.Sub>\n          )}\n\n          {/* Ask AI */}\n          {isChatEnabled && (\n            <>\n              <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n              <DropdownMenu.Item\n                onClick={openChat}\n                className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n              >\n                <Sparkles className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                <span className=\"flex-1 font-normal\">Ask a question</span>\n              </DropdownMenu.Item>\n            </>\n          )}\n\n          {/* Export Items */}\n          <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n          <DropdownMenu.Item\n            onClick={handleCopyArchitectureCode}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <Code className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">Copy as mermaid</span>\n          </DropdownMenu.Item>\n\n          <DropdownMenu.Item\n            onClick={handleExportVisual}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <DocumentArrowDownIcon className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">Export image</span>\n          </DropdownMenu.Item>\n\n          {/* Share Link */}\n          <DropdownMenu.Item\n            onClick={() => setIsShareModalOpen(true)}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <Share2 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">Share Link</span>\n          </DropdownMenu.Item>\n\n          {/* Start Presentation */}\n          <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n          <DropdownMenu.Item\n            onClick={toggleFullScreen}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <PresentationChartLineIcon className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">Start Presentation</span>\n          </DropdownMenu.Item>\n\n          {/* Open in EventCatalog Studio */}\n          <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n          <DropdownMenu.Item\n            onClick={openStudioModal}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <ExternalLink className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">\n              Open in EventCatalog Studio\n            </span>\n          </DropdownMenu.Item>\n        </>\n      );\n    },\n  );\n\nVisualizerDropdownContent.displayName = \"VisualizerDropdownContent\";\n\nexport default VisualizerDropdownContent;\n","import { memo } from \"react\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport type { ContextMenuItem } from \"../types\";\n\ninterface NodeContextMenuProps {\n  items: ContextMenuItem[];\n  children: React.ReactNode;\n}\n\nexport default memo(function NodeContextMenu({\n  items,\n  children,\n}: NodeContextMenuProps) {\n  const portalContainer = usePortalContainer();\n\n  if (!items || items.length === 0) return <>{children}</>;\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>{children}</ContextMenu.Trigger>\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Content\n          className=\"min-w-[220px] bg-white rounded-md p-1 shadow-md border border-gray-200 z-50\"\n          onClick={(e) => e.stopPropagation()}\n        >\n          {items.map((item, index) => (\n            <div key={index}>\n              {item.separator && index > 0 && (\n                <ContextMenu.Separator className=\"h-[1px] bg-gray-200 m-1\" />\n              )}\n              <ContextMenu.Item\n                asChild\n                className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center text-gray-900 hover:text-gray-900 visited:text-gray-900 no-underline hover:no-underline visited:no-underline\"\n              >\n                <a\n                  href={item.href}\n                  {...(item.download ? { download: item.download } : {})}\n                  {...(item.external\n                    ? { target: \"_blank\", rel: \"noopener noreferrer\" }\n                    : {})}\n                >\n                  {item.label}\n                </a>\n              </ContextMenu.Item>\n            </div>\n          ))}\n        </ContextMenu.Content>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n","import { getViewportForBounds, type Rect, type Viewport } from \"@xyflow/react\";\n\nconst MIN_IMAGE_WIDTH = 1024;\nconst MIN_IMAGE_HEIGHT = 768;\n\n// Nodes render decorations outside their measured rects (type badges at\n// -top-2.5, actor icons at -top-4, box shadows), so the exported image needs\n// breathing room around getNodesBounds() or edge nodes get clipped.\nexport const EXPORT_PADDING = 40;\n\nexport function getExportImageDimensions(nodesBounds: Rect): {\n  width: number;\n  height: number;\n  viewport: Viewport;\n} {\n  const paddedBounds = {\n    x: nodesBounds.x - EXPORT_PADDING,\n    y: nodesBounds.y - EXPORT_PADDING,\n    width: nodesBounds.width + EXPORT_PADDING * 2,\n    height: nodesBounds.height + EXPORT_PADDING * 2,\n  };\n\n  const width = Math.max(MIN_IMAGE_WIDTH, Math.ceil(paddedBounds.width));\n  const height = Math.max(MIN_IMAGE_HEIGHT, Math.ceil(paddedBounds.height));\n\n  const viewport = getViewportForBounds(paddedBounds, width, height, 0.5, 2, 0);\n\n  return { width, height, viewport };\n}\n\n// html-to-image deep-clones <svg> subtrees without inlining computed styles,\n// so var()-based fills (edge label pills, label text) and stylesheet rules\n// (.react-flow__edge-path) resolve to nothing in the capture — labels render\n// black and edges lose their color. Injecting a <style> that pins the resolved\n// theme variables and mirrors the edge rules fixes the capture in both themes.\n\nexport function extractEcVarNames(cssText: string): string[] {\n  return Array.from(new Set(cssText.match(/--ec-[a-z0-9-]+/g) ?? []));\n}\n\nexport function buildExportCss(themeVars: Record<string, string>): string {\n  const varDeclarations = Object.entries(themeVars)\n    .map(([name, value]) => `${name}: ${value};`)\n    .join(\" \");\n\n  return [\n    // Applied to every element so the variables reach the cloned SVG subtree\n    `* { ${varDeclarations} }`,\n    // Mirrors .react-flow__edge-path in styles.css, which is lost in the clone\n    `.react-flow__edge-path { stroke: var(--ec-edge-stroke, #6b7280); stroke-width: 1.5; fill: none; }`,\n  ].join(\"\\n\");\n}\n\nfunction collectThemeCssVars(scope: Element): Record<string, string> {\n  const names = new Set<string>();\n  for (const sheet of Array.from(document.styleSheets)) {\n    let rules: CSSRuleList;\n    try {\n      rules = sheet.cssRules;\n    } catch {\n      continue; // cross-origin stylesheet\n    }\n    for (const rule of Array.from(rules)) {\n      for (const name of extractEcVarNames(rule.cssText)) {\n        names.add(name);\n      }\n    }\n  }\n\n  const computed = window.getComputedStyle(scope);\n  const vars: Record<string, string> = {};\n  for (const name of names) {\n    const value = computed.getPropertyValue(name).trim();\n    if (value) vars[name] = value;\n  }\n  return vars;\n}\n\n// html-to-image deep-clones <svg> elements via cloneNode(true) and skips\n// computed-style inlining for everything inside them (cloneChildren returns\n// early for SVG). Styles that SVG content gets from stylesheets or var()-based\n// presentation attributes are therefore lost in the capture. Inlining the\n// resolved values directly onto each SVG element before capture is the only\n// approach that survives the clone in every browser.\nconst SVG_EXPORT_STYLE_PROPERTIES = [\n  \"fill\",\n  \"fill-opacity\",\n  \"stroke\",\n  \"stroke-width\",\n  \"stroke-dasharray\",\n  \"stroke-linecap\",\n  \"stroke-linejoin\",\n  \"opacity\",\n  \"font-family\",\n  \"font-size\",\n  \"font-weight\",\n  \"letter-spacing\",\n  \"text-anchor\",\n  \"dominant-baseline\",\n];\n\nfunction inlineSvgComputedStyles(viewport: HTMLElement): () => void {\n  const restores: Array<() => void> = [];\n  const svgElements = viewport.querySelectorAll(\"svg, svg *\");\n  svgElements.forEach((element) => {\n    if (!(element instanceof SVGElement)) return;\n    const computed = window.getComputedStyle(element);\n    const originalStyle = element.getAttribute(\"style\");\n    for (const property of SVG_EXPORT_STYLE_PROPERTIES) {\n      const value = computed.getPropertyValue(property);\n      if (value) element.style.setProperty(property, value);\n    }\n    restores.push(() => {\n      if (originalStyle === null) {\n        element.removeAttribute(\"style\");\n      } else {\n        element.setAttribute(\"style\", originalStyle);\n      }\n    });\n  });\n  return () => restores.forEach((restore) => restore());\n}\n\n// Returns a cleanup function that removes the injected styles.\nexport function injectExportStyles(viewport: HTMLElement): () => void {\n  const styleElement = document.createElement(\"style\");\n  styleElement.textContent = buildExportCss(collectThemeCssVars(viewport));\n  viewport.appendChild(styleElement);\n  const restoreSvgStyles = inlineSvgComputedStyles(viewport);\n  return () => {\n    restoreSvgStyles();\n    styleElement.remove();\n  };\n}\n","import dagre from \"dagre\";\nimport { MarkerType, type Node, type Edge } from \"@xyflow/react\";\nimport type { GraphNode, GraphEdge } from \"../types\";\n\nconst GROUP_HEADER_HEIGHT = 44;\nconst GROUP_CONTENT_PADDING_TOP = 50;\nconst GROUP_CONTENT_PADDING_BOTTOM = 30;\nconst GROUP_PADDING_X = 60;\n\nconst EMPTY_GROUP_WIDTH = 200;\nconst EMPTY_GROUP_HEIGHT = 80;\n\nconst defaultSizes: Record<string, { w: number; h: number }> = {\n  service: { w: 300, h: 140 },\n  agent: { w: 300, h: 140 },\n  \"agent-tool\": { w: 260, h: 120 },\n  agentTool: { w: 260, h: 120 },\n  event: { w: 240, h: 140 },\n  command: { w: 300, h: 120 },\n  query: { w: 300, h: 120 },\n  channel: { w: 300, h: 140 },\n  container: { w: 300, h: 140 },\n  \"data-product\": { w: 300, h: 140 },\n  data: { w: 320, h: 120 },\n  domain: { w: 300, h: 120 },\n  flow: { w: 300, h: 140 },\n  actor: { w: 240, h: 100 },\n  \"external-system\": { w: 300, h: 100 },\n  step: { w: 280, h: 100 },\n  \"message-group\": { w: 350, h: 200 },\n};\nconst fallbackSize = { w: 280, h: 100 };\n\nexport function getNodeSize(\n  type: string,\n  nodeWidth?: number,\n  nodeHeight?: number,\n) {\n  const size = defaultSizes[type] || fallbackSize;\n  return { w: nodeWidth ?? size.w, h: nodeHeight ?? size.h };\n}\n\nexport function buildNodeData(\n  node: GraphNode,\n  style?: string,\n): Record<string, unknown> {\n  const notes =\n    (node.metadata.notes as Array<{\n      content: string;\n      author?: string;\n      priority?: string;\n    }>) || [];\n  const owners = (node.metadata.owners as string[]) || [];\n  const base = {\n    name: node.label,\n    version: (node.metadata.version as string) || \"\",\n    summary: (node.metadata.summary as string) || \"\",\n    deprecated: node.metadata.deprecated === true,\n    draft: node.metadata.draft === true,\n    ...(notes.length > 0 ? { notes } : {}),\n    ...(owners.length > 0 ? { owners } : {}),\n  };\n\n  switch (node.type) {\n    case \"service\":\n      return { mode: \"full\", style, service: base };\n    case \"agent\":\n      return {\n        mode: \"full\",\n        style,\n        agent: {\n          ...base,\n          ...(node.metadata.model ? { model: node.metadata.model } : {}),\n          ...(Array.isArray(node.metadata.tools)\n            ? { tools: node.metadata.tools }\n            : {}),\n        },\n      };\n    case \"agent-tool\":\n    case \"agentTool\":\n      return {\n        mode: \"full\",\n        style,\n        agentTool: {\n          id: node.id,\n          name: node.label,\n          type: (node.metadata.type as string) || \"\",\n          icon: (node.metadata.icon as string) || \"\",\n          url: (node.metadata.url as string) || \"\",\n          description: (node.metadata.description as string) || \"\",\n        },\n      };\n    case \"event\":\n    case \"command\":\n    case \"query\":\n      return {\n        mode: \"full\",\n        style,\n        message: {\n          ...base,\n          schema: (node.metadata.schema as string) || \"\",\n          ...(node.metadata.method\n            ? { method: node.metadata.method as string }\n            : {}),\n          ...(node.metadata.path ? { path: node.metadata.path as string } : {}),\n          ...(Array.isArray(node.metadata.statusCodes) &&\n          node.metadata.statusCodes.length > 0\n            ? { statusCodes: node.metadata.statusCodes as number[] }\n            : {}),\n        },\n      };\n    case \"channel\":\n      return {\n        mode: \"full\",\n        style,\n        channel: {\n          ...base,\n          protocols: (node.metadata.protocols as string[]) || [],\n          address: (node.metadata.address as string) || \"\",\n          ...(node.metadata.deliveryGuarantee\n            ? { deliveryGuarantee: node.metadata.deliveryGuarantee as string }\n            : {}),\n        },\n      };\n    case \"container\":\n      return {\n        mode: \"full\",\n        style,\n        data: {\n          ...base,\n          type: (node.metadata.containerType as string) || \"Database\",\n        },\n      };\n    case \"data-product\":\n      return { mode: \"full\", style, dataProduct: base };\n    case \"data\":\n      return {\n        mode: \"full\",\n        style,\n        data: {\n          ...base,\n          type: (node.metadata.containerType as string) || \"Database\",\n        },\n      };\n    case \"domain\":\n      return {\n        mode: \"full\",\n        style,\n        domain: { data: { ...base, id: node.id } },\n      };\n    case \"flow\":\n      return {\n        mode: \"full\",\n        style,\n        flow: { data: { ...base, id: node.id } },\n      };\n    case \"actor\":\n      return { ...base, label: node.label, mode: \"full\", style, id: node.id };\n    case \"external-system\":\n      return {\n        mode: \"full\",\n        style,\n        externalSystem: { label: node.label, ...base, id: node.id },\n      };\n    case \"step\":\n      return {\n        mode: \"full\",\n        style,\n        step: { ...base, title: node.label, id: node.id },\n      };\n    default:\n      return { ...base, style, resourceType: node.type };\n  }\n}\n\nexport function layoutGraph(\n  nodes: GraphNode[],\n  edges: GraphEdge[],\n  options: {\n    rankdir?: string;\n    nodesep?: number;\n    ranksep?: number;\n    edgesep?: number;\n  } = {},\n  style?: string,\n): { nodes: Node[]; edges: Edge[] } {\n  if (nodes.length === 0) {\n    return { nodes: [], edges: [] };\n  }\n\n  const { rankdir = \"LR\", nodesep = 80, ranksep = 140, edgesep = 40 } = options;\n\n  function nodeSize(type: string) {\n    return getNodeSize(type);\n  }\n\n  // All domain nodes become groups\n  const domainNodeIds = new Set(\n    nodes.filter((n) => n.type === \"domain\").map((n) => n.id),\n  );\n\n  const parentNodeIds = new Set(\n    nodes.filter((n) => n.parentId).map((n) => n.parentId!),\n  );\n\n  const allGroupIds = new Set([...domainNodeIds, ...parentNodeIds]);\n\n  const childNodeIds = new Set<string>();\n  for (const node of nodes) {\n    if (node.parentId && allGroupIds.has(node.parentId)) {\n      childNodeIds.add(node.id);\n    }\n  }\n\n  // If no groups, use flat layout\n  if (allGroupIds.size === 0) {\n    return flatLayout(\n      nodes,\n      edges,\n      { rankdir, nodesep, ranksep, edgesep },\n      nodeSize,\n      style,\n    );\n  }\n\n  // Grouped layout\n  const groupChildren = new Map<string, GraphNode[]>();\n  for (const id of allGroupIds) {\n    groupChildren.set(id, []);\n  }\n  for (const node of nodes) {\n    if (\n      node.parentId &&\n      node.parentId !== node.id &&\n      allGroupIds.has(node.parentId)\n    ) {\n      groupChildren.get(node.parentId)!.push(node);\n    }\n  }\n\n  const nodeById = new Map(nodes.map((n) => [n.id, n]));\n  const groupSizes = new Map<string, { width: number; height: number }>();\n  const groupInternalLayouts = new Map<\n    string,\n    {\n      childPositions: Map<\n        string,\n        { x: number; y: number; w: number; h: number }\n      >;\n      width: number;\n      height: number;\n    }\n  >();\n\n  const computing = new Set<string>();\n\n  function computeGroupSize(groupId: string): {\n    width: number;\n    height: number;\n  } {\n    if (groupSizes.has(groupId)) return groupSizes.get(groupId)!;\n\n    // Cycle guard: if we're already computing this group, treat it as empty\n    if (computing.has(groupId)) {\n      const size = { width: EMPTY_GROUP_WIDTH, height: EMPTY_GROUP_HEIGHT };\n      groupSizes.set(groupId, size);\n      return size;\n    }\n    computing.add(groupId);\n\n    try {\n      const children = groupChildren.get(groupId) || [];\n\n      if (children.length === 0) {\n        const size = { width: EMPTY_GROUP_WIDTH, height: EMPTY_GROUP_HEIGHT };\n        groupSizes.set(groupId, size);\n        groupInternalLayouts.set(groupId, {\n          childPositions: new Map(),\n          width: size.width,\n          height: size.height,\n        });\n        return size;\n      }\n\n      for (const child of children) {\n        if (allGroupIds.has(child.id)) {\n          computeGroupSize(child.id);\n        }\n      }\n\n      const ig = new dagre.graphlib.Graph();\n      ig.setDefaultEdgeLabel(() => ({}));\n      ig.setGraph({\n        rankdir,\n        nodesep: Math.max(nodesep, 80),\n        ranksep: Math.max(ranksep, 100),\n        edgesep,\n      });\n\n      for (const child of children) {\n        if (allGroupIds.has(child.id)) {\n          const childSize = groupSizes.get(child.id)!;\n          ig.setNode(child.id, {\n            width: childSize.width,\n            height: childSize.height,\n          });\n        } else {\n          const s = nodeSize(child.type);\n          ig.setNode(child.id, { width: s.w, height: s.h });\n        }\n      }\n\n      const childIdSet = new Set(children.map((c) => c.id));\n      for (const edge of edges) {\n        if (childIdSet.has(edge.source) && childIdSet.has(edge.target)) {\n          ig.setEdge(edge.source, edge.target);\n        }\n      }\n\n      dagre.layout(ig);\n\n      const childPositions = new Map<\n        string,\n        { x: number; y: number; w: number; h: number }\n      >();\n      let minX = Infinity,\n        minY = Infinity,\n        maxX = -Infinity,\n        maxY = -Infinity;\n\n      for (const child of children) {\n        const pos = ig.node(child.id);\n        if (!pos) continue;\n        const left = pos.x - pos.width / 2;\n        const top = pos.y - pos.height / 2;\n        const right = pos.x + pos.width / 2;\n        const bottom = pos.y + pos.height / 2;\n        childPositions.set(child.id, {\n          x: left,\n          y: top,\n          w: pos.width,\n          h: pos.height,\n        });\n        minX = Math.min(minX, left);\n        minY = Math.min(minY, top);\n        maxX = Math.max(maxX, right);\n        maxY = Math.max(maxY, bottom);\n      }\n\n      const contentH = maxY - minY;\n      const contentW = maxX - minX;\n      const totalW = contentW + GROUP_PADDING_X * 2;\n      const totalH =\n        GROUP_HEADER_HEIGHT +\n        GROUP_CONTENT_PADDING_TOP +\n        contentH +\n        GROUP_CONTENT_PADDING_BOTTOM;\n      const contentTop = GROUP_HEADER_HEIGHT + GROUP_CONTENT_PADDING_TOP;\n\n      for (const [id, pos] of childPositions) {\n        childPositions.set(id, {\n          x: pos.x - minX + GROUP_PADDING_X,\n          y: pos.y - minY + contentTop,\n          w: pos.w,\n          h: pos.h,\n        });\n      }\n\n      groupSizes.set(groupId, { width: totalW, height: totalH });\n      groupInternalLayouts.set(groupId, {\n        childPositions,\n        width: totalW,\n        height: totalH,\n      });\n      return { width: totalW, height: totalH };\n    } finally {\n      computing.delete(groupId);\n    }\n  }\n\n  for (const groupId of allGroupIds) {\n    computeGroupSize(groupId);\n  }\n\n  const topLevelGroupIds = new Set<string>();\n  for (const groupId of allGroupIds) {\n    const node = nodeById.get(groupId);\n    if (!node?.parentId || !allGroupIds.has(node.parentId)) {\n      topLevelGroupIds.add(groupId);\n    }\n  }\n\n  const outerG = new dagre.graphlib.Graph();\n  outerG.setDefaultEdgeLabel(() => ({}));\n  outerG.setGraph({ rankdir, nodesep, ranksep, edgesep });\n\n  for (const groupId of topLevelGroupIds) {\n    const size = groupSizes.get(groupId)!;\n    outerG.setNode(groupId, { width: size.width, height: size.height });\n  }\n\n  for (const node of nodes) {\n    if (allGroupIds.has(node.id) || childNodeIds.has(node.id)) continue;\n    const s = nodeSize(node.type);\n    outerG.setNode(node.id, { width: s.w, height: s.h });\n  }\n\n  const outerEdgeSet = new Set<string>();\n  for (const edge of edges) {\n    const srcIsChild = childNodeIds.has(edge.source);\n    const tgtIsChild = childNodeIds.has(edge.target);\n    const srcIsGroup = allGroupIds.has(edge.source);\n    const tgtIsGroup = allGroupIds.has(edge.target);\n\n    if (srcIsChild && tgtIsChild) continue;\n    if (srcIsGroup || tgtIsGroup) continue;\n\n    let src = edge.source;\n    let tgt = edge.target;\n\n    if (srcIsChild) {\n      let parent = nodeById.get(edge.source)?.parentId;\n      while (parent && !topLevelGroupIds.has(parent)) {\n        parent = nodeById.get(parent)?.parentId;\n      }\n      if (parent) src = parent;\n    }\n    if (tgtIsChild) {\n      let parent = nodeById.get(edge.target)?.parentId;\n      while (parent && !topLevelGroupIds.has(parent)) {\n        parent = nodeById.get(parent)?.parentId;\n      }\n      if (parent) tgt = parent;\n    }\n\n    const key = `${src}->${tgt}`;\n    if (!outerEdgeSet.has(key)) {\n      outerEdgeSet.add(key);\n      outerG.setEdge(src, tgt);\n    }\n  }\n\n  dagre.layout(outerG);\n\n  const outerPositions = new Map<\n    string,\n    { x: number; y: number; width: number; height: number }\n  >();\n  outerG.nodes().forEach((id: string) => {\n    const pos = outerG.node(id);\n    if (pos) {\n      outerPositions.set(id, {\n        x: pos.x,\n        y: pos.y,\n        width: pos.width,\n        height: pos.height,\n      });\n    }\n  });\n\n  const layoutNodes: Node[] = [];\n\n  function emitGroup(groupId: string, parentGroupId?: string) {\n    const node = nodeById.get(groupId);\n    if (!node) return;\n\n    const layout = groupInternalLayouts.get(groupId);\n    if (!layout) return;\n\n    const base = {\n      name: node.label,\n      version: (node.metadata.version as string) || \"\",\n      summary: (node.metadata.summary as string) || \"\",\n    };\n\n    if (parentGroupId) {\n      const parentLayout = groupInternalLayouts.get(parentGroupId);\n      const childPos = parentLayout?.childPositions.get(groupId);\n      if (!childPos) return;\n\n      layoutNodes.push({\n        id: groupId,\n        type: \"group\",\n        position: { x: childPos.x, y: childPos.y },\n        parentId: parentGroupId,\n        extent: \"parent\",\n        data: { mode: \"full\", domain: base },\n        style: {\n          width: layout.width,\n          height: layout.height,\n          background: \"transparent\",\n          border: \"none\",\n          padding: 0,\n        },\n      });\n    } else {\n      const outerPos = outerPositions.get(groupId);\n      if (!outerPos) return;\n\n      // Use internal layout dimensions for centering (dagre may report different width/height)\n      layoutNodes.push({\n        id: groupId,\n        type: \"group\",\n        position: {\n          x: outerPos.x - layout.width / 2,\n          y: outerPos.y - layout.height / 2,\n        },\n        data: { mode: \"full\", domain: base },\n        style: {\n          width: layout.width,\n          height: layout.height,\n          background: \"transparent\",\n          border: \"none\",\n          padding: 0,\n        },\n      });\n    }\n\n    const children = groupChildren.get(groupId) || [];\n    for (const child of children) {\n      if (allGroupIds.has(child.id)) {\n        emitGroup(child.id, groupId);\n      }\n    }\n    for (const child of children) {\n      if (allGroupIds.has(child.id)) continue;\n      const childPos = layout.childPositions.get(child.id);\n      if (!childPos) continue;\n\n      layoutNodes.push({\n        id: child.id,\n        type: child.type,\n        position: { x: childPos.x, y: childPos.y },\n        parentId: groupId,\n        extent: \"parent\",\n        data: buildNodeData(child, style),\n      });\n    }\n  }\n\n  for (const groupId of topLevelGroupIds) {\n    emitGroup(groupId);\n  }\n\n  for (const node of nodes) {\n    if (allGroupIds.has(node.id) || childNodeIds.has(node.id)) continue;\n    const pos = outerPositions.get(node.id);\n    if (!pos) continue;\n\n    layoutNodes.push({\n      id: node.id,\n      type: node.type,\n      position: { x: pos.x - pos.width / 2, y: pos.y - pos.height / 2 },\n      data: buildNodeData(node, style),\n    });\n  }\n\n  const layoutEdges: Edge[] = edges\n    .filter(\n      (edge) => !allGroupIds.has(edge.source) && !allGroupIds.has(edge.target),\n    )\n    .map((edge) => {\n      const collection = getMessageCollection(edge, nodeById);\n      const isFlowStep = edge.type === \"flow-step\";\n      const isCalls = edge.type === \"calls\";\n      const isBidirectional = edge.type === \"reads-writes\";\n      const arrowMarker = {\n        type: MarkerType.ArrowClosed,\n        width: 20,\n        height: 20,\n        color: \"rgb(var(--ec-page-text-muted))\",\n      };\n      return {\n        id: edge.id,\n        source: edge.source,\n        target: edge.target,\n        label: isBidirectional\n          ? \"reads/writes\"\n          : isFlowStep\n            ? edge.label || undefined\n            : edge.label || edge.type,\n        type: isFlowStep ? \"flow-edge\" : isCalls ? \"step\" : \"animated\",\n        markerEnd: arrowMarker,\n        ...(isBidirectional ? { markerStart: arrowMarker } : {}),\n        data: { edgeType: edge.type, message: { collection } },\n      };\n    });\n\n  return { nodes: layoutNodes, edges: layoutEdges };\n}\n\nconst MESSAGE_TYPES = new Set([\"event\", \"command\", \"query\"]);\n\nfunction getMessageCollection(\n  edge: GraphEdge,\n  nodeById: Map<string, GraphNode>,\n): string | undefined {\n  const targetNode = nodeById.get(edge.target);\n  if (targetNode && MESSAGE_TYPES.has(targetNode.type)) {\n    return `${targetNode.type}s`;\n  }\n  const sourceNode = nodeById.get(edge.source);\n  if (sourceNode && MESSAGE_TYPES.has(sourceNode.type)) {\n    return `${sourceNode.type}s`;\n  }\n  return targetNode ? `${targetNode.type}s` : undefined;\n}\n\nfunction flatLayout(\n  nodes: GraphNode[],\n  edges: GraphEdge[],\n  graphOpts: {\n    rankdir: string;\n    nodesep: number;\n    ranksep: number;\n    edgesep: number;\n  },\n  nodeSize: (type: string) => { w: number; h: number },\n  style?: string,\n): { nodes: Node[]; edges: Edge[] } {\n  const g = new dagre.graphlib.Graph();\n  g.setDefaultEdgeLabel(() => ({}));\n  g.setGraph(graphOpts);\n\n  nodes.forEach((node) => {\n    const s = nodeSize(node.type);\n    g.setNode(node.id, { width: s.w, height: s.h });\n  });\n\n  edges.forEach((edge) => {\n    g.setEdge(edge.source, edge.target);\n  });\n\n  dagre.layout(g);\n\n  const layoutNodes: Node[] = nodes.map((node) => {\n    const pos = g.node(node.id);\n    return {\n      id: node.id,\n      type: node.type,\n      position: { x: pos.x - pos.width / 2, y: pos.y - pos.height / 2 },\n      data: buildNodeData(node, style),\n    };\n  });\n\n  const nodeById = new Map(nodes.map((n) => [n.id, n]));\n  const layoutEdges: Edge[] = edges.map((edge) => {\n    const collection = getMessageCollection(edge, nodeById);\n    const isFlowStep = edge.type === \"flow-step\";\n    const isCalls = edge.type === \"calls\";\n    const isBidirectional = edge.type === \"reads-writes\";\n    const arrowMarker = {\n      type: MarkerType.ArrowClosed,\n      width: 20,\n      height: 20,\n      color: \"rgb(var(--ec-page-text-muted))\",\n    };\n    return {\n      id: edge.id,\n      source: edge.source,\n      target: edge.target,\n      label: isBidirectional\n        ? \"reads/writes\"\n        : isFlowStep\n          ? edge.label || undefined\n          : edge.label || edge.type,\n      type: isFlowStep ? \"flow-edge\" : isCalls ? \"step\" : \"animated\",\n      markerEnd: arrowMarker,\n      ...(isBidirectional ? { markerStart: arrowMarker } : {}),\n      data: { edgeType: edge.type, message: { collection } },\n    };\n  });\n\n  return { nodes: layoutNodes, edges: layoutEdges };\n}\n","export type Position = {\n  x: number;\n  y: number;\n};\n\nexport type Rect = Position & {\n  width: number;\n  height: number;\n};\n\nexport type PackableNode = {\n  id: string;\n  parentId?: string;\n  position: Position;\n  style?: {\n    width?: number | string;\n    height?: number | string;\n  };\n  measured?: {\n    width?: number;\n    height?: number;\n  };\n  width?: number;\n  height?: number;\n};\n\nconst toNumber = (value: unknown) => {\n  if (typeof value === \"number\") return value;\n  if (typeof value === \"string\") {\n    const parsed = Number.parseFloat(value);\n    return Number.isFinite(parsed) ? parsed : undefined;\n  }\n  return undefined;\n};\n\nexport const getPackableNodeSize = (node: PackableNode) => ({\n  width:\n    toNumber(node.measured?.width) ??\n    toNumber(node.width) ??\n    toNumber(node.style?.width) ??\n    260,\n  height:\n    toNumber(node.measured?.height) ??\n    toNumber(node.height) ??\n    toNumber(node.style?.height) ??\n    140,\n});\n\nexport const rectsIntersect = (a: Rect, b: Rect, gap = 0) =>\n  a.x < b.x + b.width + gap &&\n  a.x + a.width + gap > b.x &&\n  a.y < b.y + b.height + gap &&\n  a.y + a.height + gap > b.y;\n\nconst toRect = (node: PackableNode, y = node.position.y): Rect => {\n  const size = getPackableNodeSize(node);\n  return {\n    x: node.position.x,\n    y,\n    width: size.width,\n    height: size.height,\n  };\n};\n\nexport const packNodesAroundBounds = ({\n  nodes,\n  movableNodeIds,\n  protectedBounds,\n  groupNodeId,\n  gap = 40,\n}: {\n  nodes: PackableNode[];\n  movableNodeIds: Set<string>;\n  protectedBounds: Rect;\n  groupNodeId: string;\n  gap?: number;\n}) => {\n  const movableNodes = nodes\n    .filter((node) => movableNodeIds.has(node.id))\n    .sort((a, b) => a.position.y - b.position.y);\n  const movableIds = new Set(movableNodes.map((node) => node.id));\n  const occupiedRects: Rect[] = [\n    protectedBounds,\n    ...nodes\n      .filter(\n        (node) =>\n          !node.parentId && node.id !== groupNodeId && !movableIds.has(node.id),\n      )\n      .map((node) => toRect(node)),\n  ];\n  const plannedPositions = new Map<string, Position>();\n  const groupCenterY = protectedBounds.y + protectedBounds.height / 2;\n\n  const placeNode = (node: PackableNode) => {\n    const size = getPackableNodeSize(node);\n    const nodeCenterY = node.position.y + size.height / 2;\n    const moveDirection = nodeCenterY >= groupCenterY ? 1 : -1;\n    let y =\n      moveDirection > 0\n        ? Math.max(\n            node.position.y,\n            protectedBounds.y + protectedBounds.height + gap,\n          )\n        : Math.min(node.position.y, protectedBounds.y - size.height - gap);\n    let attempts = 0;\n\n    while (attempts < occupiedRects.length + 8) {\n      const rect = {\n        x: node.position.x,\n        y,\n        width: size.width,\n        height: size.height,\n      };\n      const collision = occupiedRects.find((occupied) =>\n        rectsIntersect(rect, occupied, gap),\n      );\n      if (!collision) {\n        occupiedRects.push(rect);\n        plannedPositions.set(node.id, { ...node.position, y });\n        return;\n      }\n\n      y =\n        moveDirection > 0\n          ? collision.y + collision.height + gap\n          : collision.y - size.height - gap;\n      attempts += 1;\n    }\n\n    occupiedRects.push({\n      x: node.position.x,\n      y,\n      width: size.width,\n      height: size.height,\n    });\n    plannedPositions.set(node.id, { ...node.position, y });\n  };\n\n  const below = movableNodes.filter((node) => {\n    const size = getPackableNodeSize(node);\n    return node.position.y + size.height / 2 >= groupCenterY;\n  });\n  const belowIds = new Set(below.map((node) => node.id));\n  const above = movableNodes.filter((node) => !belowIds.has(node.id)).reverse();\n\n  below.forEach(placeNode);\n  above.forEach(placeNode);\n\n  return plannedPositions;\n};\n","export type GraphNode = {\n  id: string;\n  type?: string;\n  parentId?: string;\n  position: {\n    x: number;\n    y: number;\n  };\n  style?: {\n    width?: number | string;\n    height?: number | string;\n  };\n  [key: string]: unknown;\n};\n\nexport const getExpandedMessageGroupNode = (\n  nodes: GraphNode[],\n  groupNodeId: string,\n) =>\n  nodes.find(\n    (node) => node.id === groupNodeId && node.type === \"messageGroupExpanded\",\n  );\n\nexport const buildMessageGroupExpansionNodes = ({\n  currentNodes,\n  groupNodeId,\n  expandedContainerNode,\n  childNodes,\n  downstreamNodes,\n  getDownstreamPosition,\n}: {\n  currentNodes: GraphNode[];\n  groupNodeId: string;\n  expandedContainerNode: GraphNode;\n  childNodes: GraphNode[];\n  downstreamNodes: GraphNode[];\n  getDownstreamPosition: (\n    node: GraphNode,\n    index: number,\n  ) => GraphNode[\"position\"];\n}) => {\n  const withoutExistingGroup = currentNodes.filter(\n    (node) => node.id !== groupNodeId && node.parentId !== groupNodeId,\n  );\n  const existingIds = new Set(withoutExistingGroup.map((node) => node.id));\n  const newDownstream = downstreamNodes\n    .filter((node) => !existingIds.has(node.id))\n    .map((node, index) => ({\n      ...node,\n      position: getDownstreamPosition(node, index),\n    }));\n\n  return [\n    ...withoutExistingGroup,\n    expandedContainerNode,\n    ...childNodes,\n    ...newDownstream,\n  ];\n};\n","import { useState, useCallback } from \"react\";\nimport {\n  MessageCircle,\n  AlertTriangle,\n  X,\n  Locate,\n  ChevronRight,\n  ServerIcon,\n  Bot,\n  Zap,\n  MessageSquare,\n  Search,\n  ArrowRightLeft,\n  Database,\n  Package,\n  Globe,\n  User,\n  MonitorIcon,\n  BoxesIcon,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { useReactFlow, type Node } from \"@xyflow/react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport type { Note } from \"../types\";\n\n/* ------------------------------------------------------------------ */\n/*  Node type → icon + color mapping                                   */\n/* ------------------------------------------------------------------ */\n\nconst NODE_TYPE_META: Record<\n  string,\n  { icon: LucideIcon; color: string; label: string }\n> = {\n  service: { icon: ServerIcon, color: \"#ec4899\", label: \"Service\" },\n  services: { icon: ServerIcon, color: \"#ec4899\", label: \"Service\" },\n  agent: { icon: Bot, color: \"#0ea5e9\", label: \"Agent\" },\n  agents: { icon: Bot, color: \"#0ea5e9\", label: \"Agent\" },\n  event: { icon: Zap, color: \"#f97316\", label: \"Event\" },\n  events: { icon: Zap, color: \"#f97316\", label: \"Event\" },\n  command: { icon: MessageSquare, color: \"#3b82f6\", label: \"Command\" },\n  commands: { icon: MessageSquare, color: \"#3b82f6\", label: \"Command\" },\n  query: { icon: Search, color: \"#22c55e\", label: \"Query\" },\n  queries: { icon: Search, color: \"#22c55e\", label: \"Query\" },\n  channel: { icon: ArrowRightLeft, color: \"#6b7280\", label: \"Channel\" },\n  channels: { icon: ArrowRightLeft, color: \"#6b7280\", label: \"Channel\" },\n  data: { icon: Database, color: \"#3b82f6\", label: \"Data\" },\n  \"data-products\": { icon: Package, color: \"#6366f1\", label: \"Data Product\" },\n  externalSystem: { icon: Globe, color: \"#ec4899\", label: \"External System\" },\n  actor: { icon: User, color: \"#eab308\", label: \"Actor\" },\n  view: { icon: MonitorIcon, color: \"#8b5cf6\", label: \"View\" },\n  domain: { icon: BoxesIcon, color: \"#14b8a6\", label: \"Domain\" },\n  domains: { icon: BoxesIcon, color: \"#14b8a6\", label: \"Domain\" },\n};\n\nfunction getNodeMeta(nodeType?: string) {\n  if (!nodeType) return null;\n  return NODE_TYPE_META[nodeType] || null;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Extract notes from any node type                                   */\n/* ------------------------------------------------------------------ */\n\nexport function getNotesFromNode(\n  node: Node<any>,\n): { name: string; notes: Note[]; nodeType: string } | null {\n  const d = node.data;\n  const containers = [\n    d?.service,\n    d?.message,\n    d?.channel,\n    d?.data,\n    d?.dataProduct,\n    d?.externalSystem,\n    d?.actor,\n  ];\n  for (const container of containers) {\n    if (container?.notes && container.notes.length > 0) {\n      return {\n        name: container.name || node.id,\n        notes: container.notes,\n        nodeType: node.type || \"unknown\",\n      };\n    }\n  }\n  if (d?.notes && d.notes.length > 0) {\n    return {\n      name: d.name || node.id,\n      notes: d.notes,\n      nodeType: node.type || \"unknown\",\n    };\n  }\n  return null;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Constants                                                          */\n/* ------------------------------------------------------------------ */\n\nconst AMBER = {\n  50: \"#fffbeb\",\n  100: \"#fef3c7\",\n  200: \"#fde68a\",\n  400: \"#fbbf24\",\n  500: \"#f59e0b\",\n  600: \"#d97706\",\n  700: \"#b45309\",\n  800: \"#92400e\",\n} as const;\n\nconst PRIORITY: Record<\n  string,\n  { bg: string; fg: string; border: string; label: string; accent: string }\n> = {\n  high: {\n    bg: \"#fef2f2\",\n    fg: \"#b91c1c\",\n    border: \"#fecaca\",\n    label: \"High\",\n    accent: \"#ef4444\",\n  },\n  critical: {\n    bg: \"#fef2f2\",\n    fg: \"#991b1b\",\n    border: \"#fecaca\",\n    label: \"Critical\",\n    accent: \"#dc2626\",\n  },\n  low: {\n    bg: \"#f0fdf4\",\n    fg: \"#15803d\",\n    border: \"#bbf7d0\",\n    label: \"Low\",\n    accent: \"#22c55e\",\n  },\n};\n\nconst AVATAR_PALETTES = [\n  [\"#7c3aed\", \"#a78bfa\"],\n  [\"#2563eb\", \"#60a5fa\"],\n  [\"#0891b2\", \"#22d3ee\"],\n  [\"#059669\", \"#34d399\"],\n  [\"#d97706\", \"#fbbf24\"],\n  [\"#dc2626\", \"#f87171\"],\n  [\"#db2777\", \"#f472b6\"],\n  [\"#4f46e5\", \"#818cf8\"],\n];\n\nfunction hashStr(s: string): number {\n  let h = 0;\n  for (let i = 0; i < s.length; i++) {\n    h = (h * 31 + s.charCodeAt(i)) | 0;\n  }\n  return Math.abs(h);\n}\n\nfunction Avatar({ name, size = 28 }: { name: string; size?: number }) {\n  const initials = name\n    .split(/\\s+/)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n  const [c1, c2] = AVATAR_PALETTES[hashStr(name) % AVATAR_PALETTES.length];\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        borderRadius: \"50%\",\n        background: `linear-gradient(135deg, ${c1}, ${c2})`,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        flexShrink: 0,\n      }}\n    >\n      <span\n        style={{\n          fontSize: Math.round(size * 0.42),\n          fontWeight: 700,\n          color: \"white\",\n          lineHeight: 1,\n        }}\n      >\n        {initials}\n      </span>\n    </div>\n  );\n}\n\nfunction PriorityBadge({ priority }: { priority: string }) {\n  const p = PRIORITY[priority.toLowerCase()];\n  if (!p) return null;\n  const isUrgent = priority === \"high\" || priority === \"critical\";\n  return (\n    <span\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 3,\n        fontSize: 10,\n        fontWeight: 600,\n        color: p.fg,\n        background: p.bg,\n        border: `1px solid ${p.border}`,\n        borderRadius: 99,\n        padding: \"2px 7px\",\n        textTransform: \"uppercase\",\n        letterSpacing: \"0.03em\",\n        lineHeight: 1.4,\n      }}\n    >\n      {isUrgent && (\n        <AlertTriangle style={{ width: 9, height: 9 }} strokeWidth={2.5} />\n      )}\n      {p.label}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Note card for the right panel                                      */\n/* ------------------------------------------------------------------ */\n\nfunction NoteCard({ note, index }: { note: Note; index: number }) {\n  const prioStyle = note.priority\n    ? PRIORITY[note.priority.toLowerCase()]\n    : null;\n\n  return (\n    <div\n      style={{\n        background: \"white\",\n        border: \"1px solid #e2e8f0\",\n        borderRadius: 10,\n        padding: \"14px 16px\",\n        position: \"relative\",\n        boxShadow: \"0 1px 3px rgba(0,0,0,0.04)\",\n      }}\n    >\n      {/* Priority accent stripe */}\n      {prioStyle && (\n        <div\n          style={{\n            position: \"absolute\",\n            left: 0,\n            top: 10,\n            bottom: 10,\n            width: 3,\n            borderRadius: \"0 2px 2px 0\",\n            background: prioStyle.accent,\n          }}\n        />\n      )}\n\n      {/* Header: author + priority */}\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 8,\n          marginBottom: 8,\n        }}\n      >\n        {note.author ? (\n          <Avatar name={note.author} size={24} />\n        ) : (\n          <div\n            style={{\n              width: 24,\n              height: 24,\n              borderRadius: \"50%\",\n              background: \"#f1f5f9\",\n              border: `2px solid ${AMBER[200]}`,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              flexShrink: 0,\n            }}\n          >\n            <span style={{ fontSize: 10, fontWeight: 700, color: AMBER[700] }}>\n              {index + 1}\n            </span>\n          </div>\n        )}\n        <div style={{ flex: 1, minWidth: 0 }}>\n          {note.author && (\n            <span\n              style={{\n                fontSize: 13,\n                fontWeight: 600,\n                color: \"#0f172a\",\n                lineHeight: 1,\n              }}\n            >\n              {note.author}\n            </span>\n          )}\n        </div>\n        {note.priority && <PriorityBadge priority={note.priority} />}\n      </div>\n\n      {/* Content */}\n      <p\n        style={{\n          fontSize: 13,\n          lineHeight: 1.6,\n          color: \"#334155\",\n          margin: 0,\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          paddingLeft: prioStyle ? 6 : 0,\n        }}\n      >\n        {note.content}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  All Notes Modal — split layout                                     */\n/* ------------------------------------------------------------------ */\n\ninterface NoteGroup {\n  nodeId: string;\n  name: string;\n  notes: Note[];\n  nodeType: string;\n}\n\nexport function AllNotesModal({\n  noteGroups,\n  isOpen,\n  onClose,\n  nodes,\n}: {\n  noteGroups: NoteGroup[];\n  isOpen: boolean;\n  onClose: () => void;\n  nodes: Node<any>[];\n}) {\n  const { setCenter, getZoom } = useReactFlow();\n  const [selectedIdx, setSelectedIdx] = useState(0);\n  const portalContainer = usePortalContainer();\n\n  const totalNotes = noteGroups.reduce((sum, g) => sum + g.notes.length, 0);\n  const selected = noteGroups[selectedIdx] || noteGroups[0];\n\n  const handleNavigate = useCallback(\n    (nodeId: string) => {\n      const node = nodes.find((n) => n.id === nodeId);\n      if (!node) return;\n      const zoom = Math.max(getZoom(), 1);\n      setCenter(node.position.x + 100, node.position.y + 50, {\n        zoom,\n        duration: 600,\n      });\n      onClose();\n    },\n    [nodes, setCenter, getZoom, onClose],\n  );\n\n  if (totalNotes === 0) return null;\n\n  return (\n    <Dialog.Root\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) {\n          onClose();\n          setSelectedIdx(0);\n        }\n      }}\n    >\n      <Dialog.Portal container={portalContainer}>\n        <div\n          className=\"fixed inset-0 z-[99999]\"\n          style={{ isolation: \"isolate\" }}\n        >\n          <Dialog.Overlay\n            style={{\n              position: \"fixed\",\n              inset: 0,\n              background: \"rgba(15, 23, 42, 0.55)\",\n              backdropFilter: \"blur(6px)\",\n            }}\n          />\n\n          <Dialog.Content\n            style={{\n              position: \"fixed\",\n              top: \"50%\",\n              left: \"50%\",\n              transform: \"translate(-50%, -50%)\",\n              width: \"94vw\",\n              maxWidth: 720,\n              height: \"78vh\",\n              maxHeight: 560,\n              background: \"white\",\n              borderRadius: 14,\n              boxShadow:\n                \"0 0 0 1px rgba(0,0,0,0.06), 0 20px 50px rgba(0,0,0,0.2)\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              overflow: \"hidden\",\n              outline: \"none\",\n            }}\n          >\n            {/* Header */}\n            <div\n              style={{\n                padding: \"14px 20px\",\n                borderBottom: \"1px solid #e2e8f0\",\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: 12,\n                flexShrink: 0,\n              }}\n            >\n              <div\n                style={{\n                  width: 32,\n                  height: 32,\n                  borderRadius: 8,\n                  background: \"#f1f5f9\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  flexShrink: 0,\n                }}\n              >\n                <MessageCircle\n                  style={{ width: 16, height: 16, color: \"#64748b\" }}\n                  strokeWidth={2.5}\n                />\n              </div>\n              <div style={{ flex: 1, minWidth: 0 }}>\n                <Dialog.Title\n                  style={{\n                    fontSize: 15,\n                    fontWeight: 700,\n                    color: \"#0f172a\",\n                    margin: 0,\n                    lineHeight: 1.25,\n                  }}\n                >\n                  Notes\n                </Dialog.Title>\n                <Dialog.Description\n                  style={{\n                    fontSize: 12,\n                    color: \"#64748b\",\n                    margin: 0,\n                    marginTop: 1,\n                  }}\n                >\n                  {totalNotes} note{totalNotes !== 1 ? \"s\" : \"\"} across{\" \"}\n                  {noteGroups.length} resource\n                  {noteGroups.length !== 1 ? \"s\" : \"\"}\n                </Dialog.Description>\n              </div>\n              <Dialog.Close asChild>\n                <button\n                  style={{\n                    width: 30,\n                    height: 30,\n                    borderRadius: 8,\n                    border: \"none\",\n                    background: \"rgba(0,0,0,0.04)\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    cursor: \"pointer\",\n                    color: \"#94a3b8\",\n                    flexShrink: 0,\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <X style={{ width: 15, height: 15 }} />\n                </button>\n              </Dialog.Close>\n            </div>\n\n            {/* Split body */}\n            <div style={{ display: \"flex\", flex: 1, overflow: \"hidden\" }}>\n              {/* Left: resource list */}\n              <div\n                style={{\n                  width: 240,\n                  flexShrink: 0,\n                  borderRight: \"1px solid #e2e8f0\",\n                  overflowY: \"auto\",\n                  background: \"#f8fafc\",\n                }}\n              >\n                {noteGroups.map((group, i) => {\n                  const isActive = i === selectedIdx;\n                  const meta = getNodeMeta(group.nodeType);\n                  const IconComp = meta?.icon || MessageCircle;\n                  const iconColor = meta?.color || \"#64748b\";\n\n                  return (\n                    <button\n                      key={group.nodeId}\n                      onClick={() => setSelectedIdx(i)}\n                      style={{\n                        width: \"100%\",\n                        padding: \"12px 16px\",\n                        background: isActive ? \"white\" : \"transparent\",\n                        border: \"none\",\n                        borderBottom: \"1px solid #f1f5f9\",\n                        borderRight: isActive\n                          ? `2px solid ${iconColor}`\n                          : \"2px solid transparent\",\n                        cursor: \"pointer\",\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        gap: 10,\n                        textAlign: \"left\",\n                        transition: \"background 0.1s\",\n                      }}\n                    >\n                      {/* Resource type icon */}\n                      <div\n                        style={{\n                          width: 28,\n                          height: 28,\n                          borderRadius: 7,\n                          background: isActive ? iconColor : `${iconColor}14`,\n                          display: \"flex\",\n                          alignItems: \"center\",\n                          justifyContent: \"center\",\n                          flexShrink: 0,\n                          transition: \"background 0.15s\",\n                        }}\n                      >\n                        <IconComp\n                          style={{\n                            width: 14,\n                            height: 14,\n                            color: isActive ? \"white\" : iconColor,\n                            transition: \"color 0.15s\",\n                          }}\n                          strokeWidth={2}\n                        />\n                      </div>\n\n                      <div style={{ flex: 1, minWidth: 0 }}>\n                        <div\n                          style={{\n                            fontSize: 12,\n                            fontWeight: isActive ? 600 : 500,\n                            color: isActive ? \"#0f172a\" : \"#475569\",\n                            lineHeight: 1.3,\n                            overflow: \"hidden\",\n                            textOverflow: \"ellipsis\",\n                            whiteSpace: \"nowrap\",\n                          }}\n                        >\n                          {group.name}\n                        </div>\n                        <div\n                          style={{\n                            fontSize: 10,\n                            color: \"#94a3b8\",\n                            lineHeight: 1.3,\n                            overflow: \"hidden\",\n                            textOverflow: \"ellipsis\",\n                            whiteSpace: \"nowrap\",\n                            marginTop: 2,\n                          }}\n                        >\n                          {meta?.label || group.nodeType} &middot;{\" \"}\n                          {group.notes.length} note\n                          {group.notes.length !== 1 ? \"s\" : \"\"}\n                        </div>\n                      </div>\n\n                      <ChevronRight\n                        style={{\n                          width: 14,\n                          height: 14,\n                          color: isActive ? iconColor : \"#cbd5e1\",\n                          flexShrink: 0,\n                        }}\n                        strokeWidth={2}\n                      />\n                    </button>\n                  );\n                })}\n              </div>\n\n              {/* Right: notes for selected resource */}\n              <div\n                style={{\n                  flex: 1,\n                  overflowY: \"auto\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                }}\n              >\n                {selected && (\n                  <>\n                    {/* Selected resource header */}\n                    <div\n                      style={{\n                        padding: \"14px 20px\",\n                        borderBottom: \"1px solid #f1f5f9\",\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        justifyContent: \"space-between\",\n                        flexShrink: 0,\n                        background: \"#fafbfc\",\n                      }}\n                    >\n                      <div\n                        style={{\n                          display: \"flex\",\n                          alignItems: \"center\",\n                          gap: 10,\n                        }}\n                      >\n                        {(() => {\n                          const meta = getNodeMeta(selected.nodeType);\n                          const Icon = meta?.icon || MessageCircle;\n                          const color = meta?.color || \"#64748b\";\n                          return (\n                            <div\n                              style={{\n                                width: 30,\n                                height: 30,\n                                borderRadius: 8,\n                                background: `${color}14`,\n                                display: \"flex\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                                flexShrink: 0,\n                              }}\n                            >\n                              <Icon\n                                style={{\n                                  width: 15,\n                                  height: 15,\n                                  color,\n                                }}\n                                strokeWidth={2}\n                              />\n                            </div>\n                          );\n                        })()}\n                        <div>\n                          <div\n                            style={{\n                              fontSize: 14,\n                              fontWeight: 600,\n                              color: \"#0f172a\",\n                              lineHeight: 1.3,\n                            }}\n                          >\n                            {selected.name}\n                          </div>\n                          <div\n                            style={{\n                              fontSize: 11,\n                              color: \"#94a3b8\",\n                              marginTop: 2,\n                            }}\n                          >\n                            {getNodeMeta(selected.nodeType)?.label ||\n                              selected.nodeType}{\" \"}\n                            &middot; {selected.notes.length} note\n                            {selected.notes.length !== 1 ? \"s\" : \"\"}\n                          </div>\n                        </div>\n                      </div>\n                      <button\n                        onClick={() => handleNavigate(selected.nodeId)}\n                        style={{\n                          display: \"flex\",\n                          alignItems: \"center\",\n                          gap: 5,\n                          padding: \"5px 10px\",\n                          borderRadius: 6,\n                          border: \"1px solid #e2e8f0\",\n                          background: \"white\",\n                          cursor: \"pointer\",\n                          fontSize: 11,\n                          fontWeight: 500,\n                          color: \"#475569\",\n                          transition: \"all 0.12s\",\n                        }}\n                        onMouseEnter={(e) => {\n                          e.currentTarget.style.borderColor = AMBER[400];\n                          e.currentTarget.style.color = AMBER[700];\n                        }}\n                        onMouseLeave={(e) => {\n                          e.currentTarget.style.borderColor = \"#e2e8f0\";\n                          e.currentTarget.style.color = \"#475569\";\n                        }}\n                      >\n                        <Locate style={{ width: 12, height: 12 }} />\n                        Find on canvas\n                      </button>\n                    </div>\n\n                    {/* Notes list */}\n                    <div\n                      style={{\n                        flex: 1,\n                        overflowY: \"auto\",\n                        padding: \"16px 20px\",\n                        display: \"flex\",\n                        flexDirection: \"column\",\n                        gap: 10,\n                      }}\n                    >\n                      {selected.notes.map((note, i) => (\n                        <NoteCard key={i} note={note} index={i} />\n                      ))}\n                    </div>\n                  </>\n                )}\n              </div>\n            </div>\n          </Dialog.Content>\n        </div>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","/**\n * Node components for EventCatalog Visualizer\n */\n\n// Studio-2 nodes (organized in directories) - import for nodeComponents\nimport { Event, eventConfig } from \"./event\";\nimport { Command } from \"./command\";\nimport { Query } from \"./query\";\nimport { Service } from \"./service\";\nimport AgentNode from \"./Agent\";\nimport AgentToolNode from \"./AgentTool\";\nimport { Channel } from \"./channel\";\nimport { Note } from \"./note\";\nimport { Data, dataNodeConfig } from \"./data\";\nimport { View } from \"./view\";\nimport { Actor, actorConfig } from \"./actor\";\nimport { ExternalSystem, externalSystemConfig } from \"./external-system\";\nimport { Field, fieldConfig } from \"./field\";\n\n// Re-export studio-2 nodes\nexport { Event, eventConfig };\nexport type { EventNode } from \"./event\";\n\nexport { Command };\nexport type { CommandNode } from \"./command\";\n\nexport { Query };\nexport type { QueryNode } from \"./query\";\n\nexport { Service };\nexport type { ServiceNode } from \"./service\";\n\nexport type { AgentToolNode as AgentToolNodeType } from \"./AgentTool\";\n\nexport { Channel };\nexport type { ChannelNode } from \"./channel\";\n\nexport { Note };\nexport type { NoteNode } from \"./note\";\n\nexport { Data, dataNodeConfig };\nexport type { DataNode } from \"./data\";\n\nexport { View };\nexport type { ViewNode } from \"./view\";\n\nexport { Actor, actorConfig };\nexport type { ActorNode } from \"./actor\";\n\nexport { ExternalSystem, externalSystemConfig };\nexport type { ExternalSystemNode } from \"./external-system\";\n\nexport { Field, fieldConfig };\nexport type { FieldNodeType } from \"./field\";\n\n// Shared components\nexport { NotesIndicator } from \"./NotesIndicator\";\nexport { OwnerIndicator, normalizeOwners } from \"./OwnerIndicator\";\nexport {\n  ENTITY_TARGET_HANDLE_ID,\n  getNestedEntityProperties,\n  getPropertyTypeLabel,\n} from \"./Entity\";\nexport type { EntityProperty } from \"./Entity\";\n\n// Core nodes (single files) - import then re-export for nodeComponents\nimport CustomNode from \"./Custom\";\nimport DomainNode from \"./Domain\";\nimport SystemNode from \"./System\";\nimport ContextActorNode from \"./ContextActor\";\nimport SystemGroupNode from \"./SystemGroupNode\";\nimport EntityNode from \"./Entity\";\nimport FlowNode from \"./Flow\";\nimport FlowExpandedNode from \"./FlowExpandedNode\";\nimport GroupNode from \"./GroupNode\";\nimport StepNode from \"./Step\";\nimport UserNode from \"./User\";\nimport DataProductNode from \"./DataProduct\";\nimport ExternalSystem2Node from \"./ExternalSystem2\";\nimport { MessageGroupNode, MessageGroupExpandedNode } from \"./message-group\";\n\nexport {\n  CustomNode,\n  DomainNode,\n  SystemNode,\n  ContextActorNode,\n  SystemGroupNode,\n  EntityNode,\n  FlowNode,\n  FlowExpandedNode,\n  GroupNode,\n  StepNode,\n  UserNode,\n  DataProductNode,\n  AgentNode,\n  AgentToolNode,\n  ExternalSystem2Node,\n  MessageGroupNode,\n  MessageGroupExpandedNode,\n};\n\nexport type {\n  MessageGroupNodeType,\n  MessageGroupNodeData,\n} from \"./message-group\";\n\nexport type { MessageGroupExpandedNodeData } from \"./message-group\";\n\n// Node type constants\nexport {\n  SERVICE,\n  AGENT,\n  AGENT_TOOL,\n  EVENT,\n  QUERY,\n  COMMAND,\n  CHANNEL,\n  ACTOR,\n  MESSAGE,\n  DATA,\n  VIEW,\n} from \"./node-types\";\n\n// Re-export for convenience (studio-2 nodes only)\nexport const nodeComponents = {\n  event: Event,\n  command: Command,\n  query: Query,\n  service: Service,\n  agent: AgentNode,\n  agentTool: AgentToolNode,\n  \"agent-tool\": AgentToolNode,\n  channel: Channel,\n  note: Note,\n  externalSystem: ExternalSystem,\n  data: Data,\n  view: View,\n  actor: Actor,\n  field: Field,\n  // Core nodes are available via individual imports\n  custom: CustomNode,\n  domain: DomainNode,\n  system: SystemNode,\n  \"context-actor\": ContextActorNode,\n  \"system-group\": SystemGroupNode,\n  entity: EntityNode,\n  flow: FlowNode,\n  flowExpanded: FlowExpandedNode,\n  group: GroupNode,\n  step: StepNode,\n  user: UserNode,\n  dataProduct: DataProductNode,\n  externalSystem2: ExternalSystem2Node,\n  messageGroup: MessageGroupNode,\n  messageGroupExpanded: MessageGroupExpandedNode,\n};\n\nexport const nodeConfigs: Record<string, import(\"../types\").NodeConfiguration> =\n  {\n    event: eventConfig,\n    data: dataNodeConfig,\n    actor: actorConfig,\n    externalSystem: externalSystemConfig,\n    field: fieldConfig,\n  };\n","/**\n * Edge components for EventCatalog Visualizer\n */\n\n// Import for edgeTypes object\nimport AnimatedMessageEdge from \"./AnimatedMessageEdge\";\nimport FlowEdge from \"./FlowEdge\";\nimport MultilineEdgeLabel from \"./MultilineEdgeLabel\";\nimport {\n  LabelledDefaultEdge,\n  LabelledSmoothStepEdge,\n  LabelledStepEdge,\n} from \"./LabelledEdge\";\n\n// Re-export\nexport {\n  AnimatedMessageEdge,\n  FlowEdge,\n  MultilineEdgeLabel,\n  LabelledDefaultEdge,\n  LabelledSmoothStepEdge,\n  LabelledStepEdge,\n};\n\n// Re-export for convenience\nexport const edgeTypes = {\n  animated: AnimatedMessageEdge,\n  \"flow-edge\": FlowEdge,\n  multiline: MultilineEdgeLabel,\n  default: LabelledDefaultEdge,\n  smoothstep: LabelledSmoothStepEdge,\n  step: LabelledStepEdge,\n};\n"],"mappings":"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","names":["config_default","import_react","import_lucide_react","DropdownMenu","import_react","import_lucide_react","CustomIcon","import_react","import_react","import_jsx_runtime","OwnerIndicator","import_react","import_lucide_react","import_react","import_react","import_jsx_runtime","NotesIndicator","import_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_jsx_runtime","SpecBadges","MiniEnvelope","ServiceMessageFlow","GlowHandle","import_react","import_lucide_react","import_jsx_runtime","classNames","GlowHandle","import_react","import_lucide_react","import_jsx_runtime","classNames","GlowHandle","import_react","import_lucide_react","import_react","import_react","import_jsx_runtime","MethodBadge","StatusCodes","ApiPath","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","import_react","import_lucide_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_lucide_react","import_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","config_default","import_react","import_lucide_react","import_jsx_runtime","classNames","import_react","import_lucide_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","config_default","import_react","import_lucide_react","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","GroupIcon","import_react","import_lucide_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","config_default","import_react","import_jsx_runtime","classNames","import_react","import_lucide_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","config_default","import_react","import_lucide_react","import_lucide_react","import_jsx_runtime","import_jsx_runtime","classNames","import_react","import_lucide_react","import_jsx_runtime","CONTAINER_STYLE","HEADER_STYLE","BADGE_STYLE","VERSION_STYLE","import_react","ContextMenu","import_react","import_jsx_runtime","classNames","import_react","import_solid","import_jsx_runtime","classNames","import_react","import_jsx_runtime","classNames","import_react","ContextMenu","import_react","import_jsx_runtime","ServerIcon","import_react","import_lucide_react","import_react","import_jsx_runtime","classNames","ServerIcon","MessageSquareIcon","BoxIcon","DatabaseIcon","GroupIcon","import_react","import_lucide_react","import_jsx_runtime","import_react","ContextMenu","import_jsx_runtime","classNames","GlowHandle","import_react","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","CONTAINER_STYLE","HEADER_STYLE","BADGE_STYLE","HEADER_CONTENT_STYLE","COLLAPSE_BUTTON_STYLE","CONTAINER_STYLE","HEADER_STYLE","BADGE_STYLE","HEADER_CONTENT_STYLE","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","messageColor","import_react","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","suggestions","SearchIcon","import_react","import_jsx_runtime","title","description","import_react","Dialog","import_lucide_react","import_jsx_runtime","import_react","Dialog","import_lucide_react","import_react","import_react","import_react","import_lucide_react","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","edgeTypes","import_jsx_runtime","edgeTypes","import_react","import_lucide_react","import_jsx_runtime","import_react","import_react","dagre","import_react","import_lucide_react","import_outline","import_jsx_runtime","import_react","ContextMenu","import_jsx_runtime","import_react","import_dagre","import_react","dagre","import_react","import_lucide_react","Dialog","import_jsx_runtime","AMBER","PRIORITY","AVATAR_PALETTES","hashStr","Avatar","NoteCard","import_dagre","import_jsx_runtime","LARGE_GRAPH_NODE_THRESHOLD","SearchIcon","GroupIcon","LegendPanel","edgeTypes","nodes","dagre","edges","m","config_default"]}
+{"version":3,"sources":["../src/index.ts","../src/components/NodeGraph.tsx","../src/nodes/service/ServiceNode.tsx","../src/utils/custom-icon.tsx","../src/utils/url-builder.ts","../src/nodes/OwnerIndicator.tsx","../src/nodes/shared-styles.ts","../src/nodes/NotesIndicator.tsx","../src/context/PortalContainerContext.tsx","../src/nodes/TruncatedResourceName.tsx","../src/nodes/FocusedResourceIndicator.tsx","../src/nodes/Agent.tsx","../src/nodes/AgentTool.tsx","../src/icons/protocols/mcp-dark.svg","../src/icons/protocols/mcp-light.svg","../src/nodes/event/EventNode.tsx","../src/nodes/ApiInfo.tsx","../src/nodes/event/config.ts","../src/nodes/node-types.ts","../src/nodes/query/QueryNode.tsx","../src/nodes/command/CommandNode.tsx","../src/nodes/channel/ChannelNode.tsx","../src/nodes/data/DataNode.tsx","../src/nodes/data/config.ts","../src/nodes/view/ViewNode.tsx","../src/nodes/actor/ActorNode.tsx","../src/nodes/actor/config.ts","../src/nodes/ContextActor.tsx","../src/nodes/SystemGroupNode.tsx","../src/nodes/DomainCard.tsx","../src/nodes/external-system/ExternalSystem.tsx","../src/nodes/external-system/config.ts","../src/nodes/note/NoteNode.tsx","../src/nodes/field/FieldNode.tsx","../src/nodes/field/config.ts","../src/nodes/Flow.tsx","../src/utils/badges.tsx","../src/utils/protocols.tsx","../src/nodes/FlowExpandedNode.tsx","../src/nodes/Entity.tsx","../src/nodes/User.tsx","../src/nodes/Step.tsx","../src/nodes/Domain.tsx","../src/nodes/System.tsx","../src/nodes/GroupNode.tsx","../src/nodes/Custom.tsx","../src/nodes/ExternalSystem2.tsx","../src/nodes/DataProduct.tsx","../src/nodes/message-group/MessageGroupNode.tsx","../src/nodes/message-group/MessageGroupExpandedNode.tsx","../src/edges/AnimatedMessageEdge.tsx","../src/edges/EdgeLabel.tsx","../src/edges/use-cross-domain.ts","../src/edges/route.ts","../src/edges/MultilineEdgeLabel.tsx","../src/edges/FlowEdge.tsx","../src/edges/LabelledEdge.tsx","../src/components/VisualiserSearch.tsx","../src/components/StepWalkthrough.tsx","../src/utils/keyboard.ts","../src/components/FocusMode/utils.ts","../src/components/WalkthroughBadges.tsx","../src/components/CanvasToolbar.tsx","../src/components/SwimlanePicker.tsx","../src/nodes/SwimlaneNode.tsx","../src/utils/utils/utils.ts","../src/utils/elk-layout.ts","../src/utils/swimlanes.ts","../src/components/FocusModeModal.tsx","../src/components/FocusMode/FocusModeContent.tsx","../src/components/FocusMode/FocusModeNodeActions.tsx","../src/components/FocusMode/FocusModePlaceholder.tsx","../src/components/MermaidView.tsx","../src/utils/export-mermaid.ts","../src/utils/clipboard.ts","../src/hooks/use-node-visibility.ts","../src/utils/hide-messages.ts","../src/utils/animate-layout.ts","../src/utils/message-animation.ts","../src/components/VisualizerDropdownContent.tsx","../src/components/NodeContextMenu.tsx","../src/utils/export-image.ts","../src/utils/layout.ts","../src/utils/local-packing.ts","../src/utils/message-group-expansion.ts","../src/components/NotesToolbarButton.tsx","../src/nodes/index.ts","../src/edges/index.ts","../src/utils/export-node-graph.ts"],"sourcesContent":["/**\n * @eventcatalog/visualizer\n *\n * Framework-agnostic visualizer components for EventCatalog\n */\n\n// Types\nexport type {\n  BaseNodeData,\n  NodeType,\n  EdgeType,\n  VisualizerCallbacks,\n  NodeConfiguration,\n  VisualizerMode,\n  VisualizerLink,\n  EventCatalogResource,\n  Message,\n  Agent,\n  AgentTool,\n  Channel,\n  ExternalSystem,\n  Data,\n  View,\n  RegisteredNode,\n  NodeCategory,\n  ContextMenuItem,\n  GraphNode,\n  GraphEdge,\n  GraphEdgeType,\n  DslGraph,\n} from \"./types\";\n// Re-export Service type under a non-colliding name so the `Service` React\n// component value export from ./nodes survives the barrel merge.\nexport type { Service as ServiceType } from \"./types\";\n\n// Components\nexport * from \"./components\";\n\n// Nodes\nexport * from \"./nodes\";\n\n// Edges\nexport * from \"./edges\";\n\n// Utils\nexport * from \"./utils\";\n","import {\n  useEffect,\n  useMemo,\n  useState,\n  useCallback,\n  useRef,\n  memo,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  ReactFlow,\n  Background,\n  ConnectionLineType,\n  Controls,\n  Panel,\n  MiniMap,\n  ReactFlowProvider,\n  useNodesState,\n  useEdgesState,\n  type Edge,\n  type Node,\n  type NodeChange,\n  useReactFlow,\n  useStoreApi,\n  useNodesInitialized,\n  getNodesBounds,\n  getViewportForBounds,\n  type NodeTypes,\n  MarkerType,\n} from \"@xyflow/react\";\n// Styles are provided via styles.css / styles-core.css entry points.\n// Do NOT import CSS here — it breaks SSR (Node cannot load .css files).\nimport {\n  ExternalLink,\n  HistoryIcon,\n  CheckIcon,\n  ClipboardIcon,\n  MoreVertical,\n  Zap,\n  Bot,\n  Wrench,\n  ServerIcon,\n  Workflow,\n  MessageSquare,\n  Search as SearchIcon,\n  ArrowLeftRight,\n  Group as GroupIcon,\n  Globe,\n  User,\n  Database,\n  Boxes,\n  Box,\n  type LucideIcon,\n  Waypoints,\n} from \"lucide-react\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { toPng } from \"html-to-image\";\n// Nodes and edges\n// Studio-2 nodes (named exports from directories)\nimport { Service as ServiceNode } from \"../nodes/service\";\nimport AgentNode from \"../nodes/Agent\";\nimport AgentToolNode from \"../nodes/AgentTool\";\nimport { Event as EventNode } from \"../nodes/event\";\nimport { Query as QueryNode } from \"../nodes/query\";\nimport { Command as CommandNode } from \"../nodes/command\";\nimport { Channel as ChannelNode } from \"../nodes/channel\";\nimport { Data as DataNode } from \"../nodes/data\";\nimport { View as ViewNode } from \"../nodes/view\";\nimport { Actor as ActorNode } from \"../nodes/actor\";\nimport ContextActorNode from \"../nodes/ContextActor\";\nimport SystemGroupNode from \"../nodes/SystemGroupNode\";\nimport DomainCardNode from \"../nodes/DomainCard\";\nimport { ExternalSystem as ExternalSystemNode } from \"../nodes/external-system\";\nimport { Note as NoteNode } from \"../nodes/note\";\nimport { Field as FieldNode } from \"../nodes/field\";\n// Core nodes (default exports from flat files)\nimport FlowNode from \"../nodes/Flow\";\nimport FlowExpandedNode from \"../nodes/FlowExpandedNode\";\nimport EntityNode from \"../nodes/Entity\";\nimport UserNode from \"../nodes/User\";\nimport StepNode from \"../nodes/Step\";\nimport DomainNode from \"../nodes/Domain\";\nimport SystemNode from \"../nodes/System\";\nimport GroupNode from \"../nodes/GroupNode\";\nimport CustomNode from \"../nodes/Custom\";\nimport ExternalSystemNode2 from \"../nodes/ExternalSystem2\";\nimport DataProductNode from \"../nodes/DataProduct\";\nimport {\n  MessageGroupNode,\n  MessageGroupExpandedNode,\n} from \"../nodes/message-group\";\n// Edges\nimport AnimatedMessageEdge from \"../edges/AnimatedMessageEdge\";\nimport MultilineEdgeLabel from \"../edges/MultilineEdgeLabel\";\nimport FlowEdge from \"../edges/FlowEdge\";\nimport {\n  LabelledDefaultEdge,\n  LabelledSmoothStepEdge,\n  LabelledStepEdge,\n} from \"../edges/LabelledEdge\";\nimport VisualiserSearch, { type VisualiserSearchRef } from \"./VisualiserSearch\";\nimport StepWalkthrough from \"./StepWalkthrough\";\nimport WalkthroughBadges from \"./WalkthroughBadges\";\nimport CanvasToolbar from \"./CanvasToolbar\";\nimport SwimlanePicker from \"./SwimlanePicker\";\nimport SwimlaneNode from \"../nodes/SwimlaneNode\";\nimport FocusModeModal from \"./FocusModeModal\";\nimport MermaidView from \"./MermaidView\";\nimport { setLevelInUrl, useNodeVisibility } from \"../hooks/use-node-visibility\";\nimport type { GraphTransition } from \"../utils/animate-layout\";\nimport {\n  getNodeSize,\n  layoutWithElk,\n  type EdgeRoute,\n} from \"../utils/elk-layout\";\nimport {\n  FLOW_GROUP_BYS,\n  getGrouping,\n  groupIntoBoxes,\n  countGroups,\n  hasSwimlanes,\n  isFlowGroupBy,\n  isFlowGroupStyle,\n  isSwimlaneNode,\n  layoutSwimlanes,\n  removeSwimlanes,\n  type FlowGroupBy,\n  type FlowGroupStyle,\n} from \"../utils/swimlanes\";\nimport { applyMessageAnimation } from \"../utils/message-animation\";\nimport { isMessageNode } from \"../utils/hide-messages\";\nimport VisualizerDropdownContent from \"./VisualizerDropdownContent\";\nimport NodeContextMenu from \"./NodeContextMenu\";\nimport { convertToMermaid } from \"../utils/export-mermaid\";\nimport {\n  getExportImageDimensions,\n  injectExportStyles,\n} from \"../utils/export-image\";\nimport { copyToClipboard } from \"../utils/clipboard\";\nimport { layoutGraph } from \"../utils/layout\";\nimport { packNodesAroundBounds } from \"../utils/local-packing\";\nimport {\n  buildMessageGroupExpansionNodes,\n  getExpandedMessageGroupNode,\n} from \"../utils/message-group-expansion\";\nimport { AllNotesModal, getNotesFromNode } from \"./NotesToolbarButton\";\nimport { setBuildUrlFn } from \"../utils/url-builder\";\nimport { PortalContainerProvider } from \"../context/PortalContainerContext\";\nimport type { DslGraph } from \"../types\";\n\n// Minimum pixel change to detect layout modifications (avoids floating point comparison issues)\nconst POSITION_CHANGE_THRESHOLD = 1;\n\n// Above this node count, auto-disable message animation when the user has no stored preference\nconst LARGE_GRAPH_NODE_THRESHOLD = 30;\n\n// Static props for ReactFlow - defined outside component to avoid new references on every render\nconst NODE_ORIGIN: [number, number] = [0.1, 0.1];\n\n// Nodes levels 2 and 3 are about: services, data stores, messages and channels\nconst LEVEL_NODE_TYPES = [\n  \"services\",\n  \"service\",\n  \"agents\",\n  \"agent\",\n  \"externalSystem\",\n  \"data\",\n  \"data-products\",\n  \"events\",\n  \"event\",\n  \"commands\",\n  \"command\",\n  \"queries\",\n  \"query\",\n  \"messageGroup\",\n  \"messageGroupExpanded\",\n  \"channels\",\n  \"channel\",\n];\n\n// Nodes a level 1 (context) graph has, besides notes\nconst CONTEXT_NODE_TYPES = [\n  \"domains\",\n  \"domain\",\n  \"domain-group\",\n  \"context-domain\",\n  \"systems\",\n  \"system\",\n  \"external-system\",\n  \"externalSystem\",\n  \"context-actor\",\n  \"actor\",\n  \"actors\",\n  \"note\",\n  \"notes\",\n];\n// Not zoomed in past full size, e.g. on a graph with a single small node\nconst INITIAL_FIT_VIEW_OPTIONS = {\n  padding: 0.2,\n  duration: 0,\n  maxZoom: 1,\n} as const;\nconst HIDE_ATTRIBUTION = { hideAttribution: true };\n\nconst MINIMAP_STYLE = {\n  backgroundColor: \"rgb(var(--ec-page-bg))\",\n  border: \"1px solid rgb(var(--ec-page-border))\",\n  borderRadius: \"8px\",\n} as const;\nconst LAYOUT_CHANGE_PANEL_STYLE_WITH_WALKTHROUGH = {\n  marginBottom: \"20px\",\n  marginLeft: \"420px\",\n} as const;\nconst LAYOUT_CHANGE_PANEL_STYLE_DEFAULT = { marginLeft: \"60px\" } as const;\nconst LEGEND_PANEL_STYLE_WITH_MINIMAP = { marginRight: \"230px\" } as const;\n\n// Expanded wrapper containers are structural only — they host grouped/inlined\n// child nodes and never represent a business step themselves. Centralised so\n// the walkthrough, click handler, and collapse handler agree on the set.\nconst EXPANDED_WRAPPER_TYPES = new Set([\n  \"flowExpanded\",\n  \"messageGroupExpanded\",\n]);\nconst isExpandedWrapper = (type: string | undefined) =>\n  type != null && EXPANDED_WRAPPER_TYPES.has(type);\n\n// The step the flow walkthrough is on is ringed and glowing (see styles)\nconst WALKTHROUGH_CURRENT_CLASS = \"ec-walkthrough-current\";\nconst withWalkthroughCurrent = (node: Node, current: boolean) => {\n  const classes = (node.className ?? \"\")\n    .split(\" \")\n    .filter((name) => name && name !== WALKTHROUGH_CURRENT_CLASS);\n  if (current) classes.push(WALKTHROUGH_CURRENT_CLASS);\n  return classes.length > 0 ? classes.join(\" \") : undefined;\n};\n\n// Room the flow walkthrough's card takes along the bottom of the canvas,\n// kept clear when showing a step. Follows the card's height in\n// StepWalkthrough.tsx (about 100px, plus its margin): change them together.\nconst WALKTHROUGH_CARD_SPACE = 170;\n\n// Boundaries around other nodes, left out of the legend\nconst GROUP_NODE_TYPES = [\"group\", \"system-group\", \"domain-group\", \"swimlane\"];\n\n// How a flow is grouped is kept in the URL, so links open grouped the same way\nconst GROUP_URL_PARAM = \"group\";\nconst GROUP_STYLE_URL_PARAM = \"groupStyle\";\nconst setGroupInUrl = (groupBy: FlowGroupBy | null, style: FlowGroupStyle) => {\n  try {\n    const url = new URL(window.location.href);\n    if (groupBy) {\n      url.searchParams.set(GROUP_URL_PARAM, groupBy);\n      url.searchParams.set(GROUP_STYLE_URL_PARAM, style);\n    } else {\n      url.searchParams.delete(GROUP_URL_PARAM);\n      url.searchParams.delete(GROUP_STYLE_URL_PARAM);\n    }\n    window.history.replaceState(window.history.state, \"\", url);\n  } catch {\n    // The choice just isn't shareable\n  }\n};\nconst readGroupFromUrl = () => {\n  try {\n    const params = new URL(window.location.href).searchParams;\n    return {\n      groupBy: params.get(GROUP_URL_PARAM),\n      style: params.get(GROUP_STYLE_URL_PARAM),\n    };\n  } catch {\n    return { groupBy: null, style: null };\n  }\n};\n\n// Room for the search box above the grouping picker, when it's shown\nconst SWIMLANE_PICKER_PANEL_STYLE_UNDER_SEARCH = { marginTop: 64 } as const;\n\ntype LegendEntry = { count: number; colorClass: string; groupId?: string };\n\n// Friendly labels for legend keys that differ from their raw node type.\nconst LEGEND_LABELS: Record<string, string> = {\n  \"context-actor\": \"Actors\",\n  \"context-domain\": \"Domains\",\n};\n\nconst getLegendLabel = (key: string) => LEGEND_LABELS[key] ?? key;\n\n// Icon + text colour per legend key, mirroring each collection's node styling.\n// When a key has no icon mapped, the legend falls back to its coloured square.\nconst LEGEND_ICONS: Record<string, { Icon: LucideIcon; colorClass: string }> = {\n  events: { Icon: Zap, colorClass: \"text-orange-600\" },\n  agent: { Icon: Bot, colorClass: \"text-sky-600\" },\n  agents: { Icon: Bot, colorClass: \"text-sky-600\" },\n  agentTool: { Icon: Wrench, colorClass: \"text-violet-600\" },\n  \"agent-tool\": { Icon: Wrench, colorClass: \"text-violet-600\" },\n  services: { Icon: ServerIcon, colorClass: \"text-pink-600\" },\n  flows: { Icon: Workflow, colorClass: \"text-teal-600\" },\n  commands: { Icon: MessageSquare, colorClass: \"text-blue-600\" },\n  queries: { Icon: SearchIcon, colorClass: \"text-green-600\" },\n  channels: { Icon: ArrowLeftRight, colorClass: \"text-gray-600\" },\n  externalSystem: { Icon: Globe, colorClass: \"text-pink-600\" },\n  systems: { Icon: GroupIcon, colorClass: \"text-purple-600\" },\n  system: { Icon: GroupIcon, colorClass: \"text-purple-600\" },\n  actor: { Icon: User, colorClass: \"text-yellow-500\" },\n  \"context-actor\": { Icon: User, colorClass: \"text-yellow-500\" },\n  \"context-domain\": { Icon: Boxes, colorClass: \"text-yellow-500\" },\n  data: { Icon: Database, colorClass: \"text-blue-600\" },\n  \"data-products\": { Icon: Boxes, colorClass: \"text-indigo-600\" },\n  field: { Icon: Box, colorClass: \"text-cyan-600\" },\n};\n\nconst getLegendIcon = (key: string) => LEGEND_ICONS[key];\n\nconst LegendPanel = memo(function LegendPanel({\n  legend,\n  hiddenKeys,\n  showMinimap,\n  onLegendClick,\n}: {\n  legend: Record<string, LegendEntry>;\n  /** Entries whose nodes are hidden, shown faded */\n  hiddenKeys: string[];\n  showMinimap: boolean;\n  onLegendClick: (key: string) => void;\n}) {\n  if (Object.keys(legend).length === 0) return null;\n\n  return (\n    <Panel\n      position=\"bottom-right\"\n      style={showMinimap ? LEGEND_PANEL_STYLE_WITH_MINIMAP : undefined}\n    >\n      <div className=\"bg-[rgb(var(--ec-card-bg))] border border-[rgb(var(--ec-page-border))] font-light px-4 text-[12px] shadow-md py-1 rounded-md\">\n        <ul className=\"m-0 p-0 \">\n          {Object.entries(legend).map(([key, { count, colorClass }]) => {\n            const legendIcon = getLegendIcon(key);\n            const hidden = hiddenKeys.includes(key);\n            return (\n              <li\n                key={key}\n                title={`${hidden ? \"Show\" : \"Hide\"} ${getLegendLabel(key)}`}\n                className={`flex space-x-2 items-center text-[10px] cursor-pointer text-[rgb(var(--ec-page-text))] hover:text-[rgb(var(--ec-accent))] hover:underline transition-opacity ${hidden ? \"opacity-40\" : \"\"}`}\n                onClick={() => onLegendClick(key)}\n              >\n                {legendIcon ? (\n                  <legendIcon.Icon\n                    className={`w-3 h-3 shrink-0 ${legendIcon.colorClass}`}\n                    strokeWidth={2}\n                    aria-hidden=\"true\"\n                  />\n                ) : (\n                  <span className={`w-2 h-2 block ${colorClass}`} />\n                )}\n                <span className=\"block capitalize\">\n                  {getLegendLabel(key)} ({count})\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </Panel>\n  );\n});\n\ninterface Props {\n  nodes: any;\n  edges: any;\n  title?: string;\n  subtitle?: string;\n  includeBackground?: boolean;\n  includeControls?: boolean;\n  linkTo?: \"docs\" | \"visualiser\";\n  includeKey?: boolean;\n  linksToVisualiser?: boolean;\n  links?: { label: string; url: string }[];\n  mode?: \"full\" | \"simple\";\n  showFlowWalkthrough?: boolean;\n  showSearch?: boolean;\n  /** Show the settings menu (top left). Defaults to true. */\n  showMenu?: boolean;\n  /** Use a narrower search box, for small spaces. */\n  compactSearch?: boolean;\n  /** Hide the React Flow attribution (bottom right). */\n  hideAttribution?: boolean;\n  zoomOnScroll?: boolean;\n  designId?: string;\n  isChatEnabled?: boolean;\n  maxTextSize?: number;\n  isDevMode?: boolean;\n  resourceKey?: string;\n  /** Controls whether message flow animation is enabled. When set, overrides URL params and localStorage. */\n  animated?: boolean;\n  /**\n   * When true, message-flow animation is unsupported for this graph: it is forced\n   * off (ignoring the `animated` prop, URL params and localStorage) and the\n   * \"Simulate Messages\" toggle is hidden. Used by graphs that aren't message\n   * flows, e.g. the System Diagram.\n   */\n  disableMessageAnimation?: boolean;\n  /** Description of the overview graph shown as level 1 (see `overviewGraph`) */\n  overviewLabel?: string;\n  /** True while the overview graph is shown */\n  isOverview?: boolean;\n  /**\n   * Switches between the overview graph and this graph, passing this graph's\n   * current state for the next one to animate from\n   */\n  onShowOverview?: (show: boolean, from: GraphTransition) => void;\n  /** The graph switched away from to show this one, to animate from */\n  transitionFrom?: GraphTransition;\n  /** This graph laid out with its messages and channels hidden, if precomputed */\n  hiddenMessagesGraph?: { nodes: Node[]; edges: Edge[] };\n  /** Legend entries hidden to start with (kept when switching graphs) */\n  initialHiddenLegendKeys?: string[];\n  /** Group a flow's steps to start with (the `group` URL parameter wins) */\n  swimlanes?: FlowGroupBy;\n  onHiddenLegendKeysChange?: (keys: string[]) => void;\n  /** The kind of diagram, so the level is remembered for each kind */\n  preferenceScope?: string;\n  /** When set, the graph will zoom to this node id. */\n  focusNodeId?: string;\n  /** Optional token to force repeated focus for the same node id. */\n  focusRequestId?: number;\n  /** Optional token to trigger fit-to-screen behavior. */\n  fitRequestId?: number;\n\n  // Callback API for framework integration\n  /** Called when a node is clicked */\n  onNodeClick?: (node: Node) => void;\n  /** Called to build URLs for navigation (used in links dropdown) */\n  onBuildUrl?: (path: string) => string;\n  /** Called when navigation should occur */\n  onNavigate?: (url: string) => void;\n  /** Called to save layout positions (dev mode only) */\n  onSaveLayout?: (\n    resourceKey: string,\n    positions: Record<string, { x: number; y: number }>,\n  ) => Promise<boolean>;\n  /** Called to reset layout positions (dev mode only) */\n  onResetLayout?: (resourceKey: string) => Promise<boolean>;\n}\n\n// --- Shared edge style for group expand edges ---\nconst GROUP_EDGE_STYLE = {\n  strokeWidth: 1,\n  stroke: \"var(--ec-edge-stroke, #6b7280)\",\n};\nconst GROUP_EDGE_MARKER = {\n  type: MarkerType.ArrowClosed,\n  width: 20,\n  height: 20,\n};\n\n/** Label for the edge connecting the service to a message, based on direction and collection type. */\nconst getChildEdgeLabel = (\n  direction: \"sends\" | \"receives\",\n  collection: string,\n) => {\n  if (direction === \"sends\") {\n    if (collection === \"commands\") return \"invokes\";\n    if (collection === \"queries\") return \"requests\";\n    return \"publishes \\nevent\";\n  }\n  if (collection === \"commands\" || collection === \"queries\") return \"accepts\";\n  return \"subscribed by\";\n};\n\n/**\n * Check if a message can reach the service through downstream edges (i.e. via channels).\n * Uses BFS over the pre-computed edge graph. If reachable, no direct child→service edge is needed.\n */\nconst canReachService = (\n  msgId: string,\n  serviceNodeId: string,\n  expandedEdges: any[],\n): boolean => {\n  // Build adjacency list once for efficient traversal\n  const adj = new Map<string, string[]>();\n  for (const e of expandedEdges) {\n    if (!adj.has(e.source)) adj.set(e.source, []);\n    adj.get(e.source)!.push(e.target);\n  }\n  const visited = new Set<string>([msgId]);\n  const queue = [msgId];\n  while (queue.length > 0) {\n    const current = queue.shift()!;\n    for (const next of adj.get(current) || []) {\n      if (next === serviceNodeId) return true;\n      if (!visited.has(next)) {\n        visited.add(next);\n        queue.push(next);\n      }\n    }\n  }\n  return false;\n};\n\n/**\n * Build edges connecting the service to child message nodes inside an expanded group.\n * - For sends: always creates service → child edge.\n * - For receives: only creates child → service edge when no channel path exists.\n */\nconst buildChildEdges = (\n  groupData: any,\n  groupNodeId: string,\n  serviceNodeId: string,\n  msgIdToChildId: Map<string, string>,\n  animateMessages: boolean,\n): Edge[] => {\n  const expandedEdges = groupData.expandedEdges || [];\n\n  return (groupData.messages || [])\n    .map((item: any) => {\n      const msg = item.message;\n      const msgId = `${msg.data.id}-${msg.data.version}`;\n      const childId = msgIdToChildId.get(msgId)!;\n      const collection = msg.collection || \"events\";\n      const label = getChildEdgeLabel(groupData.direction, collection);\n\n      if (groupData.direction === \"sends\") {\n        return {\n          id: `${serviceNodeId}-to-${childId}`,\n          source: serviceNodeId,\n          target: childId,\n          label,\n          type: \"animated\",\n          animated: animateMessages,\n          style: GROUP_EDGE_STYLE,\n          markerEnd: GROUP_EDGE_MARKER,\n        } as Edge;\n      }\n\n      // Receives: skip if a channel path already connects this message to the service\n      if (canReachService(msgId, serviceNodeId, expandedEdges)) return null;\n\n      return {\n        id: `${childId}-to-${serviceNodeId}`,\n        source: childId,\n        target: serviceNodeId,\n        label,\n        type: \"animated\",\n        animated: animateMessages,\n        style: GROUP_EDGE_STYLE,\n        markerEnd: GROUP_EDGE_MARKER,\n      } as Edge;\n    })\n    .filter(Boolean) as Edge[];\n};\n\nconst NodeGraphBuilder = ({\n  nodes: initialNodes,\n  edges: initialEdges,\n  title,\n  includeBackground = true,\n  linkTo: _linkTo = \"docs\",\n  includeKey = true,\n  linksToVisualiser = false,\n  links = [],\n  mode = \"full\",\n  showFlowWalkthrough = true,\n  showSearch = true,\n  showMenu = true,\n  compactSearch = false,\n  hideAttribution = false,\n  zoomOnScroll = false,\n  isChatEnabled = false,\n  maxTextSize,\n  isDevMode = false,\n  resourceKey,\n  animated,\n  disableMessageAnimation = false,\n  overviewLabel,\n  isOverview = false,\n  onShowOverview,\n  transitionFrom,\n  hiddenMessagesGraph,\n  initialHiddenLegendKeys,\n  onHiddenLegendKeysChange,\n  preferenceScope,\n  swimlanes: initialSwimlanes,\n  focusNodeId,\n  focusRequestId,\n  fitRequestId,\n  onNodeClick,\n  onBuildUrl,\n  onNavigate,\n  onSaveLayout,\n  onResetLayout,\n}: Props) => {\n  // Wire up the URL builder so all nodes can use buildUrl() with the correct base path\n  useEffect(() => {\n    if (onBuildUrl) {\n      setBuildUrlFn(onBuildUrl);\n    }\n  }, []);\n\n  const nodeTypes = useMemo(() => {\n    const wrapWithContextMenu = (Component: React.ComponentType<any>) => {\n      const Wrapped = memo((props: any) => {\n        const items = props.data?.contextMenu;\n        if (!items?.length) return <Component {...props} />;\n        return (\n          <NodeContextMenu items={items}>\n            <Component {...props} />\n          </NodeContextMenu>\n        );\n      });\n      Wrapped.displayName = `WithContextMenu(${Component.displayName || Component.name || \"Component\"})`;\n      return Wrapped;\n    };\n\n    return {\n      service: wrapWithContextMenu(ServiceNode),\n      services: wrapWithContextMenu(ServiceNode),\n      agent: wrapWithContextMenu(AgentNode),\n      agents: wrapWithContextMenu(AgentNode),\n      agentTool: wrapWithContextMenu(AgentToolNode),\n      \"agent-tool\": wrapWithContextMenu(AgentToolNode),\n      flow: wrapWithContextMenu(FlowNode),\n      flows: wrapWithContextMenu(FlowNode),\n      event: wrapWithContextMenu(EventNode),\n      events: wrapWithContextMenu(EventNode),\n      channel: wrapWithContextMenu(ChannelNode),\n      channels: wrapWithContextMenu(ChannelNode),\n      query: wrapWithContextMenu(QueryNode),\n      queries: wrapWithContextMenu(QueryNode),\n      command: wrapWithContextMenu(CommandNode),\n      commands: wrapWithContextMenu(CommandNode),\n      domain: wrapWithContextMenu(DomainNode),\n      domains: wrapWithContextMenu(DomainNode),\n      system: wrapWithContextMenu(SystemNode),\n      systems: wrapWithContextMenu(SystemNode),\n      step: StepNode,\n      user: UserNode,\n      custom: CustomNode,\n      externalSystem: wrapWithContextMenu(ExternalSystemNode),\n      \"external-system\": wrapWithContextMenu(ExternalSystemNode2),\n      entity: wrapWithContextMenu(EntityNode),\n      entities: wrapWithContextMenu(EntityNode),\n      data: wrapWithContextMenu(DataNode),\n      view: wrapWithContextMenu(ViewNode),\n      actor: ActorNode,\n      \"context-actor\": ContextActorNode,\n      container: wrapWithContextMenu(DataNode),\n      \"data-product\": wrapWithContextMenu(DataProductNode),\n      \"data-products\": wrapWithContextMenu(DataProductNode),\n      group: GroupNode,\n      \"system-group\": SystemGroupNode,\n      \"domain-group\": SystemGroupNode,\n      \"context-domain\": DomainCardNode,\n      note: memo((props: any) => <NoteNode {...props} readOnly={true} />),\n      field: wrapWithContextMenu(FieldNode),\n      messageGroup: MessageGroupNode,\n      messageGroupExpanded: MessageGroupExpandedNode,\n      flowExpanded: FlowExpandedNode,\n      swimlane: SwimlaneNode,\n    } as unknown as NodeTypes;\n  }, []);\n  const edgeTypes = useMemo(\n    () =>\n      ({\n        animated: AnimatedMessageEdge,\n        multiline: MultilineEdgeLabel,\n        \"flow-edge\": FlowEdge,\n        default: LabelledDefaultEdge,\n        smoothstep: LabelledSmoothStepEdge,\n        step: LabelledStepEdge,\n      }) as Record<string, any>,\n    [],\n  );\n  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);\n  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);\n  const {\n    fitView,\n    getNodes,\n    getIntersectingNodes,\n    getZoom,\n    setCenter,\n    getEdges,\n    getViewport,\n    setViewport,\n  } = useReactFlow();\n  const storeApi = useStoreApi();\n  const previousGraphInputRef = useRef({\n    nodes: initialNodes,\n    edges: initialEdges,\n  });\n\n  // Sync when parent passes new nodes/edges (e.g. playground re-parse)\n  useEffect(() => {\n    const previousGraphInput = previousGraphInputRef.current;\n    previousGraphInputRef.current = {\n      nodes: initialNodes,\n      edges: initialEdges,\n    };\n\n    // React Flow's fitView prop handles the initial viewport after measuring\n    // the nodes. Avoid scheduling a second animated fit on mount.\n    if (\n      previousGraphInput.nodes === initialNodes &&\n      previousGraphInput.edges === initialEdges\n    ) {\n      return;\n    }\n\n    setNodes(initialNodes);\n    setEdges(initialEdges);\n    // fitView after React Flow processes the new nodes\n    requestAnimationFrame(() => {\n      fitView({ duration: 300, padding: 0.2 });\n    });\n  }, [initialNodes, initialEdges, setNodes, setEdges, fitView]);\n\n  const [animateMessages, setAnimateMessages] = useState(true);\n  // Showing or hiding nodes swaps the edges, so new edges animate the same way\n  const prepareEdges = useCallback(\n    (eds: Edge[]) => applyMessageAnimation(eds, animateMessages),\n    [animateMessages],\n  );\n  const [_activeStepIndex, _setActiveStepIndex] = useState<number | null>(null);\n  const [_isFullscreen, _setIsFullscreen] = useState(false);\n  const [isShareModalOpen, setIsShareModalOpen] = useState(false);\n  const [shareUrlCopySuccess, setShareUrlCopySuccess] = useState(false);\n  const [isMermaidView, setIsMermaidView] = useState(false);\n  const [showMinimap, setShowMinimap] = useState(false);\n  const [hasLayoutChanges, setHasLayoutChanges] = useState(false);\n  const [isSavingLayout, setIsSavingLayout] = useState(false);\n  const initialPositionsRef = useRef<Record<string, { x: number; y: number }>>(\n    {},\n  );\n  const [focusModeOpen, setFocusModeOpen] = useState(false);\n  const [focusedNodeId, setFocusedNodeId] = useState<string | null>(null);\n  const [swimlanes, setSwimlanes] = useState<FlowGroupBy | null>(null);\n  const swimlanesRef = useRef<FlowGroupBy | null>(null);\n  const [swimlaneStyle, setSwimlaneStyle] = useState<FlowGroupStyle>(\"boxes\");\n  const swimlaneStyleRef = useRef<FlowGroupStyle>(\"boxes\");\n  const unlanedGraphRef = useRef<{ nodes: Node[]; edges: Edge[] } | null>(null);\n\n  const [isNotesModalOpen, setIsNotesModalOpen] = useState(false);\n  const openNotesModal = useCallback(() => setIsNotesModalOpen(true), []);\n\n  // Track user interaction (drag/pan/zoom) to pause expensive SVG animations.\n  // Uses a ref + direct DOM manipulation to avoid React re-renders.\n  const interactionCountRef = useRef(0);\n\n  const startInteraction = useCallback(() => {\n    interactionCountRef.current += 1;\n    if (interactionCountRef.current === 1) {\n      reactFlowWrapperRef.current?.classList.add(\"ec-interaction-active\");\n    }\n  }, []);\n\n  const endInteraction = useCallback(() => {\n    interactionCountRef.current = Math.max(0, interactionCountRef.current - 1);\n    if (interactionCountRef.current === 0) {\n      reactFlowWrapperRef.current?.classList.remove(\"ec-interaction-active\");\n    }\n  }, []);\n\n  // Highlight source/target nodes when hovering an edge.\n  // Uses direct DOM manipulation (like startInteraction) to avoid re-renders.\n  const hoveredEdgeNodesRef = useRef<Element[]>([]);\n\n  const handleEdgeMouseEnter = useCallback(\n    (_: React.MouseEvent, edge: Edge) => {\n      const wrapper = reactFlowWrapperRef.current;\n      if (!wrapper) return;\n      const nodes = wrapper.querySelectorAll(\n        `[data-id=\"${edge.source}\"], [data-id=\"${edge.target}\"]`,\n      );\n      nodes.forEach((el) => el.classList.add(\"ec-edge-hover-node\"));\n      hoveredEdgeNodesRef.current = Array.from(nodes);\n    },\n    [],\n  );\n\n  const handleEdgeMouseLeave = useCallback(() => {\n    hoveredEdgeNodesRef.current.forEach((el) =>\n      el.classList.remove(\"ec-edge-hover-node\"),\n    );\n    hoveredEdgeNodesRef.current = [];\n  }, []);\n\n  // Highlight all connected edges + their other-end nodes when hovering a node.\n  // Looks up connected edges from the edges array, then queries DOM by edge ID.\n  // Uses direct DOM manipulation to avoid re-renders.\n  const hoveredNodeEdgesRef = useRef<Element[]>([]);\n  const hoveredNodePeersRef = useRef<Element[]>([]);\n\n  const handleNodeMouseEnter = useCallback(\n    (_: React.MouseEvent, node: Node) => {\n      const wrapper = reactFlowWrapperRef.current;\n      if (!wrapper) return;\n\n      const peerIds = new Set<string>();\n      const edgeEls: Element[] = [];\n\n      for (const edge of edgesRef.current) {\n        if (edge.source !== node.id && edge.target !== node.id) continue;\n        const el = wrapper.querySelector(\n          `.react-flow__edge[data-id=\"${edge.id}\"]`,\n        );\n        if (el) {\n          el.classList.add(\"ec-node-hover-edge\");\n          edgeEls.push(el);\n        }\n        if (edge.source !== node.id) peerIds.add(edge.source);\n        if (edge.target !== node.id) peerIds.add(edge.target);\n      }\n      hoveredNodeEdgesRef.current = edgeEls;\n\n      // Highlight the hovered node + all peer nodes\n      peerIds.add(node.id);\n      const selector = Array.from(peerIds)\n        .map((id) => `[data-id=\"${id}\"]`)\n        .join(\", \");\n      if (selector) {\n        const peerEls = wrapper.querySelectorAll(selector);\n        peerEls.forEach((el) => el.classList.add(\"ec-edge-hover-node\"));\n        hoveredNodePeersRef.current = Array.from(peerEls);\n      }\n    },\n    [],\n  );\n\n  const handleNodeMouseLeave = useCallback(() => {\n    hoveredNodeEdgesRef.current.forEach((el) =>\n      el.classList.remove(\"ec-node-hover-edge\"),\n    );\n    hoveredNodeEdgesRef.current = [];\n    hoveredNodePeersRef.current.forEach((el) =>\n      el.classList.remove(\"ec-edge-hover-node\"),\n    );\n    hoveredNodePeersRef.current = [];\n  }, []);\n\n  // Check if there are channels to determine if we need the visualizer functionality\n  const hasChannels = useMemo(\n    () => initialNodes.some((node: any) => node.type === \"channels\"),\n    [initialNodes],\n  );\n  const hasMessages = useMemo(\n    () => initialNodes.some(isMessageNode),\n    [initialNodes],\n  );\n  // A flow (its steps are joined by flow edges). Levels don't apply to flows.\n  const isFlowGraph = useMemo(\n    () => initialEdges.some((edge: Edge) => edge.type === \"flow-edge\"),\n    [initialEdges],\n  );\n  // Groups are sized to fit their nodes as they render, rather than as\n  // estimated (a node wider than estimated would poke out of its group)\n  const renderedSizeOf = useCallback(\n    (node: Node) => {\n      const measured = storeApi.getState().nodeLookup.get(node.id)?.measured;\n      return measured?.width && measured?.height\n        ? { width: measured.width, height: measured.height }\n        : getNodeSize(node);\n    },\n    [storeApi],\n  );\n  // Graphs in lanes are laid out again without them (the layout doesn't know\n  // about them), then put back in them. Boxes are groups the layout lays out\n  // with their steps, so graphs in boxes are laid out in them.\n  const beforeLayout = useCallback(\n    (graph: { nodes: Node[]; edges: Edge[] }) =>\n      swimlaneStyleRef.current === \"lanes\" ? removeSwimlanes(graph) : graph,\n    [],\n  );\n  const afterLayout = useCallback((graph: { nodes: Node[]; edges: Edge[] }) => {\n    const groupBy = swimlanesRef.current;\n    const style = swimlaneStyleRef.current;\n    const current = getGrouping(graph.nodes);\n    if (!current && !groupBy) return graph;\n    if (current?.groupBy === groupBy && current?.style === style) return graph;\n    const unlaned = removeSwimlanes(graph);\n    // Boxes need laying out (async), which only switching grouping does\n    if (!groupBy || style === \"boxes\" || groupBy === \"domain-system\")\n      return unlaned;\n    unlanedGraphRef.current = unlaned;\n    return layoutSwimlanes(unlaned, groupBy, { sizeOf: renderedSizeOf });\n  }, []);\n  // Graphs levels don't apply to (e.g. an entity map) don't show them\n  const hasLevels = useMemo(\n    () =>\n      initialNodes.some((node: Node) =>\n        LEVEL_NODE_TYPES.includes(node.type || \"\"),\n      ),\n    [initialNodes],\n  );\n  // Only domains, systems and actors (e.g. a context diagram): a level 1 graph\n  const isContextGraph = useMemo(\n    () =>\n      initialNodes.every((node: Node) =>\n        CONTEXT_NODE_TYPES.includes(node.type || \"\"),\n      ),\n    [initialNodes],\n  );\n  // Cross-domain communication to highlight (e.g. on a domain's diagram).\n  // Only where the toolbar is, to turn it on and off (not e.g. docs embeds).\n  const hasOtherDomains = useMemo(\n    () =>\n      mode === \"full\" &&\n      initialNodes.some((node: Node<any>) => !!node.data?.otherDomain),\n    [initialNodes, mode],\n  );\n  // The legend (set once worked out below), for which nodes its entries list\n  const legendRef = useRef<Record<string, LegendEntry>>({});\n  const matchesLegendKey = useCallback((node: Node<any>, key: string) => {\n    const groupId = legendRef.current[key]?.groupId;\n    return groupId ? node.data?.group?.id === groupId : node.type === key;\n  }, []);\n  const {\n    hideChannels,\n    toggleChannelsVisibility,\n    hideMessages,\n    toggleMessagesVisibility,\n    setDetailLevel,\n    isLayingOut,\n    hiddenLegendKeys,\n    toggleLegendKey,\n    highlightCrossDomain,\n    toggleHighlightCrossDomain,\n  } = useNodeVisibility({\n    nodes,\n    edges,\n    setNodes,\n    setEdges,\n    hasChannels,\n    hasMessages,\n    transitionFrom,\n    nodeOrigin: NODE_ORIGIN,\n    hiddenMessagesGraph,\n    prepareEdges,\n    matchesLegendKey,\n    initialHiddenLegendKeys,\n    onHiddenLegendKeysChange,\n    // The page's kind (the same for its overview and detail graphs), else\n    // e.g. \"services\" from \"services/OrderService/1.0.0\"\n    preferenceScope: preferenceScope ?? resourceKey?.split(\"/\")[0],\n    ignoreSavedLevel: isFlowGraph,\n    beforeLayout,\n    afterLayout,\n  });\n\n  // Switching to or from the overview graph swaps graphs. The next graph\n  // animates from this one's current state (see `transitionFrom`).\n  const switchGraph = useCallback(\n    (showOverview: boolean) =>\n      onShowOverview?.(showOverview, {\n        nodes: getNodes(),\n        edges: getEdges(),\n        viewport: getViewport(),\n      }),\n    [onShowOverview, getNodes, getEdges, getViewport],\n  );\n\n  // Levels of detail for the toolbar. With an overview graph (e.g. a system's\n  // context diagram) that becomes level 1, followed by the detail levels.\n  // Levels of detail for the toolbar, the same on every page: L1 the overview\n  // (domains, systems and their relationships), L2 services and data stores,\n  // and L3 adding messages and channels. Levels a diagram doesn't have are\n  // greyed out, e.g. L1 on a service's diagram.\n  const levels = useMemo(() => {\n    if (isFlowGraph) return [];\n    if (!overviewLabel && !isContextGraph && !hasLevels) return [];\n    const selectDetailLevel = (level: 2 | 3) => {\n      if (isOverview) switchGraph(false);\n      setDetailLevel(level);\n    };\n    // With an overview graph (level 1), this graph is the detail levels\n    const hasDetail = !!overviewLabel || !isContextGraph;\n    return [\n      {\n        description: overviewLabel ?? \"domains, systems and relationships\",\n        active: isOverview || (!overviewLabel && isContextGraph),\n        disabledReason:\n          !overviewLabel && !isContextGraph\n            ? \"Not available here: this diagram has no overview of domains or systems\"\n            : undefined,\n        onSelect: () => {\n          if (overviewLabel && !isOverview) switchGraph(true);\n        },\n      },\n      {\n        description: \"services and data stores\",\n        active:\n          !isOverview && !isContextGraph && (hideMessages || !hasMessages),\n        disabledReason: hasDetail\n          ? undefined\n          : \"Not available here: this diagram only shows domains, systems and their relationships\",\n        onSelect: () => selectDetailLevel(2),\n      },\n      {\n        description: \"messages and channels\",\n        active: !isOverview && hasMessages && !hideMessages,\n        // The overview doesn't know if the detail has messages, so allows it\n        disabledReason:\n          isOverview || hasMessages\n            ? undefined\n            : \"Not available here: this diagram has no messages or channels\",\n        onSelect: () => selectDetailLevel(3),\n      },\n    ];\n  }, [\n    overviewLabel,\n    isOverview,\n    isContextGraph,\n    hasLevels,\n    isFlowGraph,\n    hideMessages,\n    hasMessages,\n    setDetailLevel,\n    switchGraph,\n  ]);\n  // Tools for the kind of resource shown, in the canvas toolbar\n  const canvasTools = useMemo(\n    () =>\n      hasOtherDomains\n        ? [\n            {\n              label: highlightCrossDomain\n                ? \"Stop highlighting cross-domain communication\"\n                : \"Highlight cross-domain communication\",\n              icon: <Waypoints className=\"w-4 h-4\" />,\n              active: highlightCrossDomain,\n              onClick: toggleHighlightCrossDomain,\n            },\n          ]\n        : [],\n    [hasOtherDomains, highlightCrossDomain, toggleHighlightCrossDomain],\n  );\n  const searchRef = useRef<VisualiserSearchRef>(null);\n  const reactFlowWrapperRef = useRef<HTMLDivElement>(null);\n  const scrollableContainerRef = useRef<HTMLElement | null>(null);\n\n  // Stable refs — avoids recreating callbacks on every drag/state change\n  const nodesRef = useRef(nodes);\n  nodesRef.current = nodes;\n  const edgesRef = useRef(edges);\n  edgesRef.current = edges;\n  // Sub-flows are laid out when expanded (async), so only the latest is applied\n  const subFlowLayoutRun = useRef(0);\n  const hideChannelsRef = useRef(hideChannels);\n  hideChannelsRef.current = hideChannels;\n\n  // The walkthrough treats expanded wrapper containers as structural rather\n  // than walkable steps. Stitched predecessor/successor edges added at expand\n  // time already connect real outer steps to the sub-flow's children, so\n  // dropping wrapper edges doesn't break traversal.\n  // The walkthrough only needs the graph's structure (which steps there are\n  // and how they connect), so it's only given a new graph when that changes,\n  // not on every position change (e.g. each tick of a drag)\n  const walkthroughKeyRef = useRef(\"\");\n  const computedWalkthroughKey = `${nodes\n    .map((n) => `${n.id}:${n.type}`)\n    .join(\",\")}|${edges.map((e) => `${e.source}>${e.target}`).join(\",\")}`;\n  if (computedWalkthroughKey !== walkthroughKeyRef.current) {\n    walkthroughKeyRef.current = computedWalkthroughKey;\n  }\n  const walkthroughKey = walkthroughKeyRef.current;\n  const { walkthroughNodes, walkthroughEdges } = useMemo(() => {\n    const wrapperNodeIds = new Set(\n      nodes\n        .filter((n) => isExpandedWrapper(n.type) || isSwimlaneNode(n))\n        .map((n) => n.id),\n    );\n    return {\n      walkthroughNodes: nodes.filter((n) => !wrapperNodeIds.has(n.id)),\n      walkthroughEdges: edges.filter(\n        (e) => !wrapperNodeIds.has(e.source) && !wrapperNodeIds.has(e.target),\n      ),\n    };\n  }, [walkthroughKey]);\n\n  const animateLayout = useCallback(() => {\n    const wrapper = reactFlowWrapperRef.current;\n    if (!wrapper) return;\n    wrapper.classList.add(\"ec-animating-layout\");\n    setTimeout(() => wrapper.classList.remove(\"ec-animating-layout\"), 400);\n  }, []);\n\n  const makeRoomForRenderedExpandedGroup = useCallback(\n    (\n      groupNodeId: string,\n      groupBounds: { x: number; y: number; width: number; height: number },\n    ) => {\n      const padding = 80;\n      const protectedBounds = {\n        x: groupBounds.x - padding,\n        y: groupBounds.y - padding,\n        width: groupBounds.width + padding * 2,\n        height: groupBounds.height + padding * 2,\n      };\n      const intersectingIds = new Set(\n        getIntersectingNodes(protectedBounds, true)\n          .filter((node) => node.id !== groupNodeId && !node.parentId)\n          .map((node) => node.id),\n      );\n\n      if (intersectingIds.size === 0) return;\n\n      setNodes((currentNodes) => {\n        const plannedPositions = packNodesAroundBounds({\n          nodes: currentNodes,\n          movableNodeIds: intersectingIds,\n          protectedBounds,\n          groupNodeId,\n        });\n\n        return currentNodes.map((node) => {\n          const plannedPosition = plannedPositions.get(node.id);\n          if (!plannedPosition) return node;\n          return { ...node, position: plannedPosition };\n        });\n      });\n    },\n    [getIntersectingNodes, setNodes],\n  );\n\n  // Read from refs inside the callback to avoid nodes/edges in the dependency array.\n  // This prevents the callback from being recreated on every drag tick (Rule 2).\n  const handleCollapseGroup = useCallback(\n    (e: React.MouseEvent) => {\n      const target = e.target as HTMLElement;\n      const collapseBtn = target.closest(\n        \".ec-collapse-group-btn, .ec-collapse-flow-btn\",\n      );\n      if (!collapseBtn) return;\n      e.stopPropagation();\n\n      // Find the ReactFlow node wrapper to get the node ID\n      const nodeWrapper = target.closest(\"[data-id]\");\n      if (!nodeWrapper) return;\n      const groupNodeId = nodeWrapper.getAttribute(\"data-id\");\n      if (!groupNodeId) return;\n\n      const currentNodes = nodesRef.current;\n      const currentEdges = edgesRef.current;\n\n      // Find the expanded container node to get its data\n      const expandedNode = currentNodes.find((n) => n.id === groupNodeId);\n      if (!expandedNode || !isExpandedWrapper(expandedNode.type)) return;\n      // A sub-flow still being laid out would expand into the collapsed graph\n      subFlowLayoutRun.current++;\n\n      // The wrapper carries a pre-expansion snapshot — use it so nested\n      // wrappers (created mid-session and therefore absent from initialNodes)\n      // collapse correctly. Fall back to initialNodes for wrappers expanded\n      // on a top-level node that was there from page load.\n      const stashed = (expandedNode.data as any).__preExpansion as\n        | {\n            node: Node;\n            edges: Edge[];\n            nodeIds: string[];\n            nodePositions?: Record<string, { x: number; y: number }>;\n            edgeRoutes?: Record<string, EdgeRoute>;\n          }\n        | undefined;\n      const originalNode =\n        stashed?.node ??\n        initialNodes.find(\n          (n: Node) =>\n            n.id === groupNodeId &&\n            (n.type === \"messageGroup\" ||\n              n.type === \"flows\" ||\n              n.type === \"flow\"),\n        );\n      if (!originalNode) return;\n      const originalEdges =\n        stashed?.edges ??\n        initialEdges.filter(\n          (edge: Edge) =>\n            edge.source === groupNodeId || edge.target === groupNodeId,\n        );\n\n      const childNodeIds = new Set(\n        currentNodes.filter((n) => n.parentId === groupNodeId).map((n) => n.id),\n      );\n\n      // Downstream nodes added on expand are those in the original node's\n      // expandedNodes that weren't in the graph just before the expand ran.\n      // Use the stashed pre-expansion id snapshot when present (so mid-\n      // session wrappers diff against their own \"before\"), else fall back\n      // to the initial page-load node set.\n      const originalData = originalNode.data as any;\n      const preExistingIds = new Set(\n        stashed ? stashed.nodeIds : initialNodes.map((n: Node) => n.id),\n      );\n      const downstreamNodeIds = new Set(\n        ((originalData.expandedNodes as any[]) || [])\n          .map((n: any) => n.id)\n          .filter((id: string) => !preExistingIds.has(id)),\n      );\n\n      const isDownstreamEdge = (edge: Edge) =>\n        edge.id.startsWith(`${groupNodeId}__`);\n\n      // Animate the layout transition\n      animateLayout();\n\n      // Swap: remove expanded container + children + downstream, restore compact node.\n      // Only remove downstream nodes that aren't still referenced by surviving edges\n      // (another expanded group may share the same channel/consumer nodes).\n      setNodes((prev) => {\n        // Compute which edges will survive the collapse\n        const nextEdges = currentEdges\n          .filter(\n            (edge) =>\n              !childNodeIds.has(edge.source) &&\n              !childNodeIds.has(edge.target) &&\n              !isDownstreamEdge(edge),\n          )\n          .concat(originalEdges);\n\n        // Nodes still referenced by surviving edges must be kept\n        const referencedByEdges = new Set<string>();\n        for (const edge of nextEdges) {\n          referencedByEdges.add(edge.source);\n          referencedByEdges.add(edge.target);\n        }\n\n        const without = prev\n          .filter(\n            (n) =>\n              n.id !== groupNodeId &&\n              !childNodeIds.has(n.id) &&\n              !(downstreamNodeIds.has(n.id) && !referencedByEdges.has(n.id)),\n          )\n          .map((n) => {\n            const stashedPosition = stashed?.nodePositions?.[n.id];\n            if (!stashedPosition || n.parentId) return n;\n            return { ...n, position: stashedPosition };\n          });\n        const next = [\n          ...without,\n          {\n            ...originalNode,\n            position:\n              stashed?.nodePositions?.[groupNodeId] ?? expandedNode.position,\n          },\n        ];\n        return next;\n      });\n      setEdges((prev) => {\n        const without = prev.filter(\n          (edge) =>\n            !childNodeIds.has(edge.source) &&\n            !childNodeIds.has(edge.target) &&\n            !isDownstreamEdge(edge),\n        );\n        // Edges go back to the routes they had before the expand\n        return [...without, ...originalEdges].map((edge) => {\n          const route = stashed?.edgeRoutes?.[edge.id];\n          return route ? { ...edge, data: { ...edge.data, route } } : edge;\n        });\n      });\n    },\n    [initialNodes, initialEdges, setNodes, setEdges, animateLayout],\n  );\n\n  // Store initial node positions for change detection (dev mode only)\n  useEffect(() => {\n    if (isDevMode && initialNodes.length > 0) {\n      const positions: Record<string, { x: number; y: number }> = {};\n      initialNodes.forEach((node: Node) => {\n        positions[node.id] = { x: node.position.x, y: node.position.y };\n      });\n      initialPositionsRef.current = positions;\n    }\n  }, [isDevMode, initialNodes]);\n\n  // Detect layout changes by comparing current positions to initial positions\n  const checkForLayoutChanges = useCallback(() => {\n    if (!isDevMode) return;\n    const initial = initialPositionsRef.current;\n    if (Object.keys(initial).length === 0) return;\n\n    const hasChanges = nodesRef.current.some((node) => {\n      const initialPos = initial[node.id];\n      return (\n        initialPos &&\n        (Math.abs(node.position.x - initialPos.x) > POSITION_CHANGE_THRESHOLD ||\n          Math.abs(node.position.y - initialPos.y) > POSITION_CHANGE_THRESHOLD)\n      );\n    });\n\n    setHasLayoutChanges(hasChanges);\n  }, [isDevMode]);\n\n  // Wrap onNodesChange to detect layout changes after node drag\n  const handleNodesChange = useCallback(\n    (changes: NodeChange[]) => {\n      onNodesChange(changes);\n      // Check for position changes after drag ends\n      const hasDragEnd = changes.some(\n        (change) => change.type === \"position\" && !change.dragging,\n      );\n      if (hasDragEnd) {\n        // Use setTimeout to ensure state is updated\n        setTimeout(checkForLayoutChanges, 0);\n      }\n    },\n    [onNodesChange, checkForLayoutChanges],\n  );\n\n  const resetNodesAndEdges = useCallback(() => {\n    setNodes((nds) =>\n      nds.map((node) => {\n        node.style = { ...node.style, opacity: 1 };\n        return {\n          ...node,\n          className: withWalkthroughCurrent(node, false),\n          animated: animateMessages,\n          selected: false,\n        };\n      }),\n    );\n    setEdges((eds) =>\n      eds.map((edge) => {\n        edge.style = { ...edge.style, opacity: 1 };\n        edge.labelStyle = { ...edge.labelStyle, opacity: 1 };\n        return {\n          ...edge,\n          data: { ...edge.data, opacity: 1, animated: animateMessages },\n          animated: animateMessages,\n        };\n      }),\n    );\n  }, [setNodes, setEdges, animateMessages]);\n\n  useEffect(() => {\n    if (!focusNodeId) return;\n    const targetNode = nodesRef.current.find((node) => node.id === focusNodeId);\n    if (!targetNode) return;\n\n    setNodes((nds) =>\n      nds.map((node) => ({\n        ...node,\n        selected: node.id === focusNodeId,\n      })),\n    );\n\n    requestAnimationFrame(() => {\n      fitView({\n        duration: 450,\n        padding: 0.35,\n        nodes: [targetNode],\n      });\n    });\n  }, [focusNodeId, focusRequestId, fitView, setNodes]);\n\n  useEffect(() => {\n    if (fitRequestId == null) return;\n    requestAnimationFrame(() => {\n      fitView({ duration: 400, padding: 0.2 });\n    });\n  }, [fitRequestId, fitView]);\n\n  const handleNodeClick = useCallback(\n    (_: any, node: Node) => {\n      // If custom onNodeClick is provided, use it\n      if (onNodeClick) {\n        onNodeClick(node);\n        return;\n      }\n\n      // Disable focus mode for flow and entity visualizations — but allow\n      // flow-type nodes that carry precomputed expandedNodes to continue\n      // through to the inline expand handler below.\n      const isFlow = edgesRef.current.some(\n        (edge: Edge) => edge.type === \"flow-edge\",\n      );\n      const isEntityVisualizer = nodesRef.current.some(\n        (n: Node) => n.type === \"entities\",\n      );\n      const isExpandableFlow =\n        (node.type === \"flows\" || node.type === \"flow\") &&\n        Array.isArray((node.data as any)?.expandedNodes) &&\n        (node.data as any).expandedNodes.length > 0;\n      if ((isFlow || isEntityVisualizer) && !isExpandableFlow) return;\n      // Sub-flows expand into the graph as laid out without lanes\n      if (isExpandableFlow && swimlanesRef.current) return;\n      if (isSwimlaneNode(node)) return;\n\n      // Disable focus mode for domain and expanded group nodes\n      if (node.type === \"domain\" || node.type === \"domains\") return;\n      // System nodes navigate to their map on click (handled by the node itself),\n      // so don't open the focus-mode modal for them.\n      if (node.type === \"system\" || node.type === \"systems\") return;\n      // Context-diagram actor nodes are non-interactive — clicking does nothing.\n      if (node.type === \"context-actor\") return;\n      // The system-group boundary box on the System Diagram is just a container.\n      if (node.type === \"system-group\") return;\n      if (isExpandedWrapper(node.type)) return;\n\n      // Handle messageGroup click — expand inline\n      if (node.type === \"messageGroup\") {\n        const groupData = node.data as any;\n        const groupNodeId = node.id;\n        const currentGroupNode = getExpandedMessageGroupNode(\n          nodesRef.current,\n          groupNodeId,\n        );\n        if (currentGroupNode?.type === \"messageGroupExpanded\") {\n          const measured = (currentGroupNode as any)?.measured;\n          const width =\n            measured?.width ??\n            (currentGroupNode.style?.width as number | undefined) ??\n            380;\n          const height =\n            measured?.height ??\n            (currentGroupNode.style?.height as number | undefined) ??\n            300;\n\n          setCenter(\n            currentGroupNode.position.x + width / 2,\n            currentGroupNode.position.y + height / 2,\n            {\n              duration: 300,\n              zoom: Math.min(Math.max(getZoom(), 0.55), 1),\n            },\n          );\n          return;\n        }\n\n        const serviceNodeId = `${groupData.service.id}-${groupData.service.version}`;\n\n        // Calculate expanded container dimensions based on message count\n        const childCount = groupData.messages?.length || 0;\n        const containerWidth = 380;\n        const containerHeight = childCount * 190 + 100; // 190px per child + header + padding\n\n        // Capture the node, its edges, and the set of node ids as they are\n        // right now so collapse can (a) restore the pre-expansion node/edges\n        // verbatim even for wrappers created mid-session, and (b) identify\n        // which downstream nodes were newly introduced by this expansion.\n        const preExpansionEdges = edgesRef.current.filter(\n          (e) => e.source === groupNodeId || e.target === groupNodeId,\n        );\n        const preExpansionNodeIds = nodesRef.current.map((n) => n.id);\n        const preExpansionNodePositions = Object.fromEntries(\n          nodesRef.current.map((n) => [n.id, { ...n.position }]),\n        );\n\n        const expandedContainerNode: Node = {\n          id: groupNodeId,\n          type: \"messageGroupExpanded\",\n          position: node.position,\n          data: {\n            groupName: groupData.groupName,\n            direction: groupData.direction,\n            messageCount: childCount,\n            onCollapse: groupNodeId,\n            __preExpansion: {\n              node,\n              edges: preExpansionEdges,\n              nodeIds: preExpansionNodeIds,\n              nodePositions: preExpansionNodePositions,\n            },\n          },\n          style: {\n            width: containerWidth,\n            height: containerHeight,\n          },\n        };\n\n        // Build child message nodes (operation fields are pre-computed server-side)\n        const childNodes: Node[] = (groupData.messages || []).map(\n          (item: any, index: number) => {\n            const msg = item.message;\n            const msgId = `${msg.data.id}-${msg.data.version}`;\n            return {\n              id: `${groupNodeId}__${msgId}`,\n              type: msg.collection,\n              parentId: groupNodeId,\n              extent: \"parent\" as const,\n              position: { x: 70, y: 70 + index * 190 },\n              data: {\n                mode: groupData.mode || \"simple\",\n                message: { ...msg.data },\n              },\n            } as Node;\n          },\n        );\n\n        // Map original message IDs → child node IDs (used for edge remapping)\n        const msgIdToChildId = new Map<string, string>();\n        for (const item of groupData.messages || []) {\n          const msg = item.message;\n          const msgId = `${msg.data.id}-${msg.data.version}`;\n          msgIdToChildId.set(msgId, `${groupNodeId}__${msgId}`);\n        }\n\n        // Build service↔child edges.\n        // For sends: always create service → child (we stripped this edge server-side).\n        // For receives: only create child → service when no channel path already\n        //   connects this message to the service through downstream edges.\n        const childEdges = buildChildEdges(\n          groupData,\n          groupNodeId,\n          serviceNodeId,\n          msgIdToChildId,\n          animateMessages,\n        );\n\n        // Downstream nodes/edges: pre-computed server-side (channels, consumers, producers).\n        // Remap edge endpoints from original message IDs to child node IDs.\n        // Deduplicate by ID — multiple grouped messages may share the same downstream path.\n        // When channels are hidden, filter out channel nodes and their edges.\n        const channelsHidden = hideChannelsRef.current;\n        const channelNodeIds = channelsHidden\n          ? new Set(\n              (groupData.expandedNodes || [])\n                .filter((n: any) => n.type === \"channels\")\n                .map((n: any) => n.id),\n            )\n          : new Set<string>();\n\n        const downstreamNodes: Node[] = (groupData.expandedNodes || []).filter(\n          (n: any) => !channelNodeIds.has(n.id),\n        );\n\n        const seenEdgeIds = new Set<string>();\n        const downstreamEdges: Edge[] = (groupData.expandedEdges || [])\n          .map((e: any) => ({\n            ...e,\n            type: \"animated\",\n            source: msgIdToChildId.get(e.source) || e.source,\n            target: msgIdToChildId.get(e.target) || e.target,\n            id: `${groupNodeId}__${e.id}`,\n          }))\n          .filter((e: Edge) => {\n            if (seenEdgeIds.has(e.id)) return false;\n            seenEdgeIds.add(e.id);\n            // Drop edges that touch a hidden channel node\n            if (channelNodeIds.has(e.source) || channelNodeIds.has(e.target))\n              return false;\n            return true;\n          });\n\n        // Animate the layout transition\n        animateLayout();\n\n        // Swap: remove compact node + its edge, add expanded container + children + downstream + edges\n        setNodes((prev) => {\n          const downstreamX =\n            groupData.direction === \"sends\"\n              ? node.position.x + containerWidth + 260\n              : node.position.x - 420;\n          const downstreamY = node.position.y + 40;\n          return buildMessageGroupExpansionNodes({\n            currentNodes: prev,\n            groupNodeId,\n            expandedContainerNode,\n            childNodes,\n            downstreamNodes,\n            getDownstreamPosition: (_downstreamNode, index) => ({\n              x: downstreamX,\n              y: downstreamY + index * 190,\n            }),\n          }) as Node[];\n        });\n        setEdges((prev) => {\n          const without = prev.filter(\n            (e) => e.source !== groupNodeId && e.target !== groupNodeId,\n          );\n          return [...without, ...childEdges, ...downstreamEdges];\n        });\n\n        // After React renders the new nodes, measure actual sizes, resize container, and distribute evenly\n        requestAnimationFrame(() => {\n          let actualContainerBounds = {\n            x: node.position.x,\n            y: node.position.y,\n            width: containerWidth,\n            height: containerHeight,\n          };\n\n          setNodes((prev) => {\n            const children = prev.filter((n) => n.parentId === groupNodeId);\n            if (children.length === 0) return prev;\n\n            // Measure actual rendered dimensions\n            const measurements = children.map((n) => {\n              const el = document.querySelector(\n                `[data-id=\"${n.id}\"]`,\n              ) as HTMLElement | null;\n              return {\n                id: n.id,\n                w: el?.offsetWidth ?? 240,\n                h: el?.offsetHeight ?? 120,\n              };\n            });\n\n            const padding = 30;\n            const headerH = 50;\n            const gap = 25;\n            const totalChildH =\n              measurements.reduce((sum, m) => sum + m.h, 0) +\n              gap * (measurements.length - 1);\n            const actualContainerH = headerH + totalChildH + padding * 2;\n\n            let currentY = headerH + padding;\n            actualContainerBounds = {\n              x: node.position.x,\n              y: node.position.y,\n              width: containerWidth,\n              height: actualContainerH,\n            };\n\n            return prev.map((n) => {\n              // Resize the container to fit actual content\n              if (n.id === groupNodeId) {\n                actualContainerBounds = {\n                  x: n.position.x,\n                  y: n.position.y,\n                  width: containerWidth,\n                  height: actualContainerH,\n                };\n                return {\n                  ...n,\n                  style: {\n                    ...n.style,\n                    height: actualContainerH,\n                  },\n                };\n              }\n              if (n.parentId !== groupNodeId) return n;\n              const m = measurements.find((m) => m.id === n.id);\n              if (!m) return n;\n              const x = Math.max(0, (containerWidth - m.w) / 2);\n              const y = currentY;\n              currentY += m.h + gap;\n              return { ...n, position: { x, y } };\n            });\n          });\n\n          requestAnimationFrame(() => {\n            const groupNode = getNodes().find((n) => n.id === groupNodeId);\n            const measured = (groupNode as any)?.measured;\n            const width =\n              measured?.width ??\n              (groupNode?.style?.width as number | undefined) ??\n              containerWidth;\n            const height =\n              measured?.height ??\n              (groupNode?.style?.height as number | undefined) ??\n              actualContainerBounds.height;\n            const bounds = {\n              x: groupNode?.position.x ?? actualContainerBounds.x,\n              y: groupNode?.position.y ?? actualContainerBounds.y,\n              width,\n              height,\n            };\n\n            makeRoomForRenderedExpandedGroup(groupNodeId, bounds);\n            setCenter(bounds.x + width / 2, bounds.y + height / 2, {\n              duration: 450,\n              zoom: Math.min(Math.max(getZoom(), 0.55), 1),\n            });\n          });\n        });\n\n        return;\n      }\n\n      // Handle flow-reference click — inline-expand the sub-flow\n      if (isExpandableFlow) {\n        const flowData = node.data as any;\n        const flowNodeId = node.id;\n        const subFlowNodes: any[] = flowData.expandedNodes || [];\n        const subFlowEdges: any[] = flowData.expandedEdges || [];\n\n        const childNodes: Node[] = subFlowNodes.map((child) => ({\n          ...child,\n          parentId: flowNodeId,\n          extent: \"parent\" as const,\n          position: { x: 0, y: 0 },\n        }));\n\n        // Capture the node, its edges, and the set of node ids as they are\n        // right now so collapse can (a) restore the pre-expansion node/edges\n        // verbatim even for wrappers created mid-session, and (b) identify\n        // which downstream nodes were newly introduced by this expansion.\n        const preExpansionEdges = edgesRef.current.filter(\n          (e) => e.source === flowNodeId || e.target === flowNodeId,\n        );\n        const preExpansionNodeIds = nodesRef.current.map((n) => n.id);\n        // Where everything was, so collapsing puts the graph back as it was\n        const preExpansionPositions = Object.fromEntries(\n          nodesRef.current\n            .filter((n) => !n.parentId)\n            .map((n) => [n.id, n.position]),\n        );\n        const preExpansionRoutes = Object.fromEntries(\n          edgesRef.current\n            .filter((e) => e.data?.route)\n            .map((e) => [e.id, e.data!.route as EdgeRoute]),\n        );\n\n        const expandedContainerNode: Node = {\n          id: flowNodeId,\n          type: \"flowExpanded\",\n          position: node.position,\n          data: {\n            flowName: flowData.flow?.name || flowData.flow?.data?.name,\n            version: flowData.flow?.version || flowData.flow?.data?.version,\n            __preExpansion: {\n              node,\n              edges: preExpansionEdges,\n              nodeIds: preExpansionNodeIds,\n              nodePositions: preExpansionPositions,\n              edgeRoutes: preExpansionRoutes,\n            },\n          },\n          // Sized to fit its children when the graph is laid out\n          style: {\n            background: \"transparent\",\n            border: \"none\",\n            padding: 0,\n            overflow: \"visible\",\n          },\n        };\n\n        const childIds = new Set(childNodes.map((n) => n.id));\n        const hasIncoming = new Set<string>();\n        const hasOutgoing = new Set<string>();\n        for (const e of subFlowEdges) {\n          if (childIds.has(e.target)) hasIncoming.add(e.target);\n          if (childIds.has(e.source)) hasOutgoing.add(e.source);\n        }\n        const entryChildIds = childNodes\n          .map((n) => n.id)\n          .filter((id) => !hasIncoming.has(id));\n        const terminalChildIds = childNodes\n          .map((n) => n.id)\n          .filter((id) => !hasOutgoing.has(id));\n\n        // Reroute the parent graph's edges across the sub-flow's boundary:\n        // each predecessor now targets every entry child; each successor\n        // sources from every terminal child.\n        const currentEdges = edgesRef.current;\n        const predecessorEdges = currentEdges.filter(\n          (e: Edge) => e.target === flowNodeId,\n        );\n        const successorEdges = currentEdges.filter(\n          (e: Edge) => e.source === flowNodeId,\n        );\n\n        const stitchedPredecessors: Edge[] = [];\n        for (const e of predecessorEdges) {\n          for (const entryId of entryChildIds.length > 0\n            ? entryChildIds\n            : [flowNodeId]) {\n            stitchedPredecessors.push({\n              ...e,\n              id: `${e.id}__to__${entryId}`,\n              target: entryId,\n            });\n          }\n        }\n        const stitchedSuccessors: Edge[] = [];\n        for (const e of successorEdges) {\n          for (const terminalId of terminalChildIds.length > 0\n            ? terminalChildIds\n            : [flowNodeId]) {\n            stitchedSuccessors.push({\n              ...e,\n              id: `${e.id}__from__${terminalId}`,\n              source: terminalId,\n            });\n          }\n        }\n\n        // Lay the graph out again with the sub-flow expanded in place (only\n        // the latest layout is applied)\n        const run = ++subFlowLayoutRun.current;\n        const currentNodes = nodesRef.current;\n        layoutWithElk({\n          nodes: [\n            ...currentNodes.filter((n) => n.id !== flowNodeId),\n            expandedContainerNode,\n            ...childNodes,\n          ],\n          edges: [\n            ...currentEdges.filter(\n              (e) => e.source !== flowNodeId && e.target !== flowNodeId,\n            ),\n            ...subFlowEdges,\n            ...stitchedPredecessors,\n            ...stitchedSuccessors,\n          ],\n        }).then((expanded) => {\n          if (run !== subFlowLayoutRun.current) return;\n          animateLayout();\n          setNodes(expanded.nodes);\n          setEdges(expanded.edges);\n          // Called straight after setNodes so React Flow fits once they're measured\n          fitView({ duration: 400, padding: 0.2 });\n        });\n\n        return;\n      }\n\n      // Legacy behavior for linksToVisualiser (deprecated - use onNodeClick instead).\n      // Keep this after inline expand handlers so embedded overview graphs can\n      // still expand message groups/sub-flows without opening focus mode.\n      if (linksToVisualiser && onNavigate) {\n        return;\n      }\n\n      // Open focus mode modal\n      setFocusedNodeId(node.id);\n      setFocusModeOpen(true);\n    },\n    [\n      onNodeClick,\n      linksToVisualiser,\n      onNavigate,\n      makeRoomForRenderedExpandedGroup,\n      getNodes,\n      getZoom,\n      setCenter,\n    ],\n  );\n\n  const toggleAnimateMessages = useCallback(() => {\n    setAnimateMessages((prev) => {\n      const next = !prev;\n      localStorage.setItem(\n        \"EventCatalog:animateMessages\",\n        JSON.stringify(next),\n      );\n      return next;\n    });\n  }, []);\n\n  // Handle fit to view\n  const handleFitView = useCallback(() => {\n    fitView({ maxZoom: 1, duration: 400, padding: 0.2 });\n  }, [fitView]);\n\n  // animate messages, between views\n  // Priority: disableMessageAnimation > animated prop > URL parameter > localStorage > auto (disabled for large graphs)\n  useEffect(() => {\n    // Some graphs (e.g. the Context Diagram) aren't message flows, so animation\n    // is unsupported — always off, ignoring every other source.\n    if (disableMessageAnimation) {\n      setAnimateMessages(false);\n      return;\n    }\n\n    if (animated !== undefined) {\n      setAnimateMessages(animated);\n      return;\n    }\n\n    const urlParams = new URLSearchParams(window.location.search);\n    const animateParam = urlParams.get(\"animate\");\n\n    if (animateParam === \"true\") {\n      setAnimateMessages(true);\n    } else if (animateParam === \"false\") {\n      setAnimateMessages(false);\n    } else {\n      // Fall back to localStorage if no URL parameter\n      const storedAnimateMessages = localStorage.getItem(\n        \"EventCatalog:animateMessages\",\n      );\n      if (storedAnimateMessages !== null) {\n        setAnimateMessages(storedAnimateMessages === \"true\");\n      } else {\n        // Auto-disable animation for large graphs to keep the canvas responsive\n        setAnimateMessages(initialNodes.length <= LARGE_GRAPH_NODE_THRESHOLD);\n      }\n    }\n  }, [animated, disableMessageAnimation, initialNodes.length]);\n\n  useEffect(() => {\n    setEdges((eds) => applyMessageAnimation(eds, animateMessages));\n  }, [animateMessages]);\n\n  useEffect(() => {\n    // The switch animation fits the view after switching graphs\n    if (transitionFrom) return;\n    setTimeout(() => {\n      fitView({ maxZoom: 1, duration: 800 });\n    }, 150);\n  }, []);\n\n  // Generate mermaid code lazily (only when needed for copy)\n  const generateMermaidCode = useCallback(() => {\n    try {\n      return convertToMermaid(nodesRef.current, edgesRef.current, {\n        includeStyles: true,\n        direction: \"LR\",\n      });\n    } catch (error) {\n      console.error(\"Error generating mermaid code:\", error);\n      return \"\";\n    }\n  }, []);\n\n  // Handle scroll wheel events to forward to page when no modifier keys are pressed\n  // Only when zoomOnScroll is disabled\n  // This is a fix for when we embed node graphs into pages, and users are scrolling the documentation pages\n  // We dont want REACT FLOW to swallow the scroll events, so we forward them to the parent page\n  useEffect(() => {\n    // Skip scroll handling if zoomOnScroll is enabled\n    if (zoomOnScroll) return;\n\n    // Cache the scrollable container on mount (expensive operation done once)\n    const findScrollableContainer = (): HTMLElement | null => {\n      // Try specific known selectors first (fast)\n      const selectors = [\n        \".docs-layout .overflow-y-auto\",\n        \".overflow-y-auto\",\n        '[style*=\"overflow-y:auto\"]',\n        '[style*=\"overflow-y: auto\"]',\n      ];\n\n      for (const selector of selectors) {\n        const element = document.querySelector(selector) as HTMLElement;\n        if (element) return element;\n      }\n\n      return null;\n    };\n\n    // Find and cache the scrollable container once\n    if (!scrollableContainerRef.current) {\n      scrollableContainerRef.current = findScrollableContainer();\n    }\n\n    const handleWheel = (event: WheelEvent) => {\n      // Only forward scroll if no modifier keys are pressed\n      if (!event.ctrlKey && !event.shiftKey && !event.metaKey) {\n        event.preventDefault();\n\n        const scrollableContainer = scrollableContainerRef.current;\n\n        if (scrollableContainer) {\n          scrollableContainer.scrollBy({\n            top: event.deltaY,\n            left: event.deltaX,\n            behavior: \"instant\",\n          });\n        } else {\n          // Fallback to window scroll\n          window.scrollBy({\n            top: event.deltaY,\n            left: event.deltaX,\n            behavior: \"instant\",\n          });\n        }\n      }\n    };\n\n    const wrapper = reactFlowWrapperRef.current;\n    if (wrapper) {\n      wrapper.addEventListener(\"wheel\", handleWheel, { passive: false });\n      return () => {\n        wrapper.removeEventListener(\"wheel\", handleWheel);\n      };\n    }\n  }, [zoomOnScroll]);\n\n  const handlePaneClick = useCallback(() => {\n    searchRef.current?.hideSuggestions();\n    resetNodesAndEdges();\n    fitView({ maxZoom: 1, duration: 800 });\n  }, [resetNodesAndEdges, fitView]);\n\n  const handleNodeSelect = useCallback(\n    (node: Node) => {\n      handleNodeClick(null, node);\n    },\n    [handleNodeClick],\n  );\n\n  const handleSearchClear = useCallback(() => {\n    resetNodesAndEdges();\n    fitView({ maxZoom: 1, duration: 800 });\n  }, [resetNodesAndEdges, fitView]);\n\n  const downloadImage = useCallback((dataUrl: string, filename?: string) => {\n    const a = document.createElement(\"a\");\n    a.setAttribute(\"download\", `${filename || \"eventcatalog\"}.png`);\n    a.setAttribute(\"href\", dataUrl);\n    a.click();\n  }, []);\n\n  const openChat = useCallback(() => {\n    window.dispatchEvent(new CustomEvent(\"eventcatalog:open-chat\"));\n  }, []);\n\n  // Layout persistence handlers (dev mode only)\n  const handleSaveLayout = useCallback(async (): Promise<boolean> => {\n    if (!resourceKey || !onSaveLayout) return false;\n    // Grouping is only a way of looking at the graph: grouped, nodes are\n    // placed inside their groups, which a saved layout can't show\n    if (swimlanesRef.current) return false;\n\n    const positions: Record<string, { x: number; y: number }> = {};\n    nodesRef.current.forEach((node) => {\n      if (isSwimlaneNode(node)) return;\n      positions[node.id] = {\n        x: node.position.x,\n        y: node.position.y,\n      };\n    });\n\n    return await onSaveLayout(resourceKey, positions);\n  }, [resourceKey, onSaveLayout]);\n\n  const handleResetLayout = useCallback(async (): Promise<boolean> => {\n    if (!resourceKey || !onResetLayout) return false;\n    return await onResetLayout(resourceKey);\n  }, [resourceKey, onResetLayout]);\n\n  // Quick save handler for the change detection UI\n  const handleQuickSaveLayout = useCallback(async () => {\n    setIsSavingLayout(true);\n    const success = await handleSaveLayout();\n    setIsSavingLayout(false);\n    if (success) {\n      // Update initial positions to current positions after save\n      const positions: Record<string, { x: number; y: number }> = {};\n      nodesRef.current.forEach((node) => {\n        positions[node.id] = { x: node.position.x, y: node.position.y };\n      });\n      initialPositionsRef.current = positions;\n      setHasLayoutChanges(false);\n    }\n  }, [handleSaveLayout]);\n\n  const handleCopyArchitectureCode = useCallback(async () => {\n    const code = generateMermaidCode();\n    await copyToClipboard(code);\n  }, [generateMermaidCode]);\n\n  const handleCopyShareUrl = useCallback(async () => {\n    const url = typeof window !== \"undefined\" ? window.location.href : \"\";\n    await copyToClipboard(url);\n    setShareUrlCopySuccess(true);\n    setTimeout(() => setShareUrlCopySuccess(false), 2000);\n  }, []);\n\n  const toggleFullScreen = useCallback(() => {\n    if (!document.fullscreenElement) {\n      reactFlowWrapperRef.current?.requestFullscreen().catch((err) => {\n        console.error(\n          `Error attempting to enable full-screen mode: ${err.message} (${err.name})`,\n        );\n      });\n    } else {\n      document.exitFullscreen();\n    }\n  }, []);\n\n  useEffect(() => {\n    const handleFullscreenChange = () => {\n      _setIsFullscreen(!!document.fullscreenElement);\n      setTimeout(() => {\n        fitView({ duration: 800 });\n      }, 100);\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () => {\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n    };\n  }, [fitView]);\n\n  const handleExportVisual = useCallback(() => {\n    // nodeLookup resolves child node positions (relative to their parent\n    // group) to absolute coordinates — without it grouped graphs get cropped\n    const nodesBounds = getNodesBounds(getNodes(), {\n      nodeLookup: storeApi.getState().nodeLookup,\n    });\n    const { width, height, viewport } = getExportImageDimensions(nodesBounds);\n\n    // Hide controls during export\n    const controls = document.querySelector(\n      \".react-flow__controls\",\n    ) as HTMLElement;\n    if (controls) controls.style.display = \"none\";\n\n    const viewportElement = document.querySelector(\n      \".react-flow__viewport\",\n    ) as HTMLElement;\n    const removeExportStyles = injectExportStyles(viewportElement);\n\n    toPng(viewportElement, {\n      backgroundColor: \"#f1f1f1\",\n      width,\n      height,\n      style: {\n        width: `${width}px`,\n        height: `${height}px`,\n        transform: `translate(${viewport.x}px, ${viewport.y}px) scale(${viewport.zoom})`,\n      },\n    })\n      .then((dataUrl: string) => {\n        downloadImage(dataUrl, title);\n      })\n      .finally(() => {\n        removeExportStyles();\n        if (controls) controls.style.display = \"block\";\n      });\n  }, [getNodes, storeApi, downloadImage, title]);\n\n  const getNodesByCollectionWithColors = useCallback((nodes: Node<any>[]) => {\n    const colorClasses = {\n      events: \"bg-orange-600\",\n      agent: \"bg-sky-600\",\n      agents: \"bg-sky-600\",\n      agentTool: \"bg-violet-600\",\n      \"agent-tool\": \"bg-violet-600\",\n      services: \"bg-pink-600\",\n      flows: \"bg-teal-600\",\n      commands: \"bg-blue-600\",\n      queries: \"bg-green-600\",\n      channels: \"bg-gray-600\",\n      externalSystem: \"bg-pink-600\",\n      systems: \"bg-purple-600\",\n      system: \"bg-purple-600\",\n      actor: \"bg-yellow-500\",\n      \"context-actor\": \"bg-yellow-500\",\n      step: \"bg-gray-700\",\n      data: \"bg-blue-600\",\n      \"data-products\": \"bg-indigo-600\",\n      field: \"bg-cyan-600\",\n      messageGroup: \"bg-violet-600\",\n      messageGroupExpanded: \"bg-violet-600\",\n    };\n\n    let legendForDomains: {\n      [key: string]: { count: number; colorClass: string; groupId: string };\n    } = {};\n\n    // Find any groups\n    const domainGroups = [\n      ...new Set(\n        nodes\n          .filter(\n            (node) => node.data.group && node.data.group?.type === \"Domain\",\n          )\n          .map((node) => node.data.group?.id),\n      ),\n    ];\n\n    domainGroups.forEach((groupId) => {\n      const group = nodes.filter(\n        (node) => node.data.group && node.data.group?.id === groupId,\n      );\n      legendForDomains[`${groupId} (Domain)`] = {\n        count: group.length,\n        colorClass: \"bg-yellow-600\",\n        groupId,\n      };\n    });\n\n    const legendForNodes = nodes.reduce(\n      (\n        acc: {\n          [key: string]: {\n            count: number;\n            colorClass: string;\n            groupId?: string;\n          };\n        },\n        node,\n      ) => {\n        const collection = node.type;\n        // Group boundaries aren't something to count or hide\n        if (collection && !GROUP_NODE_TYPES.includes(collection)) {\n          if (acc[collection]) {\n            acc[collection].count += 1;\n          } else {\n            acc[collection] = {\n              count: 1,\n              colorClass:\n                colorClasses[collection as keyof typeof colorClasses] ||\n                \"bg-black\",\n            };\n          }\n        }\n        return acc;\n      },\n      {},\n    );\n\n    return { ...legendForDomains, ...legendForNodes };\n  }, []);\n\n  // Legend only depends on node types and groups, not positions.\n  // Use a ref to avoid recomputing the key string on every drag tick.\n  const legendKeyRef = useRef(\"\");\n  const computedLegendKey = nodes\n    .map((n: Node<any>) => `${n.id}:${n.type}:${n.data.group?.id || \"\"}`)\n    .join(\",\");\n  if (computedLegendKey !== legendKeyRef.current) {\n    legendKeyRef.current = computedLegendKey;\n  }\n  const legendKey = legendKeyRef.current;\n\n  const graphLegend = useMemo(\n    () => getNodesByCollectionWithColors(nodes),\n    [getNodesByCollectionWithColors, legendKey],\n  );\n  // Hidden entries stay listed (their nodes are no longer in the graph), in the\n  // order entries were first listed\n  // Starting with the whole graph's, for entries already hidden\n  const legendEntries = useRef<Record<string, LegendEntry> | null>(null);\n  const legend = useMemo(() => {\n    legendEntries.current ??= getNodesByCollectionWithColors(initialNodes);\n    Object.assign(legendEntries.current, graphLegend);\n    return Object.fromEntries(\n      Object.entries(legendEntries.current).filter(\n        ([key]) => key in graphLegend || hiddenLegendKeys.includes(key),\n      ),\n    );\n  }, [graphLegend, hiddenLegendKeys]);\n  legendRef.current = legend;\n\n  // Stable key derived from node IDs — only changes when nodes are added/removed,\n  // not when positions change during drag. Used by search, legend, and notes.\n  const nodeIdsKeyRef = useRef(\"\");\n  const computedNodeIdsKey = nodes.map((n) => n.id).join(\",\");\n  if (computedNodeIdsKey !== nodeIdsKeyRef.current) {\n    nodeIdsKeyRef.current = computedNodeIdsKey;\n  }\n  const nodeIdsKey = nodeIdsKeyRef.current;\n\n  const searchNodes = useMemo(\n    () => nodes.filter((node) => !isSwimlaneNode(node)),\n    [nodeIdsKey],\n  );\n\n  // Collect notes across all nodes for the dropdown menu item.\n  // Notes don't change during drag — use nodeIdsKey for stability.\n  const allNoteGroups = useMemo(() => {\n    const groups: {\n      nodeId: string;\n      name: string;\n      notes: any[];\n      nodeType: string;\n    }[] = [];\n    for (const node of nodes) {\n      const result = getNotesFromNode(node);\n      if (result) {\n        groups.push({\n          nodeId: node.id,\n          name: result.name,\n          notes: result.notes,\n          nodeType: result.nodeType,\n        });\n      }\n    }\n    return groups;\n  }, [nodeIdsKey]);\n\n  const totalNotesCount = useMemo(\n    () => allNoteGroups.reduce((sum, g) => sum + g.notes.length, 0),\n    [allNoteGroups],\n  );\n\n  // The steps walked so far in the flow walkthrough, numbered on the canvas\n  const [walkthroughTrail, setWalkthroughTrail] = useState<string[]>([]);\n  // The same, for handlers that run after the graph changes (e.g. regrouping)\n  const walkthroughTrailRef = useRef<string[]>([]);\n  // A walkthrough step: the way taken to it stays lit (numbered, its edges\n  // solid), the ways on from it are lit and moving, and the rest fades back.\n  // The view fits the step and the steps it can go on to.\n  const handleStepChange = useCallback(\n    (\n      nodeId: string | null,\n      shouldZoomOut?: boolean,\n      trail: string[] = nodeId ? [nodeId] : [],\n    ) => {\n      if (nodeId === null) {\n        resetNodesAndEdges();\n        setWalkthroughTrail([]);\n        walkthroughTrailRef.current = [];\n        _setActiveStepIndex(null);\n        if (shouldZoomOut) {\n          setTimeout(() => {\n            fitView({ duration: 800, padding: 0.1 });\n          }, 100);\n        }\n        return;\n      }\n\n      // Read through refs, so the handler stays the same while nodes move\n      const nodes = nodesRef.current;\n      const edges = edgesRef.current;\n      const activeNode = nodes.find((node: Node) => node.id === nodeId);\n      if (!activeNode) return;\n\n      const walked = new Set(trail);\n      const walkedEdges = new Set<string>();\n      trail.slice(1).forEach((target, index) => {\n        const source = trail[index];\n        edges.forEach((edge: Edge) => {\n          if (edge.source === source && edge.target === target)\n            walkedEdges.add(edge.id);\n        });\n      });\n      const nextEdges = edges.filter((edge: Edge) => edge.source === nodeId);\n      const nextNodeIds = new Set(nextEdges.map((edge) => edge.target));\n\n      const opacityOf = (node: Node) =>\n        walked.has(node.id) || isSwimlaneNode(node)\n          ? 1\n          : nextNodeIds.has(node.id)\n            ? 0.75\n            : 0.15;\n      setNodes(\n        nodes.map((node: Node) => ({\n          ...node,\n          className: withWalkthroughCurrent(node, node.id === nodeId),\n          style: { ...node.style, opacity: opacityOf(node) },\n        })),\n      );\n      setEdges(\n        edges.map((edge: Edge) => {\n          const isNext = edge.source === nodeId;\n          const lit = isNext || walkedEdges.has(edge.id);\n          return {\n            ...edge,\n            data: { ...edge.data, opacity: lit ? 1 : 0.15, animated: isNext },\n            style: {\n              ...edge.style,\n              opacity: lit ? 1 : 0.15,\n              strokeWidth: lit ? 3 : 2,\n            },\n            labelStyle: { ...edge.labelStyle, opacity: lit ? 1 : 0.15 },\n            animated: isNext,\n          };\n        }),\n      );\n      setWalkthroughTrail(trail);\n      walkthroughTrailRef.current = trail;\n\n      // The step and where it can go next, not zoomed in so far the flow is\n      // lost, in the canvas above the walkthrough card\n      const canvas = reactFlowWrapperRef.current?.getBoundingClientRect();\n      if (!canvas) return;\n      const bounds = getNodesBounds([nodeId, ...nextNodeIds], {\n        nodeLookup: storeApi.getState().nodeLookup,\n      });\n      const cardSpace = Math.min(WALKTHROUGH_CARD_SPACE, canvas.height * 0.35);\n      setViewport(\n        getViewportForBounds(\n          bounds,\n          canvas.width,\n          canvas.height - cardSpace,\n          0.1,\n          0.9,\n          0.15,\n        ),\n        { duration: 700 },\n      );\n    },\n    [setNodes, setEdges, resetNodesAndEdges, setViewport, storeApi],\n  );\n\n  // Swimlanes: a flow's steps grouped into lanes by domain, system or team.\n  // The graph without lanes is kept to lay out again from, and to go back to.\n  const swimlaneOptions = useMemo(\n    () =>\n      isFlowGraph\n        ? FLOW_GROUP_BYS.filter((groupBy) =>\n            hasSwimlanes(initialNodes, groupBy),\n          )\n        : [],\n    [isFlowGraph, initialNodes],\n  );\n  const swimlaneCounts = useMemo(\n    () =>\n      Object.fromEntries(\n        swimlaneOptions.map((groupBy) => [\n          groupBy,\n          countGroups(initialNodes, groupBy),\n        ]),\n      ),\n    [swimlaneOptions, initialNodes],\n  );\n  // Each time the graph is shown grouped another way (see below)\n  const [groupingShown, setGroupingShown] = useState(0);\n  // Grouping into boxes is laid out (async), so only the latest is shown\n  const groupingRun = useRef(0);\n  const handleSwimlanesChange = useCallback(\n    (\n      requested: FlowGroupBy | null,\n      style: FlowGroupStyle = swimlaneStyleRef.current,\n    ) => {\n      // Lanes don't nest, so domains with their systems become domains\n      const groupBy =\n        style === \"lanes\" && requested === \"domain-system\"\n          ? \"domain\"\n          : requested;\n      if (\n        groupBy === swimlanesRef.current &&\n        style === swimlaneStyleRef.current\n      )\n        return;\n      const unlaned = unlanedGraphRef.current ?? {\n        nodes: nodesRef.current,\n        edges: edgesRef.current,\n      };\n      unlanedGraphRef.current = groupBy ? unlaned : null;\n      swimlanesRef.current = groupBy;\n      swimlaneStyleRef.current = style;\n      setSwimlanes(groupBy);\n      setSwimlaneStyle(style);\n\n      const run = ++groupingRun.current;\n      const show = (next: { nodes: Node[]; edges: Edge[] }) => {\n        if (run !== groupingRun.current) return;\n        animateLayout();\n        setNodes(next.nodes);\n        setEdges(next.edges);\n        // Once shown, the walkthrough picks up where it was (see below)\n        setGroupingShown((count) => count + 1);\n      };\n      if (!groupBy) show(unlaned);\n      else if (style === \"lanes\" && groupBy !== \"domain-system\")\n        show(layoutSwimlanes(unlaned, groupBy, { sizeOf: renderedSizeOf }));\n      else\n        groupIntoBoxes(unlaned, groupBy, { sizeOf: renderedSizeOf }).then(show);\n\n      setGroupInUrl(groupBy, style);\n    },\n    [animateLayout, setNodes, setEdges, renderedSizeOf],\n  );\n  // Each time the graph is shown grouped another way: a walkthrough carries\n  // on from the step it was on (lit, numbered and in view in the new layout),\n  // otherwise the whole graph is shown, without any walkthrough styling the\n  // graph had when it was last shown this way. Only when the graph has been\n  // grouped another way.\n  useEffect(() => {\n    if (groupingShown === 0) return;\n    const trail = walkthroughTrailRef.current;\n    if (trail.length > 0) {\n      handleStepChange(trail[trail.length - 1], false, trail);\n    } else {\n      resetNodesAndEdges();\n      fitView({ duration: 400, padding: 0.1 });\n    }\n  }, [groupingShown]);\n\n  // Start grouped when the URL (or the page) asks for it, once the nodes\n  // have rendered (so groups fit them)\n  const nodesInitialized = useNodesInitialized();\n  const groupedOnLoad = useRef(false);\n  useEffect(() => {\n    if (!nodesInitialized || groupedOnLoad.current) return;\n    groupedOnLoad.current = true;\n    // The URL's grouping wins over the page's\n    const fromUrl = readGroupFromUrl();\n    const groupBy = fromUrl.groupBy ?? initialSwimlanes;\n    const style = fromUrl.style ?? \"boxes\";\n    if (\n      isFlowGroupBy(groupBy) &&\n      hasSwimlanes(initialNodes, groupBy) &&\n      isFlowGroupStyle(style)\n    ) {\n      handleSwimlanesChange(groupBy, style);\n    }\n    // Only when the graph is first shown\n  }, [nodesInitialized]);\n  const isCompactMenuButton = !title;\n  const menuButtonClassName = isCompactMenuButton\n    ? \"h-9 w-9 p-0 bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-accent-subtle))] border border-[rgb(var(--ec-page-border))] rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(var(--ec-accent))] flex items-center justify-center transition-colors duration-150 hover:border-[rgb(var(--ec-accent)/0.3)] group\"\n    : \"py-2.5 px-4 bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-accent-subtle))] border border-[rgb(var(--ec-page-border))] rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(var(--ec-accent))] flex items-center gap-3 transition-colors duration-150 hover:border-[rgb(var(--ec-accent)/0.3)] group whitespace-nowrap\";\n  const menuIconClassName = isCompactMenuButton\n    ? \"h-4 w-4 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0 group-hover:text-[rgb(var(--ec-accent))] transition-colors duration-150\"\n    : \"h-5 w-5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0 group-hover:text-[rgb(var(--ec-accent))] transition-colors duration-150\";\n\n  return (\n    <div\n      ref={reactFlowWrapperRef}\n      onClick={handleCollapseGroup}\n      className=\"w-full h-full bg-[rgb(var(--ec-page-bg))] flex flex-col eventcatalog-visualizer\"\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n      }}\n    >\n      <PortalContainerProvider value={reactFlowWrapperRef.current}>\n        {isMermaidView ? (\n          <>\n            {/* Menu Bar for Mermaid View */}\n            <div className=\"w-full pr-6 flex space-x-2 justify-between items-center bg-[rgb(var(--ec-page-bg))] border-b border-[rgb(var(--ec-page-border))] p-4\">\n              <div className=\"flex space-x-2 ml-4\">\n                {/* Settings Dropdown Menu */}\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger asChild>\n                    <button\n                      className={menuButtonClassName}\n                      aria-label=\"Open menu\"\n                    >\n                      {title && (\n                        <span className=\"text-base font-medium text-[rgb(var(--ec-page-text))] leading-tight\">\n                          {title}\n                        </span>\n                      )}\n                      <MoreVertical className={menuIconClassName} />\n                    </button>\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Portal container={reactFlowWrapperRef.current}>\n                    <DropdownMenu.Content\n                      className=\"min-w-56 bg-[rgb(var(--ec-page-bg))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-xl z-50 py-1.5 animate-in fade-in zoom-in-95 duration-200\"\n                      sideOffset={0}\n                      align=\"end\"\n                      alignOffset={-180}\n                    >\n                      <DropdownMenu.Arrow className=\"fill-[rgb(var(--ec-page-bg))] stroke-[rgb(var(--ec-page-border))] stroke-1\" />\n                      <VisualizerDropdownContent\n                        isMermaidView={isMermaidView}\n                        setIsMermaidView={setIsMermaidView}\n                        animateMessages={animateMessages}\n                        toggleAnimateMessages={toggleAnimateMessages}\n                        hideAnimateMessages={disableMessageAnimation}\n                        hideChannels={hideChannels}\n                        toggleChannelsVisibility={toggleChannelsVisibility}\n                        hasChannels={hasChannels}\n                        hideMessages={hideMessages}\n                        toggleMessagesVisibility={toggleMessagesVisibility}\n                        hasMessages={hasMessages}\n                        showMinimap={showMinimap}\n                        setShowMinimap={setShowMinimap}\n                        handleFitView={handleFitView}\n                        searchRef={searchRef}\n                        isChatEnabled={isChatEnabled}\n                        openChat={openChat}\n                        handleCopyArchitectureCode={handleCopyArchitectureCode}\n                        handleExportVisual={handleExportVisual}\n                        setIsShareModalOpen={setIsShareModalOpen}\n                        toggleFullScreen={toggleFullScreen}\n                        isDevMode={isDevMode}\n                        onSaveLayout={swimlanes ? undefined : handleSaveLayout}\n                        onResetLayout={handleResetLayout}\n                      />\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n              </div>\n              {mode === \"full\" && showSearch && (\n                <div className=\"flex justify-end items-center gap-2\">\n                  {!isMermaidView && (\n                    <div className=\"w-96\">\n                      <VisualiserSearch\n                        ref={searchRef}\n                        nodes={searchNodes}\n                        onNodeSelect={handleNodeSelect}\n                        onClear={handleSearchClear}\n                      />\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n            {/* Mermaid View */}\n            <div className=\"flex-1 overflow-hidden relative\">\n              <MermaidView\n                nodes={nodes}\n                edges={edges}\n                maxTextSize={maxTextSize}\n              />\n            </div>\n          </>\n        ) : (\n          <ReactFlow\n            nodeTypes={nodeTypes}\n            proOptions={hideAttribution ? HIDE_ATTRIBUTION : undefined}\n            edgeTypes={edgeTypes}\n            minZoom={0.07}\n            nodes={nodes}\n            edges={edges}\n            // After switching graphs, start where the last one was and let the\n            // switch animation fit the view\n            fitView={!transitionFrom}\n            fitViewOptions={INITIAL_FIT_VIEW_OPTIONS}\n            defaultViewport={transitionFrom?.viewport}\n            onNodesChange={handleNodesChange}\n            onEdgesChange={onEdgesChange}\n            onEdgeMouseEnter={handleEdgeMouseEnter}\n            onEdgeMouseLeave={handleEdgeMouseLeave}\n            connectionLineType={ConnectionLineType.SmoothStep}\n            nodeOrigin={NODE_ORIGIN}\n            // Selected nodes aren't raised, as their edges would be raised with\n            // them and drawn over other nodes\n            elevateNodesOnSelect={false}\n            onNodeClick={handleNodeClick}\n            onNodeMouseEnter={handleNodeMouseEnter}\n            onNodeMouseLeave={handleNodeMouseLeave}\n            onPaneClick={handlePaneClick}\n            onMoveStart={startInteraction}\n            onMoveEnd={endInteraction}\n            onNodeDragStart={startInteraction}\n            onNodeDragStop={endInteraction}\n            zoomOnScroll={zoomOnScroll}\n            className={`relative${isLayingOut ? \" ec-laying-out\" : \"\"}${\n              hasOtherDomains && highlightCrossDomain\n                ? \" ec-highlight-cross-domain\"\n                : \"\"\n            }`}\n          >\n            <Panel\n              position=\"top-center\"\n              className=\"w-full pr-6 pointer-events-none\"\n            >\n              <div className=\"flex space-x-2 justify-between items-center pointer-events-auto\">\n                <div className=\"flex space-x-2 ml-4\">\n                  {/* Settings Dropdown Menu */}\n                  {showMenu && (\n                    <DropdownMenu.Root>\n                      <DropdownMenu.Trigger asChild>\n                        <button\n                          className={menuButtonClassName}\n                          aria-label=\"Open menu\"\n                        >\n                          {title && (\n                            <span className=\"text-base font-medium text-[rgb(var(--ec-page-text))] leading-tight\">\n                              {title}\n                            </span>\n                          )}\n                          <MoreVertical className={menuIconClassName} />\n                        </button>\n                      </DropdownMenu.Trigger>\n                      <DropdownMenu.Portal\n                        container={reactFlowWrapperRef.current}\n                      >\n                        <DropdownMenu.Content\n                          className=\"min-w-56 bg-[rgb(var(--ec-page-bg))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-xl z-50 py-1.5 animate-in fade-in zoom-in-95 duration-200\"\n                          sideOffset={0}\n                          align=\"end\"\n                          alignOffset={-180}\n                        >\n                          <DropdownMenu.Arrow className=\"fill-[rgb(var(--ec-page-bg))] stroke-[rgb(var(--ec-page-border))] stroke-1\" />\n                          <VisualizerDropdownContent\n                            isMermaidView={isMermaidView}\n                            setIsMermaidView={setIsMermaidView}\n                            animateMessages={animateMessages}\n                            toggleAnimateMessages={toggleAnimateMessages}\n                            hideAnimateMessages={disableMessageAnimation}\n                            hideChannels={hideChannels}\n                            toggleChannelsVisibility={toggleChannelsVisibility}\n                            hasChannels={hasChannels}\n                            hideMessages={hideMessages}\n                            toggleMessagesVisibility={toggleMessagesVisibility}\n                            hasMessages={hasMessages}\n                            showMinimap={showMinimap}\n                            setShowMinimap={setShowMinimap}\n                            handleFitView={handleFitView}\n                            searchRef={searchRef}\n                            isChatEnabled={isChatEnabled}\n                            openChat={openChat}\n                            handleCopyArchitectureCode={\n                              handleCopyArchitectureCode\n                            }\n                            handleExportVisual={handleExportVisual}\n                            setIsShareModalOpen={setIsShareModalOpen}\n                            toggleFullScreen={toggleFullScreen}\n                            isDevMode={isDevMode}\n                            onSaveLayout={\n                              swimlanes ? undefined : handleSaveLayout\n                            }\n                            onResetLayout={handleResetLayout}\n                            notesCount={totalNotesCount}\n                            onOpenNotes={openNotesModal}\n                          />\n                        </DropdownMenu.Content>\n                      </DropdownMenu.Portal>\n                    </DropdownMenu.Root>\n                  )}\n                </div>\n                {mode === \"full\" && showSearch && (\n                  <div className=\"flex justify-end items-center gap-2\">\n                    {!isMermaidView && (\n                      <div className={compactSearch ? \"w-60\" : \"w-96\"}>\n                        <VisualiserSearch\n                          ref={searchRef}\n                          nodes={searchNodes}\n                          onNodeSelect={handleNodeSelect}\n                          onClear={handleSearchClear}\n                        />\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n              {links.length > 0 && (\n                <div className=\"flex justify-end mt-3\">\n                  <div className=\"relative flex items-center -mt-1\">\n                    <span className=\"absolute left-2 pointer-events-none flex items-center h-full\">\n                      <HistoryIcon className=\"h-4 w-4 text-[rgb(var(--ec-page-text-muted))]\" />\n                    </span>\n                    <select\n                      value={\n                        links.find((link) =>\n                          window.location.href.includes(link.url),\n                        )?.url || links[0].url\n                      }\n                      onChange={(e) => {\n                        if (onNavigate) {\n                          onNavigate(e.target.value);\n                        } else {\n                          window.location.href = e.target.value;\n                        }\n                      }}\n                      className=\"appearance-none pl-7 pr-6 py-0 text-[14px] bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] rounded-md border border-[rgb(var(--ec-page-border))] hover:bg-[rgb(var(--ec-page-border)/0.5)] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(var(--ec-accent))]\"\n                      style={{ minWidth: 120, height: \"26px\" }}\n                    >\n                      {links.map((link) => (\n                        <option key={link.url} value={link.url}>\n                          {link.label}\n                        </option>\n                      ))}\n                    </select>\n                    <span className=\"absolute right-2 pointer-events-none\">\n                      <svg\n                        className=\"w-4 h-4 text-[rgb(var(--ec-page-text-muted))]\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        strokeWidth=\"2\"\n                        viewBox=\"0 0 24 24\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          d=\"M19 9l-7 7-7-7\"\n                        />\n                      </svg>\n                    </span>\n                  </div>\n                </div>\n              )}\n            </Panel>\n\n            {includeBackground && (\n              <Background color=\"var(--ec-bg-dots)\" gap={16} />\n            )}\n            {includeBackground && <Controls />}\n            {mode === \"full\" && (\n              <CanvasToolbar\n                levels={levels}\n                tools={canvasTools}\n                animateMessages={animateMessages}\n                toggleAnimateMessages={toggleAnimateMessages}\n                // Nothing to simulate without edges\n                hideAnimateMessages={\n                  disableMessageAnimation || edges.length === 0\n                }\n                showMinimap={showMinimap}\n                setShowMinimap={setShowMinimap}\n                handleFitView={handleFitView}\n              />\n            )}\n            {showMinimap && (\n              <MiniMap\n                nodeStrokeWidth={3}\n                zoomable\n                pannable\n                style={MINIMAP_STYLE}\n              />\n            )}\n            {swimlaneOptions.length > 0 && (\n              <Panel\n                position=\"top-right\"\n                // Under the search box when it's shown\n                style={\n                  mode === \"full\" && showSearch\n                    ? SWIMLANE_PICKER_PANEL_STYLE_UNDER_SEARCH\n                    : undefined\n                }\n              >\n                <SwimlanePicker\n                  options={swimlaneOptions}\n                  counts={swimlaneCounts}\n                  value={swimlanes}\n                  style={swimlaneStyle}\n                  onChange={handleSwimlanesChange}\n                />\n              </Panel>\n            )}\n            {isFlowGraph && showFlowWalkthrough && (\n              <WalkthroughBadges trail={walkthroughTrail} />\n            )}\n            {isFlowGraph && showFlowWalkthrough && (\n              <Panel position=\"bottom-left\">\n                <StepWalkthrough\n                  nodes={walkthroughNodes}\n                  edges={walkthroughEdges}\n                  isFlowVisualization={isFlowGraph}\n                  onStepChange={handleStepChange}\n                  mode={mode}\n                />\n              </Panel>\n            )}\n            {/* Dev Mode: Layout change indicator */}\n            {isDevMode && hasLayoutChanges && !swimlanes && (\n              <Panel\n                position=\"bottom-left\"\n                style={\n                  isFlowGraph && showFlowWalkthrough\n                    ? LAYOUT_CHANGE_PANEL_STYLE_WITH_WALKTHROUGH\n                    : LAYOUT_CHANGE_PANEL_STYLE_DEFAULT\n                }\n              >\n                <div className=\"bg-[rgb(var(--ec-card-bg))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-md px-3 py-2 flex items-center gap-3\">\n                  <span className=\"text-xs text-[rgb(var(--ec-page-text-muted))]\">\n                    Layout changed\n                  </span>\n                  <button\n                    onClick={handleQuickSaveLayout}\n                    disabled={isSavingLayout}\n                    className=\"text-xs font-medium text-white bg-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-hover))] px-2 py-1 rounded transition-colors disabled:opacity-50\"\n                  >\n                    {isSavingLayout ? \"Saving...\" : \"Save\"}\n                  </button>\n                </div>\n              </Panel>\n            )}\n            {includeKey && (\n              <LegendPanel\n                legend={legend}\n                hiddenKeys={hiddenLegendKeys}\n                showMinimap={showMinimap}\n                onLegendClick={toggleLegendKey}\n              />\n            )}\n          </ReactFlow>\n        )}\n        <FocusModeModal\n          isOpen={focusModeOpen}\n          onClose={() => {\n            setFocusModeOpen(false);\n          }}\n          initialNodeId={focusedNodeId}\n          nodes={nodes}\n          edges={edges}\n          nodeTypes={nodeTypes}\n          edgeTypes={edgeTypes}\n        />\n        <AllNotesModal\n          noteGroups={allNoteGroups}\n          isOpen={isNotesModalOpen}\n          onClose={() => setIsNotesModalOpen(false)}\n          nodes={nodes}\n        />\n\n        {/* Share Link Modal */}\n        {isShareModalOpen && (\n          <>\n            <div\n              className=\"fixed inset-0 bg-black/20 z-40\"\n              onClick={() => setIsShareModalOpen(false)}\n              style={{ animation: \"fadeIn 150ms ease-out\" }}\n            />\n            <div\n              className=\"fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-[rgb(var(--ec-page-bg))] rounded-lg shadow-xl z-50 w-full max-w-md p-6 border border-[rgb(var(--ec-page-border))]\"\n              style={{ animation: \"slideInCenter 250ms ease-out\" }}\n            >\n              <style>{`\n              @keyframes fadeIn {\n                from { opacity: 0; }\n                to { opacity: 1; }\n              }\n              @keyframes slideInCenter {\n                from { opacity: 0; transform: translate(-50%, -48%); }\n                to { opacity: 1; transform: translate(-50%, -50%); }\n              }\n            `}</style>\n\n              <div className=\"flex justify-between items-start mb-4\">\n                <h3 className=\"text-lg font-semibold text-[rgb(var(--ec-page-text))]\">\n                  Share Link\n                </h3>\n                <button\n                  onClick={() => setIsShareModalOpen(false)}\n                  className=\"text-[rgb(var(--ec-page-text-muted))] hover:text-[rgb(var(--ec-page-text))] transition-colors\"\n                  aria-label=\"Close modal\"\n                >\n                  <ExternalLink className=\"w-5 h-5 rotate-180\" />\n                </button>\n              </div>\n\n              <p className=\"text-sm text-[rgb(var(--ec-page-text-muted))] mb-4\">\n                Share this link with your team to let them view this\n                visualization.\n              </p>\n\n              <div className=\"flex gap-2\">\n                <input\n                  type=\"text\"\n                  readOnly\n                  value={\n                    typeof window !== \"undefined\" ? window.location.href : \"\"\n                  }\n                  className=\"flex-1 px-3 py-2.5 bg-[rgb(var(--ec-input-bg))] border border-[rgb(var(--ec-input-border))] rounded-md text-[rgb(var(--ec-input-text))] text-sm focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))]\"\n                />\n                <button\n                  onClick={handleCopyShareUrl}\n                  className={`px-4 py-2.5 rounded-md font-medium transition-all duration-200 flex items-center gap-2 ${\n                    shareUrlCopySuccess\n                      ? \"bg-green-500 text-white\"\n                      : \"bg-[rgb(var(--ec-accent))] text-white hover:opacity-90\"\n                  }`}\n                  aria-label={shareUrlCopySuccess ? \"Copied!\" : \"Copy link\"}\n                >\n                  {shareUrlCopySuccess ? (\n                    <CheckIcon className=\"w-4 h-4\" />\n                  ) : (\n                    <ClipboardIcon className=\"w-4 h-4\" />\n                  )}\n                  <span>{shareUrlCopySuccess ? \"Copied!\" : \"Copy\"}</span>\n                </button>\n              </div>\n            </div>\n          </>\n        )}\n      </PortalContainerProvider>\n    </div>\n  );\n};\n\ninterface NodeGraphProps {\n  id: string;\n  title?: string;\n  href?: string;\n  hrefLabel?: string;\n  nodes?: Node[];\n  edges?: Edge[];\n  graph?: DslGraph;\n  linkTo?: \"docs\" | \"visualiser\";\n  includeKey?: boolean;\n  footerLabel?: string;\n  linksToVisualiser?: boolean;\n  links?: { label: string; url: string }[];\n  mode?: \"full\" | \"simple\";\n  portalId?: string;\n  showFlowWalkthrough?: boolean;\n  showSearch?: boolean;\n  /** Show the settings menu (top left). Defaults to true. */\n  showMenu?: boolean;\n  /** Use a narrower search box, for small spaces. */\n  compactSearch?: boolean;\n  /** Hide the React Flow attribution (bottom right). */\n  hideAttribution?: boolean;\n  zoomOnScroll?: boolean;\n  designId?: string;\n  isChatEnabled?: boolean;\n  maxTextSize?: number;\n  isDevMode?: boolean;\n  resourceKey?: string;\n  /** Controls whether message flow animation is enabled. When set, overrides URL params and localStorage. */\n  animated?: boolean;\n  /**\n   * When true, message-flow animation is unsupported for this graph: it is forced\n   * off (ignoring the `animated` prop, URL params and localStorage) and the\n   * \"Simulate Messages\" toggle is hidden. Used by graphs that aren't message\n   * flows, e.g. the System Diagram.\n   */\n  disableMessageAnimation?: boolean;\n  /**\n   * A simpler graph shown as level 1 in the toolbar (e.g. a system's context\n   * diagram), before this graph's detail levels.\n   */\n  overviewGraph?: {\n    nodes: Node[];\n    edges: Edge[];\n    /** Describes the level, e.g. \"system context\" */\n    label: string;\n    resourceKey?: string;\n  };\n  /**\n   * This graph laid out with its messages and channels hidden (level 2). Used\n   * instead of hiding them and laying the graph out again in the browser.\n   */\n  hiddenMessagesGraph?: { nodes: Node[]; edges: Edge[] };\n  /** The kind of diagram (e.g. \"services\"), so the level is remembered for each kind */\n  preferenceScope?: string;\n  /** Group a flow's steps to start with (the `group` URL parameter wins) */\n  swimlanes?: FlowGroupBy;\n  /** When set, the graph will zoom to this node id. */\n  focusNodeId?: string;\n  /** Optional token to force repeated focus for the same node id. */\n  focusRequestId?: number;\n  /** Optional token to trigger fit-to-screen behavior. */\n  fitRequestId?: number;\n\n  // Callback API for framework integration\n  onNodeClick?: (node: Node) => void;\n  onBuildUrl?: (path: string) => string;\n  onNavigate?: (url: string) => void;\n  onSaveLayout?: (\n    resourceKey: string,\n    positions: Record<string, { x: number; y: number }>,\n  ) => Promise<boolean>;\n  onResetLayout?: (resourceKey: string) => Promise<boolean>;\n}\n\nconst NodeGraph = ({\n  id,\n  nodes: nodesProp,\n  edges: edgesProp,\n  graph,\n  title: titleProp,\n  href,\n  linkTo = \"docs\",\n  hrefLabel = \"Open in visualizer\",\n  includeKey: includeKeyProp,\n  footerLabel,\n  linksToVisualiser = false,\n  links = [],\n  mode = \"full\",\n  portalId,\n  showFlowWalkthrough = true,\n  showSearch: showSearchProp,\n  showMenu,\n  compactSearch,\n  hideAttribution,\n  zoomOnScroll = false,\n  designId,\n  isChatEnabled = false,\n  maxTextSize,\n  isDevMode = false,\n  resourceKey,\n  animated: animatedProp,\n  disableMessageAnimation,\n  overviewGraph,\n  hiddenMessagesGraph,\n  preferenceScope,\n  swimlanes,\n  focusNodeId,\n  focusRequestId,\n  fitRequestId,\n  onNodeClick,\n  onBuildUrl,\n  onNavigate,\n  onSaveLayout,\n  onResetLayout,\n}: NodeGraphProps) => {\n  // When a DslGraph is provided, lay it out here (rendered once laid out)\n  const [graphLayout, setGraphLayout] = useState<{\n    nodes: Node[];\n    edges: Edge[];\n  } | null>(null);\n  useEffect(() => {\n    if (!graph) return setGraphLayout(null);\n    let current = true;\n    layoutGraph(graph.nodes, graph.edges, {\n      style: graph.options?.style,\n    }).then((layout) => {\n      if (current) setGraphLayout(layout);\n    });\n    return () => {\n      current = false;\n    };\n  }, [graph]);\n  const nodes = graphLayout?.nodes ?? nodesProp ?? [];\n  const edges = graphLayout?.edges ?? edgesProp ?? [];\n\n  // Derive props from graph.options when graph is provided\n  const title = titleProp ?? graph?.title;\n  const includeKey =\n    includeKeyProp !== undefined\n      ? includeKeyProp\n      : graph?.options?.legend !== false;\n  const showSearch =\n    showSearchProp !== undefined\n      ? showSearchProp\n      : graph?.options?.search !== false;\n  const animated = animatedProp ?? graph?.options?.animated;\n  const [elem, setElem] = useState(null);\n  const [showFooter, setShowFooter] = useState(true);\n  const containerToRenderInto = portalId || `${id}-portal`;\n\n  // Level 1 shows the overview graph when there is one. A diagram with one\n  // opens at it, unless the URL asks for another level (`?level=2|3`).\n  const [showOverview, setShowOverview] = useState(() => {\n    if (!overviewGraph) return false;\n    const level = new URLSearchParams(window.location.search).get(\"level\");\n    return level === null || level === \"1\";\n  });\n  // The graph being switched away from, for the next one to animate from\n  const [transitionFrom, setTransitionFrom] = useState<GraphTransition>();\n  const handleShowOverview = useCallback(\n    (show: boolean, from: GraphTransition) => {\n      setTransitionFrom(from);\n      setShowOverview(show);\n      if (show) setLevelInUrl(1);\n    },\n    [],\n  );\n  const overview = showOverview ? overviewGraph : undefined;\n  // Legend entries hidden, kept when switching between the graphs\n  const hiddenLegendKeys = useRef<string[]>([]);\n  const handleHiddenLegendKeysChange = useCallback((keys: string[]) => {\n    hiddenLegendKeys.current = keys;\n  }, []);\n\n  useEffect(() => {\n    // @ts-ignore\n    setElem(document.getElementById(containerToRenderInto));\n  }, []);\n\n  useEffect(() => {\n    const urlParams = new URLSearchParams(window.location.search);\n    const embed = urlParams.get(\"embed\");\n    if (embed === \"true\") {\n      setShowFooter(false);\n    }\n  }, []);\n\n  if (!elem || (graph && !graphLayout)) return null;\n\n  return (\n    <div>\n      {createPortal(\n        // Remount when switching graphs so each starts from a clean state\n        <ReactFlowProvider key={overview ? \"overview\" : \"graph\"}>\n          <NodeGraphBuilder\n            edges={overview?.edges ?? edges}\n            nodes={overview?.nodes ?? nodes}\n            title={title}\n            linkTo={linkTo}\n            includeKey={includeKey}\n            linksToVisualiser={linksToVisualiser}\n            links={links}\n            mode={mode}\n            showFlowWalkthrough={showFlowWalkthrough}\n            showSearch={showSearch}\n            showMenu={showMenu}\n            compactSearch={compactSearch}\n            hideAttribution={hideAttribution}\n            zoomOnScroll={zoomOnScroll}\n            designId={designId || id}\n            isChatEnabled={isChatEnabled}\n            maxTextSize={maxTextSize}\n            isDevMode={isDevMode}\n            resourceKey={overview ? overview.resourceKey : resourceKey}\n            animated={animated}\n            disableMessageAnimation={disableMessageAnimation || !!overview}\n            overviewLabel={overviewGraph?.label}\n            isOverview={!!overview}\n            onShowOverview={handleShowOverview}\n            transitionFrom={transitionFrom}\n            hiddenMessagesGraph={overview ? undefined : hiddenMessagesGraph}\n            initialHiddenLegendKeys={hiddenLegendKeys.current}\n            preferenceScope={preferenceScope}\n            swimlanes={overview ? undefined : swimlanes}\n            onHiddenLegendKeysChange={handleHiddenLegendKeysChange}\n            focusNodeId={focusNodeId}\n            focusRequestId={focusRequestId}\n            fitRequestId={fitRequestId}\n            onNodeClick={onNodeClick}\n            onBuildUrl={onBuildUrl}\n            onNavigate={onNavigate}\n            onSaveLayout={onSaveLayout}\n            onResetLayout={onResetLayout}\n          />\n\n          {showFooter && (\n            <div className=\"flex justify-between\" id=\"visualiser-footer\">\n              {footerLabel && (\n                <div className=\"py-2 w-full text-left \">\n                  <span className=\" text-sm no-underline py-2 text-[rgb(var(--ec-page-text-muted))]\">\n                    {footerLabel}\n                  </span>\n                </div>\n              )}\n\n              {href && (\n                <div className=\"py-2 w-full text-right flex justify-between\">\n                  {/* Studio link temporarily hidden */}\n                  <span />\n                  <a\n                    className=\" text-sm underline text-[rgb(var(--ec-page-text))] hover:text-[rgb(var(--ec-accent))]\"\n                    href={href}\n                  >\n                    {hrefLabel} &rarr;\n                  </a>\n                </div>\n              )}\n            </div>\n          )}\n        </ReactFlowProvider>,\n        elem,\n      )}\n    </div>\n  );\n};\n\nexport type { NodeGraphProps };\nexport default NodeGraph;\n","import { memo, useMemo } from \"react\";\nimport { ServerIcon, Globe } from \"lucide-react\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource, Service as ServiceType } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  WATERMARK_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nconst SPEC_LABELS: Record<string, string> = {\n  openapi: \"OpenAPI\",\n  asyncapi: \"AsyncAPI\",\n  graphql: \"GraphQL\",\n};\n\nconst SPEC_COLORS: Record<\n  string,\n  { bg: string; text: string; darkBg: string; darkText: string }\n> = {\n  openapi: {\n    bg: \"rgba(106,170,63,0.12)\",\n    text: \"#4d7c0f\",\n    darkBg: \"rgba(106,170,63,0.2)\",\n    darkText: \"#a3e635\",\n  },\n  asyncapi: {\n    bg: \"rgba(116,78,194,0.12)\",\n    text: \"#6d28d9\",\n    darkBg: \"rgba(116,78,194,0.2)\",\n    darkText: \"#c4b5fd\",\n  },\n  graphql: {\n    bg: \"rgba(229,53,171,0.12)\",\n    text: \"#be185d\",\n    darkBg: \"rgba(229,53,171,0.2)\",\n    darkText: \"#f9a8d4\",\n  },\n};\n\n/** Normalize both array and legacy object spec formats into unique type strings */\nfunction normalizeSpecTypes(specs: unknown): string[] {\n  const types = new Set<string>();\n  if (Array.isArray(specs)) {\n    for (const spec of specs) {\n      if (spec?.type) types.add(String(spec.type).toLowerCase());\n    }\n  } else if (specs && typeof specs === \"object\") {\n    const legacy = specs as Record<string, unknown>;\n    if (legacy.asyncapiPath) types.add(\"asyncapi\");\n    if (legacy.openapiPath) types.add(\"openapi\");\n    if (legacy.graphqlPath) types.add(\"graphql\");\n  }\n  return Array.from(types);\n}\n\nconst SpecBadges = memo(function SpecBadges({\n  specifications,\n  isDark,\n}: {\n  specifications: unknown;\n  isDark: boolean;\n}) {\n  const specTypes = useMemo(\n    () => normalizeSpecTypes(specifications),\n    [specifications],\n  );\n\n  if (specTypes.length === 0) return null;\n\n  return (\n    <div className=\"flex items-center gap-1 flex-wrap justify-end\">\n      {specTypes.map((type) => {\n        const colors = SPEC_COLORS[type] || SPEC_COLORS.openapi;\n        return (\n          <span\n            key={type}\n            className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded\"\n            style={{\n              background: isDark ? colors.darkBg : colors.bg,\n              color: isDark ? colors.darkText : colors.text,\n            }}\n          >\n            {SPEC_LABELS[type] || type}\n          </span>\n        );\n      })}\n    </div>\n  );\n});\n\nconst MiniEnvelope = memo(function MiniEnvelope({\n  side,\n  delay,\n}: {\n  side: \"left\" | \"right\";\n  delay: number;\n}) {\n  return (\n    <svg\n      width=\"14\"\n      height=\"10\"\n      viewBox=\"0 0 14 10\"\n      style={{\n        animation: `${side === \"left\" ? \"ec-svc-msg-in\" : \"ec-svc-msg-out\"} 2.5s ease-in-out ${delay}s infinite`,\n        opacity: 0,\n      }}\n    >\n      <rect\n        x=\"0.5\"\n        y=\"0.5\"\n        width=\"13\"\n        height=\"9\"\n        rx=\"1.5\"\n        fill=\"#9ca3af\"\n        opacity={0.85}\n      />\n      <path\n        d=\"M0.5,0.5 L7,5 L13.5,0.5\"\n        fill=\"none\"\n        stroke=\"white\"\n        strokeWidth=\"1\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n});\n\nconst ServiceMessageFlow = memo(function ServiceMessageFlow({\n  side,\n}: {\n  side: \"left\" | \"right\";\n}) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -4,\n        transform: \"translateY(-50%)\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: 2,\n        zIndex: 15,\n        pointerEvents: \"none\",\n      }}\n    >\n      <MiniEnvelope side={side} delay={0} />\n      <MiniEnvelope side={side} delay={0.8} />\n      <MiniEnvelope side={side} delay={1.6} />\n    </div>\n  );\n});\n\nconst GlowHandle = memo(function GlowHandle({\n  side,\n  external,\n}: {\n  side: \"left\" | \"right\";\n  external?: boolean;\n}) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: external\n          ? \"linear-gradient(135deg, #a855f7, #7e22ce)\"\n          : \"linear-gradient(135deg, #ec4899, #be185d)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...(external ? HANDLE_GLOW.external : HANDLE_GLOW.service),\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n});\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype PostItPalette = {\n  Icon: typeof ServerIcon;\n  label: string;\n  gradient: string;\n  draftBorder: string;\n  corner: string;\n  ring: string;\n  iconClass: string;\n  labelClass: string;\n  nameText: string;\n  nameTextDeprecated: string;\n  versionClass: string;\n  summaryClass: string;\n  tooltipBorderColor: string;\n};\n\nconst POST_IT_SERVICE: PostItPalette = {\n  Icon: ServerIcon,\n  label: \"Service\",\n  gradient: \"linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 40%, #ec4899 100%)\",\n  draftBorder: \"rgba(236, 72, 153, 0.5)\",\n  corner: \"#db2777\",\n  ring: \"ring-2 ring-pink-400/60 ring-offset-1\",\n  iconClass: \"w-3 h-3 text-pink-900/50\",\n  labelClass: \"text-[8px] font-bold text-pink-900/50 uppercase tracking-widest\",\n  nameText: \"text-pink-950\",\n  nameTextDeprecated: \"text-pink-950/40 line-through\",\n  versionClass: \"text-[9px] text-pink-900/40 font-semibold mt-0.5\",\n  summaryClass:\n    \"mt-2 pt-1.5 border-t border-pink-900/10 text-[9px] text-pink-950/60 leading-relaxed overflow-hidden\",\n  tooltipBorderColor: \"#ec4899\",\n};\n\nconst POST_IT_EXTERNAL: PostItPalette = {\n  Icon: Globe,\n  label: \"External System\",\n  gradient: \"linear-gradient(135deg, #e9d5ff 0%, #c084fc 40%, #a855f7 100%)\",\n  draftBorder: \"rgba(168, 85, 247, 0.5)\",\n  corner: \"#7e22ce\",\n  ring: \"ring-2 ring-purple-400/60 ring-offset-1\",\n  iconClass: \"w-3 h-3 text-purple-900/50\",\n  labelClass:\n    \"text-[8px] font-bold text-purple-900/50 uppercase tracking-widest\",\n  nameText: \"text-purple-950\",\n  nameTextDeprecated: \"text-purple-950/40 line-through\",\n  versionClass: \"text-[9px] text-purple-900/40 font-semibold mt-0.5\",\n  summaryClass:\n    \"mt-2 pt-1.5 border-t border-purple-900/10 text-[9px] text-purple-950/60 leading-relaxed overflow-hidden\",\n  tooltipBorderColor: \"#a855f7\",\n};\n\ntype DefaultPalette = {\n  Icon: typeof ServerIcon;\n  label: string;\n  ring: string;\n  borderSolid: string;\n  borderDraftDark: string;\n  borderDraftLight: string;\n  draftStripeDark: string;\n  draftStripeLight: string;\n  nodeBgVar: string;\n  shadowColor: string;\n  badgeBg: string;\n  ownerAccent: string;\n  ownerBorder: string;\n  ownerIcon: string;\n  tooltipBorderColor: string;\n};\n\nconst DEFAULT_SERVICE: DefaultPalette = {\n  Icon: ServerIcon,\n  label: \"Service\",\n  ring: \"ring-2 ring-pink-400/60 ring-offset-2\",\n  borderSolid: \"border-pink-500\",\n  borderDraftDark: \"border-dashed border-pink-400\",\n  borderDraftLight: \"border-dashed border-pink-400/60\",\n  draftStripeDark: \"rgba(236,72,153,0.25)\",\n  draftStripeLight: \"rgba(236,72,153,0.15)\",\n  nodeBgVar: \"var(--ec-service-node-bg, rgb(var(--ec-card-bg)))\",\n  shadowColor: \"rgba(236, 72, 153, 0.15)\",\n  badgeBg: \"bg-pink-500\",\n  ownerAccent: \"bg-pink-400\",\n  ownerBorder: \"rgba(236,72,153,0.08)\",\n  ownerIcon: \"text-pink-300\",\n  tooltipBorderColor: \"#ec4899\",\n};\n\nconst DEFAULT_EXTERNAL: DefaultPalette = {\n  Icon: Globe,\n  label: \"External System\",\n  ring: \"ring-2 ring-purple-400/60 ring-offset-2\",\n  borderSolid: \"border-purple-500\",\n  borderDraftDark: \"border-dashed border-purple-400\",\n  borderDraftLight: \"border-dashed border-purple-400/60\",\n  draftStripeDark: \"rgba(168,85,247,0.25)\",\n  draftStripeLight: \"rgba(168,85,247,0.15)\",\n  nodeBgVar: \"var(--ec-external-node-bg, rgb(var(--ec-card-bg)))\",\n  shadowColor: \"rgba(168, 85, 247, 0.15)\",\n  badgeBg: \"bg-purple-500\",\n  ownerAccent: \"bg-purple-400\",\n  ownerBorder: \"rgba(168,85,247,0.08)\",\n  ownerIcon: \"text-purple-300\",\n  tooltipBorderColor: \"#a855f7\",\n};\n\ntype ServiceNodeData = EventCatalogResource & {\n  service: ServiceType;\n};\n\nexport type ServiceNode = Node<ServiceNodeData, \"service\">;\n\nfunction PostItService(props: ServiceNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    notes,\n    specifications,\n    externalSystem,\n    styles,\n  } = props.data.service;\n  const mode = props.data.mode || \"simple\";\n  const isDark = useDarkMode();\n  const p = externalSystem ? POST_IT_EXTERNAL : POST_IT_SERVICE;\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? p.ring : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {/* Inner wrapper with rotation */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background: p.gradient,\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? `2px dashed ${p.draftBorder}`\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: `${p.corner} transparent transparent transparent`,\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <p.Icon className={p.iconClass} strokeWidth={2.5} />\n            <span className={p.labelClass}>{p.label}</span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-6 h-6 shrink-0\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor={p.tooltipBorderColor}\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated ? p.nameTextDeprecated : p.nameText,\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {version && <div className={p.versionClass}>v{version}</div>}\n\n        {mode === \"full\" && summary && (\n          <div\n            className={p.summaryClass}\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {!!specifications && (\n          <div className=\"mt-1.5 flex justify-end\">\n            <SpecBadges specifications={specifications} isDark={isDark} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultService(props: ServiceNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    notes,\n    specifications,\n    externalSystem,\n    styles,\n  } = props.data.service;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(props.data.service.owners),\n    [props.data.service.owners],\n  );\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  const p = externalSystem ? DEFAULT_EXTERNAL : DEFAULT_SERVICE;\n  const draftStripe = isDark ? p.draftStripeDark : p.draftStripeLight;\n  const borderDraft = isDark ? p.borderDraftDark : p.borderDraftLight;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? p.ring : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? borderDraft\n            : p.borderSolid,\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), ${p.nodeBgVar}`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${draftStripe} 4px, ${draftStripe} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${draftStripe} 4px, ${draftStripe} 4.5px), ${p.nodeBgVar}`\n            : p.nodeBgVar,\n        boxShadow: `0 2px 12px ${p.shadowColor}`,\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && (\n        <GlowHandle side=\"left\" external={externalSystem} />\n      )}\n      {sourceConnections.length > 0 && (\n        <GlowHandle side=\"right\" external={externalSystem} />\n      )}\n\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : p.badgeBg,\n          )}\n        >\n          <p.Icon className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          {p.label}\n          {draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor={p.tooltipBorderColor}\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                (v{version})\n              </span>\n            )}\n          </div>\n        </div>\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        <div className=\"flex items-end justify-between gap-1\">\n          <OwnerIndicator\n            owners={owners}\n            accentColor={p.ownerAccent}\n            borderColor={p.ownerBorder}\n            iconClass={p.ownerIcon}\n          />\n          {!!specifications && (\n            <SpecBadges specifications={specifications} isDark={isDark} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Service(props: ServiceNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItService {...props} />;\n  }\n\n  return <DefaultService {...props} />;\n});\n","import { memo } from \"react\";\nimport { buildUrl } from \"./url-builder\";\n\nexport function isIconPath(value: string | undefined): value is string {\n  if (!value) return false;\n  return (\n    value.startsWith(\"/\") ||\n    value.startsWith(\"http://\") ||\n    value.startsWith(\"https://\")\n  );\n}\n\nexport function resolveIconUrl(value: string): string {\n  if (value.startsWith(\"http://\") || value.startsWith(\"https://\")) return value;\n  return buildUrl(value).replace(/\\/$/, \"\");\n}\n\nexport const CustomIcon = memo(function CustomIcon({\n  src,\n  alt,\n  className,\n}: {\n  src: string;\n  alt: string;\n  className?: string;\n}) {\n  return (\n    <img\n      src={resolveIconUrl(src)}\n      alt={alt}\n      loading=\"lazy\"\n      className={className}\n      style={{ objectFit: \"contain\", borderRadius: 4 }}\n    />\n  );\n});\n","/**\n * Configurable URL builder utility\n * Consumers (e.g. Astro adapter) can provide a custom builder via setBuildUrlFn\n * to handle base paths, trailing slashes, etc.\n */\n\nlet _customBuildUrl: ((path: string) => string) | null = null;\n\nexport function setBuildUrlFn(fn: ((path: string) => string) | null): void {\n  _customBuildUrl = fn;\n}\n\nexport function buildUrl(path: string): string {\n  if (_customBuildUrl) {\n    return _customBuildUrl(path);\n  }\n  return path;\n}\n\n/**\n * Navigate to a URL, preferring the host app's view-transition router when it's\n * available so navigations are soft/animated rather than a hard page reload.\n *\n * The visualiser package is intentionally decoupled from Astro, so the host\n * (e.g. EventCatalog's VisualiserLayout) bridges its router onto\n * `window.__ecNavigate`. When that bridge isn't present (standalone usage), we\n * fall back to a normal `location.href` assignment.\n *\n * `url` should already be passed through `buildUrl`.\n */\nexport function navigateTo(url: string): void {\n  if (typeof window === \"undefined\") return;\n  const ecNavigate = (\n    window as unknown as { __ecNavigate?: (url: string) => void }\n  ).__ecNavigate;\n  if (typeof ecNavigate === \"function\") {\n    ecNavigate(url);\n    return;\n  }\n  window.location.href = url;\n}\n","import { memo } from \"react\";\nimport { UserIcon, UsersIcon } from \"lucide-react\";\nimport { OWNER_ICON_SIZE_STYLE } from \"./shared-styles\";\n\n/** Shared style for hidden React Flow handles (avoids inline object allocation). */\nexport const HIDDEN_HANDLE_STYLE = { opacity: 0 } as const;\n\n/**\n * Normalise owners which may arrive as string[] or {id:string}[] from Astro.\n */\nexport function normalizeOwners(raw: any[] | undefined): string[] {\n  if (!raw || raw.length === 0) return [];\n  return raw\n    .filter(Boolean)\n    .map((o: any) => (typeof o === \"string\" ? o : (o?.id ?? \"\")));\n}\n\n/**\n * Compact owner indicator for the bottom of a node card.\n * Shows a small icon + primary owner name + overflow pill.\n *\n * @param accentColor - Tailwind color class for the pill, e.g. \"bg-pink-400\"\n * @param borderColor - CSS color string for the top border\n * @param iconClass   - Tailwind text color for the icon, e.g. \"text-pink-300\"\n */\nexport const OwnerIndicator = memo(function OwnerIndicator({\n  owners,\n  accentColor = \"bg-pink-400\",\n  borderColor = \"rgba(236,72,153,0.08)\",\n  iconClass = \"text-pink-300\",\n}: {\n  owners: string[];\n  accentColor?: string;\n  borderColor?: string;\n  iconClass?: string;\n}) {\n  if (owners.length === 0) return null;\n\n  const primary = owners[0];\n  const remaining = owners.length - 1;\n  const isLikelyTeam = primary.includes(\" \") || primary.includes(\"-\");\n\n  return (\n    <div\n      className=\"flex items-center gap-1 mt-1.5 pt-1.5\"\n      style={{ borderTop: `1px solid ${borderColor}` }}\n      title={owners.join(\", \")}\n    >\n      {/* Icon */}\n      {isLikelyTeam ? (\n        <UsersIcon\n          className={`${iconClass} shrink-0`}\n          style={OWNER_ICON_SIZE_STYLE}\n          strokeWidth={2.5}\n        />\n      ) : (\n        <UserIcon\n          className={`${iconClass} shrink-0`}\n          style={OWNER_ICON_SIZE_STYLE}\n          strokeWidth={2.5}\n        />\n      )}\n\n      {/* Primary owner name */}\n      <span className=\"text-[8px] text-[rgb(var(--ec-page-text-muted))] truncate leading-none\">\n        {primary}\n      </span>\n\n      {/* Overflow count */}\n      {remaining > 0 && (\n        <span\n          className={`shrink-0 inline-flex items-center justify-center text-[7px] font-bold text-white ${accentColor} rounded-full px-1 py-[1px] leading-none`}\n          title={owners.slice(1).join(\", \")}\n        >\n          +{remaining}\n        </span>\n      )}\n    </div>\n  );\n});\n","import { type CSSProperties, useSyncExternalStore } from \"react\";\n\n// ─── Dark mode detection ────────────────────────────────────────────────────\n\nfunction subscribeTheme(callback: () => void) {\n  const observer = new MutationObserver(callback);\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n  return () => observer.disconnect();\n}\n\nfunction getIsDark() {\n  return (\n    typeof document !== \"undefined\" &&\n    document.documentElement.getAttribute(\"data-theme\") === \"dark\"\n  );\n}\n\nexport function useDarkMode(): boolean {\n  return useSyncExternalStore(subscribeTheme, getIsDark, () => false);\n}\n\n/**\n * Shared style constants for node components.\n * Extracting inline style objects to module-level constants ensures React.memo\n * receives stable references and can skip re-renders effectively.\n */\n\n// ─── Common layout ──────────────────────────────────────────────────────────\n\nexport const NODE_WIDTH_STYLE = { width: \"260px\" } as const;\n\nexport const ROTATED_LABEL_STYLE = {\n  transform: \"rotate(-90deg)\",\n  letterSpacing: \"0.15em\",\n  whiteSpace: \"nowrap\",\n} as const satisfies CSSProperties;\n\nexport const TINY_FONT_STYLE = { fontSize: \"0.2em\" } as const;\n\n// ─── WebKit line clamp (summary truncation) ─────────────────────────────────\n\nexport const LINE_CLAMP_STYLE = {\n  display: \"-webkit-box\",\n  WebkitLineClamp: 2,\n  WebkitBoxOrient: \"vertical\",\n} as const satisfies CSSProperties;\n\n// ─── Watermark icon ─────────────────────────────────────────────────────────\n\nexport const WATERMARK_STYLE = {\n  opacity: 0.2,\n  transform: \"rotate(12deg)\",\n} as const;\n\n// ─── Post-it folded corner (identical across all post-it nodes) ─────────────\n\nexport const FOLDED_CORNER_SHADOW_STYLE = {\n  position: \"absolute\",\n  top: 0,\n  right: 0,\n  width: 0,\n  height: 0,\n  borderStyle: \"solid\",\n  borderWidth: \"0 18px 18px 0\",\n  borderColor: \"transparent #1e293b12 transparent transparent\",\n} as const satisfies CSSProperties;\n\n// ─── Post-it common shadow ─────────────────────────────────────────────────\n\nexport const POST_IT_BOX_SHADOW =\n  \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\";\n\n// ─── Handle positioning ─────────────────────────────────────────────────────\n\nexport const HANDLE_LEFT_STYLE = { left: \"-1px\" } as const;\nexport const HANDLE_RIGHT_STYLE = { right: \"-1px\" } as const;\nexport const HANDLE_LEFT_OFFSET_STYLE = { left: \"-6px\" } as const;\nexport const HANDLE_RIGHT_OFFSET_STYLE = { right: \"-6px\" } as const;\n\n// ─── Note/Full size style ───────────────────────────────────────────────────\n\nexport const FULL_SIZE_STYLE = { width: \"100%\", height: \"100%\" } as const;\n\n// ─── Owner indicator icon size ──────────────────────────────────────────────\n\nexport const OWNER_ICON_SIZE_STYLE = { width: 10, height: 10 } as const;\n\n// ─── ExternalSystem2 handle ─────────────────────────────────────────────────\n\nexport const EXTERNAL_SYSTEM_HANDLE_STYLE = {\n  width: 10,\n  height: 10,\n  background: \"pink\",\n  zIndex: 10,\n} as const;\n\n// ─── Edge styles ────────────────────────────────────────────────────────────\n\nexport const EDGE_WARNING_STYLE = {\n  stroke: \"red\",\n  strokeWidth: 2.625,\n  strokeDasharray: \"5 5\",\n} as const;\n\nexport const EDGE_DEFAULT_STYLE = {\n  stroke: \"var(--ec-edge-stroke, #d1d5db)\",\n  strokeWidth: 2.625,\n  strokeDasharray: \"5 5\",\n} as const;\n\nexport const EDGE_FLOW_BASE_STYLE = {\n  strokeWidth: 3,\n  stroke: \"var(--ec-edge-stroke, #6b7280)\",\n  strokeDasharray: \"5 5\",\n} as const;\n\n// ─── Default empty values (stable references for default props) ─────────────\n\nexport const EMPTY_ARRAY: any[] = [];\nexport const EMPTY_OBJECT: Readonly<Record<string, never>> = {} as const;\n\n// ─── Channel message queue ──────────────────────────────────────────────────\n\nexport const QUEUE_BORDER_STYLE = {\n  borderTop: \"1px dashed rgb(var(--ec-page-border))\",\n} as const;\n\n// ─── Handle glow ────────────────────────────────────────────────────────────\n\n// The colour (as \"r, g, b\") of the ring that pulses out from a node's handles,\n// for elements with the `ec-handle-glow` class. The ring only animates\n// transform and opacity, so it runs on the compositor.\nconst glow = (rgb: string) => ({ \"--ec-glow\": rgb }) as CSSProperties;\n\nexport const HANDLE_GLOW = {\n  event: glow(\"251, 146, 60\"),\n  service: glow(\"236, 72, 153\"),\n  command: glow(\"59, 130, 246\"),\n  query: glow(\"34, 197, 94\"),\n  data: glow(\"59, 130, 246\"),\n  channel: glow(\"107, 114, 128\"),\n  actor: glow(\"234, 179, 8\"),\n  external: glow(\"168, 85, 247\"),\n  dataProduct: glow(\"99, 102, 241\"),\n  // Nodes without a colour of their own (fields, message groups, custom steps)\n  generic: glow(\"251, 146, 60\"),\n} as const;\n","import { MessageCircle, AlertTriangle, XIcon } from \"lucide-react\";\nimport { useState, useCallback, memo } from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport type { Note } from \"../types\";\nimport { useDarkMode } from \"./shared-styles\";\n\n/* ------------------------------------------------------------------ */\n/*  Constants                                                          */\n/* ------------------------------------------------------------------ */\n\nconst AMBER = {\n  50: \"#fffbeb\",\n  100: \"#fef3c7\",\n  200: \"#fde68a\",\n  400: \"#fbbf24\",\n  500: \"#f59e0b\",\n  600: \"#d97706\",\n  700: \"#b45309\",\n  800: \"#92400e\",\n  900: \"#78350f\",\n} as const;\n\nconst PRIORITY: Record<\n  string,\n  { bg: string; fg: string; border: string; label: string; accent: string }\n> = {\n  high: {\n    bg: \"#fef2f2\",\n    fg: \"#b91c1c\",\n    border: \"#fecaca\",\n    label: \"High\",\n    accent: \"#ef4444\",\n  },\n  critical: {\n    bg: \"#fef2f2\",\n    fg: \"#991b1b\",\n    border: \"#fecaca\",\n    label: \"Critical\",\n    accent: \"#dc2626\",\n  },\n  low: {\n    bg: \"#f0fdf4\",\n    fg: \"#15803d\",\n    border: \"#bbf7d0\",\n    label: \"Low\",\n    accent: \"#22c55e\",\n  },\n};\n\n/* ------------------------------------------------------------------ */\n/*  Deterministic avatar color from name                               */\n/* ------------------------------------------------------------------ */\n\nconst AVATAR_PALETTES = [\n  [\"#7c3aed\", \"#a78bfa\"], // violet\n  [\"#2563eb\", \"#60a5fa\"], // blue\n  [\"#0891b2\", \"#22d3ee\"], // cyan\n  [\"#059669\", \"#34d399\"], // emerald\n  [\"#d97706\", \"#fbbf24\"], // amber\n  [\"#dc2626\", \"#f87171\"], // red\n  [\"#db2777\", \"#f472b6\"], // pink\n  [\"#4f46e5\", \"#818cf8\"], // indigo\n];\n\nfunction hashStr(s: string): number {\n  let h = 0;\n  for (let i = 0; i < s.length; i++) {\n    h = (h * 31 + s.charCodeAt(i)) | 0;\n  }\n  return Math.abs(h);\n}\n\n/* ------------------------------------------------------------------ */\n/*  Shared atoms                                                       */\n/* ------------------------------------------------------------------ */\n\nfunction Avatar({ name, size = 18 }: { name: string; size?: number }) {\n  const initials = name\n    .split(/\\s+/)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n\n  const [c1, c2] = AVATAR_PALETTES[hashStr(name) % AVATAR_PALETTES.length];\n\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        borderRadius: \"50%\",\n        background: `linear-gradient(135deg, ${c1}, ${c2})`,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        flexShrink: 0,\n      }}\n    >\n      <span\n        style={{\n          fontSize: Math.round(size * 0.42),\n          fontWeight: 700,\n          color: \"white\",\n          lineHeight: 1,\n          letterSpacing: \"-0.02em\",\n        }}\n      >\n        {initials}\n      </span>\n    </div>\n  );\n}\n\nfunction PriorityPill({\n  priority,\n  size = \"sm\",\n}: {\n  priority: string;\n  size?: \"sm\" | \"md\";\n}) {\n  const p = PRIORITY[priority.toLowerCase()];\n  if (!p) return null;\n  const isUrgent = priority === \"high\" || priority === \"critical\";\n  const md = size === \"md\";\n\n  return (\n    <span\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: md ? 4 : 2,\n        fontSize: md ? 11 : 8,\n        fontWeight: 700,\n        color: p.fg,\n        background: p.bg,\n        border: `1px solid ${p.border}`,\n        borderRadius: 99,\n        padding: md ? \"2px 8px\" : \"1px 5px\",\n        textTransform: \"uppercase\",\n        letterSpacing: \"0.04em\",\n        lineHeight: 1.4,\n        whiteSpace: \"nowrap\",\n      }}\n    >\n      {isUrgent && (\n        <AlertTriangle\n          style={{ width: md ? 10 : 7, height: md ? 10 : 7 }}\n          strokeWidth={2.5}\n        />\n      )}\n      {p.label}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Popover (hover preview)                                            */\n/* ------------------------------------------------------------------ */\n\nfunction PopoverCard({ note, last }: { note: Note; last: boolean }) {\n  return (\n    <div\n      style={{\n        padding: \"7px 10px\",\n        borderBottom: last ? \"none\" : \"1px solid rgb(var(--ec-page-border))\",\n        display: \"flex\",\n        gap: 6,\n        alignItems: \"flex-start\",\n      }}\n    >\n      {note.author && <Avatar name={note.author} size={16} />}\n      <div style={{ flex: 1, minWidth: 0 }}>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: 4,\n            marginBottom: 2,\n          }}\n        >\n          {note.author && (\n            <span\n              style={{\n                fontSize: 9,\n                fontWeight: 700,\n                color: \"rgb(var(--ec-page-text))\",\n                lineHeight: 1,\n              }}\n            >\n              {note.author}\n            </span>\n          )}\n          {note.priority && <PriorityPill priority={note.priority} />}\n        </div>\n        <p\n          style={{\n            fontSize: 9,\n            lineHeight: 1.45,\n            color: \"rgb(var(--ec-page-text-muted))\",\n            margin: 0,\n            display: \"-webkit-box\",\n            WebkitLineClamp: 2,\n            WebkitBoxOrient: \"vertical\",\n            overflow: \"hidden\",\n          }}\n        >\n          {note.content}\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Modal note card (thread-style)                                     */\n/* ------------------------------------------------------------------ */\n\nfunction NoteCard({ note, isDark }: { note: Note; isDark: boolean }) {\n  const prioStyle = note.priority\n    ? PRIORITY[note.priority.toLowerCase()]\n    : null;\n\n  return (\n    <div\n      style={{\n        background: isDark\n          ? `radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px), rgba(255,255,255,0.04)`\n          : `radial-gradient(circle, rgba(212,201,168,0.4) 1px, transparent 1px), #fef9ed`,\n        backgroundSize: \"12px 12px\",\n        border: `1px solid ${isDark ? \"rgba(255,255,255,0.08)\" : \"#e5dcc3\"}`,\n        borderBottom: `2px dashed ${isDark ? \"rgba(255,255,255,0.1)\" : \"#d4c9a8\"}`,\n        borderRadius: \"8px 8px 0 0\",\n        padding: \"14px 16px 14px\",\n        position: \"relative\",\n      }}\n    >\n      {/* Author */}\n      {note.author && (\n        <span\n          style={{\n            display: \"block\",\n            fontSize: 11,\n            fontWeight: 650,\n            color: isDark ? \"#e2e8f0\" : \"#1e293b\",\n            marginBottom: 8,\n          }}\n        >\n          {note.author}\n        </span>\n      )}\n\n      {/* Content — styled like a handwritten note */}\n      <p\n        style={{\n          fontSize: 13,\n          lineHeight: 1.7,\n          color: isDark ? \"#cbd5e1\" : \"#1e293b\",\n          margin: 0,\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          fontStyle: \"italic\",\n        }}\n      >\n        &ldquo;{note.content}&rdquo;\n      </p>\n    </div>\n  );\n}\n\n/** Group notes by priority: critical/high first, then low, then no priority */\nfunction groupNotes(\n  notes: Note[],\n): { label: string; notes: Note[]; color: string }[] {\n  const urgent: Note[] = [];\n  const low: Note[] = [];\n  const normal: Note[] = [];\n\n  for (const n of notes) {\n    const p = n.priority?.toLowerCase();\n    if (p === \"critical\" || p === \"high\") urgent.push(n);\n    else if (p === \"low\") low.push(n);\n    else normal.push(n);\n  }\n\n  const groups: { label: string; notes: Note[]; color: string }[] = [];\n  if (urgent.length > 0)\n    groups.push({ label: \"High Priority\", notes: urgent, color: \"#ef4444\" });\n  if (normal.length > 0)\n    groups.push({ label: \"Notes\", notes: normal, color: \"#f59e0b\" });\n  if (low.length > 0)\n    groups.push({ label: \"Low Priority\", notes: low, color: \"#22c55e\" });\n  return groups;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Full-screen modal                                                  */\n/* ------------------------------------------------------------------ */\n\nexport function NotesModal({\n  notes,\n  isOpen,\n  onClose,\n  resourceName,\n  resourceVersion,\n  resourceType,\n  accentColor,\n  icon,\n}: {\n  notes: Note[];\n  isOpen: boolean;\n  onClose: () => void;\n  resourceName?: string;\n  resourceVersion?: string;\n  resourceType?: string;\n  accentColor?: string;\n  icon?: React.ReactNode;\n}) {\n  const isDark = useDarkMode();\n  const portalContainer = usePortalContainer();\n  const count = notes.length;\n  const urgent = notes.filter(\n    (n) =>\n      n.priority &&\n      (n.priority.toLowerCase() === \"high\" ||\n        n.priority.toLowerCase() === \"critical\"),\n  );\n\n  return (\n    <Dialog.Root open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <Dialog.Portal container={portalContainer}>\n        <div\n          className=\"fixed inset-0 z-[99999]\"\n          style={{ isolation: \"isolate\" }}\n        >\n          <Dialog.Overlay\n            style={{\n              position: \"fixed\",\n              inset: 0,\n              background: isDark\n                ? \"rgba(0, 0, 0, 0.7)\"\n                : \"rgba(15, 23, 42, 0.55)\",\n              backdropFilter: \"blur(8px)\",\n            }}\n          />\n\n          <Dialog.Content\n            style={{\n              position: \"fixed\",\n              top: \"50%\",\n              left: \"50%\",\n              transform: \"translate(-50%, -50%)\",\n              width: \"92vw\",\n              maxWidth: 500,\n              maxHeight: \"80vh\",\n              background: isDark ? \"#1e2330\" : \"#ffffff\",\n              borderRadius: 16,\n              border: `1px solid ${isDark ? \"rgba(255,255,255,0.08)\" : \"rgba(0,0,0,0.08)\"}`,\n              boxShadow: isDark\n                ? \"0 24px 48px rgba(0,0,0,0.5)\"\n                : \"0 24px 48px rgba(0,0,0,0.15)\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              overflow: \"hidden\",\n              outline: \"none\",\n            }}\n          >\n            {/* -------- Header -------- */}\n            <div\n              style={{\n                padding: \"20px 22px 16px\",\n                borderBottom: `1px solid ${isDark ? \"rgba(255,255,255,0.06)\" : \"rgba(0,0,0,0.06)\"}`,\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: 14,\n              }}\n            >\n              {/* Resource icon */}\n              <div\n                style={{\n                  width: 36,\n                  height: 36,\n                  borderRadius: 10,\n                  background:\n                    accentColor ||\n                    `linear-gradient(135deg, ${AMBER[400]}, ${AMBER[500]})`,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  flexShrink: 0,\n                }}\n              >\n                {icon || (\n                  <MessageCircle\n                    style={{ width: 18, height: 18, color: \"white\" }}\n                    strokeWidth={2.5}\n                  />\n                )}\n              </div>\n\n              {/* Title block */}\n              <div style={{ flex: 1, minWidth: 0 }}>\n                <Dialog.Title\n                  style={{\n                    fontSize: 15,\n                    fontWeight: 700,\n                    color: isDark ? \"#f1f5f9\" : \"#0f172a\",\n                    margin: 0,\n                    lineHeight: 1.3,\n                    letterSpacing: \"-0.01em\",\n                    display: \"flex\",\n                    alignItems: \"baseline\",\n                    gap: 6,\n                  }}\n                >\n                  {resourceName || \"Notes\"}\n                  {resourceVersion && (\n                    <span\n                      style={{\n                        fontSize: 11,\n                        fontWeight: 500,\n                        color: isDark ? \"#64748b\" : \"#94a3b8\",\n                      }}\n                    >\n                      v{resourceVersion}\n                    </span>\n                  )}\n                </Dialog.Title>\n                <Dialog.Description\n                  style={{\n                    fontSize: 12,\n                    color: isDark ? \"#94a3b8\" : \"#64748b\",\n                    margin: 0,\n                    marginTop: 3,\n                    lineHeight: 1.3,\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: 6,\n                  }}\n                >\n                  {resourceType && (\n                    <span\n                      style={{\n                        fontSize: 10,\n                        fontWeight: 700,\n                        textTransform: \"uppercase\",\n                        letterSpacing: \"0.05em\",\n                      }}\n                    >\n                      {resourceType}\n                    </span>\n                  )}\n                  {resourceType && (\n                    <span style={{ opacity: 0.4 }}>&middot;</span>\n                  )}\n                  {count} note{count !== 1 ? \"s\" : \"\"}\n                  {urgent.length > 0 &&\n                    ` \\u00b7 ${urgent.length} high priority`}\n                </Dialog.Description>\n              </div>\n\n              {/* Close */}\n              <Dialog.Close asChild>\n                <button\n                  aria-label=\"Close\"\n                  style={{\n                    width: 32,\n                    height: 32,\n                    borderRadius: 8,\n                    border: \"none\",\n                    background: isDark\n                      ? \"rgba(255,255,255,0.06)\"\n                      : \"rgba(0,0,0,0.04)\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    cursor: \"pointer\",\n                    color: isDark ? \"#94a3b8\" : \"#94a3b8\",\n                    flexShrink: 0,\n                  }}\n                >\n                  <XIcon style={{ width: 16, height: 16 }} />\n                </button>\n              </Dialog.Close>\n            </div>\n\n            {/* -------- Grouped notes -------- */}\n            <div\n              style={{\n                flex: 1,\n                overflowY: \"auto\",\n                padding: \"16px 22px 24px\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: 18,\n              }}\n            >\n              {groupNotes(notes).map((group) => (\n                <div key={group.label}>\n                  {/* Group header */}\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      gap: 8,\n                      marginBottom: 10,\n                    }}\n                  >\n                    <div\n                      style={{\n                        width: 8,\n                        height: 8,\n                        borderRadius: \"50%\",\n                        background: group.color,\n                        flexShrink: 0,\n                      }}\n                    />\n                    <span\n                      style={{\n                        fontSize: 11,\n                        fontWeight: 700,\n                        color: isDark ? \"#94a3b8\" : \"#64748b\",\n                        textTransform: \"uppercase\",\n                        letterSpacing: \"0.06em\",\n                      }}\n                    >\n                      {group.label}\n                    </span>\n                    <span\n                      style={{\n                        fontSize: 10,\n                        fontWeight: 600,\n                        color: isDark ? \"#475569\" : \"#94a3b8\",\n                      }}\n                    >\n                      ({group.notes.length})\n                    </span>\n                    <div\n                      style={{\n                        flex: 1,\n                        height: 1,\n                        background: isDark\n                          ? \"rgba(255,255,255,0.06)\"\n                          : \"rgba(0,0,0,0.06)\",\n                      }}\n                    />\n                  </div>\n                  {/* Notes in group */}\n                  <div\n                    style={{\n                      display: \"flex\",\n                      flexDirection: \"column\",\n                      gap: 16,\n                    }}\n                  >\n                    {group.notes.map((note, i) => (\n                      <NoteCard key={i} note={note} isDark={isDark} />\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </Dialog.Content>\n        </div>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Main indicator                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const NotesIndicator = memo(function NotesIndicator({\n  notes,\n  resourceName,\n}: {\n  notes: Note[];\n  resourceName?: string;\n}) {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const handleClick = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation();\n    setIsHovered(false);\n    setIsModalOpen(true);\n  }, []);\n\n  if (!notes || notes.length === 0) return null;\n\n  const count = notes.length;\n  const hasUrgent = notes.some(\n    (n) =>\n      n.priority &&\n      (n.priority.toLowerCase() === \"high\" ||\n        n.priority.toLowerCase() === \"critical\"),\n  );\n\n  return (\n    <>\n      <div\n        className=\"absolute -top-2.5 -right-2.5 z-30 nopan nodrag\"\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onPointerDown={(e) => e.stopPropagation()}\n      >\n        {/* Count badge */}\n        <div\n          className=\"flex items-center justify-center cursor-pointer\"\n          onClick={handleClick}\n          style={{\n            width: 22,\n            height: 22,\n            borderRadius: \"50%\",\n            background: hasUrgent\n              ? \"linear-gradient(135deg, #ef4444, #dc2626)\"\n              : `linear-gradient(135deg, ${AMBER[400]}, ${AMBER[500]})`,\n            boxShadow: `0 0 0 2.5px rgb(var(--ec-card-bg)), 0 2px 6px rgba(0,0,0,0.15)`,\n            transition: \"transform 0.15s ease\",\n            transform: isHovered ? \"scale(1.15)\" : \"scale(1)\",\n          }}\n        >\n          <span\n            style={{\n              fontSize: 11,\n              fontWeight: 800,\n              color: \"white\",\n              lineHeight: 1,\n            }}\n          >\n            {count}\n          </span>\n        </div>\n\n        {/* Hover popover */}\n        {isHovered && !isModalOpen && (\n          <div\n            className=\"absolute top-full right-0 mt-2 pointer-events-none\"\n            style={{ minWidth: 200, maxWidth: 250, zIndex: 50 }}\n          >\n            <div\n              style={{\n                background: \"rgb(var(--ec-card-bg))\",\n                borderRadius: 10,\n                border: `1px solid ${AMBER[200]}`,\n                boxShadow:\n                  \"0 4px 20px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.06)\",\n                overflow: \"hidden\",\n              }}\n            >\n              {/* Header */}\n              <div\n                style={{\n                  padding: \"6px 10px\",\n                  background: AMBER[50],\n                  borderBottom: `1px solid ${AMBER[200]}`,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: 5,\n                }}\n              >\n                <MessageCircle\n                  style={{ width: 10, height: 10, color: AMBER[600] }}\n                  strokeWidth={2.5}\n                />\n                <span\n                  style={{\n                    fontSize: 9,\n                    fontWeight: 700,\n                    color: AMBER[800],\n                    flex: 1,\n                    letterSpacing: \"0.01em\",\n                  }}\n                >\n                  {count} note{count !== 1 ? \"s\" : \"\"}\n                </span>\n                <span\n                  style={{\n                    fontSize: 8,\n                    color: AMBER[600],\n                    fontWeight: 500,\n                    opacity: 0.8,\n                  }}\n                >\n                  click to open\n                </span>\n              </div>\n\n              {/* List */}\n              <div style={{ maxHeight: 150, overflowY: \"auto\" }}>\n                {notes.slice(0, 3).map((note, i) => (\n                  <PopoverCard\n                    key={i}\n                    note={note}\n                    last={i === Math.min(count, 3) - 1 && count <= 3}\n                  />\n                ))}\n              </div>\n\n              {count > 3 && (\n                <div\n                  style={{\n                    padding: \"5px 10px\",\n                    borderTop: \"1px solid rgb(var(--ec-page-border))\",\n                    textAlign: \"center\",\n                  }}\n                >\n                  <span\n                    style={{\n                      fontSize: 8,\n                      fontWeight: 600,\n                      color: \"#94a3b8\",\n                    }}\n                  >\n                    +{count - 3} more\n                  </span>\n                </div>\n              )}\n            </div>\n\n            {/* Arrow pointing up */}\n            <div\n              style={{\n                position: \"absolute\",\n                top: -5,\n                right: 10,\n                width: 10,\n                height: 10,\n                background: \"rgb(var(--ec-card-bg))\",\n                border: `1px solid ${AMBER[200]}`,\n                borderRight: \"none\",\n                borderBottom: \"none\",\n                transform: \"rotate(45deg)\",\n                zIndex: 1,\n              }}\n            />\n          </div>\n        )}\n      </div>\n\n      <NotesModal\n        notes={notes}\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        resourceName={resourceName}\n      />\n    </>\n  );\n});\n","import { createContext, useContext } from \"react\";\n\n/**\n * Context that provides a reference to the .eventcatalog-visualizer container element.\n * Used by Radix UI portals so they render inside the scoped CSS boundary\n * instead of at document.body.\n */\nconst PortalContainerContext = createContext<HTMLElement | null>(null);\n\nexport const PortalContainerProvider = PortalContainerContext.Provider;\n\nexport function usePortalContainer(): HTMLElement | undefined {\n  const container = useContext(PortalContainerContext);\n  return container ?? undefined;\n}\n","import {\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\n\ntype TruncatedResourceNameProps = {\n  as?: \"div\" | \"span\";\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  tooltipBorderColor?: string;\n  value: string;\n};\n\nexport function TruncatedResourceName({\n  as: Component = \"span\",\n  children,\n  className,\n  style,\n  tooltipBorderColor = \"rgb(var(--ec-page-border))\",\n  value,\n}: TruncatedResourceNameProps) {\n  const ref = useRef<HTMLSpanElement>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const updateTruncation = () => {\n      setIsTruncated(element.scrollWidth > element.clientWidth);\n    };\n\n    updateTruncation();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      window.addEventListener(\"resize\", updateTruncation);\n      return () => window.removeEventListener(\"resize\", updateTruncation);\n    }\n\n    const observer = new ResizeObserver(updateTruncation);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [value]);\n\n  return (\n    <Component className=\"ec-truncated-resource-name group relative min-w-0 max-w-full flex-1\">\n      <span\n        ref={ref}\n        className={`block min-w-0 ${className || \"\"}`}\n        style={style}\n      >\n        {children}\n      </span>\n      {isTruncated && (\n        <span\n          className=\"ec-truncated-resource-name-tooltip pointer-events-none absolute left-1/2 bottom-full z-[9999] mb-4 hidden w-max max-w-[320px] -translate-x-1/2 rounded-md border-2 bg-slate-950 px-2.5 py-1.5 text-[11px] font-medium leading-snug text-white shadow-lg group-hover:block group-focus-within:block\"\n          style={{ borderColor: tooltipBorderColor }}\n        >\n          <span className=\"block whitespace-normal break-words\">{value}</span>\n          <span\n            className=\"absolute left-1/2 top-full h-2 w-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r bg-slate-950\"\n            style={{\n              borderBottomColor: tooltipBorderColor,\n              borderRightColor: tooltipBorderColor,\n            }}\n          />\n        </span>\n      )}\n    </Component>\n  );\n}\n","import { LocateFixed } from \"lucide-react\";\n\nexport function FocusedResourceIndicator() {\n  return (\n    <>\n      <div\n        aria-hidden=\"true\"\n        className=\"pointer-events-none absolute -inset-1.5 z-[5] rounded-[14px] border-2 border-indigo-500/70 shadow-lg\"\n      />\n      <div className=\"pointer-events-none absolute -bottom-2.5 right-2 z-30 inline-flex items-center gap-1 rounded-full border border-white/80 bg-indigo-600 px-2 py-0.5 text-[7px] font-bold uppercase tracking-widest text-white shadow-sm\">\n        <LocateFixed className=\"h-2.5 w-2.5\" strokeWidth={2.5} />\n        Viewing\n      </div>\n    </>\n  );\n}\n","import { memo, useMemo } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource } from \"../types\";\nimport { NotesIndicator } from \"./NotesIndicator\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"./OwnerIndicator\";\nimport { LINE_CLAMP_STYLE, useDarkMode, HANDLE_GLOW } from \"./shared-styles\";\nimport { CustomIcon, isIconPath, resolveIconUrl } from \"../utils/custom-icon\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #0ea5e9, #0369a1)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.dataProduct,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nconst getProviderIconSrc = (provider: string | undefined, isDark: boolean) => {\n  if (!provider) return null;\n  const providerIconName = provider\n    .trim()\n    .toLowerCase()\n    .replace(/\\s+/g, \"-\")\n    .replace(/[^a-z0-9-]/g, \"\");\n\n  const iconPath =\n    providerIconName === \"openai\" || providerIconName === \"anthropic\"\n      ? `/icons/agent/${providerIconName}-${isDark ? \"dark\" : \"light\"}.svg`\n      : `/icons/agent/${providerIconName}.svg`;\n\n  return resolveIconUrl(iconPath);\n};\n\ntype AgentNodeData = EventCatalogResource & {\n  agent: {\n    id: string;\n    version: string;\n    name: string;\n    summary?: string;\n    owners?: any[];\n    deprecated?: boolean;\n    draft?: boolean;\n    notes?: import(\"../types\").Note[];\n    model?: {\n      provider?: string;\n      name?: string;\n      version?: string;\n    };\n    styles?: {\n      icon?: string;\n      node?: { color?: string; label?: string };\n    };\n  };\n};\n\nexport type AgentNode = Node<AgentNodeData, \"agent\">;\n\nfunction Agent(props: AgentNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    notes,\n    owners,\n    model,\n    styles,\n  } = props.data.agent;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const normalizedOwners = useMemo(() => normalizeOwners(owners), [owners]);\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n  const draftStripe = isDark\n    ? \"rgba(14,165,233,0.25)\"\n    : \"rgba(14,165,233,0.15)\";\n  const providerLabel = model?.provider;\n  const providerIconSrc = getProviderIconSrc(providerLabel, isDark);\n  const modelLabel = model?.name;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-sky-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? \"border-dashed border-sky-400\"\n            : \"border-sky-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-agent-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${draftStripe} 4px, ${draftStripe} 4.5px), var(--ec-agent-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-agent-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(14, 165, 233, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-sky-500\",\n          )}\n        >\n          <Bot className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Agent\n          {draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor=\"#0ea5e9\"\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                (v{version})\n              </span>\n            )}\n          </div>\n        </div>\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {(providerLabel || modelLabel) && (\n          <div className=\"flex items-center gap-1 flex-wrap mt-1.5\">\n            {providerLabel && (\n              <span className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded bg-sky-500/10 text-sky-700 dark:text-sky-300 uppercase tracking-wide\">\n                {providerIconSrc && (\n                  <img\n                    src={providerIconSrc}\n                    alt=\"\"\n                    className=\"w-2 h-2 shrink-0 mr-1 object-contain\"\n                    loading=\"lazy\"\n                  />\n                )}\n                {providerLabel}\n              </span>\n            )}\n            {modelLabel && (\n              <span className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded bg-[rgb(var(--ec-page-bg))] text-[rgb(var(--ec-page-text-muted))] border border-sky-500/30 max-w-[8.5rem] truncate\">\n                {modelLabel}\n              </span>\n            )}\n          </div>\n        )}\n\n        <OwnerIndicator\n          owners={normalizedOwners}\n          accentColor=\"bg-sky-400\"\n          borderColor=\"rgba(14,165,233,0.08)\"\n          iconClass=\"text-sky-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(Agent);\n","import { memo } from \"react\";\nimport { Wrench } from \"lucide-react\";\nimport { Handle, Node, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource } from \"../types\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { LINE_CLAMP_STYLE, useDarkMode, HANDLE_GLOW } from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\nimport { CustomIcon, isIconPath } from \"../utils/custom-icon\";\nimport mcpDark from \"../icons/protocols/mcp-dark.svg?raw\";\nimport mcpLight from \"../icons/protocols/mcp-light.svg?raw\";\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype AgentToolData = EventCatalogResource & {\n  agentTool: {\n    id?: string;\n    name: string;\n    type: string;\n    icon?: string;\n    url?: string;\n    description?: string;\n  };\n};\n\nexport type AgentToolNode = Node<AgentToolData, \"agentTool\">;\n\nconst normalizeType = (type?: string) => (type || \"\").trim().toLowerCase();\n\nfunction ToolTypeBadge({ type }: { type: string }) {\n  const isDark = useDarkMode();\n  const normalizedType = normalizeType(type);\n  const label = type.toUpperCase();\n\n  if (normalizedType === \"mcp\") {\n    return (\n      <span className=\"inline-flex items-center gap-1 text-[7px] font-bold px-1.5 py-0.5 rounded bg-violet-500/10 text-violet-700 dark:text-violet-300 border border-violet-500/25\">\n        <span\n          className=\"w-2 h-2 shrink-0 [&>svg]:w-2 [&>svg]:h-2\"\n          dangerouslySetInnerHTML={{ __html: isDark ? mcpDark : mcpLight }}\n        />\n        MCP\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded bg-violet-500/10 text-violet-700 dark:text-violet-300 border border-violet-500/25\">\n      {label}\n    </span>\n  );\n}\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #8b5cf6, #6d28d9)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.dataProduct,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction AgentTool(props: AgentToolNode) {\n  const { name, type, icon, url, description } = props.data.agentTool;\n  const customIcon = isIconPath(icon) ? icon : undefined;\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible border-violet-500\",\n        props?.selected ? \"ring-2 ring-violet-400/60 ring-offset-2\" : \"\",\n      )}\n      style={{\n        background: \"var(--ec-agent-tool-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(139, 92, 246, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-violet-500\">\n          <Wrench className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Tool\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className=\"w-4 h-4 shrink-0\"\n            />\n          )}\n          <TruncatedResourceName\n            value={name}\n            tooltipBorderColor=\"#8b5cf6\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {description && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={description}\n          >\n            {description}\n          </div>\n        )}\n\n        <div className=\"mt-1.5 flex items-center gap-1 flex-wrap\">\n          <ToolTypeBadge type={type} />\n          {url && (\n            <span className=\"inline-flex items-center text-[7px] font-bold px-1.5 py-0.5 rounded bg-[rgb(var(--ec-page-bg))] text-[rgb(var(--ec-page-text-muted))] border border-violet-500/25 max-w-[9rem] truncate\">\n              {url}\n            </span>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default memo(AgentTool);\n","<svg fill=\"#ffffff\" fill-rule=\"evenodd\" height=\"1em\" style=\"flex:none;line-height:1\" viewBox=\"0 0 24 24\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><title>ModelContextProtocol</title><path d=\"M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z\"/><path d=\"M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z\"/></svg>","<svg fill=\"#000000\" fill-rule=\"evenodd\" height=\"1em\" style=\"flex:none;line-height:1\" viewBox=\"0 0 24 24\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><title>ModelContextProtocol</title><path d=\"M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z\"/><path d=\"M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z\"/></svg>","import { memo, useMemo } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { Message, EventCatalogResource } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { MethodBadge, ApiPath, StatusCodes } from \"../ApiInfo\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"../shared-styles\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nconst GlowHandle = memo(function GlowHandle({\n  side,\n}: {\n  side: \"left\" | \"right\";\n}) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #fb923c, #ea580c)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.event,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n});\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype MessageNodeData = EventCatalogResource & {\n  message: Message;\n};\n\nexport type EventNode = Node<MessageNodeData, \"event\">;\n\nfunction PostItEvent(props: EventNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props?.data?.message;\n  const mode = props?.data?.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-orange-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {/* Inner wrapper with rotation — keeps handles aligned to the unrotated bounding box */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #fed7aa 0%, #fdba74 40%, #fb923c 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(251, 146, 60, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#f97316 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      {/* Content sits on top, unrotated, so text stays crisp */}\n      <div className=\"relative px-3.5 py-3\">\n        {/* Type label row */}\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Zap className=\"w-3 h-3 text-orange-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-orange-900/50 uppercase tracking-widest\">\n              Event\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        {/* Name */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#f97316\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated\n                ? \"text-orange-950/40 line-through\"\n                : \"text-orange-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {/* Version */}\n        {version && (\n          <div className=\"text-[9px] text-orange-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-orange-900/10 text-[9px] text-orange-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultEvent(props: EventNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    schema,\n    notes,\n    method,\n    path,\n    statusCodes,\n    styles,\n  } = props?.data?.message;\n  const mode = props?.data?.mode || \"simple\";\n  const hasApiInfo = !!(method || path);\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(props?.data?.message?.owners),\n    [props?.data?.message?.owners],\n  );\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-orange-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-orange-400\" : \"border-orange-400/60\"}`\n            : \"border-orange-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-event-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(251,146,60,0.25)\" : \"rgba(251,146,60,0.15)\"} 4px, ${isDark ? \"rgba(251,146,60,0.25)\" : \"rgba(251,146,60,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(251,146,60,0.25)\" : \"rgba(251,146,60,0.15)\"} 4px, ${isDark ? \"rgba(251,146,60,0.25)\" : \"rgba(251,146,60,0.15)\"} 4.5px), var(--ec-event-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-event-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(251, 146, 60, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-orange-500\",\n          )}\n        >\n          <Zap className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Event{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {/* Schema badge top-right */}\n      {schema && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-orange-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {schema.includes(\".\") ? schema.split(\".\").pop() : schema}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* API method + path row */}\n        {hasApiInfo && (\n          <div className=\"flex items-center gap-1.5 mb-1 overflow-hidden min-w-0\">\n            {method && <MethodBadge method={method} />}\n            {path && <ApiPath path={path} />}\n          </div>\n        )}\n\n        {/* Name + version */}\n        {!hasApiInfo && (\n          <div className=\"flex items-center gap-2\">\n            {customIcon && (\n              <CustomIcon\n                src={customIcon}\n                alt={name}\n                className={\n                  mode === \"full\"\n                    ? \"w-5 h-5 shrink-0 mt-0.5\"\n                    : \"w-4 h-4 shrink-0 -my-1\"\n                }\n              />\n            )}\n            <div className=\"flex items-baseline gap-1 min-w-0\">\n              <TruncatedResourceName\n                value={name}\n                tooltipBorderColor=\"#f97316\"\n                className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n              >\n                {name}\n              </TruncatedResourceName>\n              {version && (\n                <span\n                  className=\"text-[10px] font-normal shrink-0\"\n                  style={{ color: isDark ? \"#dce3eb\" : \"#6b7280\" }}\n                >\n                  (v{version})\n                </span>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] leading-relaxed overflow-hidden\"\n            style={{\n              ...LINE_CLAMP_STYLE,\n              color: isDark ? \"#f0f4f8\" : \"#374151\",\n            }}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Status codes */}\n        {statusCodes && statusCodes.length > 0 && (\n          <StatusCodes codes={statusCodes} />\n        )}\n\n        {/* Owners + Notes row */}\n        <div className=\"flex items-end justify-between\">\n          <OwnerIndicator\n            owners={owners}\n            accentColor=\"bg-orange-400\"\n            borderColor=\"rgba(251,146,60,0.08)\"\n            iconClass=\"text-orange-300\"\n          />\n          {notes && notes.length > 0 && (\n            <NotesIndicator notes={notes} resourceName={name} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Event(props: EventNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItEvent {...props} />;\n  }\n\n  return <DefaultEvent {...props} />;\n});\n","import { memo } from \"react\";\n\nconst METHOD_COLORS: Record<string, { bg: string; text: string }> = {\n  GET: { bg: \"rgba(34,197,94,0.15)\", text: \"#22c55e\" },\n  POST: { bg: \"rgba(59,130,246,0.15)\", text: \"#3b82f6\" },\n  PUT: { bg: \"rgba(245,158,11,0.15)\", text: \"#f59e0b\" },\n  PATCH: { bg: \"rgba(245,158,11,0.15)\", text: \"#f59e0b\" },\n  DELETE: { bg: \"rgba(239,68,68,0.15)\", text: \"#ef4444\" },\n  OPTIONS: { bg: \"rgba(139,92,246,0.15)\", text: \"#8b5cf6\" },\n  HEAD: { bg: \"rgba(107,114,128,0.15)\", text: \"#6b7280\" },\n};\n\nconst STATUS_COLORS: Record<string, { bg: string; text: string }> = {\n  \"2\": { bg: \"rgba(34,197,94,0.15)\", text: \"#22c55e\" },\n  \"3\": { bg: \"rgba(59,130,246,0.15)\", text: \"#3b82f6\" },\n  \"4\": { bg: \"rgba(245,158,11,0.15)\", text: \"#f59e0b\" },\n  \"5\": { bg: \"rgba(239,68,68,0.15)\", text: \"#ef4444\" },\n};\n\nfunction getStatusColor(code: number) {\n  const prefix = String(code)[0];\n  return STATUS_COLORS[prefix] || STATUS_COLORS[\"2\"];\n}\n\nexport const MethodBadge = memo(function MethodBadge({\n  method,\n}: {\n  method: string;\n}) {\n  const upper = method.toUpperCase();\n  const colors = METHOD_COLORS[upper] || { bg: \"#6b7280\", text: \"#ffffff\" };\n  return (\n    <span\n      className=\"inline-flex items-center text-[8px] font-extrabold uppercase tracking-wide px-1.5 py-0.5 rounded\"\n      style={{ background: colors.bg, color: colors.text }}\n    >\n      {upper}\n    </span>\n  );\n});\n\nexport const StatusCodes = memo(function StatusCodes({\n  codes,\n}: {\n  codes: number[];\n}) {\n  return (\n    <div className=\"flex items-center gap-1 flex-wrap mt-1.5\">\n      {codes.map((code) => {\n        const colors = getStatusColor(code);\n        return (\n          <span\n            key={code}\n            className=\"inline-flex items-center text-[8px] font-bold px-1.5 py-0.5 rounded\"\n            style={{ background: colors.bg, color: colors.text }}\n          >\n            {code}\n          </span>\n        );\n      })}\n    </div>\n  );\n});\n\nexport const ApiPath = memo(function ApiPath({ path }: { path: string }) {\n  return (\n    <span\n      className=\"text-[12px] font-mono font-medium text-[rgb(var(--ec-page-text))] truncate min-w-0\"\n      title={path}\n    >\n      {path}\n    </span>\n  );\n});\n","import { Connection, MarkerType } from \"@xyflow/react\";\nimport { Zap } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\nimport { SERVICE, CHANNEL, EVENT } from \"../node-types\";\n\nexport default {\n  type: \"event\",\n  icon: Zap,\n  color: \"orange\",\n  targetCanConnectTo: [...SERVICE, ...CHANNEL],\n  sourceCanConnectTo: [...SERVICE, ...CHANNEL],\n  validateConnection: (connection: Connection) => {\n    return connection.source !== connection.target;\n  },\n  getEdgeOptions: (connection: Connection) => {\n    if (\n      EVENT.includes(connection.source) &&\n      SERVICE.includes(connection.target)\n    ) {\n      return {\n        label: \"Publishes\",\n        markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n      };\n    }\n    return {\n      label: \"Subscribes\",\n      markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n    };\n  },\n  defaultData: {\n    name: \"New Event\",\n    version: \"0.0.1\",\n    summary: \"New event. Click edit to change the details.\",\n    mode: \"full\",\n  },\n  editor: {\n    title: \"Event\",\n    subtitle: \"Edit the details of the event\",\n    schema: {\n      type: \"object\",\n      required: [\"name\", \"version\"],\n      properties: {\n        name: {\n          type: \"string\",\n          title: \"Name\",\n          default: \"Random value\",\n          description:\n            \"The name of the event. Use a verb-noun format (e.g., OrderPlaced).\",\n        },\n        version: {\n          type: \"string\",\n          title: \"Version\",\n          default: \"1.0.0\",\n          description: \"The version number (e.g., 1.0.0)\",\n          pattern: \"^\\\\d+\\\\.\\\\d+\\\\.\\\\d+(?:-[\\\\w.-]+)?(?:\\\\+[\\\\w.-]+)?$\",\n        },\n        summary: {\n          type: \"string\",\n          title: \"Summary\",\n          default: \"\",\n          description: \"A brief summary of the event\",\n        },\n      },\n    },\n  },\n} as NodeConfiguration;\n","export const SERVICE = [\"service\", \"services\"];\nexport const AGENT = [\"agent\", \"agents\"];\nexport const AGENT_TOOL = [\"agentTool\", \"agent-tool\"];\nexport const EVENT = [\"event\", \"events\"];\nexport const QUERY = [\"queries\", \"query\", \"querie\"];\nexport const COMMAND = [\"command\", \"commands\"];\nexport const CHANNEL = [\"channel\", \"channels\"];\nexport const ACTOR = [\"actor\", \"actors\"];\nexport const DATA = [\"data\"];\nexport const VIEW = [\"view\"];\n\nexport const MESSAGE = [...EVENT, ...COMMAND, ...QUERY];\n","import { memo, useMemo } from \"react\";\nimport { Search } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { Message, EventCatalogResource } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { MethodBadge, ApiPath, StatusCodes } from \"../ApiInfo\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nconst GlowHandle = memo(function GlowHandle({\n  side,\n}: {\n  side: \"left\" | \"right\";\n}) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #22c55e, #15803d)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.query,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n});\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype QueryNodeData = EventCatalogResource & {\n  message: Message;\n};\n\nexport type QueryNode = Node<QueryNodeData, \"query\">;\n\nfunction PostItQuery(props: QueryNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props.data.message;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-green-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #bbf7d0 0%, #86efac 40%, #22c55e 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(34, 197, 94, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#16a34a transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Search className=\"w-3 h-3 text-green-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-green-900/50 uppercase tracking-widest\">\n              Query\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#22c55e\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated ? \"text-green-950/40 line-through\" : \"text-green-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {version && (\n          <div className=\"text-[9px] text-green-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-green-900/10 text-[9px] text-green-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultQuery(props: QueryNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    schema,\n    notes,\n    method,\n    path,\n    statusCodes,\n    styles,\n  } = props.data.message;\n  const mode = props.data.mode || \"simple\";\n  const hasApiInfo = !!(method || path);\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(props.data.message?.owners),\n    [props.data.message?.owners],\n  );\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-green-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-green-400\" : \"border-green-400/60\"}`\n            : \"border-green-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-query-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(34,197,94,0.25)\" : \"rgba(34,197,94,0.15)\"} 4px, ${isDark ? \"rgba(34,197,94,0.25)\" : \"rgba(34,197,94,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(34,197,94,0.25)\" : \"rgba(34,197,94,0.15)\"} 4px, ${isDark ? \"rgba(34,197,94,0.25)\" : \"rgba(34,197,94,0.15)\"} 4.5px), var(--ec-query-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-query-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(34, 197, 94, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-green-500\",\n          )}\n        >\n          <Search className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Query{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {/* Schema badge top-right */}\n      {schema && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-green-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {schema.includes(\".\") ? schema.split(\".\").pop() : schema}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* API method + path row */}\n        {hasApiInfo && (\n          <div className=\"flex items-center gap-1.5 mb-1 overflow-hidden min-w-0\">\n            {method && <MethodBadge method={method} />}\n            {path && <ApiPath path={path} />}\n          </div>\n        )}\n\n        {/* Name + version */}\n        {!hasApiInfo && (\n          <div className=\"flex items-center gap-2\">\n            {customIcon && (\n              <CustomIcon\n                src={customIcon}\n                alt={name}\n                className={\n                  mode === \"full\"\n                    ? \"w-5 h-5 shrink-0 mt-0.5\"\n                    : \"w-4 h-4 shrink-0 -my-1\"\n                }\n              />\n            )}\n            <div className=\"flex items-baseline gap-1 min-w-0\">\n              <TruncatedResourceName\n                value={name}\n                tooltipBorderColor=\"#22c55e\"\n                className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n              >\n                {name}\n              </TruncatedResourceName>\n              {version && (\n                <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                  (v{version})\n                </span>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Status codes */}\n        {statusCodes && statusCodes.length > 0 && (\n          <StatusCodes codes={statusCodes} />\n        )}\n\n        {/* Owners */}\n        <OwnerIndicator\n          owners={owners}\n          accentColor=\"bg-green-400\"\n          borderColor=\"rgba(34,197,94,0.08)\"\n          iconClass=\"text-green-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Query(props: QueryNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItQuery {...props} />;\n  }\n\n  return <DefaultQuery {...props} />;\n});\n","import { memo, useMemo } from \"react\";\nimport { MessageSquare } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { Message, EventCatalogResource } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { MethodBadge, ApiPath, StatusCodes } from \"../ApiInfo\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nconst GlowHandle = memo(function GlowHandle({\n  side,\n}: {\n  side: \"left\" | \"right\";\n}) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #3b82f6, #1d4ed8)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.command,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n});\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype CommandNodeData = EventCatalogResource & {\n  message: Message;\n};\n\nexport type CommandNode = Node<CommandNodeData, \"command\">;\n\nfunction PostItCommand(props: CommandNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props.data.message;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-blue-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #bfdbfe 0%, #93c5fd 40%, #3b82f6 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(59, 130, 246, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#1d4ed8 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <MessageSquare\n              className=\"w-3 h-3 text-blue-900/50\"\n              strokeWidth={2.5}\n            />\n            <span className=\"text-[8px] font-bold text-blue-900/50 uppercase tracking-widest\">\n              Command\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#3b82f6\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated ? \"text-blue-950/40 line-through\" : \"text-blue-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {version && (\n          <div className=\"text-[9px] text-blue-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-blue-900/10 text-[9px] text-blue-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultCommand(props: CommandNode) {\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    schema,\n    notes,\n    method,\n    path,\n    statusCodes,\n    styles,\n  } = props.data.message;\n  const mode = props.data.mode || \"simple\";\n  const hasApiInfo = !!(method || path);\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(props.data.message?.owners),\n    [props.data.message?.owners],\n  );\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-blue-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-blue-400\" : \"border-blue-400/60\"}`\n            : \"border-blue-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-command-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(59,130,246,0.25)\" : \"rgba(59,130,246,0.15)\"} 4px, ${isDark ? \"rgba(59,130,246,0.25)\" : \"rgba(59,130,246,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(59,130,246,0.25)\" : \"rgba(59,130,246,0.15)\"} 4px, ${isDark ? \"rgba(59,130,246,0.25)\" : \"rgba(59,130,246,0.15)\"} 4.5px), var(--ec-command-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-command-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(59, 130, 246, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-blue-500\",\n          )}\n        >\n          <MessageSquare className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Command{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {/* Schema badge top-right */}\n      {schema && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-blue-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {schema.includes(\".\") ? schema.split(\".\").pop() : schema}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* API method + path row */}\n        {hasApiInfo && (\n          <div className=\"flex items-center gap-1.5 mb-1 overflow-hidden min-w-0\">\n            {method && <MethodBadge method={method} />}\n            {path && <ApiPath path={path} />}\n          </div>\n        )}\n\n        {/* Name + version */}\n        {!hasApiInfo && (\n          <div className=\"flex items-center gap-2\">\n            {customIcon && (\n              <CustomIcon\n                src={customIcon}\n                alt={name}\n                className={\n                  mode === \"full\"\n                    ? \"w-5 h-5 shrink-0 mt-0.5\"\n                    : \"w-4 h-4 shrink-0 -my-1\"\n                }\n              />\n            )}\n            <div className=\"flex items-baseline gap-1 min-w-0\">\n              <TruncatedResourceName\n                value={name}\n                tooltipBorderColor=\"#3b82f6\"\n                className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n              >\n                {name}\n              </TruncatedResourceName>\n              {version && (\n                <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                  (v{version})\n                </span>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Status codes */}\n        {statusCodes && statusCodes.length > 0 && (\n          <StatusCodes codes={statusCodes} />\n        )}\n\n        {/* Owners */}\n        <OwnerIndicator\n          owners={owners}\n          accentColor=\"bg-blue-400\"\n          borderColor=\"rgba(59,130,246,0.08)\"\n          iconClass=\"text-blue-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Command(props: CommandNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItCommand {...props} />;\n  }\n\n  return <DefaultCommand {...props} />;\n});\n","import { ArrowRightLeft, Link } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource, Channel as ChannelType } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  EMPTY_ARRAY,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"../shared-styles\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nimport { memo, useMemo } from \"react\";\n\nconst DELIVERY_GUARANTEE_LABELS: Record<string, string> = {\n  \"at-most-once\": \"At most once\",\n  \"at-least-once\": \"At least once\",\n  \"exactly-once\": \"Exactly once\",\n};\n\nconst GUARANTEE_COLORS: Record<string, { hex: string; rgb: string }> = {\n  \"exactly-once\": { hex: \"#22d3ee\", rgb: \"34,211,238\" },\n  \"at-least-once\": { hex: \"#a78bfa\", rgb: \"167,139,250\" },\n  \"at-most-once\": { hex: \"#f87171\", rgb: \"248,113,113\" },\n};\n\nconst DEFAULT_GUARANTEE = { hex: \"#6b7280\", rgb: \"107,114,128\" };\n\nfunction getGuarantee(guarantee?: string) {\n  return (guarantee && GUARANTEE_COLORS[guarantee]) || DEFAULT_GUARANTEE;\n}\n\n/**\n * Delivery guarantee dot icon.\n * - exactly-once  → filled circle\n * - at-least-once → half-filled circle\n * - at-most-once  → hollow ring\n */\nfunction GuaranteeDot({\n  guarantee,\n  size = 6,\n}: {\n  guarantee: string;\n  size?: number;\n}) {\n  const { hex } = getGuarantee(guarantee);\n\n  if (guarantee === \"exactly-once\") {\n    return (\n      <span\n        className=\"shrink-0 rounded-full\"\n        style={{ width: size, height: size, background: hex }}\n      />\n    );\n  }\n\n  if (guarantee === \"at-least-once\") {\n    return (\n      <span\n        className=\"shrink-0 rounded-full overflow-hidden\"\n        style={{\n          width: size,\n          height: size,\n          background: `linear-gradient(90deg, ${hex} 50%, transparent 50%)`,\n          border: `1.5px solid ${hex}`,\n          boxSizing: \"border-box\",\n        }}\n      />\n    );\n  }\n\n  // at-most-once → hollow ring\n  return (\n    <span\n      className=\"shrink-0 rounded-full\"\n      style={{\n        width: size,\n        height: size,\n        border: `1.5px solid ${hex}`,\n        boxSizing: \"border-box\",\n      }}\n    />\n  );\n}\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #6b7280, #374151)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.channel,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\ntype ChannelNodeData = EventCatalogResource & {\n  channel: ChannelType;\n};\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport type ChannelNode = Node<ChannelNodeData, \"channel\">;\n\nfunction PostItChannel(props: ChannelNode) {\n  const { data } = props;\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    protocols = EMPTY_ARRAY,\n    notes,\n    deliveryGuarantee,\n    styles,\n  } = data.channel;\n  const mode = props.data.mode || \"simple\";\n  const guarantee = getGuarantee(deliveryGuarantee);\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-gray-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #e5e7eb 0%, #d1d5db 40%, #6b7280 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(107, 114, 128, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#374151 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        {/* Type badge row */}\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <ArrowRightLeft\n              className=\"w-3 h-3 text-gray-900/50\"\n              strokeWidth={2.5}\n            />\n            <span className=\"text-[8px] font-bold text-gray-900/50 uppercase tracking-widest\">\n              Channel\n            </span>\n          </div>\n          <div className=\"flex items-center gap-1\">\n            {draft && (\n              <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n                Draft\n              </span>\n            )}\n            {deprecated && (\n              <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n                Deprecated\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Name + version */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1.5 min-w-0\">\n            <TruncatedResourceName\n              as=\"div\"\n              value={name}\n              tooltipBorderColor=\"#6b7280\"\n              className={classNames(\n                \"text-[13px] font-bold leading-snug truncate\",\n                deprecated ? \"text-gray-950/40 line-through\" : \"text-gray-950\",\n              )}\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[9px] text-gray-900/30 font-medium shrink-0\">\n                v{version}\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1 text-[9px] text-gray-950/50 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Operational row: delivery guarantee + protocol pills */}\n        {(deliveryGuarantee || protocols?.[0]) && (\n          <div className=\"flex items-center gap-1 flex-wrap mt-2\">\n            {deliveryGuarantee && (\n              <span\n                className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-wide rounded-full px-1.5 py-0.5\"\n                style={{\n                  background: `rgba(${guarantee.rgb}, 0.12)`,\n                  color: guarantee.hex,\n                }}\n              >\n                <GuaranteeDot guarantee={deliveryGuarantee} size={5} />\n                {DELIVERY_GUARANTEE_LABELS[deliveryGuarantee] ||\n                  deliveryGuarantee}\n              </span>\n            )}\n            {protocols?.[0] && (\n              <span className=\"inline-flex items-center text-[7px] font-semibold text-gray-900/50 bg-gray-900/10 rounded-full px-1.5 py-0.5 uppercase tracking-wide\">\n                {protocols[0]}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultChannel(props: ChannelNode) {\n  const { data } = props;\n  const {\n    version,\n    name,\n    summary,\n    deprecated,\n    draft,\n    protocols = EMPTY_ARRAY,\n    address,\n    notes,\n    deliveryGuarantee,\n    styles,\n  } = data.channel;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const owners = useMemo(\n    () => normalizeOwners(data.channel?.owners),\n    [data.channel?.owners],\n  );\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n  const guarantee = getGuarantee(deliveryGuarantee);\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-gray-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-gray-400\" : \"border-gray-400/60\"}`\n            : isDark\n              ? \"border-gray-400\"\n              : \"border-gray-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-channel-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(107,114,128,0.25)\" : \"rgba(107,114,128,0.15)\"} 4px, ${isDark ? \"rgba(107,114,128,0.25)\" : \"rgba(107,114,128,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(107,114,128,0.25)\" : \"rgba(107,114,128,0.15)\"} 4px, ${isDark ? \"rgba(107,114,128,0.25)\" : \"rgba(107,114,128,0.15)\"} 4.5px), var(--ec-channel-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-channel-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(107, 114, 128, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-gray-500\",\n          )}\n        >\n          <ArrowRightLeft className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Channel{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {/* Protocol badge top-right — removed, now in operational row */}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name + version */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1.5 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor=\"#6b7280\"\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span\n                className=\"text-[9px] font-normal shrink-0\"\n                style={{\n                  color: \"rgb(var(--ec-page-text-muted))\",\n                  opacity: 0.5,\n                }}\n              >\n                v{version}\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={{ ...LINE_CLAMP_STYLE, marginBottom: 4 }}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Address */}\n        {mode === \"full\" && address && (\n          <div className=\"flex items-center gap-1 mt-1\">\n            <Link className=\"w-2.5 h-2.5 text-[rgb(var(--ec-page-text-muted))]\" />\n            <span className=\"text-[8px] text-[rgb(var(--ec-page-text-muted))] font-mono\">\n              {address}\n            </span>\n          </div>\n        )}\n\n        {/* Operational row: delivery guarantee + protocol pills */}\n        {(deliveryGuarantee || protocols?.[0]) && (\n          <div className=\"flex items-center gap-1 flex-wrap mt-2\">\n            {deliveryGuarantee && (\n              <span\n                className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-wide rounded-full px-1.5 py-0.5\"\n                style={{\n                  background: `rgba(${guarantee.rgb}, 0.08)`,\n                  color: guarantee.hex,\n                }}\n              >\n                <GuaranteeDot guarantee={deliveryGuarantee} size={5} />\n                {DELIVERY_GUARANTEE_LABELS[deliveryGuarantee] ||\n                  deliveryGuarantee}\n              </span>\n            )}\n            {protocols?.[0] && (\n              <span\n                className=\"inline-flex items-center text-[7px] font-semibold rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n                style={{\n                  background: isDark\n                    ? \"rgba(255,255,255,0.08)\"\n                    : \"rgba(107,114,128,0.1)\",\n                  color: \"rgb(var(--ec-page-text-muted))\",\n                }}\n              >\n                {protocols[0]}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Owners */}\n        <OwnerIndicator\n          owners={owners}\n          accentColor=\"bg-gray-400\"\n          borderColor=\"rgba(107,114,128,0.08)\"\n          iconClass=\"text-gray-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Channel(props: ChannelNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItChannel {...props} />;\n  }\n\n  return <DefaultChannel {...props} />;\n});\n","import { memo, useMemo } from \"react\";\nimport { Database } from \"lucide-react\";\nimport {\n  OwnerIndicator,\n  normalizeOwners,\n  HIDDEN_HANDLE_STYLE,\n} from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource, Data as DataType } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  EMPTY_ARRAY,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"../shared-styles\";\nimport { CustomIcon, isIconPath } from \"../../utils/custom-icon\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"../FocusedResourceIndicator\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #6366f1, #4f46e5)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.data,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nconst CONTAINER_TYPE_LABELS: Record<string, string> = {\n  database: \"Database\",\n  cache: \"Cache\",\n  objectStore: \"Object Store\",\n  searchIndex: \"Search Index\",\n  dataWarehouse: \"Data Warehouse\",\n  dataLake: \"Data Lake\",\n  externalSaaS: \"External SaaS\",\n  other: \"Other\",\n};\n\nfunction getDataNodeTypeLabel(\n  containerType: string | undefined,\n  type: string | undefined,\n): string {\n  if (containerType) {\n    return CONTAINER_TYPE_LABELS[containerType] ?? containerType;\n  }\n  return type ?? \"Database\";\n}\n\ntype DataNodeData = EventCatalogResource & {\n  data: DataType;\n};\n\nexport type DataNode = Node<DataNodeData, \"data\">;\n\nfunction PostItData(props: DataNode) {\n  const {\n    version,\n    owners = EMPTY_ARRAY,\n    schemas = EMPTY_ARRAY,\n    name,\n    summary,\n    deprecated,\n    draft,\n    notes,\n    styles,\n  } = props.data.data;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-indigo-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {/* Inner wrapper with rotation */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #c7d2fe 0%, #a5b4fc 40%, #6366f1 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(99, 102, 241, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#4f46e5 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      {/* Content sits on top, unrotated */}\n      <div className=\"relative px-3.5 py-3\">\n        {/* Type label row */}\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Database\n              className=\"w-3 h-3 text-indigo-950/50\"\n              strokeWidth={2.5}\n            />\n            <span className=\"text-[8px] font-bold text-indigo-950/50 uppercase tracking-widest\">\n              Data\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        {/* Name */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#6366f1\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated\n                ? \"text-indigo-950/40 line-through\"\n                : \"text-indigo-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {/* Version */}\n        {version && (\n          <div className=\"text-[9px] text-indigo-950/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-indigo-950/10 text-[9px] text-indigo-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultData(props: DataNode) {\n  const {\n    version,\n    owners = EMPTY_ARRAY,\n    schemas = EMPTY_ARRAY,\n    name,\n    summary,\n    type,\n    container_type,\n    deprecated,\n    draft,\n    notes,\n    styles,\n  } = props.data.data;\n  const typeLabel = getDataNodeTypeLabel(container_type, type);\n\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const ownersNormalized = useMemo(() => normalizeOwners(owners), [owners]);\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-indigo-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-indigo-400\" : \"border-indigo-400/60\"}`\n            : \"border-indigo-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-data-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4.5px), var(--ec-data-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-data-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(99, 102, 241, 0.15)\",\n      }}\n    >\n      {props.data.isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-indigo-500\",\n          )}\n        >\n          <Database className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Data{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n      {typeLabel && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-indigo-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {typeLabel}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name + version */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-5 h-5 shrink-0 mt-0.5\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor=\"#6366f1\"\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                (v{version})\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {/* Owners */}\n        <OwnerIndicator\n          owners={ownersNormalized}\n          accentColor=\"bg-indigo-400\"\n          borderColor=\"rgba(99,102,241,0.08)\"\n          iconClass=\"text-indigo-300\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Data(props: DataNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItData {...props} />;\n  }\n\n  return <DefaultData {...props} />;\n});\n","import { Connection, MarkerType } from \"@xyflow/react\";\nimport { Database } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\nimport { SERVICE, CHANNEL, ACTOR } from \"../node-types\";\n\nexport default {\n  type: \"data\",\n  icon: Database,\n  color: \"indigo\",\n  targetCanConnectTo: [...SERVICE, ...CHANNEL, \"external-system\", ...ACTOR],\n  sourceCanConnectTo: [...SERVICE, ...CHANNEL, \"external-system\", ...ACTOR],\n  validateConnection: (connection: Connection) => {\n    return connection.source !== connection.target;\n  },\n  getEdgeOptions: (connection: Connection) => {\n    if (connection.source === \"data\" && connection.target === \"service\") {\n      return {\n        label: \"Provides data to\",\n        markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n      };\n    }\n    if (connection.source === \"service\" && connection.target === \"data\") {\n      return {\n        label: \"Stores data in\",\n        markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n      };\n    }\n    return {\n      label: \"Connected to\",\n      markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n    };\n  },\n  defaultData: {\n    name: \"New Database\",\n    version: \"0.0.1\",\n    summary: \"New data store. Click edit to change the details.\",\n    type: \"Database\",\n    mode: \"full\",\n  },\n  editor: {\n    title: \"Data Store\",\n    subtitle: \"Edit the details of the data store\",\n    schema: {\n      type: \"object\",\n      required: [\"name\", \"version\"],\n      properties: {\n        name: {\n          type: \"string\",\n          title: \"Name\",\n          default: \"UserDatabase\",\n          description: \"The name of the data store\",\n        },\n        version: {\n          type: \"string\",\n          title: \"Version\",\n          default: \"1.0.0\",\n          description: \"The version number (e.g., 1.0.0)\",\n          pattern: \"^\\\\d+\\\\.\\\\d+\\\\.\\\\d+(?:-[\\\\w.-]+)?(?:\\\\+[\\\\w.-]+)?$\",\n        },\n        summary: {\n          type: \"string\",\n          title: \"Summary\",\n          default: \"\",\n          description: \"A brief summary of the data store\",\n        },\n        type: {\n          type: \"string\",\n          title: \"Type\",\n          default: \"Database\",\n          description: \"The type of data store (Database, Cache, Queue, etc.)\",\n          enum: [\n            \"Database\",\n            \"Cache\",\n            \"Queue\",\n            \"File System\",\n            \"Data Lake\",\n            \"Data Warehouse\",\n          ],\n        },\n      },\n    },\n  },\n} as NodeConfiguration;\n","import { memo } from \"react\";\nimport { MonitorIcon } from \"lucide-react\";\nimport { Node, Handle, Position } from \"@xyflow/react\";\nimport { EventCatalogResource, View as ViewType } from \"../../types\";\nimport {\n  NODE_WIDTH_STYLE,\n  ROTATED_LABEL_STYLE,\n  LINE_CLAMP_STYLE,\n} from \"../shared-styles\";\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype ViewNodeData = EventCatalogResource & {\n  view: ViewType;\n};\n\nexport type ViewNode = Node<ViewNodeData, \"view\">;\n\nexport default memo(function View(props: ViewNode) {\n  const { data: _data, selected } = props;\n  const { name, summary, screenshot } = props.data.view;\n\n  const mode = props.data.mode || \"simple\";\n\n  const nodeLabel = \"View\";\n\n  return (\n    <div\n      className={classNames(\n        \"rounded-md border flex justify-start bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] min-h-[100px] relative\",\n        selected\n          ? \"border-blue-600 ring-2 ring-blue-500 shadow-lg\"\n          : \"border-blue-400\",\n      )}\n      style={NODE_WIDTH_STYLE}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        className=\"!left-[-1px] !w-2.5 !h-2.5 !bg-blue-500 !border !border-blue-600 !rounded-full !z-10\"\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        className=\"!right-[-1px] !w-2.5 !h-2.5 !bg-blue-500 !border !border-blue-600 !rounded-full !z-10\"\n      />\n      <div\n        className={`bg-gradient-to-b from-blue-500 to-blue-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-blue-100 border-r-[1px] border-blue-500`}\n      >\n        <MonitorIcon\n          className={`w-4 h-4 opacity-90 text-white mt-1 ${mode === \"full\" ? \"mb-2\" : \"mb-1\"}`}\n        />\n        {mode === \"full\" && (\n          <span\n            className=\"text-center text-[8px] text-white font-bold uppercase mb-4\"\n            style={ROTATED_LABEL_STYLE}\n          >\n            {nodeLabel}\n          </span>\n        )}\n      </div>\n      <div className=\"p-1 flex-1\">\n        <div className=\"pb-1\">\n          <span className=\"text-xs font-bold block pt-0.5 pb-0.5\">{name}</span>\n          {mode === \"simple\" && (\n            <span className=\"text-[10px] text-[rgb(var(--ec-page-text-muted))] font-light block pt-0.5 pb-0.5\">\n              {nodeLabel}\n            </span>\n          )}\n        </div>\n        {summary && (\n          <div className=\"pb-1\">\n            <div\n              className=\"text-[8px] font-light text-[rgb(var(--ec-page-text-muted))] block leading-tight overflow-hidden\"\n              style={LINE_CLAMP_STYLE}\n              title={summary}\n            >\n              {summary}\n            </div>\n          </div>\n        )}\n        {screenshot && (\n          <div className=\"py-1\">\n            <img\n              src={screenshot}\n              alt={`${name} screenshot`}\n              className=\"w-full max-w-40 h-20 object-cover rounded border border-[rgb(var(--ec-page-border))]\"\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { User } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource, Note } from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { HIDDEN_HANDLE_STYLE } from \"../OwnerIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #eab308, #a16207)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.actor,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype ActorNodeData = EventCatalogResource & {\n  name: string;\n  summary: string;\n  deprecated?: boolean;\n  draft?: boolean;\n  notes?: Note[];\n};\n\nexport type ActorNode = Node<ActorNodeData, \"actor\">;\n\nfunction PostItActor(props: ActorNode) {\n  const { name, summary, deprecated, draft, notes } = props?.data;\n  const mode = props?.data?.mode || \"simple\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-yellow-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #fef9c3 0%, #fde047 40%, #eab308 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(234, 179, 8, 0.5)\"\n              : \"none\",\n        }}\n      >\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#a16207 transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <User className=\"w-3 h-3 text-yellow-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-yellow-900/50 uppercase tracking-widest\">\n              Actor\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <TruncatedResourceName\n          as=\"div\"\n          value={name}\n          tooltipBorderColor=\"#eab308\"\n          className={classNames(\n            \"text-[13px] font-bold leading-snug truncate\",\n            deprecated ? \"text-yellow-950/40 line-through\" : \"text-yellow-950\",\n          )}\n        >\n          {name}\n        </TruncatedResourceName>\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-yellow-900/10 text-[9px] text-yellow-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultActor(props: ActorNode) {\n  const { name, summary, deprecated, draft, notes } = props?.data;\n  const mode = props?.data?.mode || \"simple\";\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-yellow-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-yellow-400\" : \"border-yellow-400/60\"}`\n            : \"border-yellow-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-actor-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(234,179,8,0.25)\" : \"rgba(234,179,8,0.15)\"} 4px, ${isDark ? \"rgba(234,179,8,0.25)\" : \"rgba(234,179,8,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(234,179,8,0.25)\" : \"rgba(234,179,8,0.15)\"} 4px, ${isDark ? \"rgba(234,179,8,0.25)\" : \"rgba(234,179,8,0.15)\"} 4.5px), var(--ec-actor-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-actor-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(234, 179, 8, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Badge positioned outside top-left corner */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-yellow-500\",\n          )}\n        >\n          <User className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Actor{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name */}\n        <TruncatedResourceName\n          as=\"div\"\n          value={name}\n          tooltipBorderColor=\"#eab308\"\n          className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n        >\n          {name}\n        </TruncatedResourceName>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function Actor(props: ActorNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItActor {...props} />;\n  }\n\n  return <DefaultActor {...props} />;\n});\n","import { Connection, MarkerType } from \"@xyflow/react\";\nimport { User } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\nimport { SERVICE, MESSAGE, CHANNEL } from \"../node-types\";\n\nexport default {\n  type: \"actor\",\n  icon: User,\n  color: \"yellow\",\n  targetCanConnectTo: [\n    ...SERVICE,\n    ...MESSAGE,\n    ...CHANNEL,\n    \"external-system\",\n    \"view\",\n  ],\n  sourceCanConnectTo: [\n    ...SERVICE,\n    ...MESSAGE,\n    ...CHANNEL,\n    \"external-system\",\n    \"view\",\n  ],\n  validateConnection: (connection: Connection) => {\n    return connection.source !== connection.target;\n  },\n  getEdgeOptions: (_connection: Connection) => {\n    return {\n      label: \"Interacts\",\n      markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n    };\n  },\n  defaultData: {\n    name: \"New Actor\",\n    summary:\n      \"A person or user in the system. Click edit to change the details.\",\n    mode: \"full\",\n  },\n  editor: {\n    title: \"Actor\",\n    subtitle: \"Edit the details of the actor\",\n    schema: {\n      type: \"object\",\n      required: [\"name\"],\n      properties: {\n        name: {\n          type: \"string\",\n          title: \"Name\",\n          default: \"New Actor\",\n          description: \"The name of the actor (person/user)\",\n        },\n        summary: {\n          type: \"string\",\n          title: \"Description\",\n          default: \"\",\n          description: \"A brief description of the actor\",\n        },\n      },\n    },\n  },\n} as NodeConfiguration;\n","import { memo } from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\nimport { User } from \"lucide-react\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface Data {\n  name: string;\n}\n\n/**\n * An actor (person/role) on the System Diagram.\n *\n * Deliberately styled differently from the boxy resource nodes: a soft, pill-ish\n * card with the actor icon in a circular badge centered at the top and the actor\n * name centered below. This reads as \"a person\", not \"a system\", at a glance.\n */\nexport default memo(function ContextActorNode({ data }: any) {\n  const { name } = data as Data;\n\n  return (\n    <div\n      className=\"relative flex w-44 flex-col items-center rounded-2xl border-2 border-yellow-500 bg-[var(--ec-actor-node-bg,rgb(var(--ec-card-bg)))] px-3 pb-3 pt-5\"\n      style={{ boxShadow: \"0 2px 12px rgba(234, 179, 8, 0.15)\" }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n\n      {/* Icon badge — centered, straddling the top border like an avatar */}\n      <div className=\"absolute -top-4 left-1/2 -translate-x-1/2\">\n        <div className=\"flex h-8 w-8 items-center justify-center rounded-full border-2 border-yellow-500 bg-[rgb(var(--ec-card-bg))] shadow-sm\">\n          <User className=\"h-4 w-4 text-yellow-500\" strokeWidth={2} />\n        </div>\n      </div>\n\n      <TruncatedResourceName\n        as=\"div\"\n        value={name}\n        className=\"mt-1 max-w-full text-center text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n      >\n        {name}\n      </TruncatedResourceName>\n\n      <span className=\"mt-0.5 text-[8px] font-bold uppercase tracking-widest text-yellow-600 dark:text-yellow-400\">\n        Actor\n      </span>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Handle, Position, type NodeProps } from \"@xyflow/react\";\nimport { Boxes as BoxesIcon, Group as GroupIcon } from \"lucide-react\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { FocusedResourceIndicator } from \"./FocusedResourceIndicator\";\n\nexport type SystemGroupNodeData = {\n  system?: {\n    name: string;\n    version?: string;\n  };\n  // Set for a domain boundary (a `domain-group` node) instead of a system\n  domain?: {\n    name: string;\n    version?: string;\n  };\n  // The domain is a subdomain of another domain on the graph\n  subdomain?: boolean;\n  // The system being viewed on this page\n  isFocused?: boolean;\n};\n\n/**\n * A boundary box wrapping all of a system's nodes on the System Diagram, so the\n * services / data stores / messages inside visibly belong to one parent system.\n *\n * Sized + positioned by the node-graph (it wraps the laid-out children); this\n * component only renders the chrome — a rounded violet box with a header banner\n * carrying the system name + icon.\n */\nconst CONTAINER_STYLE = {\n  width: \"100%\",\n  height: \"100%\",\n  borderRadius: 14,\n  border: \"2px solid var(--ec-system-group-border, #c4b5fd)\",\n  // Slightly gray, translucent body so the grouped children read as \"inside\".\n  backgroundColor: \"var(--ec-system-group-bg, rgba(100, 116, 139, 0.06))\",\n  position: \"relative\" as const,\n  overflow: \"visible\" as const,\n  boxShadow: \"0 2px 16px rgba(139, 92, 246, 0.10)\",\n} as const;\n\nconst HEADER_STYLE = {\n  position: \"absolute\" as const,\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 48,\n  borderTopLeftRadius: 12,\n  borderTopRightRadius: 12,\n  // Faint violet wash on the header, separated from the body by a hairline.\n  background: \"var(--ec-system-group-header-bg, rgba(139, 92, 246, 0.05))\",\n  borderBottom: \"1px solid var(--ec-system-group-border, #c4b5fd)\",\n  display: \"flex\",\n  alignItems: \"center\" as const,\n  padding: \"0 16px\",\n  overflow: \"visible\" as const,\n} as const;\n\n// Floating \"SYSTEM\" badge on the top-left border — mirrors the System node badge.\nconst BADGE_STYLE = {\n  position: \"absolute\" as const,\n  top: -11,\n  left: 14,\n  display: \"inline-flex\",\n  alignItems: \"center\" as const,\n  gap: 4,\n  fontSize: 8,\n  fontWeight: 700,\n  letterSpacing: \"0.12em\",\n  textTransform: \"uppercase\" as const,\n  color: \"white\",\n  background: \"#8b5cf6\",\n  padding: \"2px 7px\",\n  borderRadius: 5,\n  boxShadow: \"0 1px 2px rgba(0,0,0,0.12)\",\n  zIndex: 10,\n} as const;\n\nconst NAME_STYLE = {\n  fontSize: 14,\n  fontWeight: 700,\n  // Falls back to the group text colour, which is lighter in dark mode\n  color: \"var(--ec-system-group-text, var(--ec-group-text, #5b21b6))\",\n  whiteSpace: \"nowrap\" as const,\n} as const;\n\nconst VERSION_STYLE = {\n  fontSize: 10,\n  fontWeight: 500,\n  color: \"#a78bfa\",\n  marginLeft: 6,\n} as const;\n\n// Domains use the same boundary box, in the domain colour (yellow)\nconst DOMAIN_CONTAINER_STYLE = {\n  ...CONTAINER_STYLE,\n  border: \"2px solid var(--ec-domain-group-border, #facc15)\",\n  backgroundColor: \"var(--ec-domain-group-bg, rgba(250, 204, 21, 0.04))\",\n  boxShadow: \"0 2px 16px rgba(234, 179, 8, 0.10)\",\n} as const;\nconst DOMAIN_HEADER_STYLE = {\n  ...HEADER_STYLE,\n  background: \"var(--ec-domain-group-header-bg, rgba(250, 204, 21, 0.08))\",\n  borderBottom: \"1px solid var(--ec-domain-group-border, #facc15)\",\n} as const;\nconst DOMAIN_BADGE_STYLE = { ...BADGE_STYLE, background: \"#eab308\" } as const;\nconst DOMAIN_NAME_STYLE = {\n  ...NAME_STYLE,\n  color: \"var(--ec-domain-group-text, rgb(var(--ec-page-text)))\",\n} as const;\n\nexport default memo(function SystemGroupNode({ data }: NodeProps) {\n  const { system, domain, subdomain, isFocused } =\n    data as unknown as SystemGroupNodeData;\n  const isDomain = !!domain;\n  const resource = domain ?? system;\n  const typeLabel = isDomain ? (subdomain ? \"Subdomain\" : \"Domain\") : \"System\";\n\n  return (\n    <div style={isDomain ? DOMAIN_CONTAINER_STYLE : CONTAINER_STYLE}>\n      {isFocused && <FocusedResourceIndicator />}\n      {/* Lets other nodes connect to the whole system (e.g. related systems) */}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {/* Floating type badge, styled like the System node's badge */}\n      <span style={isDomain ? DOMAIN_BADGE_STYLE : BADGE_STYLE}>\n        {isDomain ? (\n          <BoxesIcon size={10} strokeWidth={2.5} />\n        ) : (\n          <GroupIcon size={10} strokeWidth={2.5} />\n        )}\n        {typeLabel}\n      </span>\n\n      {/* Header banner carrying the system (or domain) name */}\n      <div style={isDomain ? DOMAIN_HEADER_STYLE : HEADER_STYLE}>\n        <TruncatedResourceName\n          value={resource?.name || typeLabel}\n          tooltipBorderColor={isDomain ? \"#eab308\" : \"#8b5cf6\"}\n          className=\"truncate\"\n          style={isDomain ? DOMAIN_NAME_STYLE : NAME_STYLE}\n        >\n          {resource?.name || typeLabel}\n        </TruncatedResourceName>\n        {resource?.version && (\n          <span style={VERSION_STYLE}>v{resource.version}</span>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { Handle, Position } from \"@xyflow/react\";\nimport {\n  Boxes as BoxesIcon,\n  Box as BoxIcon,\n  Group as GroupIcon,\n  Server as ServerIcon,\n} from \"lucide-react\";\nimport { memo } from \"react\";\nimport { buildUrl, navigateTo } from \"../utils/url-builder\";\nimport { LINE_CLAMP_STYLE } from \"./shared-styles\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface Data {\n  mode: \"simple\" | \"full\";\n  domain: {\n    id: string;\n    version: string;\n    name: string;\n    summary?: string;\n  };\n  systemsCount?: number;\n  servicesCount?: number;\n  entitiesCount?: number;\n  /** The domain is a subdomain of another domain */\n  subdomain?: boolean;\n}\n\nconst CARD_STYLE = {\n  background: \"var(--ec-domain-node-bg, rgb(var(--ec-card-bg)))\",\n  boxShadow: \"0 2px 12px rgba(234, 179, 8, 0.15)\",\n} as const;\n\n/**\n * A domain shown as a single card (not expanded into its systems), e.g. another\n * domain on a domain's diagram. Styled like the system node, in the domain\n * colour, with counts of what the domain contains.\n * Left-clicking the card opens the domain's diagram.\n */\nexport default memo(function DomainCardNode({ data }: any) {\n  const {\n    domain,\n    mode = \"simple\",\n    systemsCount = 0,\n    servicesCount = 0,\n    entitiesCount = 0,\n    subdomain = false,\n  } = data as Data;\n  const { id, version, name, summary } = domain;\n\n  const stats = [\n    { icon: GroupIcon, label: \"Systems\", count: systemsCount },\n    { icon: ServerIcon, label: \"Services\", count: servicesCount },\n    { icon: BoxIcon, label: \"Entities\", count: entitiesCount },\n  ].filter((stat) => stat.count > 0);\n\n  const goToDiagram = () =>\n    navigateTo(buildUrl(`/visualiser/domains/${id}/${version}`));\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={goToDiagram}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") goToDiagram();\n      }}\n      title={`Open the ${name} diagram`}\n      className=\"relative min-w-48 max-w-60 rounded-xl border-2 border-yellow-400 overflow-visible cursor-pointer\"\n      style={CARD_STYLE}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n\n      {/* Floating type badge on the top-left border */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-yellow-500\">\n          <BoxesIcon className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          {subdomain ? \"Subdomain\" : \"Domain\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-baseline gap-1 min-w-0\">\n          <TruncatedResourceName\n            value={name}\n            tooltipBorderColor=\"#eab308\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {name}\n          </TruncatedResourceName>\n          {version && (\n            <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n              (v{version})\n            </span>\n          )}\n        </div>\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {stats.length > 0 && (\n          <div className=\"mt-2 flex items-center gap-3 border-t border-[rgb(var(--ec-page-border))] pt-1.5\">\n            {stats.map(({ icon: Icon, label, count }) => (\n              <div\n                key={label}\n                title={`${count} ${label}`}\n                className=\"flex items-center gap-1 text-[10px] text-[rgb(var(--ec-page-text-muted))]\"\n              >\n                <Icon className=\"w-3 h-3 text-yellow-500\" strokeWidth={2} />\n                <span className=\"font-medium\">{count}</span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Globe } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport {\n  EventCatalogResource,\n  ExternalSystem as ExternalSystemType,\n} from \"../../types\";\nimport { NotesIndicator } from \"../NotesIndicator\";\nimport { HIDDEN_HANDLE_STYLE } from \"../OwnerIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #a855f7, #7e22ce)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.external,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype ExternalSystemNodeData = EventCatalogResource & {\n  externalSystem: ExternalSystemType & {\n    deprecated?: boolean;\n    draft?: boolean;\n  };\n};\n\nexport type ExternalSystemNode = Node<\n  ExternalSystemNodeData,\n  \"external-system\"\n>;\n\nfunction PostItExternalSystem(props: ExternalSystemNode) {\n  const { version, name, summary, deprecated, draft, notes } =\n    props.data.externalSystem;\n  const mode = props.data.mode || \"simple\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-purple-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #e9d5ff 0%, #c084fc 40%, #a855f7 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(-1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(168, 85, 247, 0.5)\"\n              : \"none\",\n        }}\n      >\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#7e22ce transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      <div className=\"relative px-3.5 py-3\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Globe className=\"w-3 h-3 text-purple-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-purple-900/50 uppercase tracking-widest\">\n              External\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        <TruncatedResourceName\n          as=\"div\"\n          value={name}\n          tooltipBorderColor=\"#a855f7\"\n          className={classNames(\n            \"text-[13px] font-bold leading-snug truncate\",\n            deprecated ? \"text-purple-950/40 line-through\" : \"text-purple-950\",\n          )}\n        >\n          {name}\n        </TruncatedResourceName>\n\n        {version && (\n          <div className=\"text-[9px] text-purple-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-purple-900/10 text-[9px] text-purple-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultExternalSystem(props: ExternalSystemNode) {\n  const { version, name, summary, deprecated, draft, notes } =\n    props.data.externalSystem;\n  const mode = props.data.mode || \"simple\";\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-purple-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-purple-400\" : \"border-purple-400/60\"}`\n            : \"border-purple-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-external-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(168,85,247,0.25)\" : \"rgba(168,85,247,0.15)\"} 4px, ${isDark ? \"rgba(168,85,247,0.25)\" : \"rgba(168,85,247,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(168,85,247,0.25)\" : \"rgba(168,85,247,0.15)\"} 4px, ${isDark ? \"rgba(168,85,247,0.25)\" : \"rgba(168,85,247,0.15)\"} 4.5px), var(--ec-external-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-external-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(168, 85, 247, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Badge positioned outside top-left corner */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-purple-500\",\n          )}\n        >\n          <Globe className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          External System{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name + version */}\n        <div className=\"flex items-baseline gap-1 min-w-0\">\n          <TruncatedResourceName\n            value={name}\n            tooltipBorderColor=\"#a855f7\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {name}\n          </TruncatedResourceName>\n          {version && (\n            <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n              (v{version})\n            </span>\n          )}\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function ExternalSystem(props: ExternalSystemNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItExternalSystem {...props} />;\n  }\n\n  return <DefaultExternalSystem {...props} />;\n});\n","import { Connection, MarkerType } from \"@xyflow/react\";\nimport { Globe } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\nimport { SERVICE, CHANNEL, ACTOR, MESSAGE } from \"../node-types\";\n\nexport default {\n  type: \"external-system\",\n  icon: Globe,\n  color: \"pink\",\n  targetCanConnectTo: [...SERVICE, ...CHANNEL, ...MESSAGE, ...ACTOR],\n  sourceCanConnectTo: [...SERVICE, ...CHANNEL, ...MESSAGE, ...ACTOR],\n  validateConnection: (connection: Connection) => {\n    return connection.source !== connection.target;\n  },\n  getEdgeOptions: (connection: Connection) => {\n    return {\n      label: \"Connects\",\n      markerEnd: { type: MarkerType.ArrowClosed, color: \"#000000\" },\n    };\n  },\n  defaultData: {\n    mode: \"full\",\n    externalSystem: {\n      id: \"1\",\n      name: \"New External System\",\n      version: \"0.0.1\",\n      summary: \"New external system. Click edit to change the details.\",\n    },\n  },\n  editor: {\n    title: \"External System\",\n    subtitle: \"Edit the details of the external system\",\n    schema: {\n      type: \"object\",\n      required: [\"externalSystem\", \"mode\"],\n      properties: {\n        externalSystem: {\n          type: \"object\",\n          required: [\"name\", \"version\"],\n          properties: {\n            name: {\n              type: \"string\",\n              title: \"Name\",\n              default: \"Random value\",\n              description: \"The name of the external system\",\n            },\n            version: {\n              type: \"string\",\n              title: \"Version\",\n              default: \"1.0.0\",\n              description: \"The version number (e.g., 1.0.0)\",\n              pattern: \"^\\\\d+\\\\.\\\\d+\\\\.\\\\d+(?:-[\\\\w.-]+)?(?:\\\\+[\\\\w.-]+)?$\",\n            },\n            summary: {\n              type: \"string\",\n              title: \"Summary\",\n              default: \"\",\n              description: \"A brief summary of the external system\",\n            },\n          },\n        },\n      },\n    },\n  },\n} as NodeConfiguration;\n","import { Node, Handle, Position } from \"@xyflow/react\";\nimport React, { memo, useState, useEffect, useRef, useCallback } from \"react\";\nimport { FULL_SIZE_STYLE } from \"../shared-styles\";\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\n// Define the data structure for our NoteNode\nexport type NoteNodeData = {\n  id: string;\n  text: string;\n  color?: string;\n  readOnly?: boolean;\n};\n\n// Define the NoteNode type for React Flow\nexport type NoteNode = Node<NoteNodeData, \"note\">;\n\nexport interface NoteNodeProps extends NoteNode {\n  onTextChange?: (id: string, text: string) => void;\n  onColorChange?: (id: string, color: string) => void;\n  showResizer?: boolean;\n  readOnly?: boolean;\n}\n\nconst AVAILABLE_COLORS = {\n  yellow: {\n    bg: \"bg-gradient-to-br from-yellow-200 to-yellow-300\",\n    border: \"border-yellow-400\",\n    text: \"text-yellow-900\",\n    placeholder: \"placeholder-yellow-600\",\n    selectedRing: \"ring-yellow-500\",\n    tooltipBorderColor: \"#facc15\",\n  },\n  blue: {\n    bg: \"bg-blue-200\",\n    border: \"border-blue-400\",\n    text: \"text-blue-900\",\n    placeholder: \"placeholder-blue-600\",\n    selectedRing: \"ring-blue-500\",\n    tooltipBorderColor: \"#60a5fa\",\n  },\n  green: {\n    bg: \"bg-green-200\",\n    border: \"border-green-400\",\n    text: \"text-green-900\",\n    placeholder: \"placeholder-green-600\",\n    selectedRing: \"ring-green-500\",\n    tooltipBorderColor: \"#4ade80\",\n  },\n  pink: {\n    bg: \"bg-pink-200\",\n    border: \"border-pink-400\",\n    text: \"text-pink-900\",\n    placeholder: \"placeholder-pink-600\",\n    selectedRing: \"ring-pink-500\",\n    tooltipBorderColor: \"#f472b6\",\n  },\n  purple: {\n    bg: \"bg-purple-200\",\n    border: \"border-purple-400\",\n    text: \"text-purple-900\",\n    placeholder: \"placeholder-purple-600\",\n    selectedRing: \"ring-purple-500\",\n    tooltipBorderColor: \"#c084fc\",\n  },\n  gray: {\n    bg: \"bg-gray-200\",\n    border: \"border-gray-400\",\n    text: \"text-gray-900\",\n    placeholder: \"placeholder-gray-600\",\n    selectedRing: \"ring-gray-500\",\n    tooltipBorderColor: \"#9ca3af\",\n  },\n} as const;\n\ntype ColorName = keyof typeof AVAILABLE_COLORS;\n\nconst POSITION_RELATIVE_STYLE = { position: \"relative\" } as const;\nconst TEXTAREA_STYLE = { height: \"100%\", minHeight: 0 } as const;\n\nexport default memo(function NoteNodeComponent({\n  id,\n  data,\n  selected,\n  onTextChange,\n  onColorChange,\n  readOnly = false,\n}: NoteNodeProps) {\n  const [isEditing, setIsEditing] = useState(false);\n  const [currentText, setCurrentText] = useState(\n    data.text || \"Double-click to edit...\",\n  );\n  const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const displayRef = useRef<HTMLDivElement>(null);\n\n  const currentColorName = (data.color as ColorName) || \"yellow\";\n  const colorClasses =\n    AVAILABLE_COLORS[currentColorName] || AVAILABLE_COLORS.yellow;\n\n  // Simple markdown-like text formatting\n  const formatText = (text: string) => {\n    return (\n      text\n        // Headers\n        .replace(\n          /^### (.*$)/gim,\n          '<h3 class=\"text-xs font-medium mb-1\">$1</h3>',\n        )\n        .replace(\n          /^## (.*$)/gim,\n          '<h2 class=\"text-xs font-semibold mb-1\">$1</h2>',\n        )\n        .replace(/^# (.*$)/gim, '<h1 class=\"text-sm font-bold mb-1\">$1</h1>')\n        // Bold\n        .replace(/\\*\\*(.*?)\\*\\*/gim, '<strong class=\"font-bold\">$1</strong>')\n        // Italic\n        .replace(/\\*(.*?)\\*/gim, '<em class=\"italic\">$1</em>')\n        // Inline code\n        .replace(\n          /`(.*?)`/gim,\n          '<code class=\"bg-gray-200 px-1 rounded text-[9px] font-mono\">$1</code>',\n        )\n        // Simple lists\n        .replace(/^• (.*$)/gim, '<li class=\"text-[10px] ml-3\">• $1</li>')\n        .replace(/^- (.*$)/gim, '<li class=\"text-[10px] ml-3\">• $1</li>')\n        // Line breaks\n        .replace(/\\n/g, \"<br>\")\n    );\n  };\n\n  useEffect(() => {\n    // Update internal state if data.text changes from props (e.g. undo/redo, initial load)\n    setCurrentText(data.text || \"Double-click to edit...\");\n  }, [data.text]);\n\n  useEffect(() => {\n    if (isEditing && textAreaRef.current) {\n      textAreaRef.current.focus();\n      // Select all text when starting to edit for quicker replacement\n      textAreaRef.current.select();\n    }\n  }, [isEditing]);\n\n  useEffect(() => {\n    const element = displayRef.current;\n    if (!element || isEditing) return;\n\n    const updateOverflow = () => {\n      setIsTextOverflowing(element.scrollHeight > element.clientHeight);\n    };\n\n    updateOverflow();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      window.addEventListener(\"resize\", updateOverflow);\n      return () => window.removeEventListener(\"resize\", updateOverflow);\n    }\n\n    const observer = new ResizeObserver(updateOverflow);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [currentText, isEditing]);\n\n  const handleDoubleClick = useCallback(() => {\n    if (!readOnly) {\n      setIsEditing(true);\n    }\n  }, [readOnly]);\n\n  const handleTextChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setCurrentText(event.target.value);\n    },\n    [],\n  );\n\n  const handleBlur = useCallback(() => {\n    setIsEditing(false);\n    // Only update if the text has actually changed from what's in data\n    // or if data.text was initially undefined/empty and now has content.\n    if (currentText !== data.text && onTextChange) {\n      onTextChange(id, currentText);\n    }\n  }, [currentText, data.text, id, onTextChange]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\" && !event.shiftKey) {\n        event.preventDefault(); // Prevent newline on Enter\n        handleBlur(); // Save and exit edit mode\n      }\n      // Allow Shift+Enter for newlines by default textarea behavior\n      if (event.key === \"Escape\") {\n        setIsEditing(false);\n        // Revert to original text from data on Escape\n        setCurrentText(data.text || \"Double-click to edit...\");\n      }\n    },\n    [handleBlur, data.text],\n  );\n\n  const handleColorChange = useCallback(\n    (newColor: ColorName) => {\n      if (onColorChange) {\n        onColorChange(id, newColor);\n      }\n    },\n    [id, onColorChange],\n  );\n\n  return (\n    <div className=\"relative group\" style={FULL_SIZE_STYLE}>\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        className=\"!left-[-1px] !w-2 !h-2 !bg-gray-400 !border !border-gray-500 !rounded-full !z-10\"\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        className=\"!right-[-1px] !w-2 !h-2 !bg-gray-400 !border !border-gray-500 !rounded-full !z-10\"\n      />\n      {selected && !isEditing && !readOnly && (\n        <div className=\"absolute -top-10 left-1/2 transform -translate-x-1/2 flex space-x-1 p-1 bg-[rgb(var(--ec-card-bg))] rounded-md shadow-lg border border-[rgb(var(--ec-page-border))] z-20\">\n          {Object.keys(AVAILABLE_COLORS).map((colorKey) => (\n            <button\n              key={colorKey}\n              onClick={() => handleColorChange(colorKey as ColorName)}\n              className={classNames(\n                \"w-6 h-6 rounded-full border-2\",\n                AVAILABLE_COLORS[colorKey as ColorName].bg,\n                AVAILABLE_COLORS[colorKey as ColorName].border,\n                currentColorName === colorKey\n                  ? \"ring-2 ring-offset-1 \" +\n                      AVAILABLE_COLORS[colorKey as ColorName].selectedRing\n                  : \"\",\n              )}\n              title={colorKey.charAt(0).toUpperCase() + colorKey.slice(1)}\n            />\n          ))}\n        </div>\n      )}\n      <div\n        onDoubleClick={handleDoubleClick}\n        className={classNames(\n          \"w-full h-full rounded-lg border p-3 flex flex-col min-w-[150px] min-h-[150px] relative\",\n          colorClasses.bg,\n          colorClasses.border,\n          colorClasses.text,\n          \"prose prose-sm max-w-full\",\n          selected\n            ? `border-blue-600 ring-2 ${colorClasses.selectedRing} shadow-xl`\n            : \"shadow-md hover:shadow-lg\",\n          currentColorName === \"yellow\"\n            ? \"shadow-yellow-300/50 shadow-lg transform rotate-0.5\"\n            : \"\",\n        )}\n        style={POSITION_RELATIVE_STYLE}\n      >\n        {isEditing ? (\n          <textarea\n            ref={textAreaRef}\n            value={currentText}\n            onChange={handleTextChange}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            className={classNames(\n              \"w-full flex-1 bg-transparent border-none outline-none resize-none text-[10px] p-0 m-0\",\n              colorClasses.text,\n              colorClasses.placeholder,\n            )}\n            style={TEXTAREA_STYLE}\n            placeholder=\"Enter text...\"\n          />\n        ) : (\n          <>\n            <div\n              ref={displayRef}\n              className=\"whitespace-pre-wrap break-words w-full h-full overflow-y-auto custom-scrollbar text-[10px]\"\n              dangerouslySetInnerHTML={{\n                __html: formatText(currentText),\n              }}\n            />\n            {isTextOverflowing && (\n              <div\n                className=\"pointer-events-none absolute left-1/2 bottom-full z-[9999] mb-4 hidden w-max max-w-[320px] -translate-x-1/2 rounded-md border bg-slate-950 px-2.5 py-1.5 text-[11px] font-medium leading-snug text-white shadow-lg group-hover:block\"\n                style={{ borderColor: colorClasses.tooltipBorderColor }}\n              >\n                <span className=\"block whitespace-pre-wrap break-words\">\n                  {currentText}\n                </span>\n                <span\n                  className=\"absolute left-1/2 top-full h-2 w-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r bg-slate-950\"\n                  style={{\n                    borderBottomColor: colorClasses.tooltipBorderColor,\n                    borderRightColor: colorClasses.tooltipBorderColor,\n                  }}\n                />\n              </div>\n            )}\n          </>\n        )}\n\n        {/* PostIt folded corner effect */}\n        {currentColorName === \"yellow\" && (\n          <div className=\"absolute top-0 right-0 w-4 h-4\">\n            <div className=\"absolute top-0 right-0 w-0 h-0 border-l-[16px] border-b-[16px] border-l-transparent border-b-yellow-400/30 rounded-br-lg\"></div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Database } from \"lucide-react\";\nimport { HIDDEN_HANDLE_STYLE } from \"../OwnerIndicator\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { useDarkMode, HANDLE_GLOW } from \"../shared-styles\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #06b6d4, #0891b2)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.generic,\n        pointerEvents: \"none\" as const,\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype FieldNodeData = {\n  name: string;\n  type?: string;\n  mode?: \"simple\" | \"full\";\n};\n\nexport type FieldNode = Node<FieldNodeData, \"field\">;\n\nexport default memo(function Field(props: FieldNode) {\n  const { name, type: fieldType } = props.data;\n  const mode = props.data.mode || \"simple\";\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-cyan-400/60 ring-offset-2\" : \"\",\n        \"border-cyan-500\",\n      )}\n      style={{\n        background: \"var(--ec-field-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(6, 182, 212, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Type badge top-left */}\n      <div className=\"absolute -top-2.5 left-2.5 z-10\">\n        <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-cyan-600\">\n          <Database className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Field\n        </span>\n      </div>\n\n      {/* Field type badge top-right */}\n      {fieldType && (\n        <span\n          className=\"z-10 text-[7px] font-semibold text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] border border-cyan-500 rounded-full px-1.5 py-0.5 uppercase tracking-wide\"\n          style={{ position: \"absolute\", top: -8, right: 10 }}\n        >\n          {fieldType}\n        </span>\n      )}\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name */}\n        <div className=\"flex items-baseline gap-1\">\n          <span className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))]\">\n            {name}\n          </span>\n        </div>\n\n        {/* Type info in full mode */}\n        {mode === \"full\" && fieldType && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed\"\n            title={`Type: ${fieldType}`}\n          >\n            Type: {fieldType}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { MarkerType } from \"@xyflow/react\";\nimport { Database } from \"lucide-react\";\nimport { NodeConfiguration } from \"../../types\";\n\nexport default {\n  type: \"field\",\n  icon: Database,\n  color: \"cyan\",\n  targetCanConnectTo: [],\n  sourceCanConnectTo: [],\n  validateConnection: () => false,\n  getEdgeOptions: () => ({\n    label: \"contains\",\n    markerEnd: { type: MarkerType.ArrowClosed, color: \"#06b6d4\" },\n  }),\n  defaultData: { name: \"New Field\", type: \"string\", mode: \"full\" },\n  editor: {\n    title: \"Field\",\n    subtitle: \"Schema field\",\n    schema: {\n      type: \"object\",\n      required: [\"name\"],\n      properties: {\n        name: { type: \"string\", title: \"Field Path\" },\n        type: { type: \"string\", title: \"Type\" },\n      },\n    },\n  },\n} as NodeConfiguration;\n","import { memo, useMemo } from \"react\";\nimport { Handle } from \"@xyflow/react\";\nimport { Maximize2 } from \"lucide-react\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport { buildUrl } from \"../utils/url-builder\";\nimport { getIcon } from \"../utils/badges\";\nimport {\n  NODE_WIDTH_STYLE,\n  ROTATED_LABEL_STYLE,\n  TINY_FONT_STYLE,\n  EMPTY_ARRAY,\n} from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface FlowData {\n  id: string;\n  version: string;\n  name: string;\n  summary?: string;\n  owners?: string[];\n  sidebar?: {\n    badge?: string;\n  };\n  styles?: {\n    backgroundColor?: string;\n    borderColor?: string;\n    icon?: string;\n    node?: {\n      color?: string;\n      label?: string;\n    };\n  };\n}\n\ninterface Data {\n  label: string;\n  bgColor: string;\n  color: string;\n  mode: \"simple\" | \"full\";\n  flow: {\n    data: FlowData;\n  };\n  showTarget?: boolean;\n  showSource?: boolean;\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport default memo(function FlowNode({\n  data,\n  sourcePosition,\n  targetPosition,\n}: any) {\n  const { mode, flow } = data as Data;\n  const canExpand =\n    Array.isArray((data as any)?.expandedNodes) &&\n    (data as any).expandedNodes.length > 0;\n\n  const { id, version, owners = EMPTY_ARRAY, name, styles } = flow.data;\n  const { node: { color = \"teal\", label } = {}, icon = \"QueueListIcon\" } =\n    styles || {};\n\n  const Icon = useMemo(() => getIcon(icon), [icon]);\n  const portalContainer = usePortalContainer();\n  const nodeLabel = label || flow?.data?.sidebar?.badge || \"Flow\";\n  const fontSize = nodeLabel.length > 10 ? \"7px\" : \"9px\";\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>\n        <div\n          className=\"relative\"\n          style={{ isolation: \"isolate\", ...NODE_WIDTH_STYLE }}\n        >\n          {/* Stacked shadow layers behind the card signal a sub-flow the user can expand. */}\n          {canExpand && (\n            <>\n              <div\n                className={`absolute inset-0 rounded-md border border-${color}-400 bg-[rgb(var(--ec-card-bg))]`}\n                style={{ transform: \"translate(6px, 6px)\", opacity: 0.5 }}\n                aria-hidden\n              />\n              <div\n                className={`absolute inset-0 rounded-md border border-${color}-400 bg-[rgb(var(--ec-card-bg))]`}\n                style={{ transform: \"translate(3px, 3px)\", opacity: 0.7 }}\n                aria-hidden\n              />\n            </>\n          )}\n          <div\n            className={classNames(\n              `relative rounded-md border flex justify-start bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] border-${color}-400`,\n            )}\n            style={NODE_WIDTH_STYLE}\n          >\n            <div\n              className={classNames(\n                `bg-gradient-to-b from-${color}-500 to-${color}-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-${color}-100`,\n                `border-r-[1px] border-${color}-500`,\n              )}\n            >\n              {Icon && <Icon className=\"w-4 h-4 opacity-90 text-white mt-1\" />}\n              {mode === \"full\" && (\n                <span\n                  className={`text-center text-[${fontSize}] text-white font-bold uppercase mb-4`}\n                  style={ROTATED_LABEL_STYLE}\n                >\n                  {nodeLabel}\n                </span>\n              )}\n            </div>\n            <div className=\"p-1 flex-1 min-w-0\">\n              {targetPosition && (\n                <Handle type=\"target\" position={targetPosition} />\n              )}\n              {sourcePosition && (\n                <Handle type=\"source\" position={sourcePosition} />\n              )}\n              <div\n                className={classNames(\n                  mode === \"full\"\n                    ? `border-b border-[rgb(var(--ec-page-border))]`\n                    : \"\",\n                )}\n              >\n                <TruncatedResourceName\n                  as=\"div\"\n                  value={name}\n                  tooltipBorderColor=\"#14b8a6\"\n                  className=\"text-xs font-bold truncate pt-0.5 pb-0.5\"\n                >\n                  {name}\n                </TruncatedResourceName>\n                <div className=\"flex justify-between\">\n                  <span className=\"text-[10px] font-light block pt-0.5 pb-0.5 \">\n                    v{version}\n                  </span>\n                  {mode === \"simple\" && (\n                    <span className=\"text-[10px] text-[rgb(var(--ec-page-text-muted))] font-light block pt-0.5 pb-0.5 \">\n                      {nodeLabel}\n                    </span>\n                  )}\n                </div>\n              </div>\n              {mode === \"full\" && (\n                <div className=\"divide-y divide-[rgb(var(--ec-page-border))] \">\n                  <div className=\"leading-3 py-1\">\n                    <span className=\"text-[8px] font-light\">\n                      {flow.data.summary}\n                    </span>\n                  </div>\n\n                  <div className=\"grid grid-cols-2 gap-x-4 py-1\">\n                    <span className=\"text-xs\" style={TINY_FONT_STYLE}>\n                      Owners: {owners.length}\n                    </span>\n                  </div>\n                </div>\n              )}\n              {canExpand && (\n                <div className=\"mt-1 flex items-center gap-1 text-[8px] text-[rgb(var(--ec-page-text-muted))]\">\n                  <Maximize2 className=\"w-2.5 h-2.5\" />\n                  Click to explore\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </ContextMenu.Trigger>\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Content className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\">\n          <ContextMenu.Item\n            asChild\n            className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center\"\n          >\n            <a href={buildUrl(`/docs/flows/${id}/${version}`)}>\n              Read documentation\n            </a>\n          </ContextMenu.Item>\n          <ContextMenu.Item\n            asChild\n            className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center\"\n          >\n            <a href={buildUrl(`/visualiser/flows/${id}/${version}`)}>\n              Focus node\n            </a>\n          </ContextMenu.Item>\n          <ContextMenu.Separator className=\"h-[1px] bg-[rgb(var(--ec-page-border))] m-1\" />\n          <ContextMenu.Item asChild>\n            <a\n              href={buildUrl(`/docs/flows/${id}/${version}/changelog`)}\n              className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Read changelog\n            </a>\n          </ContextMenu.Item>\n        </ContextMenu.Content>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n","import * as HeroIcons from \"@heroicons/react/24/outline\";\nimport { getIconForProtocol } from \"./protocols\";\n\nexport function getIcon(iconName: string): React.ComponentType<any> | null {\n  // Try protocol icons first\n  const entry = getIconForProtocol(iconName);\n  if (entry) return entry.component;\n\n  // Fall back to HeroIcons\n  const heroIcon = HeroIcons[iconName as keyof typeof HeroIcons];\n  return heroIcon || null;\n}\n","import { Server, Radio, Wifi, Network, Globe, Cloud } from \"lucide-react\";\n\n// AWS Architecture Icons (from official AWS icon set)\n// Source: https://github.com/boyney123/awsicons (MIT)\nfunction AwsEventBridge({ className }: { className?: string }) {\n  return (\n    <svg viewBox=\"0 0 40 40\" className={className}>\n      <defs>\n        <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\" id=\"eb-g\">\n          <stop stopColor=\"#B0084D\" offset=\"0%\" />\n          <stop stopColor=\"#FF4F8B\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <rect width=\"40\" height=\"40\" rx=\"4\" fill=\"url(#eb-g)\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M11.056 28.594a2.09 2.09 0 01-2.08-2.096 2.09 2.09 0 012.08-2.095c1.146 0 2.08.94 2.08 2.095a2.09 2.09 0 01-2.08 2.096zm1.857.363a3.093 3.093 0 001.223-2.459c0-1.711-1.382-3.103-3.08-3.103-.42 0-.817.086-1.181.24l-1.799-3.139 2.362-4.122-.865-.504-2.506 4.375a.504.504 0 000 .503l1.966 3.43a3.09 3.09 0 00-1.056 2.32c0 1.712 1.38 3.104 3.079 3.104.342 0 .665-.07.973-.174l1.531 2.844a.5.5 0 00.44.263h5.5v-1.008h-5.203l-1.385-2.57zM29.944 16.56a2.09 2.09 0 01-2.08-2.096 2.09 2.09 0 012.08-2.096 2.09 2.09 0 012.078 2.096 2.09 2.09 0 01-2.079 2.096zm2.023.224a3.095 3.095 0 001.055-2.32c0-1.711-1.38-3.104-3.079-3.104-.34 0-.662.07-.97.173L27.442 8.62A.497.497 0 0027 8.351h-5.5V9.36h5.2l1.39 2.644a3.1 3.1 0 00-1.226 2.462c0 1.71 1.381 3.103 3.08 3.103.42 0 .818-.086 1.18-.24l1.799 3.14-2.362 4.12.866.504 2.505-4.373a.504.504 0 000-.504l-1.965-3.43zm-4.573 16.207a2.09 2.09 0 01-2.08-2.095 2.09 2.09 0 012.08-2.095 2.09 2.09 0 012.079 2.095 2.09 2.09 0 01-2.08 2.095zm-9.19-8.491l-2.293-4.002 2.292-4h4.584l2.294 4-2.294 4.002h-4.584zm-4.568-12.303a2.09 2.09 0 01-2.08-2.095 2.09 2.09 0 012.08-2.095c1.146 0 2.08.94 2.08 2.095a2.09 2.09 0 01-2.08 2.095zm13.758 15.596c-.625 0-1.206.191-1.692.515l-2.07-3.267 2.46-4.29a.504.504 0 000-.504l-2.582-4.505a.498.498 0 00-.433-.252h-4.752l-2.279-3.481a3.088 3.088 0 00.67-1.907c0-1.711-1.382-3.103-3.08-3.103-1.699 0-3.08 1.392-3.08 3.103 0 1.712 1.381 3.103 3.08 3.103a3.04 3.04 0 001.668-.502l2.09 3.194-2.492 4.35a.504.504 0 000 .503l2.58 4.506a.497.497 0 00.433.252h4.828l2.218 3.505A3.092 3.092 0 0027.395 34c1.698 0 3.079-1.393 3.079-3.103 0-1.712-1.381-3.103-3.08-3.103z\"\n      />\n    </svg>\n  );\n}\n\nfunction AwsSqs({ className }: { className?: string }) {\n  return (\n    <svg viewBox=\"0 0 40 40\" className={className}>\n      <defs>\n        <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\" id=\"sqs-g\">\n          <stop stopColor=\"#B0084D\" offset=\"0%\" />\n          <stop stopColor=\"#FF4F8B\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <rect width=\"40\" height=\"40\" rx=\"4\" fill=\"url(#sqs-g)\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M14.342 22.35l1.505-1.444a.501.501 0 00.013-.708l-1.505-1.555-.72.695.676.7h-2.32v.999h2.274l-.617.592.694.72zm12.016.003l1.55-1.453a.5.5 0 00.011-.717l-1.55-1.546-.708.707.694.694H24.01v.999H26.3l-.627.588.686.728zm-8.77 1.008a6.458 6.458 0 012.417-.467c.842 0 1.665.163 2.416.467-.669-1.771-.669-3.971 0-5.742-1.502.607-3.331.607-4.833 0 .669 1.77.669 3.97 0 5.742zm-1.944 1.98a.494.494 0 010-.707c1.94-1.936 1.94-6.352 0-8.289a.494.494 0 010-.706.502.502 0 01.709 0c.921.92 2.252 1.447 3.652 1.447 1.4 0 2.731-.528 3.653-1.447a.502.502 0 01.854.354c0 .128-.05.255-.146.352-1.942 1.937-1.942 6.353 0 8.29a.501.501 0 01-.708.706c-.922-.92-2.253-1.447-3.653-1.447s-2.731.527-3.652 1.447a.502.502 0 01-.709 0zm16.898-5.905a1.562 1.562 0 00-1.106-.456 1.558 1.558 0 00-1.105 2.662c.61.608 1.601.608 2.211 0a1.56 1.56 0 000-2.206zm.708 2.913a2.56 2.56 0 01-1.814.749 2.56 2.56 0 01-1.813-4.369c1-.997 2.628-.997 3.627 0 1 .999 1 2.622 0 3.62zM9.67 19.447a1.562 1.562 0 00-1.106-.456 1.56 1.56 0 00-1.105 2.662 1.56 1.56 0 102.21-2.206zm.708 2.912a2.56 2.56 0 01-1.814.749A2.559 2.559 0 016.75 18.74c1-.997 2.627-.997 3.627 0 1 .999 1 2.622 0 3.62zm17.057 6.551A10.514 10.514 0 0119.957 32a10.51 10.51 0 01-7.475-3.09c-1.316-1.312-2.074-2.44-2.537-3.774l-.947.327c.51 1.466 1.365 2.747 2.776 4.154A11.506 11.506 0 0019.957 33c3.093 0 6-1.201 8.185-3.383 1.14-1.139 2.279-2.43 2.87-4.156l-.948-.323c-.525 1.532-1.575 2.719-2.63 3.772zM9.945 15.86l-.947-.328c.512-1.467 1.368-2.749 2.778-4.156 4.51-4.5 11.85-4.502 16.362 0 1.08 1.077 2.266 2.414 2.874 4.156l-.948.328c-.54-1.55-1.635-2.78-2.634-3.777a10.508 10.508 0 00-7.473-3.087 10.508 10.508 0 00-7.472 3.087c-1.298 1.295-2.081 2.46-2.54 3.777z\"\n      />\n    </svg>\n  );\n}\n\nfunction AwsSns({ className }: { className?: string }) {\n  return (\n    <svg viewBox=\"0 0 40 40\" className={className}>\n      <defs>\n        <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\" id=\"sns-g\">\n          <stop stopColor=\"#B0084D\" offset=\"0%\" />\n          <stop stopColor=\"#FF4F8B\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <rect width=\"40\" height=\"40\" rx=\"4\" fill=\"url(#sns-g)\" />\n      <path\n        fill=\"#FFF\"\n        d=\"M7.01 20.078a1.1 1.1 0 011.105-1.093 1.1 1.1 0 011.104 1.093 1.1 1.1 0 01-1.104 1.093 1.1 1.1 0 01-1.105-1.093zM20.776 33C14.813 33 9.645 28.375 8.47 22.136a2.1 2.1 0 001.69-1.558h2.949v-1h-2.95a2.104 2.104 0 00-1.653-1.554C9.72 12.252 14.838 8 20.776 8c2.933 0 5.354.643 7.194 1.911l.575-.821C26.534 7.703 23.92 7 20.776 7c-6.51 0-12.104 4.726-13.308 11.096C6.62 18.368 6 19.149 6 20.078c0 .916.602 1.688 1.431 1.971C8.591 28.894 14.24 34 20.776 34c3.285 0 6.788-1.667 8.786-3.094l-.59-.811C26.947 31.541 23.627 33 20.777 33zM14.79 18.242c1.111.274 2.523.321 3.343.321.833 0 2.271-.047 3.402-.32l-2.401 5.014a.507.507 0 00-.048.215v2.324l-1.957.915v-3.239a.514.514 0 00-.044-.206l-2.295-5.024zm3.343-1.757c2.314 0 3.554.311 3.951.52-.417.234-1.745.558-3.95.558-2.184 0-3.483-.327-3.873-.558.37-.206 1.582-.52 3.872-.52zm-1.78 11.438a.511.511 0 00.486.03l2.968-1.388a.5.5 0 00.288-.452v-2.529l2.909-6.074a.806.806 0 00.189-.51c0-1.252-2.751-1.515-5.06-1.515-2.266 0-4.969.263-4.969 1.515 0 .19.067.355.18.502l2.775 6.077V27.5c0 .172.088.331.235.423zM30.877 27a1.1 1.1 0 011.104 1.093 1.1 1.1 0 01-1.104 1.093 1.1 1.1 0 01-1.104-1.093A1.1 1.1 0 0130.876 27zm0-16.03a1.1 1.1 0 011.104 1.093 1.1 1.1 0 01-1.104 1.093 1.1 1.1 0 01-1.104-1.093 1.1 1.1 0 011.104-1.093zm1.01 8.015a1.1 1.1 0 011.104 1.093 1.1 1.1 0 01-1.104 1.093 1.1 1.1 0 01-1.104-1.093 1.1 1.1 0 011.104-1.093zm-4.607 1.593h2.561a2.108 2.108 0 002.046 1.593A2.106 2.106 0 0034 20.078a2.106 2.106 0 00-2.114-2.093c-.992 0-1.818.681-2.046 1.593H27.28v-7.015h1.551a2.108 2.108 0 002.046 1.593 2.106 2.106 0 002.114-2.093 2.106 2.106 0 00-2.114-2.093c-.991 0-1.818.681-2.046 1.593h-2.056a.502.502 0 00-.505.5v7.515h-3.061v1h3.061v7.515c0 .277.226.5.505.5h2.056a2.108 2.108 0 002.046 1.593 2.106 2.106 0 002.114-2.093A2.106 2.106 0 0030.876 26c-.991 0-1.818.681-2.046 1.593H27.28v-7.015z\"\n      />\n    </svg>\n  );\n}\n\n// Icon type: \"svg\" = full self-contained SVG, \"lucide\" = Lucide component (needs wrapper)\ntype IconEntry = { component: any; type: \"svg\" | \"lucide\" };\n\n// Map protocol names to icons\nconst protocolIconMap: { [key: string]: IconEntry } = {\n  // Web protocols\n  http: { component: Server, type: \"lucide\" },\n  https: { component: Server, type: \"lucide\" },\n  ws: { component: Radio, type: \"lucide\" },\n  wss: { component: Radio, type: \"lucide\" },\n  websocket: { component: Radio, type: \"lucide\" },\n\n  // Messaging protocols\n  mqtt: { component: Wifi, type: \"lucide\" },\n  amqp: { component: Network, type: \"lucide\" },\n  grpc: { component: Globe, type: \"lucide\" },\n  graphql: { component: Globe, type: \"lucide\" },\n\n  // Message brokers\n  kafka: { component: Network, type: \"lucide\" },\n  rabbitmq: { component: Network, type: \"lucide\" },\n  redis: { component: Network, type: \"lucide\" },\n  nats: { component: Network, type: \"lucide\" },\n  pulsar: { component: Network, type: \"lucide\" },\n  solace: { component: Network, type: \"lucide\" },\n  activemq: { component: Network, type: \"lucide\" },\n\n  // AWS\n  sqs: { component: AwsSqs, type: \"svg\" },\n  sns: { component: AwsSns, type: \"svg\" },\n  eventbridge: { component: AwsEventBridge, type: \"svg\" },\n  kinesis: { component: Network, type: \"lucide\" },\n  msk: { component: Network, type: \"lucide\" },\n\n  // Google Cloud\n  pubsub: { component: Cloud, type: \"lucide\" },\n  googlepubsub: { component: Cloud, type: \"lucide\" },\n  cloudtasks: { component: Cloud, type: \"lucide\" },\n\n  // Azure\n  servicebus: { component: Cloud, type: \"lucide\" },\n  azureservicebus: { component: Cloud, type: \"lucide\" },\n  eventhubs: { component: Cloud, type: \"lucide\" },\n  azureeventhubs: { component: Cloud, type: \"lucide\" },\n  eventgrid: { component: Cloud, type: \"lucide\" },\n  azureeventgrid: { component: Cloud, type: \"lucide\" },\n};\n\nexport const getIconForProtocol = (protocol?: string): IconEntry | null => {\n  if (!protocol) return null;\n  const normalizedProtocol = protocol.replace(/[-_\\s]/g, \"\").toLowerCase();\n  return protocolIconMap[normalizedProtocol] || null;\n};\n","import { memo } from \"react\";\nimport { Workflow, Minimize2 } from \"lucide-react\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nexport type FlowExpandedNodeData = {\n  flowName?: string;\n  version?: string;\n};\n\n// Container body keeps a visible teal tint that works in both themes — the\n// teal is the sub-flow identity, while theme-aware variables handle text\n// and header colour. The header uses the card-bg variable so it blends\n// naturally over the dotted background in light and dark modes.\nconst CONTAINER_STYLE: React.CSSProperties = {\n  width: \"100%\",\n  height: \"100%\",\n  borderRadius: 12,\n  border: \"2px solid rgba(20, 184, 166, 0.5)\",\n  backgroundColor: \"rgba(20, 184, 166, 0.08)\",\n  boxShadow: \"0 2px 12px rgba(20, 184, 166, 0.12)\",\n  position: \"relative\",\n  overflow: \"visible\",\n};\n\nconst HEADER_STYLE: React.CSSProperties = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 44,\n  borderTopLeftRadius: 10,\n  borderTopRightRadius: 10,\n  background: \"rgba(20, 184, 166, 0.12)\",\n  borderBottom: \"1px solid rgba(20, 184, 166, 0.3)\",\n  overflow: \"visible\",\n};\n\nconst BADGE_STYLE: React.CSSProperties = {\n  position: \"absolute\",\n  top: -10,\n  left: 12,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  gap: 3,\n  padding: \"2px 8px\",\n  borderRadius: 4,\n  background: \"#0d9488\",\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.15)\",\n  zIndex: 10,\n  fontSize: 8,\n  fontWeight: 700,\n  letterSpacing: \"0.08em\",\n  textTransform: \"uppercase\" as const,\n  color: \"white\",\n};\n\nconst HEADER_CONTENT_STYLE: React.CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  height: \"100%\",\n  padding: \"0 12px 0 14px\",\n  gap: 12,\n};\n\nconst FLOW_NAME_STYLE: React.CSSProperties = {\n  fontSize: 11,\n  fontWeight: 700,\n  color: \"rgb(var(--ec-page-text))\",\n  letterSpacing: \"0.04em\",\n  textTransform: \"uppercase\",\n  whiteSpace: \"nowrap\",\n};\n\nconst VERSION_STYLE: React.CSSProperties = {\n  fontSize: 10,\n  fontWeight: 500,\n  color: \"#5eead4\",\n  marginLeft: 8,\n};\n\nconst COLLAPSE_BUTTON_STYLE: React.CSSProperties = {\n  background: \"#0d9488\",\n  border: \"1px solid #5eead4\",\n  borderRadius: 6,\n  padding: \"4px 10px\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 4,\n  fontSize: 10,\n  fontWeight: 600,\n  color: \"white\",\n};\n\nexport default memo(function FlowExpandedNode({\n  data,\n}: {\n  data: FlowExpandedNodeData;\n}) {\n  const { flowName, version } = data;\n\n  return (\n    <div style={CONTAINER_STYLE}>\n      <div style={HEADER_STYLE}>\n        <div style={BADGE_STYLE}>\n          <Workflow size={10} strokeWidth={2.5} />\n          Sub-flow\n        </div>\n\n        <div style={HEADER_CONTENT_STYLE}>\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              minWidth: 0,\n              flex: 1,\n            }}\n          >\n            <TruncatedResourceName\n              value={flowName || \"Flow\"}\n              tooltipBorderColor=\"#14b8a6\"\n              className=\"truncate\"\n              style={FLOW_NAME_STYLE}\n            >\n              {flowName || \"Flow\"}\n            </TruncatedResourceName>\n            {version && <span style={VERSION_STYLE}>v{version}</span>}\n          </div>\n\n          <button\n            style={COLLAPSE_BUTTON_STYLE}\n            className=\"ec-collapse-flow-btn nodrag nopan\"\n            onMouseDown={(e) => e.stopPropagation()}\n          >\n            <Minimize2 size={12} strokeWidth={2.5} />\n            Collapse\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n","import { Handle, Position, useUpdateNodeInternals } from \"@xyflow/react\";\nimport { getIcon } from \"../utils/badges\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { buildUrl } from \"../utils/url-builder\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { ChevronDownIcon, ChevronRightIcon } from \"@heroicons/react/20/solid\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport {\n  HANDLE_LEFT_OFFSET_STYLE,\n  HANDLE_RIGHT_OFFSET_STYLE,\n  EMPTY_ARRAY,\n} from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nexport const ENTITY_TARGET_HANDLE_ID = \"__eventcatalog-entity-target\";\n\nexport interface EntityProperty {\n  name: string;\n  type: string;\n  required?: boolean;\n  description?: string;\n  references?: string;\n  referencesIdentifier?: string;\n  referenceTarget?: \"entity\";\n  relationType?: string;\n  enum?: string[];\n  properties?: EntityProperty[];\n  items?: {\n    type: string;\n    properties?: EntityProperty[];\n  };\n}\n\ninterface EntityData {\n  id: string;\n  name: string;\n  version: string;\n  properties?: EntityProperty[];\n  aggregateRoot?: boolean;\n  sidebar?: any;\n  styles?: {\n    backgroundColor?: string;\n    borderColor?: string;\n    icon?: string;\n    node?: {\n      color?: string;\n      label?: string;\n    };\n  };\n}\n\ninterface Data {\n  title: string;\n  label: string;\n  bgColor: string;\n  color: string;\n  mode: \"simple\" | \"full\";\n  entity: {\n    data: EntityData;\n  };\n  showTarget?: boolean;\n  showSource?: boolean;\n  externalToDomain?: boolean;\n  domainName?: string;\n  domainId?: string;\n  entityTargetHandle?: string;\n  referencePropertyNames?: string[];\n  group?: {\n    type: string;\n    value: string;\n  };\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport const getPropertyTypeLabel = (property: any) => {\n  if (property.type === \"array\" && property.items?.type) {\n    return `${property.items.type}[]`;\n  }\n\n  return property.type;\n};\n\nexport const getNestedEntityProperties = (\n  property: EntityProperty,\n): EntityProperty[] => {\n  if (property.properties?.length) return property.properties;\n  if (property.type === \"array\" && property.items?.properties?.length) {\n    return property.items.properties;\n  }\n  return [];\n};\n\nexport default memo(function EntityNode({\n  id,\n  data,\n  sourcePosition,\n  targetPosition,\n}: any) {\n  const {\n    mode,\n    entity,\n    externalToDomain,\n    domainName,\n    entityTargetHandle = ENTITY_TARGET_HANDLE_ID,\n    referencePropertyNames = EMPTY_ARRAY,\n  } = data as Data;\n  const {\n    name,\n    version,\n    properties = EMPTY_ARRAY,\n    aggregateRoot,\n    styles,\n    sidebar: _sidebar,\n  } = entity.data;\n\n  const {\n    node: { color: _color = \"blue\", label: _label } = {},\n    icon = \"CubeIcon\",\n  } = styles || {};\n\n  const Icon = useMemo(() => getIcon(icon), [icon]);\n\n  const [hoveredProperty, setHoveredProperty] = useState<string | null>(null);\n  const [expandedProperties, setExpandedProperties] = useState<Set<string>>(\n    () => new Set(),\n  );\n  const previousExpandedProperties = useRef(expandedProperties);\n  const updateNodeInternals = useUpdateNodeInternals();\n  const portalContainer = usePortalContainer();\n  const referenceProperties = useMemo(\n    () => new Set(referencePropertyNames),\n    [referencePropertyNames],\n  );\n\n  const toggleProperty = useCallback((propertyPath: string) => {\n    setExpandedProperties((current) => {\n      const next = new Set(current);\n      if (next.has(propertyPath)) {\n        next.delete(propertyPath);\n      } else {\n        next.add(propertyPath);\n      }\n      return next;\n    });\n  }, []);\n\n  useEffect(() => {\n    if (previousExpandedProperties.current === expandedProperties) return;\n    previousExpandedProperties.current = expandedProperties;\n    updateNodeInternals(id);\n  }, [expandedProperties, id, updateNodeInternals]);\n\n  const renderPropertyRows = (\n    entityProperties: EntityProperty[],\n    depth = 0,\n    parentPath = \"\",\n  ): React.ReactNode =>\n    entityProperties.map((property, index) => {\n      const propertyPath = parentPath\n        ? `${parentPath}.${property.name}`\n        : property.name;\n      const propertyKey = `${propertyPath}-${index}`;\n      const isHovered = hoveredProperty === propertyKey;\n      const nestedProperties = getNestedEntityProperties(property);\n      const isExpandable = nestedProperties.length > 0;\n      const isExpanded = expandedProperties.has(propertyPath);\n      const isTopLevel = depth === 0;\n      const referencedEntityId =\n        property.references ||\n        (isTopLevel && referenceProperties.has(property.name)\n          ? property.items?.type\n          : undefined);\n\n      return (\n        <div key={propertyKey}>\n          <div\n            className={classNames(\n              \"relative flex items-center justify-between py-2 pr-4 hover:bg-[rgb(var(--ec-page-border)/0.2)]\",\n              isExpandable && \"nodrag nopan cursor-pointer\",\n            )}\n            style={{ paddingLeft: `${16 + depth * 16}px` }}\n            role={isExpandable ? \"button\" : undefined}\n            tabIndex={isExpandable ? 0 : undefined}\n            aria-label={\n              isExpandable\n                ? `${isExpanded ? \"Collapse\" : \"Expand\"} ${property.name}`\n                : undefined\n            }\n            aria-expanded={isExpandable ? isExpanded : undefined}\n            onClick={(event) => {\n              if (!isExpandable) return;\n              const target = event.target as HTMLElement;\n              if (target.closest(\".react-flow__handle\")) return;\n              toggleProperty(propertyPath);\n            }}\n            onKeyDown={(event) => {\n              if (!isExpandable || (event.key !== \"Enter\" && event.key !== \" \"))\n                return;\n              event.preventDefault();\n              toggleProperty(propertyPath);\n            }}\n            onMouseEnter={() =>\n              property.description && setHoveredProperty(propertyKey)\n            }\n            onMouseLeave={() => setHoveredProperty(null)}\n          >\n            {isTopLevel && (\n              <>\n                <Handle\n                  type=\"target\"\n                  position={Position.Left}\n                  id={`${property.name}-target`}\n                  className=\"!w-3 !h-3 !bg-[rgb(var(--ec-card-bg))] !border-2 !border-[rgb(var(--ec-page-border))] !rounded-full !left-[-0px]\"\n                  style={HANDLE_LEFT_OFFSET_STYLE}\n                />\n                <Handle\n                  type=\"source\"\n                  position={Position.Right}\n                  id={`${property.name}-source`}\n                  className=\"!w-3 !h-3 !bg-[rgb(var(--ec-card-bg))] !border-2 !border-[rgb(var(--ec-page-border))] !rounded-full !right-[-0px]\"\n                  style={HANDLE_RIGHT_OFFSET_STYLE}\n                />\n              </>\n            )}\n\n            <div className=\"flex-1 flex items-center justify-between gap-3 min-w-0\">\n              <div className=\"flex items-center gap-1 min-w-0\">\n                {isExpandable && (\n                  <span\n                    className=\"shrink-0 text-[rgb(var(--ec-page-text-muted))]\"\n                    aria-hidden=\"true\"\n                  >\n                    {isExpanded ? (\n                      <ChevronDownIcon className=\"h-3.5 w-3.5\" />\n                    ) : (\n                      <ChevronRightIcon className=\"h-3.5 w-3.5\" />\n                    )}\n                  </span>\n                )}\n                <span className=\"text-sm font-medium text-[rgb(var(--ec-page-text))] truncate\">\n                  {property.name}\n                </span>\n                {property.required && (\n                  <span className=\"text-red-500 text-xs\">*</span>\n                )}\n              </div>\n              <span className=\"text-sm text-[rgb(var(--ec-page-text-muted))] font-mono shrink-0\">\n                {getPropertyTypeLabel(property)}\n              </span>\n            </div>\n\n            {referencedEntityId && (\n              <div className=\"absolute right-2 top-1/2 transform -translate-y-1/2\">\n                <div\n                  className=\"w-2 h-2 bg-blue-500 rounded-full\"\n                  title={`References ${referencedEntityId}`}\n                ></div>\n              </div>\n            )}\n\n            {isHovered && property.description && (\n              <div className=\"absolute left-full ml-2 top-1/2 transform -translate-y-1/2 z-[9999] w-[200px] bg-gray-900 text-white text-xs rounded-lg py-2 px-3 pointer-events-none shadow-xl max-w-xl opacity-100\">\n                <div className=\"text-gray-200 whitespace-normal break-words\">\n                  {property.description}\n                </div>\n                <div className=\"absolute right-full top-1/2 transform -translate-y-1/2 border-4 border-transparent border-r-gray-900\"></div>\n              </div>\n            )}\n          </div>\n\n          {isExpandable && isExpanded && (\n            <div className=\"divide-y divide-[rgb(var(--ec-page-border))] border-t border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-content-hover)/0.18)]\">\n              {renderPropertyRows(nestedProperties, depth + 1, propertyPath)}\n            </div>\n          )}\n        </div>\n      );\n    });\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>\n        <div\n          className={classNames(\n            \"bg-[rgb(var(--ec-card-bg))] border rounded-lg shadow-sm min-w-[200px]\",\n            externalToDomain ? \"border-amber-500/60\" : \"border-blue-400/50\",\n          )}\n        >\n          {/* Table Header */}\n          <div\n            className={classNames(\n              \"relative px-4 py-2 rounded-t-lg border-b border-[rgb(var(--ec-page-border))]\",\n              externalToDomain ? \"bg-amber-500/20\" : \"bg-blue-500/15\",\n            )}\n          >\n            <Handle\n              type=\"target\"\n              position={Position.Left}\n              id={entityTargetHandle}\n              className=\"!w-3 !h-3 !bg-[rgb(var(--ec-card-bg))] !border-2 !border-[rgb(var(--ec-page-border))] !rounded-full !left-[-0px]\"\n              style={HANDLE_LEFT_OFFSET_STYLE}\n            />\n            <div className=\"flex items-center gap-2 min-w-0\">\n              {Icon && (\n                <Icon className=\"w-4 h-4 text-[rgb(var(--ec-page-text-muted))]\" />\n              )}\n              <TruncatedResourceName\n                value={name}\n                tooltipBorderColor={externalToDomain ? \"#f59e0b\" : \"#60a5fa\"}\n                className=\"font-semibold text-[rgb(var(--ec-page-text))] text-sm truncate\"\n              >\n                {name}\n              </TruncatedResourceName>\n              {aggregateRoot && (\n                <span className=\"text-xs bg-amber-500/20 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded font-medium shrink-0\">\n                  AR\n                </span>\n              )}\n            </div>\n            {domainName && (\n              <div className=\"text-xs text-[rgb(var(--ec-page-text-muted))] font-medium mt-1\">\n                from {domainName} domain\n              </div>\n            )}\n            {mode === \"full\" && (\n              <div className=\"text-xs text-[rgb(var(--ec-page-text-muted))] mt-1\">\n                v{version}\n              </div>\n            )}\n          </div>\n\n          {/* Properties Table */}\n          {properties.length > 0 ? (\n            <div className=\"divide-y divide-[rgb(var(--ec-page-border))] relative\">\n              {renderPropertyRows(properties)}\n            </div>\n          ) : (\n            <div className=\"px-4 py-3 text-sm text-[rgb(var(--ec-page-text-muted))] text-center\">\n              No properties defined\n            </div>\n          )}\n\n          {/* Main node handles (if no properties) */}\n          {properties.length === 0 && (\n            <>\n              {targetPosition && (\n                <Handle type=\"target\" position={targetPosition} />\n              )}\n              {sourcePosition && (\n                <Handle type=\"source\" position={sourcePosition} />\n              )}\n            </>\n          )}\n        </div>\n      </ContextMenu.Trigger>\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Content\n          className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\"\n          onClick={(e) => e.stopPropagation()}\n        >\n          <ContextMenu.Item\n            asChild\n            className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-accent-subtle))] rounded-sm flex items-center\"\n          >\n            <a href={buildUrl(`/docs/entities/${entity.data.id}/${version}`)}>\n              Read documentation\n            </a>\n          </ContextMenu.Item>\n          <ContextMenu.Item\n            asChild\n            className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-accent-subtle))] rounded-sm flex items-center\"\n          >\n            <a\n              href={buildUrl(\n                `/visualiser/entities/${entity.data.id}/${version}`,\n              )}\n            >\n              Focus node\n            </a>\n          </ContextMenu.Item>\n        </ContextMenu.Content>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n","import { memo } from \"react\";\nimport { UserIcon } from \"@heroicons/react/20/solid\";\nimport { Handle } from \"@xyflow/react\";\nimport { NODE_WIDTH_STYLE, ROTATED_LABEL_STYLE } from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface Data {\n  title: string;\n  label: string;\n  bgColor: string;\n  color: string;\n  mode: \"simple\" | \"full\";\n  step: {\n    id: string;\n    title: string;\n    summary: string;\n    name: string;\n    actor: { name: string };\n  };\n  showTarget?: boolean;\n  showSource?: boolean;\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport default memo(function UserNode({\n  data,\n  sourcePosition,\n  targetPosition,\n}: any) {\n  const {\n    mode,\n    step,\n    showTarget: _showTarget = true,\n    showSource: _showSource = true,\n  } = data as Data;\n\n  const { summary, actor: { name } = {} } = step;\n  const displayName = name || step.name || step.title || \"Actor\";\n\n  return (\n    <div\n      className={classNames(\n        `rounded-md border flex justify-start bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] border-yellow-400`,\n        mode === \"full\" ? \"min-h-[5em]\" : \"min-h-[2em]\",\n      )}\n      style={NODE_WIDTH_STYLE}\n    >\n      <div\n        className={classNames(\n          \"bg-gradient-to-b from-yellow-400 to-yellow-600 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-orange-100-500\",\n          `border-r-[1px] border-yellow-500`,\n        )}\n      >\n        <UserIcon className=\"w-4 h-4 opacity-90 text-white mt-1\" />\n        {mode === \"full\" && (\n          <span\n            className=\"text-center text-[9px] text-white font-bold uppercase mb-4\"\n            style={ROTATED_LABEL_STYLE}\n          >\n            ACTOR\n          </span>\n        )}\n      </div>\n      <div className=\"p-1 flex-1 min-w-0\">\n        {targetPosition && <Handle type=\"target\" position={targetPosition} />}\n        {sourcePosition && <Handle type=\"source\" position={sourcePosition} />}\n\n        {(!summary || mode !== \"full\") && (\n          <div className=\"h-full min-w-0\">\n            <TruncatedResourceName\n              as=\"div\"\n              value={displayName}\n              tooltipBorderColor=\"#eab308\"\n              className=\"text-sm font-bold truncate pb-0.5\"\n            >\n              {displayName}\n            </TruncatedResourceName>\n            {mode === \"simple\" && (\n              <div className=\"w-full text-right\">\n                <span className=\" w-full text-[10px] text-[rgb(var(--ec-page-text-muted))] font-light block pt-0.5 pb-0.5 \">\n                  Event\n                </span>\n              </div>\n            )}\n          </div>\n        )}\n\n        {summary && mode === \"full\" && (\n          <div>\n            <div\n              className={classNames(\n                mode === \"full\"\n                  ? `border-b border-[rgb(var(--ec-page-border))]`\n                  : \"\",\n              )}\n            >\n              <TruncatedResourceName\n                as=\"div\"\n                value={displayName}\n                tooltipBorderColor=\"#eab308\"\n                className=\"text-xs font-bold truncate pb-0.5\"\n              >\n                {displayName}\n              </TruncatedResourceName>\n            </div>\n            {mode === \"full\" && (\n              <div className=\"divide-y divide-[rgb(var(--ec-page-border))] \">\n                <div className=\"leading-3 py-1\">\n                  <span className=\"text-[8px] font-light\">{summary}</span>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { NODE_WIDTH_STYLE, ROTATED_LABEL_STYLE } from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\ninterface Data {\n  title: string;\n  label: string;\n  bgColor: string;\n  color: string;\n  mode: \"simple\" | \"full\";\n  step: { id: string; title: string; summary: string };\n  showTarget?: boolean;\n  showSource?: boolean;\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nexport default memo(function StepNode({\n  data,\n  sourcePosition,\n  targetPosition,\n}: any) {\n  const { mode, step } = data as Data;\n\n  const { title, summary } = step;\n\n  return (\n    <div\n      className={classNames(\n        \"rounded-md border flex justify-start bg-[rgb(var(--ec-card-bg))] text-[rgb(var(--ec-page-text))] border-blue-400 min-h-[3em]\",\n      )}\n      style={NODE_WIDTH_STYLE}\n    >\n      <div\n        className={classNames(\n          \"bg-gradient-to-b from-gray-700 to-gray-700 relative flex flex-col items-center w-5 justify-end rounded-l-sm text-orange-100-500\",\n          `border-r-[1px] border-gray-500`,\n        )}\n      >\n        {mode === \"full\" && (\n          <span\n            className=\"text-center text-[9px] text-white font-bold uppercase mb-4\"\n            style={ROTATED_LABEL_STYLE}\n          >\n            Step\n          </span>\n        )}\n      </div>\n      <div className=\"p-1 flex-1 min-w-0\">\n        <Handle\n          type=\"target\"\n          position={targetPosition || Position.Left}\n          style={HIDDEN_HANDLE_STYLE}\n        />\n        <Handle\n          type=\"source\"\n          position={sourcePosition || Position.Right}\n          style={HIDDEN_HANDLE_STYLE}\n        />\n\n        {!summary && (\n          <div className=\"h-full flex items-center min-w-0\">\n            <TruncatedResourceName\n              as=\"div\"\n              value={title}\n              tooltipBorderColor=\"#60a5fa\"\n              className=\"text-sm font-bold truncate pb-0.5\"\n            >\n              {title}\n            </TruncatedResourceName>\n          </div>\n        )}\n\n        {summary && (\n          <div>\n            <div\n              className={classNames(\n                mode === \"full\"\n                  ? `border-b border-[rgb(var(--ec-page-border))]`\n                  : \"\",\n              )}\n            >\n              <TruncatedResourceName\n                as=\"div\"\n                value={title}\n                tooltipBorderColor=\"#60a5fa\"\n                className=\"text-xs font-bold truncate pb-0.5\"\n              >\n                {title}\n              </TruncatedResourceName>\n            </div>\n            {mode === \"full\" && (\n              <div className=\"divide-y divide-[rgb(var(--ec-page-border))] \">\n                <div className=\"leading-3 py-1\">\n                  <span className=\"text-[8px] font-light\">{summary}</span>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import {\n  Handle,\n  useReactFlow,\n  useOnSelectionChange,\n  Position,\n} from \"@xyflow/react\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport { buildUrl } from \"../utils/url-builder\";\nimport { getIcon } from \"../utils/badges\";\nimport { memo, useState, useCallback, useMemo } from \"react\";\nimport { HANDLE_LEFT_STYLE, HANDLE_RIGHT_STYLE } from \"./shared-styles\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\n\ninterface DomainData {\n  id: string;\n  version: string;\n  name: string;\n  services?: string[];\n  styles?: {\n    backgroundColor?: string;\n    borderColor?: string;\n    icon?: string;\n  };\n}\n\ninterface Data {\n  mode: \"simple\" | \"full\";\n  domain: {\n    data: DomainData;\n  };\n}\n\nexport default memo(function DomainNode({ data, id: nodeId }: any) {\n  const { mode, domain } = data as Data;\n  const reactFlow = useReactFlow();\n  const [highlightedServices, setHighlightedServices] = useState<Set<string>>(\n    new Set(),\n  );\n\n  const { id, version, name, services = [], styles } = domain.data;\n  const { icon = \"RectangleGroupIcon\" } = styles || {};\n\n  const Icon = useMemo(() => getIcon(icon), [icon]);\n  const ServerIcon = useMemo(() => getIcon(\"ServerIcon\"), []);\n  const portalContainer = usePortalContainer();\n\n  // Listen for selection changes to highlight connected services\n  const handleSelectionChange = useCallback(\n    ({ nodes: selectedNodes }: { nodes: any[] }) => {\n      if (selectedNodes.length === 0) {\n        setHighlightedServices(new Set());\n        return;\n      }\n\n      const selectedNode = selectedNodes[0];\n      if (!selectedNode) {\n        setHighlightedServices(new Set());\n        return;\n      }\n\n      // Get all edges\n      const edges = reactFlow.getEdges();\n      const connectedServiceIds = new Set<string>();\n\n      // Find services connected to the selected node\n      edges.forEach((edge) => {\n        if (\n          edge.source === selectedNode.id ||\n          edge.target === selectedNode.id\n        ) {\n          // Check if this edge connects to our domain\n          if (edge.source === nodeId && edge.sourceHandle) {\n            // Extract service ID from sourceHandle (format: \"serviceId-source\")\n            const serviceId = edge.sourceHandle.replace(\"-source\", \"\");\n            connectedServiceIds.add(serviceId);\n          }\n          if (edge.target === nodeId && edge.targetHandle) {\n            // Extract service ID from targetHandle (format: \"serviceId-target\")\n            const serviceId = edge.targetHandle.replace(\"-target\", \"\");\n            connectedServiceIds.add(serviceId);\n          }\n        }\n      });\n\n      setHighlightedServices(connectedServiceIds);\n    },\n    [nodeId, reactFlow],\n  );\n\n  useOnSelectionChange({\n    onChange: handleSelectionChange,\n  });\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>\n        <div className=\"w-full rounded-lg border-2 border-yellow-400 bg-[rgb(var(--ec-card-bg))] shadow-lg\">\n          {/* Lets edges connect to the domain itself, not only its services */}\n          <Handle\n            type=\"target\"\n            position={Position.Left}\n            style={HIDDEN_HANDLE_STYLE}\n          />\n          <Handle\n            type=\"source\"\n            position={Position.Right}\n            style={HIDDEN_HANDLE_STYLE}\n          />\n          <div className=\"bg-[rgb(var(--ec-domain-header-bg,253_224_71)/0.2)] px-3 py-2 flex items-center space-x-2\">\n            {Icon && <Icon className=\"w-4 h-4 text-yellow-500\" />}\n            <div>\n              <span className=\"text-sm font-bold text-[rgb(var(--ec-page-text))]\">\n                {name}\n              </span>\n              <span className=\"text-xs text-yellow-500 ml-2\">v{version}</span>\n            </div>\n          </div>\n          {mode === \"full\" && services.length > 0 && (\n            <div>\n              {services.map((service: any, index: number) => {\n                const isHighlighted = highlightedServices.has(service.data.id);\n\n                return (\n                  <ContextMenu.Root key={`${service.data.id}-${index}`}>\n                    <ContextMenu.Trigger asChild>\n                      <div\n                        className={`relative flex items-center justify-between px-3 py-2 cursor-pointer ${index !== services.length - 1 ? \"border-b border-[rgb(var(--ec-page-border))]\" : \"\"} ${isHighlighted ? \"bg-pink-100 border-pink-300\" : \"\"}`}\n                      >\n                        <Handle\n                          type=\"target\"\n                          position={Position.Left}\n                          id={`${service.data.id}-target`}\n                          className=\"!left-[-1px] !w-2 !h-2 !bg-gray-400 !border !border-gray-500 !rounded-full !z-10\"\n                          style={HANDLE_LEFT_STYLE}\n                        />\n                        <Handle\n                          type=\"source\"\n                          position={Position.Right}\n                          id={`${service.data.id}-source`}\n                          className=\"!right-[-1px] !w-2 !h-2 !bg-gray-400 !border !border-gray-500 !rounded-full !z-10\"\n                          style={HANDLE_RIGHT_STYLE}\n                        />\n                        <div className=\"flex items-center space-x-3\">\n                          <div className=\"flex items-center justify-center w-5 h-5 bg-pink-500 rounded\">\n                            {ServerIcon && (\n                              <ServerIcon className=\"w-3 h-3 text-white\" />\n                            )}\n                          </div>\n                          <span className=\"text-sm font-medium text-[rgb(var(--ec-page-text))]\">\n                            {service.data.name || service.data.id}\n                          </span>\n                        </div>\n                        <div className=\"flex items-center space-x-4 text-sm text-[rgb(var(--ec-page-text-muted))]\">\n                          <span className=\"text-xs\">\n                            v{service.data.version}\n                          </span>\n                        </div>\n                      </div>\n                    </ContextMenu.Trigger>\n                    <ContextMenu.Portal container={portalContainer}>\n                      <ContextMenu.Content className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\">\n                        <ContextMenu.Item\n                          className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-page-border)/0.5)] rounded-sm flex items-center\"\n                          onClick={() =>\n                            (window.location.href = buildUrl(\n                              `/docs/services/${service.data.id}/${service.data.version}`,\n                            ))\n                          }\n                        >\n                          View Service Documentation\n                        </ContextMenu.Item>\n                        <ContextMenu.Item\n                          className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-page-border)/0.5)] rounded-sm flex items-center\"\n                          onClick={() =>\n                            (window.location.href = buildUrl(\n                              `/visualiser/services/${service.data.id}/${service.data.version}`,\n                            ))\n                          }\n                        >\n                          View Service Visualizer\n                        </ContextMenu.Item>\n                      </ContextMenu.Content>\n                    </ContextMenu.Portal>\n                  </ContextMenu.Root>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </ContextMenu.Trigger>\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Content className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\">\n          <ContextMenu.Item\n            className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-page-border)/0.5)] rounded-sm flex items-center\"\n            onClick={() =>\n              (window.location.href = buildUrl(\n                `/docs/domains/${id}/${version}`,\n              ))\n            }\n          >\n            View Domain Documentation\n          </ContextMenu.Item>\n          <ContextMenu.Item\n            className=\"text-sm text-[rgb(var(--ec-page-text))] px-2 py-1.5 outline-none cursor-pointer hover:bg-[rgb(var(--ec-page-border)/0.5)] rounded-sm flex items-center\"\n            onClick={() =>\n              (window.location.href = buildUrl(\n                `/visualiser/domains/${id}/${version}`,\n              ))\n            }\n          >\n            View Domain Visualizer\n          </ContextMenu.Item>\n        </ContextMenu.Content>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n","import { Handle, Position } from \"@xyflow/react\";\nimport {\n  Group as GroupIcon,\n  Server as ServerIcon,\n  Box as BoxIcon,\n  Database as DatabaseIcon,\n  MessageSquare as MessageSquareIcon,\n} from \"lucide-react\";\nimport { buildUrl, navigateTo } from \"../utils/url-builder\";\nimport { memo, type KeyboardEvent } from \"react\";\nimport { LINE_CLAMP_STYLE, useDarkMode } from \"./shared-styles\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\nimport { FocusedResourceIndicator } from \"./FocusedResourceIndicator\";\n\ninterface SystemData {\n  id: string;\n  version: string;\n  name: string;\n  summary?: string;\n  // \"external\" marks a third-party/SaaS system (e.g. Resend, Stripe). Such\n  // systems are shaded in the graph. Defaults to internal when absent.\n  scope?: \"internal\" | \"external\";\n}\n\ninterface Data {\n  mode: \"simple\" | \"full\";\n  system: SystemData;\n  servicesCount?: number;\n  entitiesCount?: number;\n  containersCount?: number;\n  // Total messages handled by the system's services (sends + receives).\n  messagesCount?: number;\n  // The system being viewed on this page\n  isFocused?: boolean;\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\n/**\n * A system rendered on the System Diagram.\n *\n * Styled to match the other resource nodes (e.g. the service node): a rounded,\n * bordered card with a floating type badge + icon on the top-left border.\n * Left-clicking the node navigates to the system's architecture map.\n * Right-click (handled by the NodeGraph context-menu wrapper) offers docs / map / context.\n */\nexport default memo(function SystemNode({ data }: any) {\n  const {\n    system,\n    mode = \"simple\",\n    servicesCount = 0,\n    entitiesCount = 0,\n    containersCount = 0,\n    messagesCount = 0,\n    isFocused = false,\n  } = data as Data;\n  const { id, version, name, summary, scope } = system;\n  const isExternal = scope === \"external\";\n  const isDark = useDarkMode();\n  // Flow diagrams already own click (walkthrough / selection). A system step\n  // links to its docs through the context menu, same as a service step, instead\n  // of leaving the flow for the system map.\n  const isFlowStep = Boolean((data as { step?: unknown }).step);\n\n  const stats = [\n    { icon: ServerIcon, label: \"Services\", count: servicesCount },\n    { icon: MessageSquareIcon, label: \"Messages\", count: messagesCount },\n    { icon: BoxIcon, label: \"Entities\", count: entitiesCount },\n    { icon: DatabaseIcon, label: \"Data Stores\", count: containersCount },\n  ].filter((stat) => stat.count > 0);\n\n  // External systems get a subtle gray fill so they read as outside the org,\n  // without the busier striped treatment.\n  const cardBackground = isExternal\n    ? isDark\n      ? \"rgba(148,163,184,0.12)\"\n      : \"rgba(148,163,184,0.1)\"\n    : \"var(--ec-system-node-bg, rgb(var(--ec-card-bg)))\";\n\n  const goToMap = () => {\n    // Soft, animated navigation via the host's view-transition router when\n    // available (falls back to a hard nav). Both the System Diagram and\n    // the target system Map share a `transition:name=\"visualiser-graph\"` portal,\n    // so this reads as drilling one level deeper into the system.\n    navigateTo(buildUrl(`/visualiser/systems/${id}/${version}`));\n  };\n\n  return (\n    <div\n      {...(isFlowStep\n        ? {}\n        : {\n            role: \"button\" as const,\n            tabIndex: 0,\n            onClick: goToMap,\n            onKeyDown: (e: KeyboardEvent) => {\n              if (e.key === \"Enter\" || e.key === \" \") goToMap();\n            },\n            title: `Open the ${name} map`,\n          })}\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        !isFlowStep && \"cursor-pointer\",\n        isExternal ? \"border-dashed border-violet-400\" : \"border-violet-500\",\n      )}\n      style={{\n        background: cardBackground,\n        boxShadow: \"0 2px 12px rgba(139, 92, 246, 0.15)\",\n      }}\n    >\n      {isFocused && <FocusedResourceIndicator />}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n\n      {/* Floating type badge on the top-left border */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-violet-500\">\n          <GroupIcon className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          {isExternal ? \"External System\" : \"System\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        <div className=\"flex items-baseline gap-1 min-w-0\">\n          <TruncatedResourceName\n            value={name}\n            tooltipBorderColor=\"#8b5cf6\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {name}\n          </TruncatedResourceName>\n          {version && (\n            <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n              (v{version})\n            </span>\n          )}\n        </div>\n\n        {mode === \"full\" && summary && (\n          <div\n            className={classNames(\n              \"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\",\n            )}\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n\n        {stats.length > 0 && (\n          <div className=\"mt-2 flex items-center gap-3 border-t border-[rgb(var(--ec-page-border))] pt-1.5\">\n            {stats.map(({ icon: Icon, label, count }) => (\n              <div\n                key={label}\n                title={`${count} ${label}`}\n                className=\"flex items-center gap-1 text-[10px] text-[rgb(var(--ec-page-text-muted))]\"\n              >\n                <Icon className=\"w-3 h-3 text-violet-500\" strokeWidth={2} />\n                <span className=\"font-medium\">{count}</span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport type { NodeProps } from \"@xyflow/react\";\nimport { BoxesIcon } from \"lucide-react\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nexport type GroupNodeData = {\n  mode: string;\n  domain: {\n    name: string;\n    version: string;\n    summary: string;\n  };\n};\n\nconst GROUP_CONTAINER_STYLE = {\n  width: \"100%\",\n  height: \"100%\",\n  borderRadius: 12,\n  border: \"2px solid var(--ec-group-border, #c4b5fd)\",\n  backgroundColor: \"var(--ec-group-bg, rgba(250, 248, 255, 0.35))\",\n  position: \"relative\" as const,\n  overflow: \"visible\" as const,\n} as const;\n\nconst GROUP_HEADER_STYLE = {\n  position: \"absolute\" as const,\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 44,\n  borderTopLeftRadius: 10,\n  borderTopRightRadius: 10,\n  background: \"var(--ec-group-header-bg, rgba(237, 233, 254, 0.7))\",\n  borderBottom: \"1px solid var(--ec-group-border, #c4b5fd)\",\n  overflow: \"visible\" as const,\n} as const;\n\nconst GROUP_WATERMARK_STYLE = {\n  position: \"absolute\" as const,\n  top: 6,\n  right: 10,\n  opacity: 0.12,\n  transform: \"rotate(12deg)\",\n  pointerEvents: \"none\" as const,\n} as const;\n\nconst GROUP_ICON_CIRCLE_STYLE = {\n  position: \"absolute\" as const,\n  top: -14,\n  left: 12,\n  width: 32,\n  height: 32,\n  borderRadius: \"50%\",\n  background: \"#7c3aed\",\n  border: \"2px solid #a78bfa\",\n  display: \"flex\",\n  alignItems: \"center\" as const,\n  justifyContent: \"center\" as const,\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.1)\",\n  zIndex: 10,\n} as const;\n\nconst GROUP_BANNER_CONTENT_STYLE = {\n  display: \"flex\",\n  alignItems: \"center\" as const,\n  justifyContent: \"center\" as const,\n  height: \"100%\",\n  padding: \"0 40px\",\n  minWidth: 0,\n} as const;\n\nconst GROUP_BANNER_INNER_STYLE = {\n  display: \"flex\",\n  alignItems: \"center\" as const,\n  gap: 8,\n  minWidth: 0,\n} as const;\n\nconst GROUP_DOMAIN_NAME_STYLE = {\n  fontSize: 15,\n  fontWeight: 800,\n  color: \"var(--ec-group-text, #5b21b6)\",\n  letterSpacing: \"0.06em\",\n  textTransform: \"uppercase\" as const,\n  whiteSpace: \"nowrap\" as const,\n} as const;\n\nconst GROUP_VERSION_STYLE = {\n  fontSize: 9,\n  fontWeight: 500,\n  color: \"#a78bfa\",\n} as const;\n\nconst GROUP_ICON_COLOR_STYLE = { color: \"#7c3aed\" } as const;\nconst GROUP_ICON_WHITE_STYLE = { color: \"white\" } as const;\n\nexport default memo(function GroupNode({ data }: NodeProps) {\n  const { domain } = data as unknown as GroupNodeData;\n\n  return (\n    <div style={GROUP_CONTAINER_STYLE}>\n      {/* Header banner */}\n      <div style={GROUP_HEADER_STYLE}>\n        {/* Watermark icon in banner */}\n        <div style={GROUP_WATERMARK_STYLE}>\n          <BoxesIcon size={28} strokeWidth={2} style={GROUP_ICON_COLOR_STYLE} />\n        </div>\n\n        {/* Icon circle overlapping top of banner */}\n        <div style={GROUP_ICON_CIRCLE_STYLE}>\n          <BoxesIcon\n            size={16}\n            strokeWidth={2.5}\n            style={GROUP_ICON_WHITE_STYLE}\n          />\n        </div>\n\n        {/* Banner text content */}\n        <div style={GROUP_BANNER_CONTENT_STYLE}>\n          <div style={GROUP_BANNER_INNER_STYLE}>\n            <TruncatedResourceName\n              value={domain?.name || \"Domain\"}\n              tooltipBorderColor=\"#7c3aed\"\n              className=\"truncate\"\n              style={GROUP_DOMAIN_NAME_STYLE}\n            >\n              {domain?.name || \"Domain\"}\n            </TruncatedResourceName>\n            {domain?.version && (\n              <span style={GROUP_VERSION_STYLE}>v{domain.version}</span>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n","import { memo, useMemo, type ComponentType } from \"react\";\nimport { Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport * as Icons from \"@heroicons/react/24/solid\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport {\n  EMPTY_ARRAY,\n  EMPTY_OBJECT,\n  LINE_CLAMP_STYLE,\n  HANDLE_GLOW,\n} from \"./shared-styles\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\n\ntype MenuItem = {\n  label: string;\n  url?: string;\n};\n\ntype CustomColor =\n  | \"blue\"\n  | \"teal\"\n  | \"red\"\n  | \"green\"\n  | \"purple\"\n  | \"orange\"\n  | \"pink\"\n  | \"yellow\"\n  | \"gray\"\n  | \"indigo\"\n  | \"cyan\"\n  | \"slate\"\n  | \"amber\"\n  | \"emerald\"\n  | \"violet\"\n  | \"rose\";\n\ntype CustomPalette = {\n  border: string;\n  badge: string;\n  ring: string;\n  shadow: string;\n  glow: string;\n  pillBorder: string;\n};\n\nconst PALETTES: Record<CustomColor, CustomPalette> = {\n  blue: {\n    border: \"border-blue-500\",\n    badge: \"bg-blue-500\",\n    ring: \"ring-2 ring-blue-400/60 ring-offset-2\",\n    shadow: \"rgba(59, 130, 246, 0.15)\",\n    glow: \"linear-gradient(135deg, #3b82f6, #2563eb)\",\n    pillBorder: \"#3b82f6\",\n  },\n  teal: {\n    border: \"border-teal-500\",\n    badge: \"bg-teal-500\",\n    ring: \"ring-2 ring-teal-400/60 ring-offset-2\",\n    shadow: \"rgba(20, 184, 166, 0.15)\",\n    glow: \"linear-gradient(135deg, #14b8a6, #0f766e)\",\n    pillBorder: \"#14b8a6\",\n  },\n  red: {\n    border: \"border-red-500\",\n    badge: \"bg-red-500\",\n    ring: \"ring-2 ring-red-400/60 ring-offset-2\",\n    shadow: \"rgba(239, 68, 68, 0.15)\",\n    glow: \"linear-gradient(135deg, #ef4444, #b91c1c)\",\n    pillBorder: \"#ef4444\",\n  },\n  green: {\n    border: \"border-green-500\",\n    badge: \"bg-green-500\",\n    ring: \"ring-2 ring-green-400/60 ring-offset-2\",\n    shadow: \"rgba(34, 197, 94, 0.15)\",\n    glow: \"linear-gradient(135deg, #22c55e, #15803d)\",\n    pillBorder: \"#22c55e\",\n  },\n  purple: {\n    border: \"border-purple-500\",\n    badge: \"bg-purple-500\",\n    ring: \"ring-2 ring-purple-400/60 ring-offset-2\",\n    shadow: \"rgba(168, 85, 247, 0.15)\",\n    glow: \"linear-gradient(135deg, #a855f7, #7e22ce)\",\n    pillBorder: \"#a855f7\",\n  },\n  orange: {\n    border: \"border-orange-500\",\n    badge: \"bg-orange-500\",\n    ring: \"ring-2 ring-orange-400/60 ring-offset-2\",\n    shadow: \"rgba(251, 146, 60, 0.15)\",\n    glow: \"linear-gradient(135deg, #fb923c, #ea580c)\",\n    pillBorder: \"#fb923c\",\n  },\n  pink: {\n    border: \"border-pink-500\",\n    badge: \"bg-pink-500\",\n    ring: \"ring-2 ring-pink-400/60 ring-offset-2\",\n    shadow: \"rgba(236, 72, 153, 0.15)\",\n    glow: \"linear-gradient(135deg, #ec4899, #be185d)\",\n    pillBorder: \"#ec4899\",\n  },\n  yellow: {\n    border: \"border-yellow-500\",\n    badge: \"bg-yellow-500\",\n    ring: \"ring-2 ring-yellow-400/60 ring-offset-2\",\n    shadow: \"rgba(234, 179, 8, 0.15)\",\n    glow: \"linear-gradient(135deg, #eab308, #a16207)\",\n    pillBorder: \"#eab308\",\n  },\n  gray: {\n    border: \"border-gray-500\",\n    badge: \"bg-gray-500\",\n    ring: \"ring-2 ring-gray-400/60 ring-offset-2\",\n    shadow: \"rgba(107, 114, 128, 0.15)\",\n    glow: \"linear-gradient(135deg, #6b7280, #374151)\",\n    pillBorder: \"#6b7280\",\n  },\n  indigo: {\n    border: \"border-indigo-500\",\n    badge: \"bg-indigo-500\",\n    ring: \"ring-2 ring-indigo-400/60 ring-offset-2\",\n    shadow: \"rgba(99, 102, 241, 0.15)\",\n    glow: \"linear-gradient(135deg, #6366f1, #4338ca)\",\n    pillBorder: \"#6366f1\",\n  },\n  cyan: {\n    border: \"border-cyan-500\",\n    badge: \"bg-cyan-500\",\n    ring: \"ring-2 ring-cyan-400/60 ring-offset-2\",\n    shadow: \"rgba(6, 182, 212, 0.15)\",\n    glow: \"linear-gradient(135deg, #06b6d4, #0e7490)\",\n    pillBorder: \"#06b6d4\",\n  },\n  slate: {\n    border: \"border-slate-500\",\n    badge: \"bg-slate-500\",\n    ring: \"ring-2 ring-slate-400/60 ring-offset-2\",\n    shadow: \"rgba(100, 116, 139, 0.15)\",\n    glow: \"linear-gradient(135deg, #64748b, #334155)\",\n    pillBorder: \"#64748b\",\n  },\n  amber: {\n    border: \"border-amber-500\",\n    badge: \"bg-amber-500\",\n    ring: \"ring-2 ring-amber-400/60 ring-offset-2\",\n    shadow: \"rgba(245, 158, 11, 0.15)\",\n    glow: \"linear-gradient(135deg, #f59e0b, #b45309)\",\n    pillBorder: \"#f59e0b\",\n  },\n  emerald: {\n    border: \"border-emerald-500\",\n    badge: \"bg-emerald-500\",\n    ring: \"ring-2 ring-emerald-400/60 ring-offset-2\",\n    shadow: \"rgba(16, 185, 129, 0.15)\",\n    glow: \"linear-gradient(135deg, #10b981, #047857)\",\n    pillBorder: \"#10b981\",\n  },\n  violet: {\n    border: \"border-violet-500\",\n    badge: \"bg-violet-500\",\n    ring: \"ring-2 ring-violet-400/60 ring-offset-2\",\n    shadow: \"rgba(139, 92, 246, 0.15)\",\n    glow: \"linear-gradient(135deg, #8b5cf6, #6d28d9)\",\n    pillBorder: \"#8b5cf6\",\n  },\n  rose: {\n    border: \"border-rose-500\",\n    badge: \"bg-rose-500\",\n    ring: \"ring-2 ring-rose-400/60 ring-offset-2\",\n    shadow: \"rgba(244, 63, 94, 0.15)\",\n    glow: \"linear-gradient(135deg, #f43f5e, #be123c)\",\n    pillBorder: \"#f43f5e\",\n  },\n};\n\ninterface Data {\n  mode: \"simple\" | \"full\";\n  step: {\n    id: string;\n    title: string;\n    summary?: string;\n  };\n  custom: {\n    icon?: string;\n    type?: string;\n    title?: string;\n    summary?: string;\n    url?: string;\n    color?: string;\n    properties?: Record<string, string | number>;\n    menu?: MenuItem[];\n    height?: number;\n  };\n}\n\nfunction classNames(...classes: any[]) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nfunction getPalette(color: string | undefined) {\n  return PALETTES[(color as CustomColor) || \"blue\"] ?? PALETTES.blue;\n}\n\nfunction GlowHandle({\n  side,\n  gradient,\n}: {\n  side: \"left\" | \"right\";\n  gradient: string;\n}) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: gradient,\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.generic,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nexport default memo(function CustomNode({ data, selected }: any) {\n  const { mode, custom: customProps, step } = data as Data;\n  const {\n    color = \"blue\",\n    title = step?.title || \"Custom\",\n    icon = \"CubeIcon\",\n    type = \"Custom\",\n    summary = step?.summary || \"\",\n    url,\n    properties = EMPTY_OBJECT,\n    menu = EMPTY_ARRAY,\n    height = 5,\n  } = customProps;\n\n  const palette = getPalette(color);\n  const IconComponent = useMemo<\n    ComponentType<{ className?: string }> | undefined\n  >(() => Icons[icon as keyof typeof Icons] || Icons.CubeIcon, [icon]);\n  const portalContainer = usePortalContainer();\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const propertyEntries = Object.entries(properties);\n  const contextMenuItems = url\n    ? [{ label: `Open ${type.toLowerCase()}`, url }, ...menu]\n    : menu;\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>\n        <div\n          className={classNames(\n            \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n            selected ? palette.ring : \"\",\n            palette.border,\n          )}\n          style={{\n            background: \"var(--ec-custom-node-bg, rgb(var(--ec-card-bg)))\",\n            boxShadow: `0 2px 12px ${palette.shadow}`,\n            minHeight: mode === \"full\" ? `${height}em` : undefined,\n          }}\n        >\n          <Handle\n            type=\"target\"\n            position={Position.Left}\n            style={HIDDEN_HANDLE_STYLE}\n          />\n          <Handle\n            type=\"source\"\n            position={Position.Right}\n            style={HIDDEN_HANDLE_STYLE}\n          />\n          {targetConnections.length > 0 && (\n            <GlowHandle side=\"left\" gradient={palette.glow} />\n          )}\n          {sourceConnections.length > 0 && (\n            <GlowHandle side=\"right\" gradient={palette.glow} />\n          )}\n\n          <div className=\"absolute -top-3 left-2.5 z-10\">\n            <span\n              className={classNames(\n                \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n                palette.badge,\n              )}\n            >\n              {IconComponent && (\n                <IconComponent className=\"w-2.5 h-2.5\" aria-hidden />\n              )}\n              {type}\n            </span>\n          </div>\n\n          <div className=\"px-3 pt-3.5 pb-2.5\">\n            <div className=\"flex items-center gap-2\">\n              <TruncatedResourceName\n                value={title}\n                tooltipBorderColor={palette.pillBorder}\n                className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n              >\n                {title}\n              </TruncatedResourceName>\n            </div>\n\n            {mode === \"full\" && summary && (\n              <div\n                className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n                style={LINE_CLAMP_STYLE}\n                title={summary}\n              >\n                {summary}\n              </div>\n            )}\n\n            {mode === \"full\" && propertyEntries.length > 0 && (\n              <div className=\"mt-2 pt-1.5 border-t border-[rgb(var(--ec-page-border))] grid grid-cols-2 gap-x-2 gap-y-1\">\n                {propertyEntries.map(([key, value]) => (\n                  <div key={key} className=\"min-w-0\">\n                    <div className=\"text-[7px] font-bold uppercase tracking-wide text-[rgb(var(--ec-page-text-muted))] truncate\">\n                      {key}\n                    </div>\n                    {typeof value === \"string\" && value.startsWith(\"http\") ? (\n                      <a\n                        href={value}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"block text-[8px] text-blue-500 underline truncate\"\n                        title={value}\n                      >\n                        {value}\n                      </a>\n                    ) : (\n                      <div\n                        className=\"text-[8px] text-[rgb(var(--ec-page-text))] truncate\"\n                        title={String(value)}\n                      >\n                        {value}\n                      </div>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </ContextMenu.Trigger>\n      {contextMenuItems.length > 0 && (\n        <ContextMenu.Portal container={portalContainer}>\n          <ContextMenu.Content className=\"min-w-[220px] bg-[rgb(var(--ec-card-bg))] rounded-md p-1 shadow-md border border-[rgb(var(--ec-page-border))]\">\n            {contextMenuItems.map((item) => (\n              <ContextMenu.Item\n                asChild\n                key={`${item.label}-${item.url || \"\"}`}\n                className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center\"\n              >\n                <a\n                  href={item.url}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"text-[rgb(var(--ec-page-text))] no-underline\"\n                >\n                  {item.label}\n                </a>\n              </ContextMenu.Item>\n            ))}\n          </ContextMenu.Content>\n        </ContextMenu.Portal>\n      )}\n    </ContextMenu.Root>\n  );\n});\n","import { memo } from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\nimport ExternalSystemComponent from \"./external-system/ExternalSystem\";\nimport { EXTERNAL_SYSTEM_HANDLE_STYLE } from \"./shared-styles\";\n\nexport default memo(function ExternalSystemNode(props: any) {\n  return (\n    <div className=\"relative\">\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={EXTERNAL_SYSTEM_HANDLE_STYLE}\n        className=\"bg-gray-500\"\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={EXTERNAL_SYSTEM_HANDLE_STYLE}\n        className=\"bg-gray-500\"\n      />\n      <ExternalSystemComponent {...props} />\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Package } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { EventCatalogResource } from \"../types\";\nimport { NotesIndicator } from \"./NotesIndicator\";\nimport { HIDDEN_HANDLE_STYLE } from \"./OwnerIndicator\";\nimport {\n  LINE_CLAMP_STYLE,\n  FOLDED_CORNER_SHADOW_STYLE,\n  useDarkMode,\n  HANDLE_GLOW,\n} from \"./shared-styles\";\nimport { CustomIcon, isIconPath } from \"../utils/custom-icon\";\nimport { TruncatedResourceName } from \"./TruncatedResourceName\";\n\nfunction GlowHandle({ side }: { side: \"left\" | \"right\" }) {\n  return (\n    <div\n      className=\"ec-handle-glow\"\n      style={{\n        position: \"absolute\",\n        top: \"50%\",\n        [side]: -6,\n        transform: \"translateY(-50%)\",\n        width: 12,\n        height: 12,\n        borderRadius: \"50%\",\n        background: \"linear-gradient(135deg, #6366f1, #4338ca)\",\n        border: \"2px solid rgb(var(--ec-page-bg))\",\n        zIndex: 20,\n        ...HANDLE_GLOW.dataProduct,\n        pointerEvents: \"none\",\n      }}\n    />\n  );\n}\n\nfunction classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n}\n\ntype DataProductNodeData = EventCatalogResource & {\n  dataProduct: {\n    id: string;\n    version: string;\n    name: string;\n    summary?: string;\n    inputs?: any[];\n    outputs?: any[];\n    owners?: any[];\n    deprecated?: boolean;\n    draft?: boolean;\n    notes?: import(\"../types\").Note[];\n    styles?: {\n      icon?: string;\n      node?: { color?: string; label?: string };\n    };\n  };\n};\n\nexport type DataProductNode = Node<DataProductNodeData, \"data-product\">;\n\nfunction PostItDataProduct(props: DataProductNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props.data.dataProduct;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-44 max-w-56 min-h-[120px]\",\n        props?.selected ? \"ring-2 ring-indigo-400/60 ring-offset-1\" : \"\",\n      )}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {/* Inner wrapper with rotation */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background:\n            \"linear-gradient(135deg, #c7d2fe 0%, #a5b4fc 40%, #6366f1 100%)\",\n          boxShadow:\n            \"1px 1px 3px rgba(0,0,0,0.15), 3px 4px 8px rgba(0,0,0,0.08)\",\n          transform: \"rotate(1deg)\",\n          border: deprecated\n            ? \"2px dashed rgba(239, 68, 68, 0.5)\"\n            : draft\n              ? \"2px dashed rgba(99, 102, 241, 0.5)\"\n              : \"none\",\n        }}\n      >\n        {/* Folded corner */}\n        <div style={FOLDED_CORNER_SHADOW_STYLE} />\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            right: 0,\n            width: 0,\n            height: 0,\n            borderStyle: \"solid\",\n            borderWidth: \"18px 0 0 18px\",\n            borderColor: \"#4338ca transparent transparent transparent\",\n            opacity: 0.3,\n          }}\n        />\n      </div>\n\n      {/* Content sits on top, unrotated */}\n      <div className=\"relative px-3.5 py-3\">\n        {/* Type label row */}\n        <div className=\"flex items-center justify-between mb-2\">\n          <div className=\"flex items-center gap-1\">\n            <Package className=\"w-3 h-3 text-indigo-900/50\" strokeWidth={2.5} />\n            <span className=\"text-[8px] font-bold text-indigo-900/50 uppercase tracking-widest\">\n              Data Product\n            </span>\n          </div>\n          {draft && (\n            <span className=\"text-[8px] font-extrabold text-amber-900 bg-amber-100 border border-dashed border-amber-400 px-1.5 py-0.5 rounded uppercase\">\n              Draft\n            </span>\n          )}\n          {deprecated && (\n            <span className=\"text-[7px] font-bold text-white bg-red-500 border border-red-600 px-1.5 py-0.5 rounded uppercase\">\n              Deprecated\n            </span>\n          )}\n        </div>\n\n        {/* Name */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <TruncatedResourceName\n            as=\"div\"\n            value={name}\n            tooltipBorderColor=\"#6366f1\"\n            className={classNames(\n              \"text-[13px] font-bold leading-snug min-w-0 truncate\",\n              deprecated\n                ? \"text-indigo-950/40 line-through\"\n                : \"text-indigo-950\",\n            )}\n          >\n            {name}\n          </TruncatedResourceName>\n        </div>\n\n        {/* Version */}\n        {version && (\n          <div className=\"text-[9px] text-indigo-900/40 font-semibold mt-0.5\">\n            v{version}\n          </div>\n        )}\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-2 pt-1.5 border-t border-indigo-900/10 text-[9px] text-indigo-950/60 leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction DefaultDataProduct(props: DataProductNode) {\n  const { version, name, summary, deprecated, draft, notes, styles } =\n    props.data.dataProduct;\n  const mode = props.data.mode || \"simple\";\n  const customIcon = isIconPath(styles?.icon) ? styles!.icon! : undefined;\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const isDark = useDarkMode();\n  const deprecatedStripe = isDark\n    ? \"rgba(239,68,68,0.25)\"\n    : \"rgba(239,68,68,0.1)\";\n\n  return (\n    <div\n      className={classNames(\n        \"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible\",\n        props?.selected ? \"ring-2 ring-indigo-400/60 ring-offset-2\" : \"\",\n        deprecated\n          ? \"border-dashed border-red-500\"\n          : draft\n            ? `border-dashed ${isDark ? \"border-indigo-400\" : \"border-indigo-400/60\"}`\n            : \"border-indigo-500\",\n      )}\n      style={{\n        background: deprecated\n          ? `repeating-linear-gradient(135deg, transparent, transparent 6px, ${deprecatedStripe} 6px, ${deprecatedStripe} 7px), var(--ec-dp-node-bg, rgb(var(--ec-card-bg)))`\n          : draft\n            ? `repeating-linear-gradient(135deg, transparent, transparent 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4.5px), repeating-linear-gradient(45deg, transparent, transparent 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4px, ${isDark ? \"rgba(99,102,241,0.25)\" : \"rgba(99,102,241,0.15)\"} 4.5px), var(--ec-dp-node-bg, rgb(var(--ec-card-bg)))`\n            : \"var(--ec-dp-node-bg, rgb(var(--ec-card-bg)))\",\n        boxShadow: \"0 2px 12px rgba(99, 102, 241, 0.15)\",\n      }}\n    >\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        style={HIDDEN_HANDLE_STYLE}\n      />\n      {notes && notes.length > 0 && (\n        <NotesIndicator notes={notes} resourceName={name} />\n      )}\n      {targetConnections.length > 0 && <GlowHandle side=\"left\" />}\n      {sourceConnections.length > 0 && <GlowHandle side=\"right\" />}\n\n      {/* Badge positioned outside top-left corner */}\n      <div className=\"absolute -top-2.5 left-2.5 flex items-center gap-1.5 z-10\">\n        <span\n          className={classNames(\n            \"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm\",\n            deprecated ? \"bg-red-500\" : \"bg-indigo-500\",\n          )}\n        >\n          <Package className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n          Data Product{draft && \" (Draft)\"}\n          {deprecated && \" (Deprecated)\"}\n        </span>\n      </div>\n\n      <div className=\"px-3 pt-3.5 pb-2.5\">\n        {/* Name + version */}\n        <div className=\"flex items-center gap-2\">\n          {customIcon && (\n            <CustomIcon\n              src={customIcon}\n              alt={name}\n              className={\n                mode === \"full\"\n                  ? \"w-[26px] h-[26px] shrink-0\"\n                  : \"w-4 h-4 shrink-0 -my-1\"\n              }\n            />\n          )}\n          <div className=\"flex items-baseline gap-1 min-w-0\">\n            <TruncatedResourceName\n              value={name}\n              tooltipBorderColor=\"#6366f1\"\n              className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n            >\n              {name}\n            </TruncatedResourceName>\n            {version && (\n              <span className=\"text-[10px] font-normal text-[rgb(var(--ec-page-text-muted))] shrink-0\">\n                (v{version})\n              </span>\n            )}\n          </div>\n        </div>\n\n        {/* Summary */}\n        {mode === \"full\" && summary && (\n          <div\n            className=\"mt-1.5 text-[9px] text-[rgb(var(--ec-page-text-muted))] leading-relaxed overflow-hidden\"\n            style={LINE_CLAMP_STYLE}\n            title={summary}\n          >\n            {summary}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default memo(function DataProductNode(props: DataProductNode) {\n  const nodeStyle = props?.data?.style;\n\n  if (nodeStyle === \"post-it\") {\n    return <PostItDataProduct {...props} />;\n  }\n\n  return <DefaultDataProduct {...props} />;\n});\n","import { memo, useMemo } from \"react\";\nimport { Layers, Zap, Terminal, HelpCircle, Maximize2 } from \"lucide-react\";\nimport { Node, Handle, Position, useNodeConnections } from \"@xyflow/react\";\nimport { HIDDEN_HANDLE_STYLE } from \"../OwnerIndicator\";\nimport { useDarkMode, HANDLE_GLOW } from \"../shared-styles\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\n\nexport type MessageGroupNodeData = {\n  mode?: string;\n  groupName: string;\n  direction: \"sends\" | \"receives\";\n  messageCount: number;\n  messageTypes: string[];\n  messages: Array<{\n    message: any;\n    channels: any[];\n  }>;\n  service: { id: string; version: string };\n};\n\nexport type MessageGroupNode = Node<MessageGroupNodeData, \"messageGroup\">;\n\nconst TYPE_ICONS: Record<string, React.ComponentType<any>> = {\n  events: Zap,\n  commands: Terminal,\n  queries: HelpCircle,\n};\n\nconst CARD_STYLE: React.CSSProperties = {\n  borderRadius: 12,\n  border: \"2px solid rgba(139, 92, 246, 0.4)\",\n  background: \"var(--ec-message-group-node-bg, rgb(var(--ec-card-bg)))\",\n  pointerEvents: \"none\" as const,\n};\n\nexport default memo(function MessageGroupNode(props: MessageGroupNode) {\n  const { groupName, messageCount } = props.data;\n  const isDark = useDarkMode();\n  const targetConnections = useNodeConnections({ handleType: \"target\" });\n  const sourceConnections = useNodeConnections({ handleType: \"source\" });\n  const stackDepth = messageCount >= 3 ? 3 : messageCount;\n\n  const typeBreakdown = useMemo(() => {\n    const counts: Record<string, number> = {};\n    props.data.messages.forEach(({ message }) => {\n      const type = message?.collection || \"unknown\";\n      counts[type] = (counts[type] || 0) + 1;\n    });\n    return counts;\n  }, [props.data.messages]);\n\n  return (\n    <div className=\"relative\" style={{ isolation: \"isolate\" }}>\n      {/* Stack layers — positioned behind the main card */}\n      {stackDepth >= 3 && (\n        <div\n          style={{\n            ...CARD_STYLE,\n            position: \"absolute\",\n            inset: 0,\n            transform: \"translate(6px, 6px)\",\n            opacity: 0.5,\n          }}\n        />\n      )}\n      {stackDepth >= 2 && (\n        <div\n          style={{\n            ...CARD_STYLE,\n            position: \"absolute\",\n            inset: 0,\n            transform: \"translate(3px, 3px)\",\n            opacity: 0.7,\n          }}\n        />\n      )}\n\n      {/* Main card */}\n      <div\n        className={`relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible ${\n          props.selected ? \"ring-2 ring-violet-400/60 ring-offset-2\" : \"\"\n        } border-violet-500`}\n        style={{\n          background: \"var(--ec-message-group-node-bg, rgb(var(--ec-card-bg)))\",\n          boxShadow: \"0 2px 12px rgba(139, 92, 246, 0.15)\",\n        }}\n      >\n        <Handle\n          type=\"target\"\n          position={Position.Left}\n          style={HIDDEN_HANDLE_STYLE}\n        />\n        <Handle\n          type=\"source\"\n          position={Position.Right}\n          style={HIDDEN_HANDLE_STYLE}\n        />\n\n        {targetConnections.length > 0 && (\n          <div\n            className=\"ec-handle-glow\"\n            style={{\n              position: \"absolute\",\n              top: \"50%\",\n              left: -6,\n              transform: \"translateY(-50%)\",\n              width: 12,\n              height: 12,\n              borderRadius: \"50%\",\n              background: \"linear-gradient(135deg, #a78bfa, #7c3aed)\",\n              border: \"2px solid rgb(var(--ec-page-bg))\",\n              zIndex: 20,\n              ...HANDLE_GLOW.generic,\n              pointerEvents: \"none\",\n            }}\n          />\n        )}\n        {sourceConnections.length > 0 && (\n          <div\n            className=\"ec-handle-glow\"\n            style={{\n              position: \"absolute\",\n              top: \"50%\",\n              right: -6,\n              transform: \"translateY(-50%)\",\n              width: 12,\n              height: 12,\n              borderRadius: \"50%\",\n              background: \"linear-gradient(135deg, #a78bfa, #7c3aed)\",\n              border: \"2px solid rgb(var(--ec-page-bg))\",\n              zIndex: 20,\n              ...HANDLE_GLOW.generic,\n              pointerEvents: \"none\",\n            }}\n          />\n        )}\n\n        <div className=\"absolute -top-2.5 left-2.5 z-10\">\n          <span className=\"inline-flex items-center gap-1 text-[7px] font-bold uppercase tracking-widest text-white px-1.5 py-0.5 rounded shadow-sm bg-violet-600\">\n            <Layers className=\"w-2.5 h-2.5\" strokeWidth={2.5} />\n            Group\n          </span>\n        </div>\n\n        <div className=\"px-3 pt-3.5 pb-2.5\">\n          <TruncatedResourceName\n            as=\"div\"\n            value={groupName}\n            tooltipBorderColor=\"#8b5cf6\"\n            className=\"text-[13px] font-semibold leading-snug text-[rgb(var(--ec-page-text))] truncate\"\n          >\n            {groupName}\n          </TruncatedResourceName>\n\n          <div className=\"mt-1.5 flex items-center gap-2\">\n            <span\n              className=\"text-[10px] font-medium px-1.5 py-0.5 rounded\"\n              style={{\n                background: isDark\n                  ? \"rgba(139, 92, 246, 0.2)\"\n                  : \"rgba(139, 92, 246, 0.1)\",\n                color: isDark ? \"#c4b5fd\" : \"#6d28d9\",\n              }}\n            >\n              {messageCount} {messageCount === 1 ? \"message\" : \"messages\"}\n            </span>\n            <div className=\"flex items-center gap-1\">\n              {Object.entries(typeBreakdown).map(([type, count]) => {\n                const Icon = TYPE_ICONS[type] || HelpCircle;\n                return (\n                  <span\n                    key={type}\n                    className=\"flex items-center gap-0.5 text-[9px] text-[rgb(var(--ec-page-text-muted))]\"\n                  >\n                    <Icon className=\"w-2.5 h-2.5\" strokeWidth={2} />\n                    {count}\n                  </span>\n                );\n              })}\n            </div>\n          </div>\n\n          <div className=\"mt-1.5 flex items-center gap-1 text-[8px] text-[rgb(var(--ec-page-text-muted))]\">\n            <Maximize2 className=\"w-2.5 h-2.5\" />\n            Click to explore\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport { Layers, Minimize2 } from \"lucide-react\";\nimport { TruncatedResourceName } from \"../TruncatedResourceName\";\n\nexport type MessageGroupExpandedNodeData = {\n  groupName: string;\n  direction: \"sends\" | \"receives\";\n  messageCount: number;\n  onCollapse?: string; // group node ID to collapse back to\n};\n\nconst CONTAINER_STYLE: React.CSSProperties = {\n  width: \"100%\",\n  height: \"100%\",\n  borderRadius: 12,\n  border: \"2px solid rgba(139, 92, 246, 0.5)\",\n  backgroundColor: \"rgba(139, 92, 246, 0.05)\",\n  position: \"relative\",\n  overflow: \"visible\",\n};\n\nconst HEADER_STYLE: React.CSSProperties = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 44,\n  borderTopLeftRadius: 10,\n  borderTopRightRadius: 10,\n  background: \"rgba(139, 92, 246, 0.12)\",\n  borderBottom: \"1px solid rgba(139, 92, 246, 0.3)\",\n  overflow: \"visible\",\n};\n\nconst BADGE_STYLE: React.CSSProperties = {\n  position: \"absolute\",\n  top: -10,\n  left: 12,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  gap: 3,\n  padding: \"2px 8px\",\n  borderRadius: 4,\n  background: \"#7c3aed\",\n  boxShadow: \"0 1px 3px rgba(0,0,0,0.15)\",\n  zIndex: 10,\n  fontSize: 8,\n  fontWeight: 700,\n  letterSpacing: \"0.08em\",\n  textTransform: \"uppercase\" as const,\n  color: \"white\",\n};\n\nconst HEADER_CONTENT_STYLE: React.CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  height: \"100%\",\n  padding: \"0 12px 0 14px\",\n  gap: 12,\n};\n\nconst GROUP_NAME_STYLE: React.CSSProperties = {\n  fontSize: 11,\n  fontWeight: 700,\n  color: \"var(--ec-group-text, #5b21b6)\",\n  letterSpacing: \"0.04em\",\n  textTransform: \"uppercase\",\n  whiteSpace: \"nowrap\",\n};\n\nconst COUNT_STYLE: React.CSSProperties = {\n  fontSize: 10,\n  fontWeight: 500,\n  color: \"#a78bfa\",\n  marginLeft: 8,\n};\n\nconst COLLAPSE_BUTTON_STYLE: React.CSSProperties = {\n  background: \"#7c3aed\",\n  border: \"1px solid #a78bfa\",\n  borderRadius: 6,\n  padding: \"4px 10px\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 4,\n  fontSize: 10,\n  fontWeight: 600,\n  color: \"white\",\n};\n\nexport default memo(function MessageGroupExpandedNode({\n  data,\n}: {\n  data: MessageGroupExpandedNodeData;\n}) {\n  const { groupName, messageCount } = data;\n\n  return (\n    <div style={CONTAINER_STYLE}>\n      <div style={HEADER_STYLE}>\n        <div style={BADGE_STYLE}>\n          <Layers size={10} strokeWidth={2.5} />\n          Group\n        </div>\n\n        <div style={HEADER_CONTENT_STYLE}>\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              minWidth: 0,\n              flex: 1,\n            }}\n          >\n            <TruncatedResourceName\n              value={groupName || \"Group\"}\n              tooltipBorderColor=\"#8b5cf6\"\n              className=\"truncate\"\n              style={GROUP_NAME_STYLE}\n            >\n              {groupName || \"Group\"}\n            </TruncatedResourceName>\n          </div>\n\n          <button\n            style={COLLAPSE_BUTTON_STYLE}\n            className=\"ec-collapse-group-btn nodrag nopan\"\n            onMouseDown={(e) => e.stopPropagation()}\n          >\n            <Minimize2 size={12} strokeWidth={2.5} />\n            Collapse\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n","import { memo, useMemo } from \"react\";\nimport { BaseEdge, getSmoothStepPath } from \"@xyflow/react\";\nimport { EDGE_WARNING_STYLE, EDGE_DEFAULT_STYLE } from \"../nodes/shared-styles\";\nimport EdgeLabel from \"./EdgeLabel\";\nimport { useRoute } from \"./route\";\nimport { CROSS_DOMAIN_CLASS, isCrossDomain } from \"./use-cross-domain\";\n\n/** Map collection type → envelope fill color (module-level, zero allocation). */\nfunction messageColor(collection: string): string {\n  switch (collection) {\n    case \"events\":\n      return \"orange\";\n    case \"commands\":\n      return \"blue\";\n    case \"queries\":\n      return \"green\";\n    default:\n      return \"gray\";\n  }\n}\n\nconst AnimatedMessageEdge = memo(\n  ({\n    id,\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n    source,\n    target,\n    sourceHandleId,\n    targetHandleId,\n    data,\n    label = \"\",\n    markerEnd,\n    markerStart,\n  }: any) => {\n    const [edgePath, labelX, labelY, zIndex] = useRoute(\n      {\n        data,\n        source,\n        target,\n        sourceX,\n        sourceY,\n        targetX,\n        targetY,\n        sourceHandleId,\n        targetHandleId,\n      },\n      getSmoothStepPath({\n        sourceX,\n        sourceY,\n        sourcePosition,\n        targetX,\n        targetY,\n        targetPosition,\n      }),\n    );\n\n    const collection = data?.message?.collection;\n    const opacity = data?.opacity ?? 1;\n    const customColor =\n      data?.customColor || messageColor(collection ?? \"default\");\n    const warning = data?.warning;\n\n    const customColors = Array.isArray(customColor)\n      ? customColor\n      : [customColor];\n\n    const randomDelay = useMemo(() => Math.random() * 1, []);\n\n    const opacityClass = opacity === 1 ? \"z-30 opacity-100\" : \"z-30 opacity-10\";\n\n    const animatedNodes = useMemo(\n      () =>\n        customColors.map((color: string, index: number) => {\n          const delay = randomDelay + index * 0.3;\n          return (\n            <g\n              className={`ec-animated-msg ${opacityClass}`}\n              key={`${id}-${color}-${index}`}\n            >\n              <g>\n                <rect\n                  x=\"-7\"\n                  y=\"-5\"\n                  width=\"14\"\n                  height=\"10\"\n                  rx=\"1.5\"\n                  ry=\"1.5\"\n                  fill={color}\n                />\n                <path\n                  d=\"M-7,-5 L0,1 L7,-5\"\n                  fill=\"none\"\n                  stroke=\"rgb(var(--ec-card-bg))\"\n                  strokeWidth=\"1.2\"\n                  strokeLinejoin=\"round\"\n                />\n                <animateMotion\n                  dur=\"2s\"\n                  repeatCount=\"indefinite\"\n                  path={edgePath}\n                  rotate=\"auto\"\n                  begin={`${delay}s`}\n                >\n                  <mpath href={`#${id}`} />\n                </animateMotion>\n              </g>\n            </g>\n          );\n        }),\n      // edgePath changes when endpoints move — that's the only time we need to rebuild SVG\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [edgePath, id, customColors.join(\",\"), opacity, randomDelay],\n    );\n\n    const crossDomain = isCrossDomain(data);\n\n    return (\n      <>\n        <BaseEdge\n          id={id}\n          path={edgePath}\n          markerEnd={markerEnd}\n          markerStart={markerStart}\n          style={warning ? EDGE_WARNING_STYLE : EDGE_DEFAULT_STYLE}\n          className={crossDomain ? CROSS_DOMAIN_CLASS : undefined}\n        />\n        {animatedNodes}\n        <EdgeLabel\n          zIndex={zIndex}\n          crossDomain={crossDomain}\n          label={label}\n          labelX={labelX}\n          labelY={labelY}\n        />\n      </>\n    );\n  },\n);\n\nexport default AnimatedMessageEdge;\n","import { EdgeLabelRenderer } from \"@xyflow/react\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { CROSS_DOMAIN_CLASS } from \"./use-cross-domain\";\n\ninterface EdgeLabelProps {\n  /** The edge's layer, so the label is drawn with it rather than on top of nodes */\n  zIndex: number;\n  /** Part of cross-domain communication, to highlight */\n  crossDomain?: boolean;\n  label: ReactNode;\n  labelX: number;\n  labelY: number;\n  style?: CSSProperties;\n}\n\nexport default function EdgeLabel({\n  zIndex,\n  crossDomain = false,\n  label,\n  labelX,\n  labelY,\n  style,\n}: EdgeLabelProps) {\n  if (label === undefined || label === null || label === \"\") return null;\n\n  const lines = String(label).split(\"\\n\");\n\n  return (\n    <EdgeLabelRenderer>\n      <div\n        className={`ec-edge-label ${crossDomain ? CROSS_DOMAIN_CLASS : \"\"} nodrag nopan rounded-md border border-[rgb(var(--ec-page-border))] px-2 py-1 text-center text-[10px] font-medium leading-tight text-[rgb(var(--ec-page-text))] shadow-sm`}\n        style={{\n          position: \"absolute\",\n          transform: `translate(-50%, -50%) translate(${labelX}px, ${labelY}px)`,\n          zIndex,\n          pointerEvents: \"none\",\n          backgroundColor: \"rgb(var(--ec-card-bg))\",\n          ...style,\n        }}\n      >\n        {lines.map((line, index) => (\n          <div\n            key={`${line}-${index}`}\n            className={`whitespace-nowrap ${index > 0 ? \"italic\" : \"\"}`}\n          >\n            {line}\n          </div>\n        ))}\n      </div>\n    </EdgeLabelRenderer>\n  );\n}\n","/** Class on the path and label of an edge to or from another domain */\nexport const CROSS_DOMAIN_CLASS = \"ec-cross-domain\";\n\n/**\n * Whether an edge is part of cross-domain communication (`data.crossDomain`,\n * set when the graph is built), to highlight it.\n */\nexport const isCrossDomain = (data?: object) =>\n  !!(data as { crossDomain?: boolean } | undefined)?.crossDomain;\n","import { useCallback } from \"react\";\nimport { useStore, type ReactFlowState } from \"@xyflow/react\";\nimport type { EdgeRoute } from \"../utils/elk-layout\";\n\ntype Point = { x: number; y: number };\ntype Route = EdgeRoute;\n\n// How far an edge's end can be from its handle before the route no longer\n// fits (nodes render a little wider or narrower than the layout estimated).\n// Vertically, edges can start or end anywhere along a node's side (the layout\n// spreads them out), so that allows for tall nodes and groups.\nconst ROUTE_TOLERANCE = { x: 60, y: 400 };\n\nconst isStraight = (a: Point, b: Point) => a.x === b.x || a.y === b.y;\nconst add = (a: Point, b: Point) => ({ x: a.x + b.x, y: a.y + b.y });\nconst NOT_MOVED = { x: 0, y: 0 };\n\n/**\n * SVG path along a laid out route (at right angles), and where its label goes.\n * Its ends are moved onto the sides of the edge's source and target (they\n * render a little wider or narrower than the layout estimated), and with them\n * when they've moved since they were laid out (e.g. dragged): the segments at\n * the ends stay flat, and the whole route moves when both nodes move together.\n * Undefined when the ends are too far from the route to use it.\n */\nexport const getRoutePath = (\n  route: Route,\n  source: Point,\n  target: Point,\n  {\n    // Ends at a specific handle (e.g. a service listed in a domain) go exactly\n    // to it, rather than where the layout spread them along the node's side\n    toSourceHandle = false,\n    toTargetHandle = false,\n    // How far the source and target have moved since they were laid out\n    sourceMoved = NOT_MOVED,\n    targetMoved = NOT_MOVED,\n  }: {\n    toSourceHandle?: boolean;\n    toTargetHandle?: boolean;\n    sourceMoved?: Point;\n    targetMoved?: Point;\n  } = {},\n) => {\n  const { points } = route;\n  if (points.length < 2) return undefined;\n  const last = points.length - 1;\n  const start = add(points[0], sourceMoved);\n  const end = add(points[last], targetMoved);\n  const fits = (a: Point, b: Point) =>\n    Math.abs(a.x - b.x) <= ROUTE_TOLERANCE.x &&\n    Math.abs(a.y - b.y) <= ROUTE_TOLERANCE.y;\n  if (!fits(start, source) || !fits(end, target)) return undefined;\n\n  const movedTogether =\n    Math.abs(sourceMoved.x - targetMoved.x) < 1 &&\n    Math.abs(sourceMoved.y - targetMoved.y) < 1;\n  const moved = points.map((point) =>\n    movedTogether ? add(point, sourceMoved) : { ...point },\n  );\n  // Keep where the layout spread the ends along each side, just on the sides\n  moved[0] = { x: source.x, y: toSourceHandle ? source.y : start.y };\n  moved[last] = { x: target.x, y: toTargetHandle ? target.y : end.y };\n  // Keep the first and last segments flat as their ends move\n  if (last > 1 && points[1].y === points[0].y) moved[1].y = moved[0].y;\n  if (last > 1 && points[last - 1].y === points[last].y)\n    moved[last - 1].y = moved[last].y;\n\n  // Anything no longer at right angles gets a step in the middle\n  const path = [moved[0]];\n  moved.slice(1).forEach((point) => {\n    const previous = path[path.length - 1];\n    if (!isStraight(previous, point)) {\n      const middleX = (previous.x + point.x) / 2;\n      path.push({ x: middleX, y: previous.y }, { x: middleX, y: point.y });\n    }\n    path.push(point);\n  });\n\n  return {\n    path: path\n      .map((point, index) => `${index === 0 ? \"M\" : \"L\"} ${point.x} ${point.y}`)\n      .join(\" \"),\n    label: route.label && moveLabel(route.label, points, moved),\n  };\n};\n\n/** Moves a label with the segment of the route it sits on */\nconst moveLabel = (label: Point, points: Point[], moved: Point[]) => {\n  const distance = (index: number) => {\n    const [a, b] = [points[index], points[index + 1]];\n    const x = Math.min(\n      Math.max(label.x, Math.min(a.x, b.x)),\n      Math.max(a.x, b.x),\n    );\n    const y = Math.min(\n      Math.max(label.y, Math.min(a.y, b.y)),\n      Math.max(a.y, b.y),\n    );\n    return Math.hypot(label.x - x, label.y - y);\n  };\n  const segment = points\n    .slice(1)\n    .map((_, index) => index)\n    .reduce((nearest, index) =>\n      distance(index) < distance(nearest) ? index : nearest,\n    );\n  const shift = (index: number) => ({\n    x: moved[index].x - points[index].x,\n    y: moved[index].y - points[index].y,\n  });\n  const [a, b] = [shift(segment), shift(segment + 1)];\n  return { x: label.x + (a.x + b.x) / 2, y: label.y + (a.y + b.y) / 2 };\n};\n\n// How far a node has moved since it was laid out (top-left, in the flow)\nconst getMoved = (state: ReactFlowState, nodeId: string, at: Point) => {\n  const position = state.nodeLookup.get(nodeId)?.internals.positionAbsolute;\n  return position && { x: position.x - at.x, y: position.y - at.y };\n};\ntype EdgeState = { moved?: [Point, Point]; zIndex: number };\nconst isSamePoint = (a: Point, b: Point) => a.x === b.x && a.y === b.y;\nconst isSameEdgeState = (a: EdgeState, b: EdgeState) =>\n  a.zIndex === b.zIndex &&\n  (a.moved === b.moved ||\n    (!!a.moved &&\n      !!b.moved &&\n      isSamePoint(a.moved[0], b.moved[0]) &&\n      isSamePoint(a.moved[1], b.moved[1])));\n\n/**\n * An edge's path, label position and layer: along the route the layout gave it\n * (`data.route`), following its nodes when they move (e.g. dragged or between\n * layouts), otherwise the fallback (e.g. a smooth step path) passed in. The\n * layer (z-index) is React Flow's for the edge: above the groups its nodes are\n * in and under the nodes, for its label to be drawn in too.\n */\nexport const useRoute = (\n  {\n    data,\n    source,\n    target,\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourceHandleId,\n    targetHandleId,\n  }: {\n    data?: object;\n    source: string;\n    target: string;\n    sourceX: number;\n    sourceY: number;\n    targetX: number;\n    targetY: number;\n    sourceHandleId?: string | null;\n    targetHandleId?: string | null;\n  },\n  [path, labelX, labelY]: [string, number, number, ...unknown[]],\n): [string, number, number, number] => {\n  const route = (data as { route?: Route } | undefined)?.route;\n  // One subscription per edge, as selectors run on every store update\n  const { moved, zIndex } = useStore(\n    useCallback(\n      (state: ReactFlowState): EdgeState => {\n        const z = (nodeId: string) => {\n          const node = state.nodeLookup.get(nodeId);\n          return node?.parentId ? node.internals.z : 0;\n        };\n        const zIndex = Math.max(z(source), z(target));\n        if (!route?.source || !route.target) return { zIndex };\n        const sourceMoved = getMoved(state, source, route.source);\n        const targetMoved = getMoved(state, target, route.target);\n        return {\n          zIndex,\n          moved:\n            sourceMoved && targetMoved ? [sourceMoved, targetMoved] : undefined,\n        };\n      },\n      [route, source, target],\n    ),\n    isSameEdgeState,\n  );\n  const routed =\n    route &&\n    moved &&\n    getRoutePath(\n      route,\n      { x: sourceX, y: sourceY },\n      { x: targetX, y: targetY },\n      {\n        toSourceHandle: !!sourceHandleId,\n        toTargetHandle: !!targetHandleId,\n        sourceMoved: moved[0],\n        targetMoved: moved[1],\n      },\n    );\n  if (!routed) return [path, labelX, labelY, zIndex];\n  return [\n    routed.path,\n    routed.label?.x ?? labelX,\n    routed.label?.y ?? labelY,\n    zIndex,\n  ];\n};\n","import { memo } from \"react\";\nimport { type EdgeProps, getSmoothStepPath } from \"@xyflow/react\";\nimport EdgeLabel from \"./EdgeLabel\";\nimport { useRoute } from \"./route\";\nimport { CROSS_DOMAIN_CLASS, isCrossDomain } from \"./use-cross-domain\";\n\nexport default memo(function MultilineEdgeLabel(props: EdgeProps) {\n  const {\n    id,\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n    source,\n    target,\n    sourceHandleId,\n    targetHandleId,\n    label,\n    markerStart, // <-- forward these\n    markerEnd,\n    style,\n    selected,\n    data,\n  } = props;\n\n  const [edgePath, labelX, labelY, zIndex] = useRoute(\n    {\n      data,\n      source,\n      target,\n      sourceX,\n      sourceY,\n      targetX,\n      targetY,\n      sourceHandleId,\n      targetHandleId,\n    },\n    getSmoothStepPath({\n      sourceX,\n      sourceY,\n      targetX,\n      targetY,\n      sourcePosition,\n      targetPosition,\n    }),\n  );\n\n  const crossDomain = isCrossDomain(data);\n\n  return (\n    <>\n      <path\n        id={id}\n        d={edgePath}\n        className={`react-flow__edge-path${selected ? \" selected\" : \"\"}${crossDomain ? ` ${CROSS_DOMAIN_CLASS}` : \"\"}`}\n        markerStart={markerStart}\n        markerEnd={markerEnd}\n        style={style as any}\n      />\n\n      <EdgeLabel\n        zIndex={zIndex}\n        crossDomain={crossDomain}\n        label={label}\n        labelX={labelX}\n        labelY={labelY}\n      />\n    </>\n  );\n});\n","import { memo, useMemo } from \"react\";\nimport {\n  BaseEdge,\n  EdgeLabelRenderer,\n  getSmoothStepPath,\n  type EdgeProps as XYFlowEdgeProps,\n} from \"@xyflow/react\";\nimport { EDGE_FLOW_BASE_STYLE } from \"../nodes/shared-styles\";\nimport { useRoute } from \"./route\";\nimport { CROSS_DOMAIN_CLASS, isCrossDomain } from \"./use-cross-domain\";\n\ninterface EdgeData {\n  message?: {\n    collection?: string;\n  };\n  opacity?: number;\n  animated?: boolean;\n}\n\nexport interface CustomEdgeProps extends Omit<XYFlowEdgeProps, \"data\"> {\n  data?: EdgeData;\n}\n\n/** Map collection type → circle fill color (module-level, zero allocation). */\nfunction messageColor(collection: string): string {\n  switch (collection) {\n    case \"events\":\n      return \"orange\";\n    case \"commands\":\n      return \"blue\";\n    case \"queries\":\n      return \"green\";\n    default:\n      return \"gray\";\n  }\n}\n\nconst EMPTY_STYLE = {} as const;\n\nexport default memo(function CustomEdge({\n  id,\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n  source,\n  target,\n  sourceHandleId,\n  targetHandleId,\n  style = EMPTY_STYLE,\n  markerEnd,\n  label,\n  labelStyle,\n  data,\n}: CustomEdgeProps) {\n  const [edgePath, labelX, labelY, zIndex] = useRoute(\n    {\n      data,\n      source,\n      target,\n      sourceX,\n      sourceY,\n      targetX,\n      targetY,\n      sourceHandleId,\n      targetHandleId,\n    },\n    getSmoothStepPath({\n      sourceX,\n      sourceY,\n      sourcePosition,\n      targetX,\n      targetY,\n      targetPosition,\n    }),\n  );\n\n  const randomDelay = useMemo(() => Math.random() * 1, []);\n  const collection = data?.message?.collection;\n  const opacity = data?.opacity ?? 1;\n\n  const mergedStyle = useMemo(\n    () => ({ ...EDGE_FLOW_BASE_STYLE, ...style }),\n    [style],\n  );\n\n  // In the edge's layer, so the label isn't drawn on top of nodes\n  const crossDomain = isCrossDomain(data);\n  const labelPositionStyle = useMemo(\n    () => ({\n      position: \"absolute\" as const,\n      transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,\n      zIndex,\n      ...(labelStyle as any),\n    }),\n    [labelX, labelY, labelStyle, zIndex],\n  );\n\n  return (\n    <>\n      <BaseEdge\n        path={edgePath}\n        markerEnd={markerEnd}\n        style={mergedStyle}\n        className={crossDomain ? CROSS_DOMAIN_CLASS : undefined}\n      />\n      {data?.animated && (\n        <g\n          className={`ec-animated-msg z-30 ${opacity === 1 ? \"opacity-100\" : \"opacity-10\"}`}\n        >\n          <circle\n            cx=\"0\"\n            cy=\"0\"\n            r=\"7\"\n            fill={messageColor(collection || \"default\")}\n          >\n            <animateMotion\n              dur=\"2s\"\n              repeatCount=\"indefinite\"\n              path={edgePath}\n              rotate=\"auto\"\n              begin={`${randomDelay}s`}\n            >\n              <mpath href={`#${id}`} />\n            </animateMotion>\n          </circle>\n        </g>\n      )}\n      {label && (\n        <EdgeLabelRenderer>\n          <div\n            style={labelPositionStyle}\n            className={`ec-edge-label ${crossDomain ? CROSS_DOMAIN_CLASS : \"\"} nodrag nopan max-w-[120px] text-xs bg-[rgb(var(--ec-card-bg))] px-2 py-1 rounded border border-[rgb(var(--ec-page-border))] text-[rgb(var(--ec-page-text-muted))] font-medium shadow-sm text-center`}\n          >\n            {label}\n          </div>\n        </EdgeLabelRenderer>\n      )}\n    </>\n  );\n});\n","import {\n  BaseEdge,\n  getBezierPath,\n  getSmoothStepPath,\n  type EdgeProps,\n} from \"@xyflow/react\";\nimport type { CSSProperties } from \"react\";\nimport EdgeLabel from \"./EdgeLabel\";\nimport { useRoute } from \"./route\";\nimport { CROSS_DOMAIN_CLASS, isCrossDomain } from \"./use-cross-domain\";\n\ntype PathType = \"bezier\" | \"smoothstep\" | \"step\";\n\nfunction LabelledEdge({\n  pathType,\n  ...props\n}: EdgeProps & { pathType: PathType }) {\n  const {\n    id,\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n    source,\n    target,\n    sourceHandleId,\n    targetHandleId,\n    markerStart,\n    markerEnd,\n    style,\n    label,\n    labelStyle,\n    data,\n  } = props;\n\n  const pathProps = {\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n    sourcePosition,\n    targetPosition,\n  };\n  const [edgePath, labelX, labelY, zIndex] = useRoute(\n    {\n      data,\n      source,\n      target,\n      sourceX,\n      sourceY,\n      targetX,\n      targetY,\n      sourceHandleId,\n      targetHandleId,\n    },\n    pathType === \"bezier\"\n      ? getBezierPath(pathProps)\n      : getSmoothStepPath({\n          ...pathProps,\n          ...(pathType === \"step\" ? { borderRadius: 0 } : {}),\n        }),\n  );\n\n  const crossDomain = isCrossDomain(data);\n\n  return (\n    <>\n      <BaseEdge\n        id={id}\n        path={edgePath}\n        markerStart={markerStart}\n        markerEnd={markerEnd}\n        style={style}\n        className={crossDomain ? CROSS_DOMAIN_CLASS : undefined}\n      />\n      <EdgeLabel\n        zIndex={zIndex}\n        crossDomain={crossDomain}\n        label={label}\n        labelX={labelX}\n        labelY={labelY}\n        style={labelStyle as CSSProperties}\n      />\n    </>\n  );\n}\n\nexport function LabelledDefaultEdge(props: EdgeProps) {\n  return <LabelledEdge {...props} pathType=\"bezier\" />;\n}\n\nexport function LabelledSmoothStepEdge(props: EdgeProps) {\n  return <LabelledEdge {...props} pathType=\"smoothstep\" />;\n}\n\nexport function LabelledStepEdge(props: EdgeProps) {\n  return <LabelledEdge {...props} pathType=\"step\" />;\n}\n","import {\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  useImperativeHandle,\n  memo,\n} from \"react\";\nimport type { Node } from \"@xyflow/react\";\nimport {\n  Blocks,\n  Bot,\n  Database,\n  Group,\n  Layers,\n  ListTree,\n  MessageSquare,\n  Search as SearchIcon,\n  Server,\n  User,\n  Workflow,\n  Wrench,\n  Zap,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\n\n// Define interfaces for different node data structures\ninterface ResourceData {\n  id?: string;\n  name?: string;\n  version?: string;\n}\n\ntype MessageData = ResourceData;\n\ntype ServiceData = ResourceData;\ntype AgentData = ResourceData;\ntype AgentToolData = ResourceData;\n\ntype DomainData = ResourceData;\n\ntype EntityData = ResourceData;\n\ninterface NodeDataContent extends Record<string, unknown> {\n  message?: { data?: MessageData } & MessageData;\n  service?: { data?: ServiceData } & ServiceData;\n  agent?: { data?: AgentData } & AgentData;\n  agentTool?: { data?: AgentToolData } & AgentToolData;\n  domain?: { data?: DomainData } & DomainData;\n  system?: { data?: ResourceData } & ResourceData;\n  entity?: { data?: EntityData } & EntityData;\n  channel?: { data?: ResourceData } & ResourceData;\n  dataProduct?: { data?: ResourceData } & ResourceData;\n  data?: ResourceData;\n  name?: string;\n  version?: string;\n  groupName?: string;\n  messages?: Array<{\n    message?: {\n      collection?: string;\n      data?: MessageData & { id?: string };\n    };\n  }>;\n}\n\n// Extend the Node type with our custom data structure\ntype CustomNode = Node<NodeDataContent>;\n\ntype SearchSuggestion = {\n  key: string;\n  node: CustomNode;\n  label: string;\n  searchText: string;\n  type: string;\n  resourceKey: string;\n  groupName?: string;\n  isGroupedMessage?: boolean;\n};\n\ntype NodeTypeMeta = {\n  label: string;\n  Icon: LucideIcon;\n  iconClass: string;\n  badgeClass: string;\n};\n\nconst formatVersionedName = (name: string, version?: string) => {\n  if (version) {\n    const nameWithoutVersion = name.replace(\n      new RegExp(`-v?${version.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")}$`),\n      \"\",\n    );\n    return `${nameWithoutVersion} (v${version})`;\n  }\n\n  const versionMatch = name.match(\n    /^(.+)-v?(\\d+\\.\\d+\\.\\d+(?:[-+][0-9A-Za-z.-]+)?)$/,\n  );\n  if (!versionMatch) return name;\n\n  return `${versionMatch[1]} (v${versionMatch[2]})`;\n};\n\nconst normalizeCollectionType = (type: string) => {\n  const aliases: Record<string, string> = {\n    event: \"events\",\n    command: \"commands\",\n    query: \"queries\",\n    agent: \"agents\",\n    service: \"services\",\n    domain: \"domains\",\n    channel: \"channels\",\n    entity: \"entities\",\n  };\n\n  return aliases[type] || type;\n};\n\nconst splitVersionedName = (name: string, version?: string) => {\n  if (version) {\n    return {\n      id: name.replace(\n        new RegExp(`-v?${version.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")}$`),\n        \"\",\n      ),\n      version,\n    };\n  }\n\n  const versionMatch = name.match(\n    /^(.+)-v?(\\d+\\.\\d+\\.\\d+(?:[-+][0-9A-Za-z.-]+)?)$/,\n  );\n  if (!versionMatch) return { id: name, version: undefined };\n\n  return { id: versionMatch[1], version: versionMatch[2] };\n};\n\nconst getResourceKey = ({\n  type,\n  id,\n  name,\n  version,\n}: {\n  type: string;\n  id?: string;\n  name: string;\n  version?: string;\n}) => {\n  const parsed = splitVersionedName(id || name, version);\n  return `${normalizeCollectionType(type)}:${parsed.id}:${parsed.version || \"\"}`.toLowerCase();\n};\n\nconst getNodeResourceData = (\n  data: NodeDataContent,\n  key:\n    | \"message\"\n    | \"agent\"\n    | \"agentTool\"\n    | \"service\"\n    | \"domain\"\n    | \"system\"\n    | \"entity\"\n    | \"channel\"\n    | \"dataProduct\"\n    | \"data\",\n) => {\n  const resource = data?.[key];\n  if (!resource || typeof resource !== \"object\") return undefined;\n  return \"data\" in resource && resource.data ? resource.data : resource;\n};\n\ninterface VisualiserSearchProps {\n  nodes: CustomNode[];\n  onNodeSelect: (node: CustomNode) => void;\n  onClear: () => void;\n  onPaneClick?: () => void;\n}\n\nexport interface VisualiserSearchRef {\n  hideSuggestions: () => void;\n}\n\nconst VisualiserSearch = memo(\n  forwardRef<VisualiserSearchRef, VisualiserSearchProps>(\n    ({ nodes, onNodeSelect, onClear, onPaneClick: _onPaneClick }, ref) => {\n      const [searchQuery, setSearchQuery] = useState(\"\");\n      const [filteredSuggestions, setFilteredSuggestions] = useState<\n        SearchSuggestion[]\n      >([]);\n      const [showSuggestions, setShowSuggestions] = useState(false);\n      const [selectedSuggestionIndex, setSelectedSuggestionIndex] =\n        useState(-1);\n      const searchInputRef = useRef<HTMLInputElement>(null);\n      const containerRef = useRef<HTMLDivElement>(null);\n      const suggestionsListRef = useRef<HTMLDivElement>(null);\n      const suggestionItemRefs = useRef<Array<HTMLDivElement | null>>([]);\n\n      const hideSuggestions = useCallback(() => {\n        setShowSuggestions(false);\n        setSelectedSuggestionIndex(-1);\n      }, []);\n\n      useImperativeHandle(\n        ref,\n        () => ({\n          hideSuggestions,\n        }),\n        [hideSuggestions],\n      );\n\n      const getNodeDisplayName = useCallback((node: CustomNode) => {\n        if (node.type === \"messageGroup\") {\n          return (node.data as any)?.groupName || node.id;\n        }\n        if (node.type === \"messageGroupExpanded\") {\n          return (node.data as any)?.groupName || node.id;\n        }\n        const message = getNodeResourceData(node.data, \"message\");\n        const agent = getNodeResourceData(node.data, \"agent\");\n        const agentTool = getNodeResourceData(node.data, \"agentTool\");\n        const service = getNodeResourceData(node.data, \"service\");\n        const domain = getNodeResourceData(node.data, \"domain\");\n        const system = getNodeResourceData(node.data, \"system\");\n        const entity = getNodeResourceData(node.data, \"entity\");\n        const channel = getNodeResourceData(node.data, \"channel\");\n        const dataProduct = getNodeResourceData(node.data, \"dataProduct\");\n        const data = getNodeResourceData(node.data, \"data\");\n        const name =\n          message?.name ||\n          message?.id ||\n          agent?.name ||\n          agent?.id ||\n          agentTool?.name ||\n          agentTool?.id ||\n          service?.name ||\n          service?.id ||\n          domain?.name ||\n          domain?.id ||\n          system?.name ||\n          system?.id ||\n          entity?.name ||\n          entity?.id ||\n          channel?.name ||\n          channel?.id ||\n          dataProduct?.name ||\n          dataProduct?.id ||\n          data?.name ||\n          data?.id ||\n          node.data?.name ||\n          node.id;\n        const version =\n          message?.version ||\n          agent?.version ||\n          agentTool?.version ||\n          service?.version ||\n          domain?.version ||\n          system?.version ||\n          entity?.version ||\n          channel?.version ||\n          dataProduct?.version ||\n          data?.version ||\n          node.data?.version;\n        return formatVersionedName(name, version);\n      }, []);\n\n      const getNodeResourceKey = useCallback(\n        (node: CustomNode, label: string) => {\n          if (\n            node.type === \"messageGroup\" ||\n            node.type === \"messageGroupExpanded\"\n          ) {\n            return `${node.type}:${node.id}`.toLowerCase();\n          }\n\n          const data = node.data as any;\n          const resource =\n            getNodeResourceData(data, \"message\") ||\n            getNodeResourceData(data, \"agent\") ||\n            getNodeResourceData(data, \"agentTool\") ||\n            getNodeResourceData(data, \"service\") ||\n            getNodeResourceData(data, \"domain\") ||\n            getNodeResourceData(data, \"system\") ||\n            getNodeResourceData(data, \"entity\") ||\n            getNodeResourceData(data, \"channel\") ||\n            getNodeResourceData(data, \"dataProduct\") ||\n            data?.data ||\n            data;\n\n          return getResourceKey({\n            type: node.type || \"unknown\",\n            id: resource?.id,\n            name: resource?.name || resource?.id || label || node.id,\n            version: resource?.version || data?.version,\n          });\n        },\n        [],\n      );\n\n      const dedupeSearchSuggestions = useCallback(\n        (suggestions: SearchSuggestion[]) => {\n          const uniqueSuggestions: SearchSuggestion[] = [];\n          const indexByResourceKey = new Map<string, number>();\n\n          suggestions.forEach((suggestion) => {\n            const existingIndex = indexByResourceKey.get(\n              suggestion.resourceKey,\n            );\n\n            if (existingIndex === undefined) {\n              indexByResourceKey.set(\n                suggestion.resourceKey,\n                uniqueSuggestions.length,\n              );\n              uniqueSuggestions.push(suggestion);\n              return;\n            }\n\n            if (\n              suggestion.isGroupedMessage &&\n              !uniqueSuggestions[existingIndex].isGroupedMessage\n            ) {\n              uniqueSuggestions[existingIndex] = suggestion;\n            }\n          });\n\n          return uniqueSuggestions;\n        },\n        [],\n      );\n\n      const getSearchSuggestions = useCallback(\n        (nodesToIndex: CustomNode[]): SearchSuggestion[] => {\n          const suggestions = nodesToIndex.flatMap((node) => {\n            // Boundary/container nodes aren't searchable resources — e.g. the\n            // system-group wrapper on a System Diagram. Skip them so they don't\n            // appear in the \"Search Nodes\" filter.\n            if (node.type === \"system-group\") return [];\n\n            const nodeName = getNodeDisplayName(node);\n            const suggestions: SearchSuggestion[] = [\n              {\n                key: node.id,\n                node,\n                label: nodeName,\n                searchText: nodeName,\n                type: node.type || \"unknown\",\n                resourceKey: getNodeResourceKey(node, nodeName),\n              },\n            ];\n\n            if (node.type !== \"messageGroup\") return suggestions;\n\n            const groupName = node.data?.groupName || nodeName;\n            const groupedMessages = node.data?.messages || [];\n            groupedMessages.forEach((item, index) => {\n              const message = item.message;\n              const messageName = message?.data?.name || message?.data?.id;\n              if (!messageName) return;\n\n              const version = message?.data?.version;\n              const label = formatVersionedName(messageName, version);\n\n              suggestions.push({\n                key: `${node.id}:${message?.data?.id || messageName}:${version || index}`,\n                node,\n                label,\n                searchText: `${label} ${groupName}`,\n                type: message?.collection || \"message\",\n                resourceKey: getResourceKey({\n                  type: message?.collection || \"message\",\n                  id: message?.data?.id,\n                  name: messageName,\n                  version,\n                }),\n                groupName,\n                isGroupedMessage: true,\n              });\n            });\n\n            return suggestions;\n          });\n\n          return dedupeSearchSuggestions(suggestions);\n        },\n        [dedupeSearchSuggestions, getNodeDisplayName, getNodeResourceKey],\n      );\n\n      const getNodeTypeMeta = useCallback((nodeType: string): NodeTypeMeta => {\n        const meta: Record<string, NodeTypeMeta> = {\n          events: {\n            label: \"Event\",\n            Icon: Zap,\n            iconClass: \"border-orange-500/25 bg-orange-500/10 text-orange-500\",\n            badgeClass:\n              \"border-orange-500/25 bg-orange-500/10 text-orange-700 dark:text-orange-300\",\n          },\n          event: {\n            label: \"Event\",\n            Icon: Zap,\n            iconClass: \"border-orange-500/25 bg-orange-500/10 text-orange-500\",\n            badgeClass:\n              \"border-orange-500/25 bg-orange-500/10 text-orange-700 dark:text-orange-300\",\n          },\n          commands: {\n            label: \"Command\",\n            Icon: MessageSquare,\n            iconClass: \"border-blue-500/25 bg-blue-500/10 text-blue-500\",\n            badgeClass:\n              \"border-blue-500/25 bg-blue-500/10 text-blue-700 dark:text-blue-300\",\n          },\n          command: {\n            label: \"Command\",\n            Icon: MessageSquare,\n            iconClass: \"border-blue-500/25 bg-blue-500/10 text-blue-500\",\n            badgeClass:\n              \"border-blue-500/25 bg-blue-500/10 text-blue-700 dark:text-blue-300\",\n          },\n          queries: {\n            label: \"Query\",\n            Icon: SearchIcon,\n            iconClass: \"border-green-500/25 bg-green-500/10 text-green-500\",\n            badgeClass:\n              \"border-green-500/25 bg-green-500/10 text-green-700 dark:text-green-300\",\n          },\n          query: {\n            label: \"Query\",\n            Icon: SearchIcon,\n            iconClass: \"border-green-500/25 bg-green-500/10 text-green-500\",\n            badgeClass:\n              \"border-green-500/25 bg-green-500/10 text-green-700 dark:text-green-300\",\n          },\n          services: {\n            label: \"Service\",\n            Icon: Server,\n            iconClass: \"border-pink-500/25 bg-pink-500/10 text-pink-500\",\n            badgeClass:\n              \"border-pink-500/25 bg-pink-500/10 text-pink-700 dark:text-pink-300\",\n          },\n          agents: {\n            label: \"Agent\",\n            Icon: Bot,\n            iconClass: \"border-sky-500/25 bg-sky-500/10 text-sky-500\",\n            badgeClass:\n              \"border-sky-500/25 bg-sky-500/10 text-sky-700 dark:text-sky-300\",\n          },\n          agent: {\n            label: \"Agent\",\n            Icon: Bot,\n            iconClass: \"border-sky-500/25 bg-sky-500/10 text-sky-500\",\n            badgeClass:\n              \"border-sky-500/25 bg-sky-500/10 text-sky-700 dark:text-sky-300\",\n          },\n          agentTool: {\n            label: \"Agent Tool\",\n            Icon: Wrench,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n          \"agent-tool\": {\n            label: \"Agent Tool\",\n            Icon: Wrench,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n          domains: {\n            label: \"Domain\",\n            Icon: Blocks,\n            iconClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\",\n            badgeClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300\",\n          },\n          systems: {\n            label: \"System\",\n            Icon: Group,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n          flows: {\n            label: \"Flow\",\n            Icon: Workflow,\n            iconClass: \"border-teal-500/25 bg-teal-500/10 text-teal-500\",\n            badgeClass:\n              \"border-teal-500/25 bg-teal-500/10 text-teal-700 dark:text-teal-300\",\n          },\n          channels: {\n            label: \"Channel\",\n            Icon: ListTree,\n            iconClass: \"border-gray-500/25 bg-gray-500/10 text-gray-500\",\n            badgeClass:\n              \"border-gray-500/25 bg-gray-500/10 text-gray-700 dark:text-gray-300\",\n          },\n          data: {\n            label: \"Data\",\n            Icon: Database,\n            iconClass: \"border-blue-500/25 bg-blue-500/10 text-blue-500\",\n            badgeClass:\n              \"border-blue-500/25 bg-blue-500/10 text-blue-700 dark:text-blue-300\",\n          },\n          entities: {\n            label: \"Entity\",\n            Icon: Database,\n            iconClass: \"border-blue-500/25 bg-blue-500/10 text-blue-500\",\n            badgeClass:\n              \"border-blue-500/25 bg-blue-500/10 text-blue-700 dark:text-blue-300\",\n          },\n          externalSystem: {\n            label: \"External\",\n            Icon: Server,\n            iconClass: \"border-pink-500/25 bg-pink-500/10 text-pink-500\",\n            badgeClass:\n              \"border-pink-500/25 bg-pink-500/10 text-pink-700 dark:text-pink-300\",\n          },\n          actor: {\n            label: \"Actor\",\n            Icon: User,\n            iconClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\",\n            badgeClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300\",\n          },\n          \"context-actor\": {\n            label: \"Actor\",\n            Icon: User,\n            iconClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\",\n            badgeClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300\",\n          },\n          user: {\n            label: \"User\",\n            Icon: User,\n            iconClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\",\n            badgeClass:\n              \"border-yellow-500/25 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300\",\n          },\n          messageGroup: {\n            label: \"Group\",\n            Icon: Layers,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n          messageGroupExpanded: {\n            label: \"Group\",\n            Icon: Layers,\n            iconClass: \"border-violet-500/25 bg-violet-500/10 text-violet-500\",\n            badgeClass:\n              \"border-violet-500/25 bg-violet-500/10 text-violet-700 dark:text-violet-300\",\n          },\n        };\n\n        return (\n          meta[nodeType] || {\n            label: nodeType,\n            Icon: Layers,\n            iconClass: \"border-gray-500/25 bg-gray-500/10 text-gray-500\",\n            badgeClass:\n              \"border-gray-500/25 bg-gray-500/10 text-gray-700 dark:text-gray-300\",\n          }\n        );\n      }, []);\n\n      const handleSearchChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n          const query = event.target.value;\n          setSearchQuery(query);\n\n          if (query.length > 0) {\n            const search = query.toLowerCase();\n            const filtered = getSearchSuggestions(nodes).filter((suggestion) =>\n              suggestion.searchText.toLowerCase().includes(search),\n            );\n            setFilteredSuggestions(filtered);\n            setShowSuggestions(true);\n            setSelectedSuggestionIndex(-1);\n          } else {\n            setFilteredSuggestions(getSearchSuggestions(nodes));\n            setShowSuggestions(true);\n            setSelectedSuggestionIndex(-1);\n          }\n        },\n        [nodes, getSearchSuggestions],\n      );\n\n      const handleSearchFocus = useCallback(() => {\n        const suggestions = getSearchSuggestions(nodes);\n        const search = searchQuery.toLowerCase();\n        setFilteredSuggestions(\n          searchQuery.length === 0\n            ? suggestions\n            : suggestions.filter((suggestion) =>\n                suggestion.searchText.toLowerCase().includes(search),\n              ),\n        );\n        setShowSuggestions(true);\n        setSelectedSuggestionIndex(-1);\n      }, [nodes, searchQuery, getSearchSuggestions]);\n\n      const handleSuggestionClick = useCallback(\n        (suggestion: SearchSuggestion) => {\n          setSearchQuery(\"\");\n          setFilteredSuggestions([]);\n          setShowSuggestions(false);\n          setSelectedSuggestionIndex(-1);\n          onNodeSelect(suggestion.node);\n        },\n        [onNodeSelect],\n      );\n\n      const handleSearchKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n          switch (event.key) {\n            case \"ArrowDown\":\n              event.preventDefault();\n              if (filteredSuggestions.length === 0) return;\n              setShowSuggestions(true);\n              setSelectedSuggestionIndex((prev) =>\n                prev < filteredSuggestions.length - 1 ? prev + 1 : 0,\n              );\n              break;\n            case \"ArrowUp\":\n              event.preventDefault();\n              if (filteredSuggestions.length === 0) return;\n              setShowSuggestions(true);\n              setSelectedSuggestionIndex((prev) =>\n                prev > 0 ? prev - 1 : filteredSuggestions.length - 1,\n              );\n              break;\n            case \"Enter\":\n              event.preventDefault();\n              if (\n                showSuggestions &&\n                selectedSuggestionIndex >= 0 &&\n                selectedSuggestionIndex < filteredSuggestions.length\n              ) {\n                handleSuggestionClick(\n                  filteredSuggestions[selectedSuggestionIndex],\n                );\n              }\n              break;\n            case \"Escape\":\n              setShowSuggestions(false);\n              setSelectedSuggestionIndex(-1);\n              break;\n          }\n        },\n        [\n          showSuggestions,\n          filteredSuggestions,\n          selectedSuggestionIndex,\n          handleSuggestionClick,\n        ],\n      );\n\n      const clearSearch = useCallback(() => {\n        setSearchQuery(\"\");\n        setShowSuggestions(false);\n        setFilteredSuggestions([]);\n        setSelectedSuggestionIndex(-1);\n        onClear();\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n        }\n      }, [onClear]);\n\n      useEffect(() => {\n        suggestionItemRefs.current = suggestionItemRefs.current.slice(\n          0,\n          filteredSuggestions.length,\n        );\n      }, [filteredSuggestions.length]);\n\n      useEffect(() => {\n        if (!showSuggestions || selectedSuggestionIndex < 0) return;\n\n        const list = suggestionsListRef.current;\n        const item = suggestionItemRefs.current[selectedSuggestionIndex];\n        if (!list || !item) return;\n\n        const itemTop = item.offsetTop;\n        const itemBottom = itemTop + item.offsetHeight;\n        const visibleTop = list.scrollTop;\n        const visibleBottom = visibleTop + list.clientHeight;\n\n        if (itemTop < visibleTop) {\n          list.scrollTop = itemTop;\n        } else if (itemBottom > visibleBottom) {\n          list.scrollTop = itemBottom - list.clientHeight;\n        }\n      }, [\n        showSuggestions,\n        selectedSuggestionIndex,\n        filteredSuggestions.length,\n      ]);\n\n      // Close suggestions when clicking outside\n      useEffect(() => {\n        const handleClickOutside = (event: MouseEvent) => {\n          if (\n            containerRef.current &&\n            !containerRef.current.contains(event.target as any)\n          ) {\n            setShowSuggestions(false);\n            setSelectedSuggestionIndex(-1);\n          }\n        };\n\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        return () => {\n          document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n      }, []);\n\n      return (\n        <div ref={containerRef} className=\"w-full max-w-md mx-auto relative\">\n          <div className=\"relative\">\n            <input\n              ref={searchInputRef}\n              type=\"text\"\n              placeholder=\"Search nodes...\"\n              value={searchQuery}\n              onChange={handleSearchChange}\n              onKeyDown={handleSearchKeyDown}\n              onFocus={handleSearchFocus}\n              className=\"w-full px-4 py-2 pr-10 bg-[rgb(var(--ec-input-bg))] border border-[rgb(var(--ec-input-border))] text-[rgb(var(--ec-input-text))] placeholder:text-[rgb(var(--ec-page-text-muted))] rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:border-transparent\"\n            />\n            {searchQuery && (\n              <button\n                onClick={clearSearch}\n                className=\"absolute right-2 top-1/2 transform -translate-y-1/2 text-[rgb(var(--ec-page-text-muted))] hover:text-[rgb(var(--ec-page-text))]\"\n                aria-label=\"Clear search\"\n              >\n                <svg\n                  className=\"w-5 h-5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n          {showSuggestions && filteredSuggestions.length > 0 && (\n            <div\n              ref={suggestionsListRef}\n              className=\"absolute top-full left-0 right-0 mt-1 bg-[rgb(var(--ec-card-bg))] border border-[rgb(var(--ec-page-border))] rounded-md shadow-lg z-50 max-h-60 overflow-y-auto\"\n            >\n              {filteredSuggestions.map((suggestion, index) => {\n                const nodeTypeMeta = getNodeTypeMeta(suggestion.type);\n                const Icon = nodeTypeMeta.Icon;\n                const isSelected = index === selectedSuggestionIndex;\n                return (\n                  <div\n                    key={`${suggestion.key}:${index}`}\n                    ref={(element) => {\n                      suggestionItemRefs.current[index] = element;\n                    }}\n                    onClick={() => handleSuggestionClick(suggestion)}\n                    onMouseEnter={() => setSelectedSuggestionIndex(index)}\n                    className={`px-3 py-2 cursor-pointer flex items-start gap-3 ${\n                      isSelected\n                        ? \"bg-[rgb(var(--ec-accent-subtle))] outline outline-1 -outline-offset-1 outline-[rgb(var(--ec-accent))]\"\n                        : \"hover:bg-[rgb(var(--ec-page-border)/0.5)]\"\n                    }`}\n                  >\n                    <span\n                      className={`mt-0.5 flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-md border ${nodeTypeMeta.iconClass}`}\n                    >\n                      <Icon className=\"h-3.5 w-3.5\" />\n                    </span>\n                    <span className=\"min-w-0 flex-1\">\n                      <span className=\"block truncate text-sm font-medium text-[rgb(var(--ec-page-text))]\">\n                        {suggestion.label}\n                      </span>\n                      {suggestion.isGroupedMessage && suggestion.groupName && (\n                        <span className=\"mt-0.5 block truncate text-xs text-[rgb(var(--ec-page-text-muted))]\">\n                          in {suggestion.groupName}\n                        </span>\n                      )}\n                    </span>\n                    <span\n                      className={`mt-0.5 flex-shrink-0 rounded border px-2 py-0.5 text-xs font-medium ${nodeTypeMeta.badgeClass}`}\n                    >\n                      {nodeTypeMeta.label}\n                    </span>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      );\n    },\n  ),\n);\n\nVisualiserSearch.displayName = \"VisualiserSearch\";\n\nexport default VisualiserSearch;\n","import React, {\n  useState,\n  useEffect,\n  useLayoutEffect,\n  useCallback,\n  useMemo,\n  useRef,\n  memo,\n} from \"react\";\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ExternalLink,\n  Play,\n  RotateCcw,\n  X,\n} from \"lucide-react\";\nimport type { Edge } from \"@xyflow/react\";\nimport { buildUrl } from \"../utils/url-builder\";\nimport { isTyping } from \"../utils/keyboard\";\nimport {\n  getNodeDocUrl,\n  NODE_COLOR_CLASSES,\n  NODE_TYPE_LABELS,\n} from \"./FocusMode/utils\";\n\ntype Resource = {\n  summary?: string;\n  data?: { summary?: string };\n};\n\n// A type (not an interface) so it's a record of node data, as React Flow's are\ntype NodeData = {\n  summary?: string;\n  step?: {\n    title?: string;\n    summary?: string;\n  };\n  service?: Resource;\n  message?: Resource;\n  agent?: Resource;\n  flow?: Resource;\n  container?: Resource;\n  dataProduct?: Resource;\n  custom?: {\n    type?: string;\n    summary?: string;\n    url?: string;\n  };\n  externalSystem?: {\n    url?: string;\n  };\n};\n\ninterface CustomNode {\n  id: string;\n  type?: string;\n  data: NodeData;\n}\n\ninterface StepWalkthroughProps {\n  nodes: CustomNode[];\n  edges: Edge[];\n  isFlowVisualization: boolean;\n  /**\n   * Called when the step changes: the step (null when the walkthrough ends),\n   * whether to zoom out to the whole flow, and the steps walked so far, in\n   * order (ending with this one)\n   */\n  onStepChange: (\n    nodeId: string | null,\n    shouldZoomOut?: boolean,\n    trail?: string[],\n  ) => void;\n  mode?: \"full\" | \"simple\";\n}\n\ninterface PathOption {\n  targetId: string;\n  label?: string;\n  targetNode: CustomNode;\n}\n\n/** What the walkthrough shows for a step */\nconst getStepInfo = (node: CustomNode) => {\n  const { data } = node;\n  const type = node.type ?? \"step\";\n  // What the step points at (its service, message...), for its summary\n  const resource =\n    data.service ??\n    data.message ??\n    data.agent ??\n    data.flow ??\n    data.container ??\n    data.dataProduct;\n  // The flow's own words for the step first, then what the resource is\n  const stepSummary = data.step?.summary;\n  const resourceSummary =\n    resource?.summary ||\n    resource?.data?.summary ||\n    data.custom?.summary ||\n    data.summary;\n  const docsPath = getNodeDocUrl(node);\n  return {\n    // The catalog names every step (after what it points at, if untitled)\n    title: data.step?.title || node.id,\n    typeLabel: data.custom?.type || NODE_TYPE_LABELS[type] || \"Step\",\n    colorClass: NODE_COLOR_CLASSES[type] ?? NODE_COLOR_CLASSES.step,\n    summary: stepSummary || resourceSummary,\n    detail:\n      stepSummary && resourceSummary && resourceSummary !== stepSummary\n        ? resourceSummary\n        : undefined,\n    docsUrl: docsPath\n      ? buildUrl(docsPath)\n      : data.custom?.url || data.externalSystem?.url,\n  };\n};\n\n// Small, as the walkthrough sits over the flow\nconst BUTTON =\n  \"flex items-center justify-center gap-1 h-7 text-xs rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-[rgb(var(--ec-accent))] transition-colors\";\nconst PRIMARY_BUTTON = `${BUTTON} px-2.5 font-semibold text-white bg-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-hover))]`;\nconst QUIET_BUTTON = `${BUTTON} px-2 font-medium text-[rgb(var(--ec-page-text-muted))] hover:text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-page-border)/0.4)]`;\nconst ICON_BUTTON =\n  \"flex items-center justify-center w-6 h-6 rounded text-[rgb(var(--ec-page-text-muted))] hover:text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-page-border)/0.4)]\";\n\nexport default memo(function StepWalkthrough({\n  nodes,\n  edges,\n  isFlowVisualization,\n  onStepChange,\n}: StepWalkthroughProps) {\n  // The steps walked so far, in order (empty before the walkthrough starts)\n  const [trail, setTrail] = useState<string[]>([]);\n  const currentNodeId = trail[trail.length - 1] ?? null;\n  const [startNodeId, setStartNodeId] = useState<string | null>(null);\n\n  // Stable structural keys — only change when nodes/edges are added/removed,\n  // not when positions change during drag.\n  const nodeIdsKeyRef = useRef(\"\");\n  const computedNodeIdsKey = nodes.map((n) => n.id).join(\",\");\n  if (computedNodeIdsKey !== nodeIdsKeyRef.current) {\n    nodeIdsKeyRef.current = computedNodeIdsKey;\n  }\n  const nodeIdsKey = nodeIdsKeyRef.current;\n\n  const edgeKeyRef = useRef(\"\");\n  const computedEdgeKey = edges.map((e) => `${e.source}-${e.target}`).join(\",\");\n  if (computedEdgeKey !== edgeKeyRef.current) {\n    edgeKeyRef.current = computedEdgeKey;\n  }\n  const edgeKey = edgeKeyRef.current;\n\n  const nodesById = useMemo(\n    () => new Map(nodes.map((node) => [node.id, node])),\n    [nodeIdsKey],\n  );\n\n  useEffect(() => {\n    if (!isFlowVisualization || nodes.length === 0) return;\n    // The flow starts at the first step with no edges into it. Worked out\n    // again when the cached one no longer exists (e.g. a sub-flow expanded)\n    const targets = new Set(edges.map((edge) => edge.target));\n    const start = nodes.find((node) => !targets.has(node.id));\n    if (start && !(startNodeId && nodesById.has(startNodeId))) {\n      setStartNodeId(start.id);\n    }\n  }, [nodeIdsKey, edgeKey, isFlowVisualization, startNodeId]);\n\n  // The current step no longer exists (e.g. the sub-flow it was in was\n  // collapsed): start again\n  useEffect(() => {\n    if (currentNodeId && !nodesById.has(currentNodeId)) setTrail([]);\n  }, [currentNodeId, nodesById]);\n\n  const pathsFrom = useCallback(\n    (nodeId: string | null): PathOption[] =>\n      nodeId\n        ? edges\n            .filter((edge) => edge.source === nodeId)\n            .map((edge) => ({\n              targetId: edge.target,\n              label: edge.label as string | undefined,\n              targetNode: nodesById.get(edge.target)!,\n            }))\n            .filter((path) => !!path.targetNode)\n        : [],\n    [edgeKey, nodesById],\n  );\n  const availablePaths = useMemo(\n    () => pathsFrom(currentNodeId),\n    [pathsFrom, currentNodeId],\n  );\n\n  // How many steps the flow has on the way it's being walked: those walked,\n  // then the first way on from each step until it ends (or loops)\n  const stepsAfter = useCallback(\n    (nodeId: string, walked: string[]) => {\n      const seen = new Set(walked);\n      let steps = 0;\n      let next = pathsFrom(nodeId)[0]?.targetId;\n      while (next && !seen.has(next)) {\n        seen.add(next);\n        steps++;\n        next = pathsFrom(next)[0]?.targetId;\n      }\n      return steps;\n    },\n    [pathsFrom],\n  );\n  const totalSteps = useMemo(\n    () => (currentNodeId ? trail.length + stepsAfter(currentNodeId, trail) : 0),\n    [trail, currentNodeId, stepsAfter],\n  );\n  // The same, before starting\n  const startSteps = useMemo(\n    () => (startNodeId ? 1 + stepsAfter(startNodeId, [startNodeId]) : 0),\n    [startNodeId, stepsAfter],\n  );\n\n  const goTo = useCallback(\n    (nextTrail: string[]) => {\n      setTrail(nextTrail);\n      const nodeId = nextTrail[nextTrail.length - 1];\n      if (!nodeId) {\n        onStepChange(null);\n        return;\n      }\n      onStepChange(nodeId, false, nextTrail);\n    },\n    [onStepChange],\n  );\n\n  const start = useCallback(() => {\n    if (startNodeId) goTo([startNodeId]);\n  }, [startNodeId, goTo]);\n  // At a branch, the way on picked in the dropdown (the first to start with)\n  const [selectedPath, setSelectedPath] = useState(0);\n  useEffect(() => setSelectedPath(0), [currentNodeId]);\n  const next = useCallback(\n    (index = selectedPath) => {\n      const path = availablePaths[index];\n      if (path) goTo([...trail, path.targetId]);\n    },\n    [availablePaths, selectedPath, trail, goTo],\n  );\n  const previous = useCallback(() => goTo(trail.slice(0, -1)), [trail, goTo]);\n  const finish = useCallback(() => {\n    setTrail([]);\n    onStepChange(null, true); // Zoom out to the whole flow again\n  }, [onStepChange]);\n\n  // ←/→ to step through, 1–9 to pick a way on, Esc to stop\n  const isWalking = trail.length > 0;\n  useEffect(() => {\n    if (!isWalking) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.metaKey || event.ctrlKey || event.altKey) return;\n      if (isTyping(event.target)) return;\n      if (event.key === \"ArrowRight\") next();\n      else if (event.key === \"ArrowLeft\") previous();\n      else if (event.key === \"Escape\") finish();\n      else if (/^[1-9]$/.test(event.key) && availablePaths.length > 1)\n        next(Number(event.key) - 1);\n      else return;\n      event.preventDefault();\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isWalking, availablePaths, next, previous, finish]);\n\n  const currentNode = currentNodeId ? nodesById.get(currentNodeId) : undefined;\n  const info = useMemo(\n    () => (currentNode ? getStepInfo(currentNode) : undefined),\n    [currentNode],\n  );\n\n  // Long text is cut short (the title to a line, the summary to two), and\n  // can be expanded to read in full. Collapsed again on each step.\n  const [expanded, setExpanded] = useState(false);\n  const [isCut, setIsCut] = useState(false);\n  const titleRef = useRef<HTMLHeadingElement>(null);\n  const summaryRef = useRef<HTMLParagraphElement>(null);\n  useEffect(() => setExpanded(false), [currentNodeId]);\n  useLayoutEffect(() => {\n    if (expanded) return;\n    const title = titleRef.current;\n    const summary = summaryRef.current;\n    setIsCut(\n      !!info?.detail ||\n        (!!title && title.scrollWidth > title.clientWidth) ||\n        (!!summary && summary.scrollHeight > summary.clientHeight + 1),\n    );\n  }, [info, expanded]);\n\n  const startInfo = useMemo(() => {\n    const startNode = startNodeId ? nodesById.get(startNodeId) : undefined;\n    return startNode ? getStepInfo(startNode) : undefined;\n  }, [startNodeId, nodesById]);\n\n  if (!isFlowVisualization || nodes.length === 0) {\n    return null;\n  }\n\n  // Before starting: the same card as while walking (so starting doesn't\n  // change its size), naming the step the flow starts with\n  if (!isWalking || !info) {\n    return (\n      <div className=\"ml-12 w-[360px] rounded-lg border border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-card-bg))] shadow-lg overflow-hidden\">\n        <div className=\"h-0.5 bg-[rgb(var(--ec-page-border)/0.5)]\" />\n        <div className=\"px-3 pt-2 pb-2\">\n          {/* As tall as the step's title row (its icon buttons) */}\n          <div className=\"flex items-center gap-2 min-w-0 h-6\">\n            <span className=\"flex items-center justify-center shrink-0 w-5 h-5 rounded-full bg-[rgb(var(--ec-accent))] text-white\">\n              <Play className=\"w-2.5 h-2.5 fill-current\" />\n            </span>\n            <h3 className=\"flex-1 min-w-0 truncate text-sm font-semibold text-[rgb(var(--ec-page-text))]\">\n              Walk through this flow\n            </h3>\n          </div>\n          <p className=\"mt-1 text-xs leading-snug text-[rgb(var(--ec-page-text-muted))] line-clamp-2\">\n            Step through it one hop at a time\n            {startInfo ? `, starting at ${startInfo.title}.` : \".\"}\n          </p>\n          <div className=\"flex items-center justify-between gap-2 mt-2\">\n            <span className=\"px-2 text-xs text-[rgb(var(--ec-page-text-muted))]\">\n              {startSteps > 0 && `${startSteps} steps`}\n            </span>\n            <button\n              type=\"button\"\n              onClick={start}\n              title=\"Start walking through the flow\"\n              className={PRIMARY_BUTTON}\n            >\n              Start\n              <ChevronRight className=\"w-3.5 h-3.5\" />\n            </button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  const stepNumber = trail.length;\n  const atEnd = availablePaths.length === 0;\n  const isBranch = availablePaths.length > 1;\n\n  return (\n    <div className=\"ml-12 w-[360px] rounded-lg border border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-card-bg))] shadow-lg overflow-hidden\">\n      {/* Progress through the flow, on the way it's being walked */}\n      <div className=\"h-0.5 bg-[rgb(var(--ec-page-border)/0.5)]\">\n        <div\n          className=\"h-full bg-[rgb(var(--ec-accent))] transition-[width] duration-300\"\n          style={{ width: `${(stepNumber / totalSteps) * 100}%` }}\n        />\n      </div>\n\n      <div className=\"px-3 pt-2 pb-2\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span className=\"shrink-0 text-[11px] font-semibold tabular-nums text-[rgb(var(--ec-page-text-muted))]\">\n            {stepNumber}/{totalSteps}\n          </span>\n          <span\n            className={`shrink-0 px-1.5 py-px rounded text-[9px] font-bold uppercase tracking-wide text-white ${info.colorClass}`}\n          >\n            {info.typeLabel}\n          </span>\n          <h3\n            ref={titleRef}\n            className={`flex-1 min-w-0 text-sm font-semibold text-[rgb(var(--ec-page-text))] ${\n              expanded ? \"break-words\" : \"truncate\"\n            }`}\n            title={expanded ? undefined : info.title}\n          >\n            {info.title}\n          </h3>\n          {info.docsUrl && (\n            <a\n              href={info.docsUrl}\n              aria-label={`Open the docs for ${info.title}`}\n              title=\"Open docs\"\n              className={ICON_BUTTON}\n            >\n              <ExternalLink className=\"w-3.5 h-3.5\" />\n            </a>\n          )}\n          <button\n            type=\"button\"\n            onClick={finish}\n            aria-label=\"Stop walking through the flow\"\n            title=\"Stop (Esc)\"\n            className={`${ICON_BUTTON} -mr-1`}\n          >\n            <X className=\"w-3.5 h-3.5\" />\n          </button>\n        </div>\n\n        {info.summary && (\n          <p\n            ref={summaryRef}\n            onClick={isCut ? () => setExpanded(!expanded) : undefined}\n            className={`mt-1 text-xs leading-snug text-[rgb(var(--ec-page-text-muted))] ${\n              expanded ? \"max-h-40 overflow-y-auto\" : \"line-clamp-2\"\n            } ${isCut ? \"cursor-pointer\" : \"\"}`}\n          >\n            {info.summary}\n          </p>\n        )}\n        {expanded && info.detail && (\n          <p className=\"mt-1.5 pt-1.5 border-t border-[rgb(var(--ec-page-border)/0.6)] text-xs leading-snug text-[rgb(var(--ec-page-text-muted))] max-h-32 overflow-y-auto\">\n            {info.detail}\n          </p>\n        )}\n        {isCut && (\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(!expanded)}\n            aria-expanded={expanded}\n            className=\"mt-0.5 text-[11px] font-medium text-[rgb(var(--ec-accent))] hover:underline\"\n          >\n            {expanded ? \"Less\" : \"More\"}\n          </button>\n        )}\n\n        <div className=\"flex items-center justify-between gap-2 mt-2\">\n          <button\n            type=\"button\"\n            onClick={previous}\n            title=\"Back (←)\"\n            className={QUIET_BUTTON}\n          >\n            <ChevronLeft className=\"w-3.5 h-3.5\" />\n            Back\n          </button>\n          {atEnd ? (\n            <div className=\"flex items-center gap-1\">\n              <button\n                type=\"button\"\n                onClick={start}\n                title=\"Walk through again\"\n                className={QUIET_BUTTON}\n              >\n                <RotateCcw className=\"w-3 h-3\" />\n                Restart\n              </button>\n              <button type=\"button\" onClick={finish} className={PRIMARY_BUTTON}>\n                Finish\n              </button>\n            </div>\n          ) : isBranch ? (\n            // A branch: pick the way on (or press its number), then Next\n            <div className=\"flex items-center justify-end gap-1 flex-1 min-w-0\">\n              <select\n                value={selectedPath}\n                onChange={(event) =>\n                  setSelectedPath(Number(event.target.value))\n                }\n                aria-label=\"Which way the flow goes next\"\n                title=\"Which way next (or press its number)\"\n                className=\"min-w-0 flex-1 max-w-[210px] h-7 pl-2 pr-6 text-xs truncate rounded-md border border-[rgb(var(--ec-input-border))] bg-[rgb(var(--ec-input-bg))] text-[rgb(var(--ec-input-text))] focus:outline-none focus:ring-2 focus:ring-[rgb(var(--ec-accent))]\"\n              >\n                {availablePaths.map((path, index) => {\n                  const target = getStepInfo(path.targetNode).title;\n                  return (\n                    <option key={path.targetId} value={index}>\n                      {index + 1}.{\" \"}\n                      {path.label ? `${path.label} → ${target}` : target}\n                    </option>\n                  );\n                })}\n              </select>\n              <button\n                type=\"button\"\n                onClick={() => next()}\n                title=\"Next (→)\"\n                className={PRIMARY_BUTTON}\n              >\n                Next\n                <ChevronRight className=\"w-3.5 h-3.5\" />\n              </button>\n            </div>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={() => next()}\n              title=\"Next (→)\"\n              className={PRIMARY_BUTTON}\n            >\n              Next\n              <ChevronRight className=\"w-3.5 h-3.5\" />\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n});\n","/** Whether a key press is someone typing in a field (so global shortcuts leave it alone) */\nexport const isTyping = (target: EventTarget | null) =>\n  target instanceof HTMLElement &&\n  (target.isContentEditable ||\n    [\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(target.tagName));\n","import type { Node, Edge } from \"@xyflow/react\";\n\nexport interface NodeDisplayInfo {\n  id: string;\n  name: string;\n  type: string;\n  version?: string;\n  description?: string;\n}\n\nexport interface ConnectedNodes {\n  leftNodes: Node[];\n  rightNodes: Node[];\n}\n\nexport const NODE_COLOR_CLASSES: Record<string, string> = {\n  events: \"bg-orange-600\",\n  agent: \"bg-sky-600\",\n  agents: \"bg-sky-600\",\n  agentTool: \"bg-violet-600\",\n  \"agent-tool\": \"bg-violet-600\",\n  services: \"bg-pink-600\",\n  flows: \"bg-teal-600\",\n  commands: \"bg-blue-600\",\n  queries: \"bg-green-600\",\n  channels: \"bg-gray-600\",\n  systems: \"bg-purple-600\",\n  externalSystem: \"bg-pink-600\",\n  actor: \"bg-yellow-500\",\n  step: \"bg-gray-700\",\n  data: \"bg-blue-600\",\n  \"data-products\": \"bg-indigo-600\",\n  domains: \"bg-yellow-600\",\n  entities: \"bg-purple-600\",\n  field: \"bg-cyan-600\",\n  messageGroup: \"bg-violet-600\",\n  messageGroupExpanded: \"bg-violet-600\",\n};\n\nexport const NODE_TYPE_LABELS: Record<string, string> = {\n  events: \"Event\",\n  agent: \"Agent\",\n  agents: \"Agent\",\n  agentTool: \"Agent Tool\",\n  \"agent-tool\": \"Agent Tool\",\n  services: \"Service\",\n  flows: \"Flow\",\n  commands: \"Command\",\n  queries: \"Query\",\n  channels: \"Channel\",\n  systems: \"System\",\n  externalSystem: \"External System\",\n  actor: \"Actor\",\n  step: \"Step\",\n  data: \"Data\",\n  \"data-products\": \"Data Product\",\n  domains: \"Domain\",\n  entities: \"Entity\",\n  field: \"Field\",\n  messageGroup: \"Message Group\",\n  messageGroupExpanded: \"Message Group\",\n};\n\n/**\n * Get connected nodes for a given center node\n * Left nodes: incoming edges (they send TO this node)\n * Right nodes: outgoing edges (this node sends TO them)\n */\nexport function getConnectedNodes(\n  centerNodeId: string,\n  nodes: Node[],\n  edges: Edge[],\n): ConnectedNodes {\n  const leftIds = new Set<string>();\n  const rightIds = new Set<string>();\n\n  edges.forEach((edge) => {\n    if (edge.target === centerNodeId) {\n      leftIds.add(edge.source);\n    }\n    if (edge.source === centerNodeId) {\n      rightIds.add(edge.target);\n    }\n  });\n\n  return {\n    leftNodes: nodes.filter((n) => leftIds.has(n.id)),\n    rightNodes: nodes.filter((n) => rightIds.has(n.id)),\n  };\n}\n\n// Entity keys that follow the standard data structure pattern\nconst ENTITY_KEYS = [\n  \"agent\",\n  \"service\",\n  \"message\",\n  \"flow\",\n  \"channel\",\n  \"domain\",\n  \"entity\",\n  \"dataProduct\",\n  \"agentTool\",\n] as const;\n\n/**\n * Extract display information from a ReactFlow node\n */\nexport function getNodeDisplayInfo(node: Node): NodeDisplayInfo {\n  const nodeType = node.type || \"unknown\";\n  const data = node.data as any;\n\n  // Handle field nodes\n  if (nodeType === \"field\") {\n    return {\n      id: node.id,\n      name: data?.name || node.id,\n      type: \"field\",\n      version: undefined,\n      description: `Type: ${data?.type || \"unknown\"}`,\n    };\n  }\n\n  // Handle message group nodes\n  if (nodeType === \"messageGroup\") {\n    return {\n      id: node.id,\n      name: data?.groupName || node.id,\n      type: \"messageGroup\",\n      version: undefined,\n      description: `${data?.messageCount || 0} messages (${data?.direction || \"unknown\"})`,\n    };\n  }\n\n  if (nodeType === \"messageGroupExpanded\") {\n    return {\n      id: node.id,\n      name: data?.groupName || node.id,\n      type: \"messageGroupExpanded\",\n      version: undefined,\n      description: `${data?.messageCount || 0} messages (expanded)`,\n    };\n  }\n\n  // Find the entity in data using standard keys\n  const entityKey = ENTITY_KEYS.find((key) => data[key]);\n  const entity = entityKey ? data[entityKey] : null;\n\n  const name =\n    entity?.data?.name || entity?.id || data.label || data.name || node.id;\n  const version =\n    entity?.data?.version || entity?.version || data.version || \"\";\n  const description =\n    entity?.data?.summary ||\n    entity?.data?.description ||\n    entity?.summary ||\n    entity?.description ||\n    data.summary ||\n    data.description ||\n    \"\";\n\n  return {\n    id: node.id,\n    name,\n    type: nodeType,\n    version,\n    description: description\n      ? truncateDescription(description, 100)\n      : undefined,\n  };\n}\n\n/**\n * Truncate description to a max length\n */\nfunction truncateDescription(text: string, maxLength: number): string {\n  if (text.length <= maxLength) return text;\n  return text.slice(0, maxLength).trim() + \"...\";\n}\n\n/**\n * Get the color class for a node type\n */\nexport function getNodeColorClass(nodeType: string): string {\n  return NODE_COLOR_CLASSES[nodeType] || \"bg-gray-500\";\n}\n\n/**\n * Get the display label for a node type\n */\nexport function getNodeTypeLabel(nodeType: string): string {\n  return NODE_TYPE_LABELS[nodeType] || nodeType;\n}\n\n// Mapping from entity key to doc path\nconst DOC_PATH_MAP: Record<string, string> = {\n  service: \"services\",\n  agent: \"agents\",\n  flow: \"flows\",\n  channel: \"channels\",\n  system: \"systems\",\n  domain: \"domains\",\n  entity: \"entities\",\n  dataProduct: \"data-products\",\n};\n\n/**\n * Get the documentation URL for a node\n */\nexport function getNodeDocUrl(\n  node: Pick<Node, \"type\" | \"data\">,\n): string | null {\n  const nodeType = node.type || \"unknown\";\n  const data = node.data as any;\n\n  // Handle message type separately due to type mapping\n  if (data.message) {\n    const id = data.message.data?.id || data.message.id || \"\";\n    const version = data.message.data?.version || data.message.version || \"\";\n    const collectionType =\n      nodeType === \"events\"\n        ? \"events\"\n        : nodeType === \"commands\"\n          ? \"commands\"\n          : \"queries\";\n    return id && version ? `/docs/${collectionType}/${id}/${version}` : null;\n  }\n\n  // Handle data/container nodes with nested data.data structure\n  if (data.data && nodeType === \"data\") {\n    const id = data.data.id || \"\";\n    const version = data.data.version || \"\";\n    return id && version ? `/docs/containers/${id}/${version}` : null;\n  }\n\n  // Handle standard entity types\n  for (const [key, path] of Object.entries(DOC_PATH_MAP)) {\n    if (data[key]) {\n      const id = data[key].data?.id || data[key].id || \"\";\n      const version = data[key].data?.version || data[key].version || \"\";\n      return id && version ? `/docs/${path}/${id}/${version}` : null;\n    }\n  }\n\n  return null;\n}\n","import { memo } from \"react\";\nimport { useInternalNode, ViewportPortal } from \"@xyflow/react\";\n\nconst BADGE_SIZE = 30;\n\nconst Badge = memo(function Badge({\n  nodeId,\n  number,\n  current,\n}: {\n  nodeId: string;\n  number: number;\n  current: boolean;\n}) {\n  const node = useInternalNode(nodeId);\n  if (!node) return null;\n  const { x, y } = node.internals.positionAbsolute;\n  return (\n    <div\n      className={`absolute flex items-center justify-center rounded-full font-bold text-white shadow-md bg-[rgb(var(--ec-accent))] ${\n        current ? \"ring-4 ring-[rgb(var(--ec-accent)/0.3)]\" : \"opacity-90\"\n      }`}\n      style={{\n        width: BADGE_SIZE,\n        height: BADGE_SIZE,\n        fontSize: 14,\n        // On the node's top left corner\n        transform: `translate(${x - BADGE_SIZE / 2}px, ${y - BADGE_SIZE / 2}px)`,\n        zIndex: 2000,\n        pointerEvents: \"none\",\n      }}\n    >\n      {number}\n    </div>\n  );\n});\n\n/**\n * Numbers the steps walked so far in a flow walkthrough (on the nodes, in the\n * order they were walked), so the way taken through the flow stays visible.\n * A step walked more than once (a loop) shows when it was last walked.\n */\nexport default memo(function WalkthroughBadges({ trail }: { trail: string[] }) {\n  if (trail.length === 0) return null;\n  const numbers = new Map<string, number>();\n  trail.forEach((nodeId, index) => numbers.set(nodeId, index + 1));\n  const current = trail[trail.length - 1];\n  return (\n    <ViewportPortal>\n      {[...numbers].map(([nodeId, number]) => (\n        <Badge\n          key={nodeId}\n          nodeId={nodeId}\n          number={number}\n          current={nodeId === current}\n        />\n      ))}\n    </ViewportPortal>\n  );\n});\n","import { memo, type ReactNode } from \"react\";\nimport { Panel } from \"@xyflow/react\";\nimport * as Tooltip from \"@radix-ui/react-tooltip\";\nimport { Map, Maximize2, Zap } from \"lucide-react\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\n\nexport type CanvasLevel = {\n  description: string;\n  active: boolean;\n  /** Why the level is greyed out (e.g. the diagram doesn't have it), shown on hover */\n  disabledReason?: string;\n  onSelect: () => void;\n};\n\n/** A tool for the kind of resource shown (e.g. a domain's) */\nexport type CanvasTool = {\n  label: string;\n  icon: ReactNode;\n  active: boolean;\n  onClick: () => void;\n};\n\ninterface CanvasToolbarProps {\n  /** Levels of detail, shown as L1, L2, ... */\n  levels: CanvasLevel[];\n  /** Tools for the resource shown, between the levels and the canvas tools */\n  tools?: CanvasTool[];\n  animateMessages: boolean;\n  toggleAnimateMessages: () => void;\n  /** Hide the \"Simulate messages\" action (e.g. on the Context Diagram). */\n  hideAnimateMessages?: boolean;\n  showMinimap: boolean;\n  setShowMinimap: (value: boolean) => void;\n  handleFitView: () => void;\n}\n\nconst ToolbarButton = ({\n  label,\n  hint,\n  active = false,\n  disabled = false,\n  onClick,\n  children,\n}: {\n  label: string;\n  /** Shown under the label on hover */\n  hint?: string;\n  active?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  children: ReactNode;\n}) => {\n  const portalContainer = usePortalContainer();\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <button\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={active}\n          // Not `disabled`, which would stop the tooltip explaining why showing\n          aria-disabled={disabled || undefined}\n          onClick={disabled ? undefined : onClick}\n          className={`flex items-center justify-center w-8 h-8 rounded-md transition-colors ${\n            disabled\n              ? \"opacity-40 cursor-not-allowed text-[rgb(var(--ec-page-text-muted))]\"\n              : active\n                ? \"bg-[rgb(var(--ec-catalog-accent,79_70_229)/0.15)] text-[rgb(var(--ec-catalog-accent,79_70_229))] hover:bg-[rgb(var(--ec-catalog-accent,79_70_229)/0.22)]\"\n                : \"text-[rgb(var(--ec-page-text-muted))] hover:bg-[rgb(var(--ec-catalog-accent,79_70_229)/0.08)] hover:text-[rgb(var(--ec-page-text))]\"\n          }`}\n        >\n          {children}\n        </button>\n      </Tooltip.Trigger>\n      <Tooltip.Portal container={portalContainer}>\n        <Tooltip.Content\n          side=\"top\"\n          sideOffset={8}\n          className=\"z-50 max-w-[240px] rounded-md bg-[rgb(var(--ec-page-text))] px-2 py-1 text-xs text-[rgb(var(--ec-page-bg))] shadow-md\"\n        >\n          {label}\n          {hint && <div className=\"mt-0.5 opacity-70\">{hint}</div>}\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\nconst Divider = () => (\n  <div className=\"w-px h-5 mx-1 bg-[rgb(var(--ec-page-border))]\" />\n);\n\n/**\n * Floating action bar at the bottom of the canvas for quick view actions.\n */\nconst CanvasToolbar = memo(function CanvasToolbar({\n  levels,\n  tools = [],\n  animateMessages,\n  toggleAnimateMessages,\n  hideAnimateMessages = false,\n  showMinimap,\n  setShowMinimap,\n  handleFitView,\n}: CanvasToolbarProps) {\n  return (\n    <Panel position=\"bottom-center\">\n      <Tooltip.Provider delayDuration={300}>\n        <div className=\"flex items-center gap-0.5 p-1 rounded-lg border border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-card-bg))] shadow-md\">\n          {levels.length > 0 && (\n            <div\n              role=\"group\"\n              aria-label=\"Level of detail\"\n              className=\"flex items-center gap-0.5\"\n            >\n              {levels.map((level, index) => (\n                <ToolbarButton\n                  key={level.description}\n                  label={`Level ${index + 1}: ${level.description}`}\n                  hint={level.disabledReason}\n                  active={level.active}\n                  disabled={!!level.disabledReason}\n                  onClick={level.onSelect}\n                >\n                  <span className=\"text-xs font-semibold\">L{index + 1}</span>\n                </ToolbarButton>\n              ))}\n            </div>\n          )}\n          {tools.length > 0 && (\n            <>\n              {levels.length > 0 && <Divider />}\n              {tools.map((tool) => (\n                <ToolbarButton\n                  key={tool.label}\n                  label={tool.label}\n                  active={tool.active}\n                  onClick={tool.onClick}\n                >\n                  {tool.icon}\n                </ToolbarButton>\n              ))}\n            </>\n          )}\n          {(levels.length > 0 || tools.length > 0) && !hideAnimateMessages && (\n            <Divider />\n          )}\n          {!hideAnimateMessages && (\n            <ToolbarButton\n              label=\"Simulate messages\"\n              active={animateMessages}\n              onClick={toggleAnimateMessages}\n            >\n              <Zap className=\"w-4 h-4\" />\n            </ToolbarButton>\n          )}\n          {(levels.length > 0 || tools.length > 0 || !hideAnimateMessages) && (\n            <Divider />\n          )}\n          <ToolbarButton\n            label={showMinimap ? \"Hide minimap\" : \"Show minimap\"}\n            active={showMinimap}\n            onClick={() => setShowMinimap(!showMinimap)}\n          >\n            <Map className=\"w-4 h-4\" />\n          </ToolbarButton>\n          <ToolbarButton label=\"Fit to view\" onClick={handleFitView}>\n            <Maximize2 className=\"w-4 h-4\" />\n          </ToolbarButton>\n        </div>\n      </Tooltip.Provider>\n    </Panel>\n  );\n});\n\nexport default CanvasToolbar;\n","import { memo, useEffect, useState, type ReactElement } from \"react\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronDown, Group, Layers, Ungroup, X } from \"lucide-react\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport { isTyping } from \"../utils/keyboard\";\nimport { LANE_ICONS, LANE_TINTS } from \"../nodes/SwimlaneNode\";\nimport {\n  SWIMLANE_GROUP_BY_LABELS,\n  type FlowGroupBy,\n  type FlowGroupStyle,\n  type SwimlaneGroupBy,\n} from \"../utils/swimlanes\";\n\ninterface SwimlanePickerProps {\n  /** The ways the flow can be grouped (those its steps have groups for) */\n  options: FlowGroupBy[];\n  /** How many groups each way of grouping makes */\n  counts: Partial<Record<FlowGroupBy, number>>;\n  value: FlowGroupBy | null;\n  style: FlowGroupStyle;\n  onChange: (value: FlowGroupBy | null, style: FlowGroupStyle) => void;\n}\n\nconst OPTIONS: Record<\n  FlowGroupBy,\n  {\n    label: string;\n    level: SwimlaneGroupBy;\n    noun: string;\n    hint?: string;\n    icon?: typeof Layers;\n  }\n> = {\n  domain: {\n    label: SWIMLANE_GROUP_BY_LABELS.domain,\n    level: \"domain\",\n    noun: \"domain\",\n  },\n  system: {\n    label: SWIMLANE_GROUP_BY_LABELS.system,\n    level: \"system\",\n    noun: \"system\",\n  },\n  team: { label: SWIMLANE_GROUP_BY_LABELS.team, level: \"team\", noun: \"team\" },\n  \"domain-system\": {\n    label: SWIMLANE_GROUP_BY_LABELS[\"domain-system\"],\n    level: \"domain\",\n    noun: \"domain\",\n    hint: \"Systems nested in their domain\",\n    icon: Layers,\n  },\n};\n\nconst plural = (count: number, noun: string) =>\n  `${count} ${noun}${count === 1 ? \"\" : \"s\"}`;\n\nconst rowClassName =\n  \"flex items-center gap-2.5 px-2 py-1.5 rounded-md text-xs cursor-pointer outline-none transition-colors text-[rgb(var(--ec-page-text))] data-[highlighted]:bg-[rgb(var(--ec-catalog-accent,79_70_229)/0.05)] data-[state=checked]:bg-[rgb(var(--ec-catalog-accent,79_70_229)/0.14)] data-[state=checked]:font-semibold\";\n\nconst sectionLabelClassName =\n  \"px-2 pt-1 pb-1.5 text-[10px] font-semibold uppercase tracking-wider text-[rgb(var(--ec-page-text-muted))]\";\n\n/** What a way of grouping looks like: its icon, in the colour of its groups */\nconst LevelIcon = ({\n  level,\n  icon,\n}: {\n  level: SwimlaneGroupBy | null;\n  icon?: typeof Layers;\n}) => {\n  const Icon = icon ?? (level ? LANE_ICONS[level] : Ungroup);\n  const tint = level ? LANE_TINTS[level] : \"var(--ec-page-text-muted)\";\n  return (\n    <span\n      className=\"flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md\"\n      style={{\n        background: `rgba(${tint}, 0.12)`,\n        color: `rgb(${tint})`,\n      }}\n    >\n      <Icon className=\"h-3.5 w-3.5\" />\n    </span>\n  );\n};\n\n// Small pictures of the two ways groups are shown\nconst BoxesPreview = () => (\n  <svg viewBox=\"0 0 64 36\" className=\"h-9 w-16\" aria-hidden>\n    <rect\n      x=\"2\"\n      y=\"4\"\n      width=\"26\"\n      height=\"28\"\n      rx=\"4\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.1\"\n      stroke=\"currentColor\"\n      strokeOpacity=\"0.5\"\n      strokeWidth=\"1.5\"\n    />\n    <rect\n      x=\"34\"\n      y=\"10\"\n      width=\"28\"\n      height=\"18\"\n      rx=\"4\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.1\"\n      stroke=\"currentColor\"\n      strokeOpacity=\"0.5\"\n      strokeWidth=\"1.5\"\n    />\n    <rect\n      x=\"8\"\n      y=\"10\"\n      width=\"14\"\n      height=\"6\"\n      rx=\"1.5\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.6\"\n    />\n    <rect\n      x=\"8\"\n      y=\"20\"\n      width=\"14\"\n      height=\"6\"\n      rx=\"1.5\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.6\"\n    />\n    <rect\n      x=\"41\"\n      y=\"16\"\n      width=\"14\"\n      height=\"6\"\n      rx=\"1.5\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.6\"\n    />\n  </svg>\n);\nconst LanesPreview = () => (\n  <svg viewBox=\"0 0 64 36\" className=\"h-9 w-16\" aria-hidden>\n    {[2, 13, 24].map((y) => (\n      <rect\n        key={y}\n        x=\"1\"\n        y={y}\n        width=\"62\"\n        height=\"10\"\n        fill=\"currentColor\"\n        fillOpacity={y === 13 ? 0.16 : 0.08}\n      />\n    ))}\n    <rect\n      x=\"1\"\n      y=\"2\"\n      width=\"4\"\n      height=\"32\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.35\"\n    />\n    <rect\n      x=\"10\"\n      y=\"4\"\n      width=\"12\"\n      height=\"6\"\n      rx=\"1.5\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.6\"\n    />\n    <rect\n      x=\"28\"\n      y=\"15\"\n      width=\"12\"\n      height=\"6\"\n      rx=\"1.5\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.6\"\n    />\n    <rect\n      x=\"46\"\n      y=\"26\"\n      width=\"12\"\n      height=\"6\"\n      rx=\"1.5\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.6\"\n    />\n  </svg>\n);\n\nconst STYLES: {\n  value: FlowGroupStyle;\n  label: string;\n  Preview: () => ReactElement;\n}[] = [\n  { value: \"boxes\", label: \"Boxes\", Preview: BoxesPreview },\n  { value: \"lanes\", label: \"Lanes\", Preview: LanesPreview },\n];\n\n/**\n * Picks what a flow's steps are grouped by, if anything, and whether the\n * groups are boxes around their steps or full-width lanes. A single button\n * (showing the grouping, with a button to clear it) that opens a menu; G\n * opens it too. The menu stays open while choosing, so ways of grouping can\n * be compared.\n */\nexport default memo(function SwimlanePicker({\n  options,\n  counts,\n  value,\n  style,\n  onChange,\n}: SwimlanePickerProps) {\n  const portalContainer = usePortalContainer();\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key.toLowerCase() !== \"g\" ||\n        event.metaKey ||\n        event.ctrlKey ||\n        event.altKey ||\n        isTyping(event.target)\n      )\n        return;\n      event.preventDefault();\n      setOpen((isOpen) => !isOpen);\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, []);\n\n  const choose = (next: string) => {\n    const groupBy = next === \"none\" ? null : (next as FlowGroupBy);\n    // Only boxes nest, so domains with their systems are always boxes\n    onChange(groupBy, groupBy === \"domain-system\" ? \"boxes\" : style);\n  };\n  const current = value ? OPTIONS[value] : null;\n\n  return (\n    <div className=\"flex items-stretch h-10 rounded-md border border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-card-bg))] shadow-sm\">\n      <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n        <DropdownMenu.Trigger asChild>\n          <button\n            type=\"button\"\n            title=\"Group steps (G)\"\n            className={`flex items-center gap-2 pl-3 pr-2.5 text-sm outline-none transition-colors hover:bg-[rgb(var(--ec-catalog-accent,79_70_229)/0.06)] focus-visible:ring-2 focus-visible:ring-[rgb(var(--ec-catalog-accent,79_70_229))] ${value ? \"rounded-l-md\" : \"rounded-md\"}`}\n          >\n            <Group className=\"h-4 w-4 text-[rgb(var(--ec-page-text-muted))]\" />\n            <span className=\"text-[rgb(var(--ec-page-text-muted))]\">\n              Group by\n            </span>\n            {current && (\n              <span\n                className={`font-semibold text-[rgb(var(--ec-catalog-accent,79_70_229))]`}\n              >\n                {current.label}\n              </span>\n            )}\n            <ChevronDown\n              className={`h-3.5 w-3.5 text-[rgb(var(--ec-page-text-muted))] transition-transform`}\n              style={open ? { transform: \"rotate(180deg)\" } : undefined}\n            />\n          </button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal container={portalContainer}>\n          <DropdownMenu.Content\n            align=\"end\"\n            sideOffset={6}\n            className=\"z-50 w-80 p-1.5 rounded-lg border border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-card-bg))] shadow-xl animate-in fade-in zoom-in-95 duration-150\"\n          >\n            <DropdownMenu.Label className={sectionLabelClassName}>\n              Group steps by\n            </DropdownMenu.Label>\n            <DropdownMenu.RadioGroup\n              value={value ?? \"none\"}\n              onValueChange={choose}\n            >\n              <DropdownMenu.RadioItem\n                value=\"none\"\n                className={rowClassName}\n                onSelect={(event) => event.preventDefault()}\n              >\n                <LevelIcon level={null} />\n                <span className=\"flex-1 font-medium\">Nothing</span>\n                <DropdownMenu.ItemIndicator>\n                  <Check\n                    className={`h-3.5 w-3.5 text-[rgb(var(--ec-catalog-accent,79_70_229))]`}\n                  />\n                </DropdownMenu.ItemIndicator>\n              </DropdownMenu.RadioItem>\n              {options.map((option) => {\n                const { label, level, noun, hint, icon } = OPTIONS[option];\n                const count = counts[option] ?? 0;\n                return (\n                  <DropdownMenu.RadioItem\n                    key={option}\n                    value={option}\n                    className={rowClassName}\n                    onSelect={(event) => event.preventDefault()}\n                  >\n                    <LevelIcon level={level} icon={icon} />\n                    <span className=\"flex-1 min-w-0\">\n                      <span className=\"block font-medium\">{label}</span>\n                      {hint && (\n                        <span className=\"block text-[11px] text-[rgb(var(--ec-page-text-muted))]\">\n                          {hint}\n                        </span>\n                      )}\n                    </span>\n                    <span className=\"text-[11px] tabular-nums text-[rgb(var(--ec-page-text-muted))]\">\n                      {plural(count, noun)}\n                    </span>\n                    <span className=\"w-3.5\">\n                      <DropdownMenu.ItemIndicator>\n                        <Check\n                          className={`h-3.5 w-3.5 text-[rgb(var(--ec-catalog-accent,79_70_229))]`}\n                        />\n                      </DropdownMenu.ItemIndicator>\n                    </span>\n                  </DropdownMenu.RadioItem>\n                );\n              })}\n            </DropdownMenu.RadioGroup>\n\n            <DropdownMenu.Separator className=\"my-1.5 h-px bg-[rgb(var(--ec-page-border))]\" />\n\n            <DropdownMenu.Label className={sectionLabelClassName}>\n              Show groups as\n            </DropdownMenu.Label>\n            <DropdownMenu.RadioGroup\n              value={style}\n              onValueChange={(next) => onChange(value, next as FlowGroupStyle)}\n              className=\"grid grid-cols-2 gap-1.5 px-0.5 pb-0.5\"\n            >\n              {STYLES.map(({ value: option, label, Preview }) => {\n                const active = !!value && style === option;\n                // Lanes don't nest: domains with their systems show as domains\n                const note =\n                  option === \"lanes\" && value === \"domain-system\"\n                    ? \"Domains only\"\n                    : null;\n                return (\n                  <DropdownMenu.RadioItem\n                    key={option}\n                    value={option}\n                    disabled={!value}\n                    onSelect={(event) => event.preventDefault()}\n                    className={`flex flex-col items-center gap-1 rounded-md border px-2 pt-2 pb-1.5 text-xs outline-none cursor-pointer transition-colors data-[disabled]:cursor-not-allowed data-[disabled]:opacity-40 ${\n                      active\n                        ? `border-[rgb(var(--ec-catalog-accent,79_70_229))] bg-[rgb(var(--ec-catalog-accent,79_70_229)/0.08)] text-[rgb(var(--ec-catalog-accent,79_70_229))]`\n                        : `border-[rgb(var(--ec-page-border))] text-[rgb(var(--ec-page-text-muted))] data-[highlighted]:border-[rgb(var(--ec-catalog-accent,79_70_229)/0.5)] data-[highlighted]:text-[rgb(var(--ec-page-text))]`\n                    }`}\n                  >\n                    <Preview />\n                    <span className={active ? \"font-semibold\" : \"font-medium\"}>\n                      {label}\n                    </span>\n                    {note && (\n                      <span className=\"text-[10px] text-[rgb(var(--ec-page-text-muted))]\">\n                        {note}\n                      </span>\n                    )}\n                  </DropdownMenu.RadioItem>\n                );\n              })}\n            </DropdownMenu.RadioGroup>\n            {!value && (\n              <p className=\"px-2 pt-1.5 pb-0.5 text-[11px] text-[rgb(var(--ec-page-text-muted))]\">\n                Pick something to group by first.\n              </p>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n      {value && (\n        <button\n          type=\"button\"\n          aria-label=\"Stop grouping\"\n          title=\"Stop grouping\"\n          onClick={() => onChange(null, style)}\n          className={`flex items-center px-2 rounded-r-md border-l border-[rgb(var(--ec-page-border))] text-[rgb(var(--ec-page-text-muted))] outline-none transition-colors hover:bg-[rgb(var(--ec-catalog-accent,79_70_229)/0.06)] hover:text-[rgb(var(--ec-page-text))] focus-visible:ring-2 focus-visible:ring-[rgb(var(--ec-catalog-accent,79_70_229))]`}\n        >\n          <X className=\"h-3.5 w-3.5\" />\n        </button>\n      )}\n    </div>\n  );\n});\n","import { memo } from \"react\";\nimport type { NodeProps } from \"@xyflow/react\";\nimport { Boxes, Globe, Group, HelpCircle, Users } from \"lucide-react\";\nimport {\n  LANE_HEADER_WIDTH,\n  LANE_LABEL,\n  type SwimlaneGroupBy,\n  type SwimlaneNodeData,\n} from \"../utils/swimlanes\";\n\nexport const LANE_ICONS: Record<SwimlaneGroupBy, typeof Boxes> = {\n  domain: Boxes,\n  system: Group,\n  team: Users,\n};\n\n// Lanes are tinted in the colour of what they group (as the domain and system\n// boundary boxes are), every other lane a little more so neighbouring lanes\n// are easy to tell apart. External and unassigned lanes are grey. Colours are\n// comma separated for rgba(), as the visualiser's theme variables are.\nexport const LANE_TINTS: Record<SwimlaneGroupBy, string> = {\n  domain: \"234, 179, 8\",\n  system: \"139, 92, 246\",\n  team: \"14, 165, 233\",\n};\nconst NEUTRAL_TINT = \"var(--ec-page-text)\";\nconst tinted = (tint: string, alpha: number) => `rgba(${tint}, ${alpha})`;\n\n// The name runs down the lane's header\nconst VERTICAL_LABEL_STYLE = { transform: \"rotate(90deg)\" } as const;\n\n// A lane has lines above and below; a box is outlined, with rounded corners\nconst BOX_RADIUS = 12;\nconst laneStyle = (tint: string, shaded: boolean, box: boolean) =>\n  ({\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    background: tinted(tint, shaded ? 0.1 : 0.05),\n    ...(box\n      ? {\n          border: `2px solid ${tinted(tint, 0.45)}`,\n          borderRadius: BOX_RADIUS,\n          overflow: \"hidden\",\n        }\n      : {\n          borderTop: `2px solid ${tinted(tint, 0.3)}`,\n          borderBottom: `2px solid ${tinted(tint, 0.3)}`,\n        }),\n  }) as const;\n\n// The header is opaque (the lane's tint over the card background), so the\n// lane's name stays readable over the canvas dots\nconst headerStyle = (tint: string) =>\n  ({\n    width: LANE_HEADER_WIDTH,\n    flexShrink: 0,\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    borderRight: `2px solid ${tinted(tint, 0.3)}`,\n    background: `linear-gradient(${tinted(tint, 0.14)}, ${tinted(tint, 0.14)}), rgb(var(--ec-card-bg))`,\n  }) as const;\n\n// Reads bottom to top, like the lanes of a process diagram\nconst LABEL_STYLE = {\n  writingMode: \"vertical-rl\",\n  transform: \"rotate(180deg)\",\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: LANE_LABEL.gap,\n  whiteSpace: \"nowrap\",\n  // Large, as flows are usually zoomed out to fit\n  fontSize: LANE_LABEL.fontSize,\n  fontWeight: 700,\n  letterSpacing: \"0.01em\",\n  color: \"rgb(var(--ec-page-text))\",\n} as const;\n\n/**\n * A group of flow steps that belong to one domain, system or team, with its\n * name down the left-hand side: a full-width swimlane (sized and positioned\n * by `layoutSwimlanes`), or a box around its steps (by `groupIntoBoxes`).\n */\nexport default memo(function SwimlaneNode({ data }: NodeProps) {\n  const { label, level, kind, index, style } =\n    data as unknown as SwimlaneNodeData;\n  const Icon =\n    kind === \"external\"\n      ? Globe\n      : kind === \"unassigned\"\n        ? HelpCircle\n        : LANE_ICONS[level];\n\n  const tint = kind === \"lane\" ? LANE_TINTS[level] : NEUTRAL_TINT;\n  const box = style === \"boxes\";\n\n  return (\n    <div style={laneStyle(tint, !box && index % 2 === 1, box)}>\n      <div style={headerStyle(tint)}>\n        <div style={LABEL_STYLE}>\n          <Icon\n            size={LANE_LABEL.iconSize}\n            style={VERTICAL_LABEL_STYLE}\n            color=\"rgb(var(--ec-page-text-muted))\"\n          />\n          <span\n            style={\n              kind === \"lane\"\n                ? undefined\n                : { color: \"rgb(var(--ec-page-text-muted))\" }\n            }\n          >\n            {label}\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n});\n","// Can't use the CollectionEntry type from astro:content  because a client component is using this util\n\nimport { MarkerType, Position, type Edge, type Node } from \"@xyflow/react\";\n\ninterface BaseCollectionData {\n  id: string;\n  version: string;\n}\n\ninterface CollectionItem {\n  collection: string;\n  data: BaseCollectionData;\n}\n\ninterface MessageCollectionItem extends CollectionItem {\n  collection: \"commands\" | \"events\" | \"queries\";\n}\n\nexport const generateIdForNode = (node: CollectionItem) => {\n  return `${node.data.id}-${node.data.version}`;\n};\nexport const generateIdForNodes = (nodes: any) => {\n  return nodes\n    .map((node: any) => `${node.data.id}-${node.data.version}`)\n    .join(\"-\");\n};\nexport const generatedIdForEdge = (\n  source: CollectionItem,\n  target: CollectionItem,\n) => {\n  return `${source.data.id}-${source.data.version}-${target.data.id}-${target.data.version}`;\n};\n\nexport const getColorFromString = (id: string) => {\n  // Takes the given id (string) and returns a custom hex color based on the id\n  // Create a hash from the string\n  let hash = 0;\n  for (let i = 0; i < id.length; i++) {\n    hash = id.charCodeAt(i) + ((hash << 5) - hash);\n  }\n\n  // Convert the hash into a hex color\n  let color = \"#\";\n  for (let i = 0; i < 3; i++) {\n    const value = (hash >> (i * 8)) & 0xff;\n    color += value.toString(16).padStart(2, \"0\");\n  }\n\n  return color;\n};\n\nexport const getEdgeLabelForServiceAsTarget = (data: MessageCollectionItem) => {\n  const type = data.collection;\n  switch (type) {\n    case \"commands\":\n      return \"invokes\";\n    case \"events\":\n      return \"publishes \\nevent\";\n    case \"queries\":\n      return \"requests\";\n    default:\n      return \"sends to\";\n  }\n};\nexport const getEdgeLabelForMessageAsSource = (\n  data: MessageCollectionItem,\n  throughChannel = false,\n) => {\n  const type = data.collection;\n  switch (type) {\n    case \"commands\":\n      return \"accepts\";\n    case \"events\":\n      return throughChannel ? \"subscribed to\" : \"subscribed by\";\n    case \"queries\":\n      return \"accepts\";\n    default:\n      return \"sends to\";\n  }\n};\n\n/**\n * Rough size of an edge label, so the layout can leave room for it on its edge\n */\nexport const getEdgeLabelSize = (label: unknown) => {\n  if (typeof label !== \"string\" || !label.trim())\n    return { width: 0, height: 0 };\n  const lines = label.split(\"\\n\");\n  const longestLine = Math.max(...lines.map((line) => line.trim().length));\n  return { width: longestLine * 6 + 20, height: lines.length * 14 + 12 };\n};\n\nexport const createEdge = (edgeOptions: Edge): Edge => {\n  return {\n    label: \"subscribed by\",\n    animated: false,\n    // markerStart: {\n    //   type: MarkerType.Arrow,\n    //   width: 40,\n    //   height: 40,\n    // },\n    markerEnd: {\n      type: MarkerType.ArrowClosed,\n      width: 40,\n      height: 40,\n      color: \"rgb(var(--ec-page-text-muted))\",\n    },\n    style: {\n      strokeWidth: 1.5,\n      stroke: \"rgb(var(--ec-page-text-muted))\",\n      strokeDasharray: \"5 5\",\n    },\n    ...edgeOptions,\n  };\n};\n\nexport const createNode = (values: Node): Node => {\n  return {\n    sourcePosition: Position.Right,\n    targetPosition: Position.Left,\n    ...values,\n  };\n};\n","import type { Edge, Node } from \"@xyflow/react\";\nimport type {\n  ELK,\n  ElkExtendedEdge,\n  ElkNode,\n  ElkPort,\n  LayoutOptions,\n} from \"elkjs/lib/elk-api\";\nimport { getEdgeLabelSize } from \"./utils/utils\";\n\nexport type LayoutGraph = { nodes: Node[]; edges: Edge[] };\nexport type LayoutSize = { width: number; height: number };\nexport type EdgeRoute = {\n  points: { x: number; y: number }[];\n  label?: { x: number; y: number };\n  /** Where the edge's source and target were laid out (top-left, in the flow) */\n  source?: { x: number; y: number };\n  target?: { x: number; y: number };\n};\n\n// The size each node type renders at (at most), for nodes that haven't been\n// rendered (and measured) yet, e.g. when laying a graph out on the server\nconst DEFAULT_SIZE: LayoutSize = { width: 240, height: 112 };\nconst NODE_SIZES: Record<string, LayoutSize> = {\n  events: { width: 240, height: 104 },\n  commands: { width: 240, height: 126 },\n  queries: { width: 240, height: 126 },\n  services: { width: 240, height: 112 },\n  data: { width: 240, height: 108 },\n  systems: { width: 240, height: 120 },\n  system: { width: 240, height: 120 },\n  \"context-domain\": { width: 240, height: 112 },\n  \"context-actor\": { width: 180, height: 80 },\n  actor: { width: 180, height: 80 },\n  note: { width: 200, height: 150 },\n  step: { width: 240, height: 80 },\n  // Groups with nothing in them (groups with children are sized to fit them)\n  \"domain-group\": { width: 320, height: 160 },\n  \"system-group\": { width: 320, height: 160 },\n};\n\n// Nodes sized by their style, like groups: an empty one needs a size too\nconst GROUP_TYPES = new Set([\"domain-group\", \"system-group\", \"group\"]);\n\n/** The size a node is laid out at: as rendered, or an estimate for its type */\nexport const getNodeSize = (node: Node): LayoutSize => {\n  if (node.measured?.width && node.measured?.height) {\n    return { width: node.measured.width, height: node.measured.height };\n  }\n  if (typeof node.width === \"number\" && typeof node.height === \"number\") {\n    return { width: node.width, height: node.height };\n  }\n  // Domains list their services, so grow with them\n  if (node.type === \"domains\" || node.type === \"domain\") {\n    const services = (node.data as any)?.domain?.data?.services || [];\n    return { width: 260, height: 60 + services.length * 40 };\n  }\n  return NODE_SIZES[node.type || \"\"] ?? DEFAULT_SIZE;\n};\n\n// Room for a group's header above its children\nconst GROUP_PADDING = \"[top=100,left=40,bottom=40,right=40]\";\n\n// Space between nodes and edges. Set on every group as well as the graph, as\n// groups don't take it from the graph (they'd use ELK's much tighter defaults)\nconst SPACING = {\n  \"elk.layered.spacing.nodeNodeBetweenLayers\": \"60\",\n  \"elk.spacing.nodeNode\": \"40\",\n  \"elk.spacing.edgeNode\": \"25\",\n  \"elk.spacing.edgeEdge\": \"15\",\n};\n\n// Large graphs (e.g. a big domain) use cheaper settings: the nicest node\n// placement takes minutes on a few thousand edges, these take a second or two\nconst LARGE_GRAPH_NODES = 80;\nconst LARGE_GRAPH_EDGES = 200;\nconst LARGE_GRAPH_OPTIONS: LayoutOptions = {\n  \"elk.layered.nodePlacement.strategy\": \"BRANDES_KOEPF\",\n  \"elk.layered.thoroughness\": \"1\",\n  \"elk.layered.crossingMinimization.greedySwitch.type\": \"OFF\",\n};\n\nlet elk: ELK | undefined;\n// Loaded when first needed, so pages that never lay out in the browser don't download it\nconst getElk = async () => {\n  if (!elk) {\n    const { default: ELK } = await import(\"elkjs/lib/elk.bundled.js\");\n    elk = new ELK();\n  }\n  return elk;\n};\n\n/**\n * Lays a graph out with ELK (left to right). Nested groups (nodes other nodes\n * have as their `parentId`) are laid out in one pass with their children.\n * Edges are routed at right angles around nodes, each edge with its own\n * connection point so edges don't run on top of each other, and labels are\n * placed on their edge. Each edge keeps its type and gets its route (and label\n * position) in `data.route`, which the visualiser's edges are drawn along.\n *\n * Node positions are top-left corners (nodes get `origin: [0, 0]`), children\n * relative to their group. Groups are sized to fit their children.\n */\nexport const layoutWithElk = async (\n  { nodes, edges }: LayoutGraph,\n  { sizeOf = getNodeSize }: { sizeOf?: (node: Node) => LayoutSize } = {},\n): Promise<LayoutGraph> => {\n  const nodesById = new Map(nodes.map((node) => [node.id, node]));\n  const groupIds = new Set(\n    nodes\n      .map((node) => node.parentId)\n      .filter((id): id is string => !!id && nodesById.has(id)),\n  );\n  const parentOf = (node: Node) =>\n    node.parentId && groupIds.has(node.parentId) ? node.parentId : undefined;\n\n  // Each edge gets its own port, leaving from the right of its source and\n  // arriving at the left of its target, so ELK spreads edges out along a\n  // node's side rather than routing them all through one point. Edges to a\n  // specific handle (e.g. a service listed in a domain) share that handle's port.\n  const layoutEdges = edges.filter(\n    (edge) => nodesById.has(edge.source) && nodesById.has(edge.target),\n  );\n  const ports = new Map<string, ElkPort[]>();\n  const addPort = (\n    nodeId: string,\n    id: string,\n    side: \"EAST\" | \"WEST\",\n  ): string => {\n    const nodePorts = ports.get(nodeId) || [];\n    if (!nodePorts.some((port) => port.id === id)) {\n      ports.set(nodeId, [\n        ...nodePorts,\n        { id, layoutOptions: { \"elk.port.side\": side } },\n      ]);\n    }\n    return id;\n  };\n  const edgePorts = layoutEdges.map((edge, index) => ({\n    source: addPort(\n      edge.source,\n      edge.sourceHandle\n        ? `${edge.source}__${edge.sourceHandle}`\n        : `e${index}__out`,\n      \"EAST\",\n    ),\n    target: addPort(\n      edge.target,\n      edge.targetHandle\n        ? `${edge.target}__${edge.targetHandle}`\n        : `e${index}__in`,\n      \"WEST\",\n    ),\n  }));\n\n  const toElkNode = (node: Node): ElkNode => ({\n    id: node.id,\n    ...(groupIds.has(node.id)\n      ? {\n          children: nodes\n            .filter((child) => parentOf(child) === node.id)\n            .map(toElkNode),\n        }\n      : sizeOf(node)),\n    layoutOptions: {\n      \"elk.portConstraints\": \"FIXED_SIDE\",\n      ...(groupIds.has(node.id)\n        ? { \"elk.padding\": GROUP_PADDING, ...SPACING }\n        : {}),\n      // A node's own options (e.g. a group's padding) win\n      ...((node.data as { layoutOptions?: LayoutOptions } | undefined)\n        ?.layoutOptions ?? {}),\n    },\n    ports: ports.get(node.id) || [],\n  });\n\n  const layout = await (\n    await getElk()\n  ).layout({\n    id: \"root\",\n    layoutOptions: {\n      \"elk.algorithm\": \"layered\",\n      \"elk.direction\": \"RIGHT\",\n      \"elk.hierarchyHandling\": \"INCLUDE_CHILDREN\",\n      \"elk.edgeRouting\": \"ORTHOGONAL\",\n      // Edge routes in absolute coordinates (node positions stay relative to their parent)\n      \"elk.json.edgeCoords\": \"ROOT\",\n      \"elk.edgeLabels.placement\": \"CENTER\",\n      ...SPACING,\n      ...(nodes.length >= LARGE_GRAPH_NODES || edges.length >= LARGE_GRAPH_EDGES\n        ? LARGE_GRAPH_OPTIONS\n        : { \"elk.layered.nodePlacement.strategy\": \"NETWORK_SIMPLEX\" }),\n    },\n    children: nodes.filter((node) => !parentOf(node)).map(toElkNode),\n    edges: layoutEdges.map((edge, index) => ({\n      id: `e${index}`,\n      sources: [edgePorts[index].source],\n      targets: [edgePorts[index].target],\n      // Labels sit on their edge, rather than beside it (only works set per label)\n      labels: edge.label\n        ? [\n            {\n              text: String(edge.label),\n              ...getEdgeLabelSize(edge.label),\n              layoutOptions: { \"elk.edgeLabels.inline\": \"true\" },\n            },\n          ]\n        : [],\n    })),\n  });\n\n  const laidOut = new Map<string, ElkNode>();\n  const collect = (elkNode: ElkNode) =>\n    (elkNode.children || []).forEach((child) => {\n      laidOut.set(child.id, child);\n      collect(child);\n    });\n  collect(layout);\n\n  // Where a node was laid out in the flow (ELK positions are relative to the parent)\n  const absolute = (nodeId: string): { x: number; y: number } => {\n    const node = nodesById.get(nodeId);\n    const parent = node && parentOf(node);\n    const offset = parent ? absolute(parent) : { x: 0, y: 0 };\n    const elkNode = laidOut.get(nodeId);\n    return { x: offset.x + (elkNode?.x ?? 0), y: offset.y + (elkNode?.y ?? 0) };\n  };\n\n  const routes = new Map<Edge, EdgeRoute>();\n  (layout.edges || []).forEach((elkEdge: ElkExtendedEdge) => {\n    const section = elkEdge.sections?.[0];\n    if (!section) return;\n    const label = elkEdge.labels?.[0];\n    const edge = layoutEdges[Number(elkEdge.id.slice(1))];\n    routes.set(edge, {\n      points: [\n        section.startPoint,\n        ...(section.bendPoints || []),\n        section.endPoint,\n      ],\n      label: label\n        ? {\n            x: (label.x ?? 0) + (label.width ?? 0) / 2,\n            y: (label.y ?? 0) + (label.height ?? 0) / 2,\n          }\n        : undefined,\n      source: absolute(edge.source),\n      target: absolute(edge.target),\n    });\n  });\n\n  const depth = (node?: Node): number => {\n    const parent = node && parentOf(node);\n    return parent ? depth(nodesById.get(parent)) + 1 : 0;\n  };\n\n  return {\n    // Parents must come before their children in the array for React Flow\n    nodes: [...nodes]\n      .sort((a, b) => depth(a) - depth(b))\n      .map((node) => {\n        const elkNode = laidOut.get(node.id);\n        if (!elkNode) return node;\n        return {\n          ...node,\n          origin: [0, 0] as [number, number],\n          position: { x: elkNode.x ?? 0, y: elkNode.y ?? 0 },\n          ...(groupIds.has(node.id) ||\n          (GROUP_TYPES.has(node.type || \"\") &&\n            typeof node.style?.width !== \"number\")\n            ? {\n                style: {\n                  ...node.style,\n                  width: elkNode.width,\n                  height: elkNode.height,\n                },\n                // Re-measured at its new size\n                measured: undefined,\n              }\n            : {}),\n        };\n      }),\n    edges: edges.map((edge) => {\n      const route = routes.get(edge);\n      return route ? { ...edge, data: { ...edge.data, route } } : edge;\n    }),\n  };\n};\n","import type { Edge, Node } from \"@xyflow/react\";\nimport { getNodeSize, layoutWithElk, type LayoutSize } from \"./elk-layout\";\n\n/** The size a node is laid out at (by default, as last rendered or estimated) */\ntype SizeOf = (node: Node) => LayoutSize;\n\n/** What a flow's swimlanes group its steps by */\nexport type SwimlaneGroupBy = \"domain\" | \"system\" | \"team\";\n/** What a flow's steps can be grouped by: one of those, or domains with their systems in them */\nexport type FlowGroupBy = SwimlaneGroupBy | \"domain-system\";\n/**\n * How the groups are shown: full-width lanes stacked top to bottom, or boxes\n * around their steps (like the pools of a process diagram), placed by the layout\n */\nexport type FlowGroupStyle = \"lanes\" | \"boxes\";\n\nexport const SWIMLANE_NODE_TYPE = \"swimlane\";\n\n/** Every way a flow's steps can be grouped */\nexport const FLOW_GROUP_BYS: FlowGroupBy[] = [\n  \"domain\",\n  \"system\",\n  \"team\",\n  \"domain-system\",\n];\nexport const isFlowGroupBy = (value: unknown): value is FlowGroupBy =>\n  FLOW_GROUP_BYS.includes(value as FlowGroupBy);\nexport const isFlowGroupStyle = (value: unknown): value is FlowGroupStyle =>\n  value === \"lanes\" || value === \"boxes\";\n\nexport const SWIMLANE_GROUP_BY_LABELS: Record<FlowGroupBy, string> = {\n  domain: \"Domain\",\n  system: \"System\",\n  team: \"Team\",\n  \"domain-system\": \"Domain, then system\",\n};\n\n/** The lanes a node's resource belongs to (`data.lanes`, set by the catalog) */\ntype NodeLanes = Partial<\n  Record<SwimlaneGroupBy, { id: string; name: string }>\n> & { external?: boolean };\n\nexport type SwimlaneNodeData = {\n  label: string;\n  /** How the graph is grouped */\n  groupBy: FlowGroupBy;\n  /** What this group is (a domain, a system or a team), for its colour and icon */\n  level: SwimlaneGroupBy;\n  style: FlowGroupStyle;\n  /** The lane holds actors and external systems, or steps with no lane */\n  kind: \"lane\" | \"external\" | \"unassigned\";\n  /** Its place from the top, so neighbouring lanes can be told apart */\n  index: number;\n};\n\nconst EXTERNAL_LANE = \"__external\";\nconst UNASSIGNED_LANE = \"__unassigned\";\n\n// Room on the left of each lane for its name, around its nodes, and between rows\nexport const LANE_HEADER_WIDTH = 96;\nconst LANE_PADDING = { x: 48, y: 48 };\nconst ROW_GAP = 32;\nconst COLUMN_GAP = 24;\n\n// The lane's name runs down its header, next to an icon\nexport const LANE_LABEL = { fontSize: 20, iconSize: 20, gap: 10 };\n// Room above and below the name, so it never touches the lane's edges\nconst LANE_LABEL_PADDING = 40;\n// How long a name renders, roughly (bold, about 0.62em a character)\nconst labelLength = (label: string) =>\n  LANE_LABEL.iconSize +\n  LANE_LABEL.gap +\n  label.length * LANE_LABEL.fontSize * 0.62;\n\nconst lanesOf = (node: Node) =>\n  (node.data as { lanes?: NodeLanes } | undefined)?.lanes;\n\nexport const isSwimlaneNode = (node: Node) => node.type === SWIMLANE_NODE_TYPE;\n\n/** Whether any of the nodes belong to a group when grouped this way */\nexport const hasSwimlanes = (nodes: Node[], groupBy: FlowGroupBy): boolean =>\n  groupBy === \"domain-system\"\n    ? hasSwimlanes(nodes, \"domain\") && hasSwimlanes(nodes, \"system\")\n    : nodes.some((node) => !!lanesOf(node)?.[groupBy]);\n\n/**\n * How many groups the nodes make when grouped this way (domains, for domains\n * with their systems in them). Actors, external systems and steps that only\n * take a neighbour's group aren't counted.\n */\nexport const countGroups = (nodes: Node[], groupBy: FlowGroupBy): number => {\n  const level = groupBy === \"domain-system\" ? \"domain\" : groupBy;\n  return new Set(\n    nodes.map((node) => lanesOf(node)?.[level]?.id).filter(Boolean),\n  ).size;\n};\n\n/**\n * Which lane each node goes in. Nodes whose resource belongs to a domain,\n * system or team (services, agents, data stores...) go in its lane; actors\n * and external systems in the external lane. Other nodes (messages, custom\n * steps, sub-flows) go in the lane of the step that leads to them, or, for\n * steps at the start of the flow, of the step they lead to. Resources that\n * don't belong to a group of this kind are in no lane.\n */\nexport const assignLanes = (\n  nodes: Node[],\n  edges: Edge[],\n  groupBy: SwimlaneGroupBy,\n) => {\n  const laneOf = new Map<string, string>();\n  const names = new Map<string, string>();\n  nodes.forEach((node) => {\n    const lanes = lanesOf(node);\n    const lane = lanes?.[groupBy];\n    if (lane) {\n      laneOf.set(node.id, lane.id);\n      names.set(lane.id, lane.name);\n    } else if (lanes?.external) {\n      laneOf.set(node.id, EXTERNAL_LANE);\n    }\n  });\n\n  const ids = new Set(nodes.map((node) => node.id));\n  // Steps for resources belong where the catalog says (or nowhere), never\n  // where a neighbour does: a service with a domain but no system isn't in\n  // the system of the step before it\n  const ownLanes = new Set(\n    nodes.filter((node) => lanesOf(node)).map((node) => node.id),\n  );\n  const links = edges.filter(\n    (edge) => ids.has(edge.source) && ids.has(edge.target),\n  );\n  // Take the lane of a neighbour until nothing changes (a chain of messages\n  // and custom steps takes as many passes as it's long)\n  const inherit = (from: \"source\" | \"target\", to: \"source\" | \"target\") => {\n    let changed = true;\n    while (changed) {\n      changed = false;\n      links.forEach((edge) => {\n        const lane = laneOf.get(edge[from]);\n        if (lane && !laneOf.has(edge[to]) && !ownLanes.has(edge[to])) {\n          laneOf.set(edge[to], lane);\n          changed = true;\n        }\n      });\n    }\n  };\n  inherit(\"source\", \"target\");\n  inherit(\"target\", \"source\");\n  nodes.forEach((node) => {\n    if (!laneOf.has(node.id)) laneOf.set(node.id, UNASSIGNED_LANE);\n  });\n\n  return { laneOf, names };\n};\n\ntype Box = { x: number; y: number; width: number; height: number };\n\n/**\n * Lays a laid out flow out again in swimlanes: one full-width band per lane,\n * stacked top to bottom in the order the flow first reaches them (external\n * first, unassigned last). Nodes keep their place along the flow (x) and are\n * stacked in rows inside their lane where they'd overlap. Lanes are group\n * nodes their nodes are children of, so edges are drawn over them. Edges lose\n * the route the layout gave them, and are drawn as smooth steps instead.\n *\n * Only top level nodes are put in lanes (children of an expanded sub-flow stay\n * in it).\n */\nexport const layoutSwimlanes = (\n  { nodes, edges }: { nodes: Node[]; edges: Edge[] },\n  groupBy: SwimlaneGroupBy,\n  { sizeOf = getNodeSize }: { sizeOf?: SizeOf } = {},\n): { nodes: Node[]; edges: Edge[] } => {\n  const topLevel = nodes.filter((node) => !node.parentId);\n  if (topLevel.length === 0) return { nodes, edges };\n  const { laneOf, names } = assignLanes(topLevel, edges, groupBy);\n\n  const boxes = new Map<string, Box>(\n    topLevel.map((node) => [node.id, { ...node.position, ...sizeOf(node) }]),\n  );\n\n  // Lanes in the order the flow reaches them, external first, unassigned last\n  const order = (lane: string) =>\n    lane === EXTERNAL_LANE\n      ? -Infinity\n      : lane === UNASSIGNED_LANE\n        ? Infinity\n        : Math.min(\n            ...topLevel\n              .filter((node) => laneOf.get(node.id) === lane)\n              .map((node) => boxes.get(node.id)!.x),\n          );\n  const lanes = [...new Set(laneOf.values())].sort(\n    (a, b) => order(a) - order(b),\n  );\n\n  const minX = Math.min(...[...boxes.values()].map((box) => box.x));\n  const maxX = Math.max(...[...boxes.values()].map((box) => box.x + box.width));\n  const laneX = minX - LANE_HEADER_WIDTH - LANE_PADDING.x;\n  const laneWidth = maxX - laneX + LANE_PADDING.x;\n\n  const laneNodes: Node[] = [];\n  const positions = new Map<string, { x: number; y: number }>();\n  let laneY = 0;\n  lanes.forEach((lane, index) => {\n    // Top to bottom as laid out, each in the first row it doesn't overlap\n    const members = topLevel\n      .filter((node) => laneOf.get(node.id) === lane)\n      .sort((a, b) => boxes.get(a.id)!.y - boxes.get(b.id)!.y);\n    const rows: { boxes: Box[]; height: number }[] = [];\n    const rowOf = new Map<string, number>();\n    members.forEach((node) => {\n      const box = boxes.get(node.id)!;\n      const overlaps = (other: Box) =>\n        box.x < other.x + other.width + COLUMN_GAP &&\n        other.x < box.x + box.width + COLUMN_GAP;\n      let row = rows.findIndex((r) => !r.boxes.some(overlaps));\n      if (row === -1) {\n        rows.push({ boxes: [], height: 0 });\n        row = rows.length - 1;\n      }\n      rows[row].boxes.push(box);\n      rows[row].height = Math.max(rows[row].height, box.height);\n      rowOf.set(node.id, row);\n    });\n\n    const label =\n      lane === EXTERNAL_LANE\n        ? \"External\"\n        : lane === UNASSIGNED_LANE\n          ? `No ${SWIMLANE_GROUP_BY_LABELS[groupBy].toLowerCase()}`\n          : (names.get(lane) ?? lane);\n\n    // Tall enough for its rows and for its name, with the rows centred\n    const rowsHeight =\n      rows.reduce((total, row) => total + row.height, 0) +\n      ROW_GAP * (rows.length - 1);\n    const laneHeight = Math.max(\n      rowsHeight + LANE_PADDING.y * 2,\n      labelLength(label) + LANE_LABEL_PADDING * 2,\n    );\n    const rowTops: number[] = [];\n    let rowY = (laneHeight - rowsHeight) / 2;\n    rows.forEach((row) => {\n      rowTops.push(rowY);\n      rowY += row.height + ROW_GAP;\n    });\n\n    const laneId = `swimlane-${lane}`;\n    members.forEach((node) => {\n      const box = boxes.get(node.id)!;\n      const row = rowOf.get(node.id)!;\n      positions.set(node.id, {\n        x: box.x - laneX,\n        // Centred in its row\n        y: rowTops[row] + (rows[row].height - box.height) / 2,\n      });\n    });\n\n    laneNodes.push({\n      id: laneId,\n      type: SWIMLANE_NODE_TYPE,\n      position: { x: laneX, y: laneY },\n      origin: [0, 0],\n      style: { width: laneWidth, height: laneHeight },\n      draggable: false,\n      selectable: false,\n      focusable: false,\n      data: {\n        label,\n        groupBy,\n        level: groupBy,\n        style: \"lanes\",\n        kind:\n          lane === EXTERNAL_LANE\n            ? \"external\"\n            : lane === UNASSIGNED_LANE\n              ? \"unassigned\"\n              : \"lane\",\n        index,\n      } satisfies SwimlaneNodeData,\n    });\n    laneY += laneHeight;\n  });\n\n  return {\n    // Lanes come before their nodes, as React Flow needs parents first\n    nodes: [\n      ...laneNodes,\n      ...nodes.map((node) => {\n        const position = positions.get(node.id);\n        if (!position) return node;\n        return {\n          ...node,\n          parentId: `swimlane-${laneOf.get(node.id)}`,\n          origin: [0, 0] as [number, number],\n          position,\n        };\n      }),\n    ],\n    edges: edges.map((edge) => {\n      if (!(edge.data as { route?: unknown } | undefined)?.route) return edge;\n      const { route: _route, ...data } = edge.data as Record<string, unknown>;\n      return { ...edge, data };\n    }),\n  };\n};\n\n/** How a graph is grouped, if it is */\nexport const getGrouping = (\n  nodes: Node[],\n): { groupBy: FlowGroupBy; style: FlowGroupStyle } | null => {\n  const data = nodes.find(isSwimlaneNode)?.data as SwimlaneNodeData | undefined;\n  return data ? { groupBy: data.groupBy, style: data.style } : null;\n};\n\n/**\n * Takes a graph out of its groups (lanes or boxes): the groups go, and their\n * nodes stay where they are (their positions no longer relative to their\n * group). For laying a grouped graph out again, which lays it out without them.\n */\nexport const removeSwimlanes = ({\n  nodes,\n  edges,\n}: {\n  nodes: Node[];\n  edges: Edge[];\n}): { nodes: Node[]; edges: Edge[] } => {\n  const groups = new Map(\n    nodes.filter(isSwimlaneNode).map((group) => [group.id, group]),\n  );\n  if (groups.size === 0) return { nodes, edges };\n  // Where a group is in the flow (groups can be in groups)\n  const offset = (id: string | undefined): { x: number; y: number } => {\n    const group = id ? groups.get(id) : undefined;\n    if (!group) return { x: 0, y: 0 };\n    const parent = offset(group.parentId);\n    return { x: parent.x + group.position.x, y: parent.y + group.position.y };\n  };\n  return {\n    nodes: nodes\n      .filter((node) => !groups.has(node.id))\n      .map((node) => {\n        if (!node.parentId || !groups.has(node.parentId)) return node;\n        const { parentId, ...rest } = node;\n        const at = offset(parentId);\n        return {\n          ...rest,\n          position: { x: at.x + node.position.x, y: at.y + node.position.y },\n        };\n      }),\n    edges,\n  };\n};\n\n// Room around the steps in a box, and on its left for its name\nconst BOX_PADDING = 40;\n\n/**\n * Groups a flow's steps into boxes, one per domain, system or team (for\n * domains with their systems, a box per system inside its domain's box), and\n * lays the flow out again with them, so edges are routed around the boxes.\n * Steps go in the same group as they would in lanes; steps in no group stay\n * outside the boxes. Boxes are at least as tall as their name.\n *\n * Only top level nodes are put in boxes (children of an expanded sub-flow stay\n * in it).\n */\nexport const groupIntoBoxes = async (\n  { nodes, edges }: { nodes: Node[]; edges: Edge[] },\n  groupBy: FlowGroupBy,\n  { sizeOf = getNodeSize }: { sizeOf?: SizeOf } = {},\n): Promise<{ nodes: Node[]; edges: Edge[] }> => {\n  const topLevel = nodes.filter((node) => !node.parentId);\n  const levels: SwimlaneGroupBy[] =\n    groupBy === \"domain-system\" ? [\"domain\", \"system\"] : [groupBy];\n  const assignments = levels.map((level) =>\n    assignLanes(topLevel, edges, level),\n  );\n\n  const groups = new Map<string, Node>();\n  const parentOf = new Map<string, string>();\n  topLevel.forEach((node) => {\n    let parentId: string | undefined;\n    assignments.forEach(({ laneOf, names }, depth) => {\n      const lane = laneOf.get(node.id)!;\n      // External steps have one box, whatever they're grouped by\n      if (lane === UNASSIGNED_LANE || (depth > 0 && lane === EXTERNAL_LANE))\n        return;\n      const level = levels[depth];\n      const id = `${parentId ?? \"swimlane\"}__${level}-${lane}`;\n      if (!groups.has(id)) {\n        const label =\n          lane === EXTERNAL_LANE ? \"External\" : (names.get(lane) ?? lane);\n        const minHeight = labelLength(label) + LANE_LABEL_PADDING * 2;\n        groups.set(id, {\n          id,\n          type: SWIMLANE_NODE_TYPE,\n          ...(parentId && { parentId }),\n          position: { x: 0, y: 0 },\n          selectable: false,\n          focusable: false,\n          data: {\n            label,\n            groupBy,\n            level,\n            style: \"boxes\",\n            kind: lane === EXTERNAL_LANE ? \"external\" : \"lane\",\n            index: groups.size,\n            // Room for its name on the left, and at least as tall as it\n            layoutOptions: {\n              \"elk.padding\": `[top=${BOX_PADDING},left=${LANE_HEADER_WIDTH + BOX_PADDING},bottom=${BOX_PADDING},right=${BOX_PADDING}]`,\n              \"elk.nodeSize.constraints\": \"MINIMUM_SIZE\",\n              \"elk.nodeSize.minimum\": `(0, ${Math.ceil(minHeight)})`,\n            },\n          } satisfies SwimlaneNodeData & { layoutOptions: object },\n        });\n      }\n      parentId = id;\n    });\n    if (parentId) parentOf.set(node.id, parentId);\n  });\n\n  return layoutWithElk(\n    {\n      nodes: [\n        ...groups.values(),\n        ...nodes.map((node) => {\n          const parentId = parentOf.get(node.id);\n          return parentId ? { ...node, parentId } : node;\n        }),\n      ],\n      edges,\n    },\n    { sizeOf },\n  );\n};\n","import React, { useState, useCallback, useEffect } from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { XIcon, FocusIcon } from \"lucide-react\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport {\n  ReactFlowProvider,\n  type Node,\n  type Edge,\n  type NodeTypes,\n  type EdgeTypes,\n} from \"@xyflow/react\";\nimport FocusModeContent from \"./FocusMode/FocusModeContent\";\nimport { getNodeDisplayInfo } from \"./FocusMode/utils\";\nimport { useDarkMode } from \"../nodes/shared-styles\";\n\ninterface FocusModeModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  initialNodeId: string | null;\n  nodes: Node[];\n  edges: Edge[];\n  nodeTypes: NodeTypes;\n  edgeTypes: EdgeTypes;\n}\n\nconst FocusModeModal: React.FC<FocusModeModalProps> = ({\n  isOpen,\n  onClose,\n  initialNodeId,\n  nodes,\n  edges,\n  nodeTypes,\n  edgeTypes,\n}) => {\n  const [centerNodeId, setCenterNodeId] = useState<string | null>(\n    initialNodeId,\n  );\n  const isDark = useDarkMode();\n  const portalContainer = usePortalContainer();\n\n  // Reset center node when modal opens with new initial node\n  useEffect(() => {\n    if (isOpen && initialNodeId) {\n      setCenterNodeId(initialNodeId);\n    }\n  }, [isOpen, initialNodeId]);\n\n  const handleSwitchCenter = useCallback(\n    (newCenterNodeId: string, _direction: \"left\" | \"right\") => {\n      setCenterNodeId(newCenterNodeId);\n    },\n    [],\n  );\n\n  // Get center node info for title\n  const centerNode = centerNodeId\n    ? nodes.find((n) => n.id === centerNodeId)\n    : null;\n  const centerNodeInfo = centerNode ? getNodeDisplayInfo(centerNode) : null;\n\n  if (!centerNodeId) {\n    return null;\n  }\n\n  return (\n    <Dialog.Root open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <Dialog.Portal>\n        <div\n          className=\"eventcatalog-visualizer\"\n          style={{\n            position: \"fixed\",\n            inset: 0,\n            isolation: \"isolate\",\n            zIndex: 99999,\n          }}\n        >\n          <Dialog.Overlay\n            style={{\n              position: \"fixed\",\n              inset: 0,\n              background: isDark\n                ? \"rgba(0, 0, 0, 0.75)\"\n                : \"rgba(15, 23, 42, 0.55)\",\n              backdropFilter: \"blur(2px)\",\n            }}\n          />\n          <Dialog.Content\n            style={{\n              position: \"fixed\",\n              inset: \"5%\",\n              borderRadius: 12,\n              background: isDark ? \"#0f172a\" : \"#ffffff\",\n              border: `1px solid ${\n                isDark ? \"rgba(255,255,255,0.08)\" : \"rgba(0,0,0,0.08)\"\n              }`,\n              boxShadow: isDark\n                ? \"0 24px 48px rgba(0,0,0,0.5)\"\n                : \"0 24px 48px rgba(0,0,0,0.15)\",\n              outline: \"none\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              overflow: \"hidden\",\n            }}\n          >\n            {/* Header */}\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                padding: \"1rem 1.5rem\",\n                borderBottom: `1px solid ${\n                  isDark ? \"rgba(255,255,255,0.08)\" : \"rgba(0,0,0,0.08)\"\n                }`,\n                flexShrink: 0,\n              }}\n            >\n              <div style={{ display: \"flex\", alignItems: \"center\", gap: 12 }}>\n                <div\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    width: 40,\n                    height: 40,\n                    borderRadius: 10,\n                    background: isDark\n                      ? \"rgba(59, 130, 246, 0.18)\"\n                      : \"rgba(59, 130, 246, 0.12)\",\n                  }}\n                >\n                  <FocusIcon\n                    style={{\n                      width: 20,\n                      height: 20,\n                      color: isDark ? \"#93c5fd\" : \"#2563eb\",\n                    }}\n                  />\n                </div>\n                <div>\n                  <Dialog.Title\n                    style={{\n                      fontSize: 18,\n                      fontWeight: 600,\n                      color: isDark ? \"#f8fafc\" : \"#0f172a\",\n                    }}\n                  >\n                    Focus Mode\n                  </Dialog.Title>\n                  <Dialog.Description\n                    style={{\n                      marginTop: 2,\n                      fontSize: 14,\n                      color: isDark ? \"#94a3b8\" : \"#475569\",\n                    }}\n                  >\n                    {centerNodeInfo\n                      ? `Exploring: ${centerNodeInfo.name} - Click on connected nodes to navigate`\n                      : \"Explore node connections\"}\n                  </Dialog.Description>\n                </div>\n              </div>\n              <Dialog.Close asChild>\n                <button\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    width: 40,\n                    height: 40,\n                    borderRadius: 10,\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    background: \"transparent\",\n                    color: isDark ? \"#94a3b8\" : \"#64748b\",\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <XIcon style={{ width: 20, height: 20 }} />\n                </button>\n              </Dialog.Close>\n            </div>\n\n            {/* Content */}\n            <div style={{ flex: 1, overflow: \"hidden\" }}>\n              <ReactFlowProvider>\n                <FocusModeContent\n                  centerNodeId={centerNodeId}\n                  nodes={nodes}\n                  edges={edges}\n                  nodeTypes={nodeTypes}\n                  edgeTypes={edgeTypes}\n                  onSwitchCenter={handleSwitchCenter}\n                />\n              </ReactFlowProvider>\n            </div>\n          </Dialog.Content>\n        </div>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport default FocusModeModal;\n","import React, {\n  useMemo,\n  useCallback,\n  useEffect,\n  useState,\n  useRef,\n} from \"react\";\nimport {\n  ReactFlow,\n  Background,\n  Controls,\n  useReactFlow,\n  useNodesState,\n  useEdgesState,\n  type Node,\n  type Edge,\n  type NodeTypes,\n  type EdgeTypes,\n} from \"@xyflow/react\";\nimport { getConnectedNodes, getNodeDisplayInfo } from \"./utils\";\nimport FocusModeNodeActions from \"./FocusModeNodeActions\";\nimport FocusModePlaceholder from \"./FocusModePlaceholder\";\n\ninterface FocusModeContentProps {\n  centerNodeId: string;\n  nodes: Node[];\n  edges: Edge[];\n  nodeTypes: NodeTypes;\n  edgeTypes: EdgeTypes;\n  onSwitchCenter: (\n    newCenterNodeId: string,\n    direction: \"left\" | \"right\",\n  ) => void;\n}\n\nconst HORIZONTAL_SPACING = 450;\nconst VERTICAL_SPACING = 200;\nconst SLIDE_DURATION = 300;\n\nconst FocusModeContent: React.FC<FocusModeContentProps> = ({\n  centerNodeId,\n  nodes: allNodes,\n  edges: allEdges,\n  nodeTypes,\n  edgeTypes,\n  onSwitchCenter,\n}) => {\n  const { fitView } = useReactFlow();\n  const [isAnimating, setIsAnimating] = useState(false);\n  const [needsFitView, setNeedsFitView] = useState(false);\n  const [hoveredEdgeId, setHoveredEdgeId] = useState<string | null>(null);\n  const [isReady, setIsReady] = useState(false);\n  const reactFlowInitialized = useRef(false);\n  const animationTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (animationTimeoutRef.current) {\n        clearTimeout(animationTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  // Calculate focused nodes and edges with positions\n  const calculateFocusedGraph = useCallback(\n    (centerId: string) => {\n      const centerNode = allNodes.find((n) => n.id === centerId);\n      if (!centerNode) {\n        return { nodes: [], edges: [] };\n      }\n\n      const { leftNodes, rightNodes } = getConnectedNodes(\n        centerId,\n        allNodes,\n        allEdges,\n      );\n      const centerNodeInfo = getNodeDisplayInfo(centerNode);\n      const positionedNodes: Node[] = [];\n\n      // Center node at origin (strip parentId/extent so it renders independently)\n      positionedNodes.push({\n        ...centerNode,\n        parentId: undefined,\n        extent: undefined,\n        position: { x: 0, y: 0 },\n        style: { ...centerNode.style, opacity: 1 },\n        data: { ...centerNode.data, isFocusCenter: true },\n      });\n\n      // Left nodes (incoming) - strip parentId/extent so they render independently\n      leftNodes.forEach((node, index) => {\n        const yOffset = (index - (leftNodes.length - 1) / 2) * VERTICAL_SPACING;\n        positionedNodes.push({\n          ...node,\n          parentId: undefined,\n          extent: undefined,\n          position: { x: -HORIZONTAL_SPACING, y: yOffset },\n          style: { ...node.style, opacity: 1 },\n        });\n      });\n\n      // Right nodes (outgoing) - strip parentId/extent so they render independently\n      rightNodes.forEach((node, index) => {\n        const yOffset =\n          (index - (rightNodes.length - 1) / 2) * VERTICAL_SPACING;\n        positionedNodes.push({\n          ...node,\n          parentId: undefined,\n          extent: undefined,\n          position: { x: HORIZONTAL_SPACING, y: yOffset },\n          style: { ...node.style, opacity: 1 },\n        });\n      });\n\n      // Add placeholder nodes if no connections exist\n      if (leftNodes.length === 0) {\n        positionedNodes.push({\n          id: \"__placeholder-left__\",\n          type: \"placeholder\",\n          position: { x: -HORIZONTAL_SPACING, y: 0 },\n          data: {\n            label: `No inputs found for \"${centerNodeInfo.name}\" in this diagram`,\n            side: \"left\",\n          },\n          draggable: false,\n          selectable: false,\n        } as Node);\n      }\n\n      if (rightNodes.length === 0) {\n        positionedNodes.push({\n          id: \"__placeholder-right__\",\n          type: \"placeholder\",\n          position: { x: HORIZONTAL_SPACING, y: 0 },\n          data: {\n            label: `No outputs found for \"${centerNodeInfo.name}\" in this diagram`,\n            side: \"right\",\n          },\n          draggable: false,\n          selectable: false,\n        } as Node);\n      }\n\n      // Filter edges - only show edges connected to center node\n      const focusedNodeIds = new Set(positionedNodes.map((n) => n.id));\n      const filteredEdges = allEdges\n        .filter((edge) => {\n          // Only include edges where center node is either source or target\n          const connectsToCenter =\n            edge.source === centerId || edge.target === centerId;\n          // And the other end is in our focused nodes\n          const otherEndInFocus =\n            focusedNodeIds.has(edge.source) && focusedNodeIds.has(edge.target);\n          return connectsToCenter && otherEndInFocus;\n        })\n        .map((edge) => ({\n          ...edge,\n          style: { ...edge.style, opacity: 1 },\n          labelStyle: { ...edge.labelStyle, opacity: 1 },\n          data: { ...edge.data, opacity: 1, animated: false },\n          animated: false,\n        }));\n\n      return { nodes: positionedNodes, edges: filteredEdges };\n    },\n    [allNodes, allEdges],\n  );\n\n  // Initial graph\n  const initialGraph = useMemo(\n    () => calculateFocusedGraph(centerNodeId),\n    [centerNodeId, calculateFocusedGraph],\n  );\n\n  const [displayNodes, setDisplayNodes] = useNodesState(initialGraph.nodes);\n  const [displayEdges, setDisplayEdges] = useEdgesState(initialGraph.edges);\n\n  // Update when centerNodeId changes externally\n  useEffect(() => {\n    const { nodes, edges } = calculateFocusedGraph(centerNodeId);\n    setDisplayNodes(nodes);\n    setDisplayEdges(edges);\n    setNeedsFitView(true);\n  }, [centerNodeId, calculateFocusedGraph, setDisplayNodes, setDisplayEdges]);\n\n  // FitView when needed - triggered after nodes are updated\n  useEffect(() => {\n    if (needsFitView && reactFlowInitialized.current) {\n      // Small delay to ensure nodes are rendered, then fit view\n      const timer = setTimeout(() => {\n        fitView({ padding: 0.2, duration: 300 });\n        setNeedsFitView(false);\n      }, 50);\n      return () => clearTimeout(timer);\n    }\n  }, [needsFitView, displayNodes, fitView]);\n\n  // Handle ReactFlow initialization\n  const handleInit = useCallback(() => {\n    reactFlowInitialized.current = true;\n    // Dialog opens instantly (no animation), so fitView immediately\n    requestAnimationFrame(() => {\n      fitView({ padding: 0.2, duration: 0 });\n      setIsReady(true);\n    });\n  }, [fitView]);\n\n  // Handle switching to a new center node with animation\n  const handleSwitchNode = useCallback(\n    (nodeId: string, direction: \"left\" | \"right\") => {\n      if (nodeId === centerNodeId || isAnimating) return;\n\n      setIsAnimating(true);\n\n      // Animate: clicked node slides to center, current center hides\n      setDisplayNodes((currentNodes) =>\n        currentNodes.map((node) => {\n          if (node.id === nodeId) {\n            // Clicked node slides to center\n            return {\n              ...node,\n              position: { x: 0, y: 0 },\n              style: {\n                ...node.style,\n                transition: `all ${SLIDE_DURATION}ms ease-out`,\n              },\n            };\n          }\n          if (node.id === centerNodeId) {\n            // Current center node hides\n            return {\n              ...node,\n              style: {\n                ...node.style,\n                opacity: 0,\n                transition: `opacity ${SLIDE_DURATION}ms ease-out`,\n              },\n            };\n          }\n          return node;\n        }),\n      );\n\n      // After slide completes, switch to new center\n      animationTimeoutRef.current = setTimeout(() => {\n        onSwitchCenter(nodeId, direction);\n        setIsAnimating(false);\n      }, SLIDE_DURATION);\n    },\n    [centerNodeId, isAnimating, setDisplayNodes, onSwitchCenter],\n  );\n\n  // Handle node click with animation\n  const handleNodeClick = useCallback(\n    (_: React.MouseEvent, clickedNode: Node) => {\n      if (clickedNode.id === centerNodeId || isAnimating) return;\n      const direction = (clickedNode.position?.x ?? 0) < 0 ? \"left\" : \"right\";\n      handleSwitchNode(clickedNode.id, direction);\n    },\n    [centerNodeId, isAnimating, handleSwitchNode],\n  );\n\n  // Handle edge hover for animation\n  const handleEdgeMouseEnter = useCallback(\n    (_: React.MouseEvent, edge: Edge) => {\n      setHoveredEdgeId(edge.id);\n    },\n    [],\n  );\n\n  const handleEdgeMouseLeave = useCallback(() => {\n    setHoveredEdgeId(null);\n  }, []);\n\n  // Apply hover animation to edges - use ReactFlow's built-in animated property\n  const edgesWithHover = useMemo(() => {\n    return displayEdges.map((edge) => {\n      if (edge.id === hoveredEdgeId) {\n        return {\n          ...edge,\n          animated: true,\n        };\n      }\n      return edge;\n    });\n  }, [displayEdges, hoveredEdgeId]);\n\n  // Merge nodeTypes with placeholder\n  const mergedNodeTypes = useMemo(\n    () => ({\n      ...nodeTypes,\n      placeholder: FocusModePlaceholder,\n    }),\n    [nodeTypes],\n  );\n\n  if (displayNodes.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-[rgb(var(--ec-page-text-muted))]\">\n        Node not found\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"h-full w-full focus-mode-container\"\n      style={{ opacity: isReady ? 1 : 0 }}\n    >\n      <ReactFlow\n        nodes={displayNodes}\n        edges={edgesWithHover}\n        nodeTypes={mergedNodeTypes}\n        edgeTypes={edgeTypes}\n        onNodeClick={handleNodeClick}\n        onEdgeMouseEnter={handleEdgeMouseEnter}\n        onEdgeMouseLeave={handleEdgeMouseLeave}\n        onInit={handleInit}\n        proOptions={{ hideAttribution: true }}\n        nodesDraggable={true}\n        nodesConnectable={false}\n        elementsSelectable={true}\n        panOnDrag={true}\n        zoomOnScroll={true}\n        minZoom={0.3}\n        maxZoom={2}\n      >\n        <Background color=\"rgb(var(--ec-page-border))\" gap={20} />\n        <Controls showInteractive={false} />\n        {displayNodes.map((node, index) => (\n          <FocusModeNodeActions\n            key={`actions-${node.id}-${index}`}\n            node={node}\n            isCenter={node.id === centerNodeId}\n            onSwitch={handleSwitchNode}\n          />\n        ))}\n      </ReactFlow>\n    </div>\n  );\n};\n\nexport default FocusModeContent;\n","import React from \"react\";\nimport { NodeToolbar, Position, useViewport, type Node } from \"@xyflow/react\";\nimport { ArrowRightLeft, FileText } from \"lucide-react\";\nimport { getNodeDocUrl } from \"./utils\";\nimport { buildUrl } from \"../../utils/url-builder\";\n\ninterface FocusModeNodeActionsProps {\n  node: Node;\n  isCenter: boolean;\n  onSwitch: (nodeId: string, direction: \"left\" | \"right\") => void;\n}\n\nconst FocusModeNodeActions: React.FC<FocusModeNodeActionsProps> = ({\n  node,\n  isCenter,\n  onSwitch,\n}) => {\n  const { zoom } = useViewport();\n\n  // Don't show actions for placeholder nodes\n  if (node.type === \"placeholder\") return null;\n\n  const docUrl = getNodeDocUrl(node);\n  const direction = (node.position?.x ?? 0) < 0 ? \"left\" : \"right\";\n\n  // Scale sizes based on zoom (inverse relationship - smaller when zoomed out)\n  const baseButtonSize = 24;\n  const baseIconSize = 12;\n  const scaleFactor = Math.max(0.4, Math.min(1, zoom));\n  const buttonSize = Math.round(baseButtonSize * scaleFactor);\n  const iconSize = Math.round(baseIconSize * scaleFactor);\n\n  const handleSwitch = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onSwitch(node.id, direction);\n  };\n\n  const handleDocClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (docUrl) {\n      window.location.href = buildUrl(docUrl);\n    }\n  };\n\n  // Center node only shows docs icon (if available)\n  if (isCenter) {\n    if (!docUrl) return null;\n    return (\n      <NodeToolbar\n        nodeId={node.id}\n        position={Position.Bottom}\n        isVisible={true}\n        offset={-16}\n      >\n        <div\n          className=\"flex items-center gap-1 bg-[rgb(var(--ec-card-bg,var(--ec-page-bg)))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-md\"\n          style={{ padding: Math.round(4 * scaleFactor) }}\n        >\n          <button\n            onClick={handleDocClick}\n            className=\"flex items-center justify-center rounded-md text-[rgb(var(--ec-icon-color))] hover:text-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-subtle))] transition-colors\"\n            style={{ width: buttonSize, height: buttonSize }}\n            title=\"View documentation\"\n          >\n            <FileText style={{ width: iconSize, height: iconSize }} />\n          </button>\n        </div>\n      </NodeToolbar>\n    );\n  }\n\n  return (\n    <NodeToolbar\n      nodeId={node.id}\n      position={Position.Bottom}\n      isVisible={true}\n      offset={-16}\n    >\n      <div\n        className=\"flex items-center gap-1 bg-[rgb(var(--ec-card-bg,var(--ec-page-bg)))] border border-[rgb(var(--ec-page-border))] rounded-lg shadow-md\"\n        style={{ padding: Math.round(4 * scaleFactor) }}\n      >\n        {docUrl && (\n          <button\n            onClick={handleDocClick}\n            className=\"flex items-center justify-center rounded-md text-[rgb(var(--ec-icon-color))] hover:text-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-subtle))] transition-colors\"\n            style={{ width: buttonSize, height: buttonSize }}\n            title=\"View documentation\"\n          >\n            <FileText style={{ width: iconSize, height: iconSize }} />\n          </button>\n        )}\n        <button\n          onClick={handleSwitch}\n          className=\"flex items-center justify-center rounded-md text-[rgb(var(--ec-icon-color))] hover:text-[rgb(var(--ec-accent))] hover:bg-[rgb(var(--ec-accent-subtle))] transition-colors\"\n          style={{ width: buttonSize, height: buttonSize }}\n          title=\"Focus on this node\"\n        >\n          <ArrowRightLeft style={{ width: iconSize, height: iconSize }} />\n        </button>\n      </div>\n    </NodeToolbar>\n  );\n};\n\nexport default FocusModeNodeActions;\n","import React from \"react\";\nimport { Handle, Position } from \"@xyflow/react\";\n\ninterface FocusModePlaceholderProps {\n  data: {\n    label: string;\n    side: \"left\" | \"right\";\n  };\n}\n\nconst FocusModePlaceholder: React.FC<FocusModePlaceholderProps> = ({\n  data,\n}) => {\n  const { label, side } = data;\n\n  return (\n    <div\n      className=\"px-4 py-4 rounded-lg border-2 border-dashed border-[rgb(var(--ec-page-border))] bg-[rgb(var(--ec-page-bg)/0.5)] max-w-[280px] flex items-center justify-center\"\n      style={{ opacity: 0.6, minHeight: \"130px\" }}\n    >\n      {side === \"right\" && (\n        <Handle\n          type=\"target\"\n          position={Position.Left}\n          style={{ visibility: \"hidden\" }}\n        />\n      )}\n      <div className=\"text-center text-sm text-[rgb(var(--ec-page-text-muted))] italic\">\n        {label}\n      </div>\n      {side === \"left\" && (\n        <Handle\n          type=\"source\"\n          position={Position.Right}\n          style={{ visibility: \"hidden\" }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default FocusModePlaceholder;\n","import { useState, useEffect, useRef, useCallback } from \"react\";\nimport { CheckIcon, ClipboardIcon } from \"lucide-react\";\nimport type { Node, Edge } from \"@xyflow/react\";\nimport { convertToMermaid } from \"../utils/export-mermaid\";\nimport { copyToClipboard } from \"../utils/clipboard\";\n\ninterface MermaidViewProps {\n  nodes: Node[];\n  edges: Edge[];\n  maxTextSize?: number;\n}\n\nconst MermaidView = ({\n  nodes,\n  edges,\n  maxTextSize = 100000,\n}: MermaidViewProps) => {\n  const [copySuccess, setCopySuccess] = useState(false);\n  const [mermaidCode, setMermaidCode] = useState(\"\");\n  const [previewSvg, setPreviewSvg] = useState<string | null>(null);\n  const [previewError, setPreviewError] = useState<string | null>(null);\n  const [isRendering, setIsRendering] = useState(true);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const svgContainerRef = useRef<HTMLDivElement>(null);\n  const panZoomInstanceRef = useRef<any>(null);\n\n  // Generate mermaid code\n  useEffect(() => {\n    const code = convertToMermaid(nodes, edges, {\n      includeStyles: true,\n      direction: \"LR\",\n    });\n    setMermaidCode(code);\n  }, [nodes, edges]);\n\n  // Render mermaid preview\n  useEffect(() => {\n    if (!mermaidCode) return;\n\n    let cancelled = false;\n    setIsRendering(true);\n    setPreviewError(null);\n\n    const renderMermaid = async () => {\n      try {\n        const { default: mermaid } = await import(\"mermaid\");\n\n        // Detect current theme\n        const isDarkMode =\n          document.documentElement.getAttribute(\"data-theme\") === \"dark\";\n        const currentTheme = isDarkMode ? \"dark\" : \"default\";\n\n        mermaid.initialize({\n          maxTextSize: maxTextSize,\n          startOnLoad: false,\n          theme: currentTheme,\n          flowchart: {\n            curve: \"basis\",\n            padding: 20,\n          },\n          securityLevel: \"loose\",\n        });\n\n        const id = \"mermaid-view-\" + Math.random().toString(36).substring(2, 9);\n        const { svg } = await mermaid.render(id, mermaidCode);\n\n        if (!cancelled) {\n          setPreviewSvg(svg);\n          setPreviewError(null);\n        }\n      } catch (error) {\n        if (!cancelled) {\n          console.error(\"Mermaid render error:\", error);\n          setPreviewError(\n            error instanceof Error ? error.message : \"Failed to render diagram\",\n          );\n          setPreviewSvg(null);\n        }\n      } finally {\n        if (!cancelled) {\n          setIsRendering(false);\n        }\n      }\n    };\n\n    renderMermaid();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [mermaidCode]);\n\n  // Initialize pan/zoom after SVG is rendered\n  useEffect(() => {\n    if (!previewSvg || !svgContainerRef.current) return;\n\n    const initZoom = async () => {\n      const svgElement = svgContainerRef.current?.querySelector(\"svg\");\n      if (!svgElement) return;\n\n      try {\n        const { default: svgPanZoom } = await import(\"svg-pan-zoom\");\n\n        // Set SVG to fill container\n        svgElement.style.width = \"100%\";\n        svgElement.style.height = \"100%\";\n        svgElement.removeAttribute(\"height\");\n        svgElement.removeAttribute(\"width\");\n\n        const instance = svgPanZoom(svgElement, {\n          zoomEnabled: true,\n          controlIconsEnabled: false,\n          fit: true,\n          center: true,\n          minZoom: 0.1,\n          maxZoom: 10,\n          zoomScaleSensitivity: 0.15,\n          dblClickZoomEnabled: true,\n          mouseWheelZoomEnabled: true,\n          panEnabled: true,\n        });\n\n        panZoomInstanceRef.current = instance;\n      } catch (e) {\n        console.warn(\"Failed to initialize zoom:\", e);\n      }\n    };\n\n    initZoom();\n\n    return () => {\n      if (panZoomInstanceRef.current) {\n        try {\n          panZoomInstanceRef.current.destroy();\n        } catch (e) {\n          // Ignore\n        }\n        panZoomInstanceRef.current = null;\n      }\n    };\n  }, [previewSvg]);\n\n  const handleCopyToClipboard = useCallback(async () => {\n    await copyToClipboard(mermaidCode);\n    setCopySuccess(true);\n    setTimeout(() => setCopySuccess(false), 2000);\n  }, [mermaidCode]);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"absolute inset-0 bg-[rgb(var(--ec-page-bg))]\"\n      style={{ animation: \"fadeIn 200ms ease-out\" }}\n    >\n      <style>{`\n        @keyframes fadeIn {\n          from { opacity: 0; }\n          to { opacity: 1; }\n        }\n      `}</style>\n\n      {/* Copy button - top right */}\n      <div className=\"absolute top-[10px] right-4 z-20\">\n        <div className=\"relative group\">\n          <button\n            onClick={handleCopyToClipboard}\n            className={`p-2.5 rounded-md shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(var(--ec-accent))] transition-all duration-150 ${\n              copySuccess\n                ? \"bg-green-500 text-white scale-110\"\n                : \"bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-page-border))/0.5] text-[rgb(var(--ec-icon-color))] hover:scale-105\"\n            }`}\n            aria-label={copySuccess ? \"Copied!\" : \"Copy Mermaid code\"}\n          >\n            {copySuccess ? (\n              <CheckIcon className=\"h-5 w-5\" />\n            ) : (\n              <ClipboardIcon className=\"h-5 w-5\" />\n            )}\n          </button>\n          <div className=\"absolute top-full right-0 mt-2 px-2 py-1 bg-[rgb(var(--ec-page-text))] text-[rgb(var(--ec-page-bg))] text-xs rounded shadow-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50\">\n            {copySuccess ? \"Copied!\" : \"Copy Mermaid code\"}\n          </div>\n        </div>\n      </div>\n\n      {/* Mermaid diagram container */}\n      <div className=\"absolute inset-0 overflow-hidden\">\n        {isRendering && (\n          <div className=\"w-full h-full flex items-center justify-center\">\n            <div className=\"relative\">\n              <div className=\"flex items-center gap-4 opacity-40\">\n                <div className=\"w-24 h-10 bg-[rgb(var(--ec-page-border))] rounded animate-pulse\" />\n                <div className=\"w-12 h-0.5 bg-[rgb(var(--ec-page-border))] animate-pulse\" />\n                <div\n                  className=\"w-20 h-10 bg-[rgb(var(--ec-page-border))] rounded-full animate-pulse\"\n                  style={{ animationDelay: \"75ms\" }}\n                />\n                <div\n                  className=\"w-12 h-0.5 bg-[rgb(var(--ec-page-border))] animate-pulse\"\n                  style={{ animationDelay: \"150ms\" }}\n                />\n                <div\n                  className=\"w-24 h-10 bg-[rgb(var(--ec-page-border))] rounded animate-pulse\"\n                  style={{ animationDelay: \"225ms\" }}\n                />\n              </div>\n              <p className=\"text-center text-sm text-[rgb(var(--ec-page-text-muted))] mt-4\">\n                Rendering diagram...\n              </p>\n            </div>\n          </div>\n        )}\n\n        {previewError && !isRendering && (\n          <div className=\"w-full h-full flex flex-col items-center justify-center p-4\">\n            <div className=\"text-red-500 text-sm mb-2\">\n              Failed to render diagram\n            </div>\n            <div className=\"text-[rgb(var(--ec-page-text-muted))] text-xs font-mono bg-[rgb(var(--ec-code-bg))] p-2 rounded max-w-lg overflow-auto\">\n              {previewError}\n            </div>\n            <div className=\"mt-4 text-sm text-[rgb(var(--ec-page-text-muted))]\">\n              <p>You can still copy the Mermaid code and paste it into</p>\n              <a\n                href=\"https://mermaid.live\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"text-[rgb(var(--ec-accent))] hover:underline\"\n              >\n                mermaid.live\n              </a>\n            </div>\n          </div>\n        )}\n\n        {previewSvg && !isRendering && !previewError && (\n          <div\n            ref={svgContainerRef}\n            className=\"w-full h-full cursor-grab active:cursor-grabbing [&_svg]:w-full [&_svg]:h-full\"\n            dangerouslySetInnerHTML={{ __html: previewSvg }}\n          />\n        )}\n      </div>\n\n      {/* Footer hint */}\n      <div className=\"absolute bottom-4 left-4 z-20\">\n        <div className=\"flex items-center gap-2 bg-[rgb(var(--ec-card-bg))]/90 backdrop-blur-sm px-3 py-1.5 rounded-md shadow-sm border border-[rgb(var(--ec-page-border))]\">\n          <svg\n            className=\"w-3.5 h-3.5 text-[rgb(var(--ec-icon-color))]\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122\"\n            />\n          </svg>\n          <span className=\"text-xs text-[rgb(var(--ec-page-text-muted))]\">\n            Scroll to zoom · Drag to pan\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default MermaidView;\n","import type { Node, Edge } from \"@xyflow/react\";\nimport { isSwimlaneNode } from \"./swimlanes\";\n\n/**\n * Mermaid Export Utility\n * Converts React Flow nodes and edges to Mermaid flowchart syntax\n */\n\nexport interface MermaidExportOptions {\n  /** Include class definitions for styling */\n  includeStyles?: boolean;\n  /** Direction of the flowchart: LR (left-right), TB (top-bottom), etc. */\n  direction?: \"LR\" | \"TB\" | \"RL\" | \"BT\";\n}\n\n/**\n * Mapping of node types to their Mermaid shape syntax\n * Format: [prefix, suffix]\n */\nconst NODE_SHAPE_MAP: Record<string, [string, string]> = {\n  agents: [\"[[\", \"]]\"],\n  agent: [\"[[\", \"]]\"],\n  agentTool: [\"[\", \"]\"],\n  \"agent-tool\": [\"[\", \"]\"],\n  services: [\"[[\", \"]]\"], // stadium shape\n  service: [\"[[\", \"]]\"],\n  events: [\">\", \"]\"], // flag/asymmetric shape (message-like)\n  event: [\">\", \"]\"],\n  commands: [\">\", \"]\"], // flag/asymmetric shape (message-like)\n  command: [\">\", \"]\"],\n  queries: [\"{{\", \"}}\"], // hexagon\n  query: [\"{{\", \"}}\"],\n  channels: [\"[(\", \")]\"], // cylinder\n  channel: [\"[(\", \")]\"],\n  domains: [\"[\", \"]\"], // rectangle\n  domain: [\"[\", \"]\"],\n  flows: [\"([\", \"])\"], // stadium (rounded)\n  flow: [\"([\", \"])\"],\n  systems: [\"[[\", \"]]\"],\n  system: [\"[[\", \"]]\"],\n  step: [\"[\", \"]\"], // rectangle\n  user: [\"((\", \"))\"], // circle\n  actor: [\"((\", \"))\"], // circle\n  externalSystem: [\"[[\", \"]]\"], // stadium\n  \"external-system\": [\"[[\", \"]]\"],\n  data: [\"[(\", \")]\"], // cylinder (database)\n  \"data-product\": [\"[[\", \"]]\"], // stadium\n  \"data-products\": [\"[[\", \"]]\"],\n  entities: [\"[\", \"]\"], // rectangle\n  entity: [\"[\", \"]\"],\n  custom: [\"[\", \"]\"], // rectangle\n  view: [\"[\", \"]\"], // rectangle\n  note: [\"[\", \"]\"], // rectangle\n  field: [\"[(\", \")]\"], // cylinder\n  fields: [\"[(\", \")]\"], // cylinder\n  messageGroup: [\"[[\", \"]]\"],\n  messageGroupExpanded: [\"[[\", \"]]\"],\n};\n\n/**\n * Mermaid class definitions for styling different node types\n */\nconst NODE_STYLE_CLASSES: Record<string, string> = {\n  agents: \"fill:#0ea5e9,stroke:#0369a1,color:#fff\",\n  agent: \"fill:#0ea5e9,stroke:#0369a1,color:#fff\",\n  agentTool: \"fill:#8b5cf6,stroke:#6d28d9,color:#fff\",\n  \"agent-tool\": \"fill:#8b5cf6,stroke:#6d28d9,color:#fff\",\n  services: \"fill:#ec4899,stroke:#be185d,color:#fff\",\n  service: \"fill:#ec4899,stroke:#be185d,color:#fff\",\n  events: \"fill:#f97316,stroke:#c2410c,color:#fff\",\n  event: \"fill:#f97316,stroke:#c2410c,color:#fff\",\n  commands: \"fill:#3b82f6,stroke:#1d4ed8,color:#fff\",\n  command: \"fill:#3b82f6,stroke:#1d4ed8,color:#fff\",\n  queries: \"fill:#22c55e,stroke:#15803d,color:#fff\",\n  query: \"fill:#22c55e,stroke:#15803d,color:#fff\",\n  channels: \"fill:#6b7280,stroke:#374151,color:#fff\",\n  channel: \"fill:#6b7280,stroke:#374151,color:#fff\",\n  domains: \"fill:#eab308,stroke:#a16207,color:#000\",\n  domain: \"fill:#eab308,stroke:#a16207,color:#000\",\n  flows: \"fill:#14b8a6,stroke:#0f766e,color:#fff\",\n  flow: \"fill:#14b8a6,stroke:#0f766e,color:#fff\",\n  systems: \"fill:#8b5cf6,stroke:#6d28d9,color:#fff\",\n  system: \"fill:#8b5cf6,stroke:#6d28d9,color:#fff\",\n  step: \"fill:#374151,stroke:#1f2937,color:#fff\",\n  user: \"fill:#8b5cf6,stroke:#6d28d9,color:#fff\",\n  actor: \"fill:#eab308,stroke:#a16207,color:#000\",\n  externalSystem: \"fill:#ec4899,stroke:#be185d,color:#fff\",\n  \"external-system\": \"fill:#ec4899,stroke:#be185d,color:#fff\",\n  data: \"fill:#3b82f6,stroke:#1d4ed8,color:#fff\",\n  \"data-product\": \"fill:#6366f1,stroke:#4338ca,color:#fff\",\n  \"data-products\": \"fill:#6366f1,stroke:#4338ca,color:#fff\",\n  entities: \"fill:#6b7280,stroke:#374151,color:#fff\",\n  entity: \"fill:#6b7280,stroke:#374151,color:#fff\",\n  custom: \"fill:#9ca3af,stroke:#6b7280,color:#000\",\n  view: \"fill:#9ca3af,stroke:#6b7280,color:#000\",\n  note: \"fill:#fef3c7,stroke:#d97706,color:#000\",\n  field: \"fill:#06b6d4,stroke:#0891b2,color:#fff\",\n  fields: \"fill:#06b6d4,stroke:#0891b2,color:#fff\",\n  messageGroup: \"fill:#7c3aed,stroke:#5b21b6,color:#fff\",\n  messageGroupExpanded: \"fill:#7c3aed,stroke:#5b21b6,color:#fff\",\n};\n\n/**\n * Sanitize a string to be a valid Mermaid node ID\n * Mermaid IDs should be alphanumeric with underscores\n */\nexport function sanitizeMermaidId(id: string): string {\n  // Replace any non-alphanumeric characters (except underscores) with underscores\n  // Also handle dots and hyphens which are common in version strings\n  return id.replace(/[^a-zA-Z0-9_]/g, \"_\");\n}\n\n/**\n * Escape special characters in Mermaid labels\n */\nfunction escapeMermaidLabel(label: string): string {\n  // Escape quotes and other special characters\n  return label.replace(/\"/g, \"#quot;\").replace(/\\n/g, \"<br/>\");\n}\n\n/**\n * Get the Mermaid shape syntax for a node type\n */\nexport function getMermaidNodeShape(type: string): [string, string] {\n  return NODE_SHAPE_MAP[type] || [\"[\", \"]\"];\n}\n\n/**\n * Helper to format label with version\n */\nfunction formatLabelWithVersion(name: string, version?: string): string {\n  if (version) {\n    return `${name} (${version})`;\n  }\n  return name;\n}\n\n/**\n * Extract the display label from a node based on its type and data\n * Includes version information when available\n */\nexport function getNodeLabel(node: Node): string {\n  const { type, data } = node;\n\n  if (!data) return node.id;\n\n  // Handle different node types and their data structures\n  if (type === \"agents\" || type === \"agent\") {\n    const agent = (data as any).agent;\n    const name = agent?.name || agent?.id || node.id;\n    const version = agent?.data?.version || agent?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"agentTool\" || type === \"agent-tool\") {\n    const agentTool = (data as any).agentTool;\n    return agentTool?.name || agentTool?.id || node.id;\n  }\n\n  if (type === \"services\" || type === \"service\") {\n    const service = (data as any).service;\n    const name = service?.name || service?.id || node.id;\n    const version = service?.data?.version || service?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (\n    type === \"events\" ||\n    type === \"event\" ||\n    type === \"commands\" ||\n    type === \"command\" ||\n    type === \"queries\" ||\n    type === \"query\"\n  ) {\n    const message = (data as any).message;\n    const name = message?.name || message?.id || node.id;\n    const version = message?.data?.version || message?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"channels\" || type === \"channel\") {\n    const channel = (data as any).channel;\n    const name = channel?.name || channel?.id || node.id;\n    const version = channel?.data?.version || channel?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"domains\" || type === \"domain\") {\n    const domain = (data as any).domain;\n    // Domain data can be nested in .data\n    const domainData = domain?.data || domain;\n    const name = domainData?.name || domainData?.id || node.id;\n    const version = domainData?.version || domain?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"systems\" || type === \"system\") {\n    const system = (data as any).system;\n    const name = system?.name || system?.id || node.id;\n    const version = system?.data?.version || system?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"flows\" || type === \"flow\") {\n    const flow = (data as any).flow;\n    const name = flow?.name || flow?.id || node.id;\n    const version = flow?.data?.version || flow?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"step\") {\n    const step = (data as any).step;\n    return step?.title || step?.name || step?.id || node.id;\n  }\n\n  if (type === \"user\" || type === \"actor\") {\n    return (\n      (data as any).name || (data as any).label || (data as any).id || node.id\n    );\n  }\n\n  if (type === \"externalSystem\" || type === \"external-system\") {\n    const system = (data as any).externalSystem || data;\n    return system?.name || system?.id || node.id;\n  }\n\n  if (type === \"data\") {\n    const dataNode = (data as any).data;\n    return dataNode?.name || dataNode?.id || node.id;\n  }\n\n  if (type === \"data-product\" || type === \"data-products\") {\n    const dataProduct = (data as any).dataProduct;\n    const name = dataProduct?.name || dataProduct?.id || node.id;\n    const version = dataProduct?.data?.version || dataProduct?.version;\n    return formatLabelWithVersion(name, version);\n  }\n\n  if (type === \"entities\" || type === \"entity\") {\n    const entity = (data as any).entity;\n    return entity?.name || entity?.id || node.id;\n  }\n\n  if (type === \"note\") {\n    return (data as any).text || (data as any).label || \"Note\";\n  }\n\n  if (type === \"field\" || type === \"fields\") {\n    const name = (data as any).name || node.id;\n    const fieldType = (data as any).type;\n    return fieldType ? `${name} (${fieldType})` : name;\n  }\n\n  if (type === \"messageGroup\") {\n    const groupName = (data as any).groupName || node.id;\n    const count = (data as any).messageCount || 0;\n    return `${groupName} (${count} messages)`;\n  }\n\n  if (type === \"messageGroupExpanded\") {\n    const groupName = (data as any).groupName || node.id;\n    const count = (data as any).messageCount || 0;\n    return `${groupName} (${count} messages)`;\n  }\n\n  // Fallback: try common data patterns\n  return (\n    (data as any).name ||\n    (data as any).label ||\n    (data as any).title ||\n    (data as any).id ||\n    node.id\n  );\n}\n\n/**\n * Extract label from an edge\n */\nfunction getEdgeLabel(edge: Edge): string | undefined {\n  if (edge.label && typeof edge.label === \"string\") {\n    return edge.label;\n  }\n  if (edge.data?.label && typeof edge.data.label === \"string\") {\n    return edge.data.label;\n  }\n  return undefined;\n}\n\n/**\n * Convert React Flow nodes and edges to Mermaid flowchart syntax\n */\nexport function convertToMermaid(\n  graphNodes: Node[],\n  edges: Edge[],\n  options: MermaidExportOptions = {},\n): string {\n  const { includeStyles = true, direction = \"LR\" } = options;\n  // The boxes or lanes a flow's steps are grouped into aren't steps themselves\n  const nodes = graphNodes.filter((node) => !isSwimlaneNode(node));\n\n  const lines: string[] = [];\n\n  // Add flowchart header\n  lines.push(`flowchart ${direction}`);\n\n  // Collect used node types for class definitions\n  const usedTypes = new Set<string>();\n\n  // Add class definitions if styles are enabled\n  if (includeStyles) {\n    lines.push(\"\");\n    lines.push(\"    %% Style definitions\");\n\n    // First pass: collect all used node types\n    nodes.forEach((node) => {\n      if (node.type && NODE_STYLE_CLASSES[node.type]) {\n        usedTypes.add(node.type);\n      }\n    });\n\n    // Add class definitions for used types\n    usedTypes.forEach((type) => {\n      const style = NODE_STYLE_CLASSES[type];\n      if (style) {\n        lines.push(`    classDef ${sanitizeMermaidId(type)} ${style}`);\n      }\n    });\n  }\n\n  // Add node definitions\n  lines.push(\"\");\n  lines.push(\"    %% Nodes\");\n\n  nodes.forEach((node) => {\n    const sanitizedId = sanitizeMermaidId(node.id);\n    const label = escapeMermaidLabel(getNodeLabel(node));\n    const [prefix, suffix] = getMermaidNodeShape(node.type || \"custom\");\n\n    let nodeLine = `    ${sanitizedId}${prefix}\"${label}\"${suffix}`;\n\n    // Add class reference if styles are enabled\n    if (includeStyles && node.type && usedTypes.has(node.type)) {\n      nodeLine += `:::${sanitizeMermaidId(node.type)}`;\n    }\n\n    lines.push(nodeLine);\n  });\n\n  // Add edge definitions\n  lines.push(\"\");\n  lines.push(\"    %% Edges\");\n\n  edges.forEach((edge) => {\n    const sourceId = sanitizeMermaidId(edge.source);\n    const targetId = sanitizeMermaidId(edge.target);\n    const label = getEdgeLabel(edge);\n\n    let edgeLine: string;\n    if (label) {\n      // Clean up multi-line labels\n      const cleanLabel = label.replace(/\\n/g, \" \").trim();\n      edgeLine = `    ${sourceId} -->|\"${escapeMermaidLabel(cleanLabel)}\"| ${targetId}`;\n    } else {\n      edgeLine = `    ${sourceId} --> ${targetId}`;\n    }\n\n    lines.push(edgeLine);\n  });\n\n  return lines.join(\"\\n\");\n}\n","/**\n * Utility to copy text to clipboard\n */\nexport async function copyToClipboard(text: string): Promise<boolean> {\n  try {\n    if (navigator?.clipboard?.writeText) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n    // Fallback for older browsers\n    const textArea = document.createElement(\"textarea\");\n    textArea.value = text;\n    textArea.style.position = \"fixed\";\n    textArea.style.left = \"-999999px\";\n    document.body.appendChild(textArea);\n    textArea.select();\n    const success = document.execCommand(\"copy\");\n    document.body.removeChild(textArea);\n    return success;\n  } catch (error) {\n    console.error(\"Failed to copy to clipboard:\", error);\n    return false;\n  }\n}\n","import {\n  useCallback,\n  useState,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  type Dispatch,\n  type SetStateAction,\n} from \"react\";\nimport { type Edge, type Node, useReactFlow } from \"@xyflow/react\";\nimport {\n  createEdge,\n  getEdgeLabelForMessageAsSource,\n  getEdgeLabelForServiceAsTarget,\n} from \"../utils/utils/utils\";\nimport { layoutWithElk } from \"../utils/elk-layout\";\nimport {\n  hideMessageNodes,\n  hideNodes,\n  isMessageNode,\n} from \"../utils/hide-messages\";\nimport {\n  animateLayout,\n  getSystemMorphs,\n  getLayoutBounds,\n  LAYOUT_ANIMATION_DURATION,\n  type GraphTransition,\n} from \"../utils/animate-layout\";\n\n// Keeps `?level=` in the URL so shared links open at the same level of detail\nexport const setLevelInUrl = (level: number) => {\n  const url = new URL(window.location.href);\n  url.searchParams.set(\"level\", String(level));\n  window.history.replaceState(window.history.state, \"\", url);\n};\n\ninterface NodeVisibilityProps {\n  nodes: Node[];\n  edges: Edge[];\n  setNodes: (nodes: Node[]) => void;\n  setEdges: Dispatch<SetStateAction<Edge[]>>;\n  hasChannels: boolean;\n  hasMessages: boolean;\n  /** The graph switched away from to show this one, to animate from */\n  transitionFrom?: GraphTransition;\n  /** React Flow's node origin, to line up nodes when animating */\n  nodeOrigin?: [number, number];\n  /** The graph laid out with messages and channels hidden, if precomputed */\n  hiddenMessagesGraph?: { nodes: Node[]; edges: Edge[] };\n  /** Prepares the edges of each graph shown (e.g. animating messages) */\n  prepareEdges?: (edges: Edge[]) => Edge[];\n  /** Whether a node is one a legend entry lists, to hide it from the legend */\n  matchesLegendKey?: (node: Node, key: string) => boolean;\n  /** Legend entries hidden to start with (e.g. kept when switching graphs) */\n  initialHiddenLegendKeys?: string[];\n  /** Called when legend entries are hidden or shown */\n  onHiddenLegendKeysChange?: (keys: string[]) => void;\n  /**\n   * The kind of diagram (e.g. \"services\"), so the level is remembered for each\n   * kind rather than one level for every diagram\n   */\n  preferenceScope?: string;\n  /**\n   * Levels don't apply to this graph (e.g. a flow), so it always opens with\n   * everything shown, whatever level was last picked\n   */\n  ignoreSavedLevel?: boolean;\n  /**\n   * Called on a graph before it's laid out again (e.g. taking it out of\n   * swimlanes, which the layout doesn't know about), and on each graph before\n   * it's shown (e.g. putting it back in them)\n   */\n  beforeLayout?: (graph: { nodes: Node[]; edges: Edge[] }) => {\n    nodes: Node[];\n    edges: Edge[];\n  };\n  afterLayout?: (graph: { nodes: Node[]; edges: Edge[] }) => {\n    nodes: Node[];\n    edges: Edge[];\n  };\n}\n\nconst identity = <T>(graph: T) => graph;\n\nconst matchesType = (node: Node, key: string) => node.type === key;\n\nconst hideChannelNodes = (nodes: Node[], edges: Edge[]) => {\n  const channelIds = new Set(\n    nodes.filter((node) => node.type === \"channels\").map((node) => node.id),\n  );\n\n  // By id, keeping the first edge with each id\n  const newEdges = new Map<string, Edge>();\n  const add = (edge: Edge) => {\n    if (!newEdges.has(edge.id)) newEdges.set(edge.id, edge);\n  };\n  for (const edge of edges) {\n    const { source, target, data } = edge;\n    if (!channelIds.has(source) && !channelIds.has(target)) {\n      add(edge);\n      continue;\n    }\n\n    const rootSourceAndTarget = data?.rootSourceAndTarget as {\n      source: { id: string; collection: string };\n      target: { id: string; collection: string };\n    };\n    if (!rootSourceAndTarget) {\n      add(edge);\n      continue;\n    }\n\n    // is target a service-like resource?\n    const targetIsService =\n      rootSourceAndTarget?.target?.collection === \"services\" ||\n      rootSourceAndTarget?.target?.collection === \"agents\";\n    const edgeLabel = targetIsService\n      ? getEdgeLabelForMessageAsSource(rootSourceAndTarget.source as any)\n      : getEdgeLabelForServiceAsTarget(rootSourceAndTarget.target as any);\n\n    add(\n      createEdge({\n        id: `${rootSourceAndTarget.source.id}-${rootSourceAndTarget.target.id}`,\n        source: rootSourceAndTarget.source.id,\n        target: rootSourceAndTarget.target.id,\n        label: edgeLabel,\n        ...(data?.crossDomain ? { data: { crossDomain: true } } : {}),\n      }),\n    );\n  }\n\n  return {\n    nodes: nodes.filter((node) => !channelIds.has(node.id)),\n    edges: Array.from(newEdges.values()),\n  };\n};\n\nexport const useNodeVisibility = ({\n  nodes,\n  edges,\n  setNodes,\n  setEdges,\n  hasChannels,\n  hasMessages,\n  transitionFrom,\n  nodeOrigin,\n  hiddenMessagesGraph,\n  prepareEdges = (edges) => edges,\n  matchesLegendKey = matchesType,\n  initialHiddenLegendKeys = [],\n  onHiddenLegendKeysChange,\n  preferenceScope,\n  ignoreSavedLevel = false,\n  beforeLayout = identity,\n  afterLayout = identity,\n}: NodeVisibilityProps) => {\n  const hideMessagesKey = `EventCatalog:hideMessages${preferenceScope ? `:${preferenceScope}` : \"\"}`;\n  const hideChannelsKey = `EventCatalog:hideChannels${preferenceScope ? `:${preferenceScope}` : \"\"}`;\n  // Start from the URL (`?level=`), falling back to the saved preference, so\n  // the first render is already at the right level. Level 1 is an overview\n  // graph shown instead of this one, so without one this graph opens at level 2.\n  const [urlLevel] = useState(() => {\n    if (ignoreSavedLevel) return 3;\n    const level = Number(\n      new URLSearchParams(window.location.search).get(\"level\"),\n    );\n    if (level === 1 || level === 2) return 2;\n    return level === 3 ? 3 : undefined;\n  });\n  const [hideChannels, setHideChannels] = useState(\n    () =>\n      !ignoreSavedLevel &&\n      !urlLevel &&\n      localStorage.getItem(hideChannelsKey) === \"true\",\n  );\n  const [hideMessages, setHideMessages] = useState(() =>\n    urlLevel\n      ? urlLevel === 2\n      : localStorage.getItem(hideMessagesKey) === \"true\",\n  );\n  // The full graph, to restore when showing everything again\n  const fullGraph = useRef({ nodes, edges });\n  const { fitView, fitBounds } = useReactFlow();\n  // Changes the user makes animate; restoring saved settings on load doesn't\n  const animateNextChange = useRef(false);\n  const isAnimating = useRef(false);\n  const cancelAnimation = useRef<(() => void) | undefined>(undefined);\n\n  // Only hide things that actually exist in the graph.\n  // Channels carry messages, so hiding messages hides channels too.\n  const messagesHidden = hideMessages && hasMessages;\n  const channelsHidden = hasChannels && (hideChannels || messagesHidden);\n\n  // Legend entries whose nodes are hidden (clicking an entry hides or shows them)\n  const [hiddenLegendKeys, setHiddenLegendKeys] = useState(\n    initialHiddenLegendKeys,\n  );\n  const onHiddenLegendKeysChangeRef = useRef(onHiddenLegendKeysChange);\n  onHiddenLegendKeysChangeRef.current = onHiddenLegendKeysChange;\n  const toggleLegendKey = useCallback(\n    (key: string) => {\n      animateNextChange.current = true;\n      const keys = hiddenLegendKeys.includes(key)\n        ? hiddenLegendKeys.filter((hiddenKey) => hiddenKey !== key)\n        : [...hiddenLegendKeys, key];\n      setHiddenLegendKeys(keys);\n      onHiddenLegendKeysChangeRef.current?.(keys);\n    },\n    [hiddenLegendKeys],\n  );\n  const matchesLegendKeyRef = useRef(matchesLegendKey);\n  matchesLegendKeyRef.current = matchesLegendKey;\n  const isHiddenByLegend = (node: Node) =>\n    hiddenLegendKeys.some((key) => matchesLegendKeyRef.current(node, key));\n  // Only when this graph has nodes to hide (entries can be hidden on another)\n  const legendHidden = fullGraph.current.nodes.some(isHiddenByLegend);\n\n  // Highlighting cross-domain communication picks out the edges crossing\n  // domains on the graph shown (it doesn't change what's shown). Kept between visits.\n  const [highlightCrossDomain, setHighlightCrossDomain] = useState(\n    () => localStorage.getItem(\"EventCatalog:highlightCrossDomain\") === \"true\",\n  );\n  const toggleHighlightCrossDomain = useCallback(() => {\n    const highlight = !highlightCrossDomain;\n    setHighlightCrossDomain(highlight);\n    localStorage.setItem(\n      \"EventCatalog:highlightCrossDomain\",\n      JSON.stringify(highlight),\n    );\n  }, [highlightCrossDomain]);\n  // Keep a snapshot of the full graph so it can be restored when toggling back.\n  // Only runs on graph changes: a graph that still contains hidden node types\n  // was set from outside this hook (e.g. message group expansion).\n  useEffect(() => {\n    // Mid-animation graphs are in between layouts, never a snapshot\n    if (isAnimating.current) return;\n    const containsHiddenNodes = nodes.some(\n      (node) =>\n        (channelsHidden && node.type === \"channels\") ||\n        (messagesHidden && isMessageNode(node)) ||\n        (legendHidden && isHiddenByLegend(node)),\n    );\n    if (\n      (!channelsHidden && !messagesHidden && !legendHidden) ||\n      containsHiddenNodes\n    ) {\n      fullGraph.current = { nodes, edges };\n    }\n  }, [nodes, edges]);\n\n  const toggleChannelsVisibility = useCallback(() => {\n    animateNextChange.current = true;\n    const hide = !hideChannels;\n    setHideChannels(hide);\n    localStorage.setItem(hideChannelsKey, JSON.stringify(hide));\n  }, [hideChannels]);\n\n  const toggleMessagesVisibility = useCallback(() => {\n    animateNextChange.current = true;\n    const hide = !hideMessages;\n    setHideMessages(hide);\n    localStorage.setItem(hideMessagesKey, JSON.stringify(hide));\n    setLevelInUrl(hide ? 2 : 3);\n  }, [hideMessages]);\n\n  // Level 2: services and data stores. Level 3: add messages and channels.\n  const setDetailLevel = useCallback((level: 2 | 3) => {\n    animateNextChange.current = true;\n    const hide = level === 2;\n    setHideMessages(hide);\n    localStorage.setItem(hideMessagesKey, JSON.stringify(hide));\n    if (!hide) {\n      setHideChannels(false);\n      localStorage.setItem(hideChannelsKey, \"false\");\n    }\n    setLevelInUrl(level);\n  }, []);\n\n  const nodesRef = useRef(nodes);\n  nodesRef.current = nodes;\n  const edgesRef = useRef(edges);\n  edgesRef.current = edges;\n  // The latest, as layouts can finish after it changes\n  const prepareEdgesRef = useRef(prepareEdges);\n  prepareEdgesRef.current = prepareEdges;\n  const beforeLayoutRef = useRef(beforeLayout);\n  beforeLayoutRef.current = beforeLayout;\n  const afterLayoutRef = useRef(afterLayout);\n  afterLayoutRef.current = afterLayout;\n  // Relayouts are async (ELK), so only the latest one is applied\n  const latestRun = useRef(0);\n  // While the first layout of a graph opening at a hidden level is worked out,\n  // the graph stays out of sight rather than showing everything first\n  const [isLayingOut, setIsLayingOut] = useState(false);\n\n  // A layout effect, so the graph is at the right level before it's painted\n  // (when its layout is already known)\n  const isFirstRun = useRef(true);\n  useLayoutEffect(() => {\n    const firstRun = isFirstRun.current;\n    isFirstRun.current = false;\n    // Switched to this graph from another (e.g. its overview): animate from it\n    const from = firstRun ? transitionFrom : undefined;\n    // Otherwise the graph starts with everything shown\n    if (\n      firstRun &&\n      !from &&\n      !channelsHidden &&\n      !messagesHidden &&\n      !legendHidden\n    )\n      return;\n\n    const run = ++latestRun.current;\n    const animate = !!from || animateNextChange.current;\n    animateNextChange.current = false;\n    cancelAnimation.current?.();\n\n    const apply = (\n      { nodes: toNodes, edges: toEdges }: { nodes: Node[]; edges: Edge[] },\n      laidOutLater = false,\n    ) => {\n      if (run !== latestRun.current) return;\n      const shown = afterLayoutRef.current({ nodes: toNodes, edges: toEdges });\n      const target = {\n        nodes: shown.nodes,\n        edges: prepareEdgesRef.current(shown.edges),\n      };\n\n      if (!animate) {\n        setNodes(target.nodes);\n        setEdges(target.edges);\n        // React Flow fits the view on first render itself. Otherwise called\n        // straight after setNodes so React Flow queues the fit until the new\n        // nodes are measured (deferring it would fit the previous graph)\n        if (!firstRun || laidOutLater)\n          fitView({ maxZoom: 1, duration: 800, padding: 0.2 });\n        return;\n      }\n\n      // Move from the current layout to the new one, fitting the view to where\n      // the graph ends up while it moves\n      const fromNodes = from?.nodes ?? nodesRef.current;\n      isAnimating.current = true;\n      const bounds = getLayoutBounds(target.nodes, fromNodes);\n      if (bounds) {\n        fitBounds(bounds, {\n          padding: 0.2,\n          duration: LAYOUT_ANIMATION_DURATION,\n        });\n      }\n      cancelAnimation.current = animateLayout({\n        fromNodes,\n        fromEdges: from?.edges ?? edgesRef.current,\n        toNodes: target.nodes,\n        toEdges: target.edges,\n        setNodes,\n        setEdges,\n        // When switching graphs, systems expand into their group (or back), e.g.\n        // a system in its context diagram\n        morphs: from ? getSystemMorphs(from.nodes, target.nodes) : [],\n        nodeOrigin,\n        onDone: () => {\n          isAnimating.current = false;\n          // Fit to the final graph now every node has its real size. Only its\n          // nodes: React Flow can still have the nodes that faded out\n          fitView({\n            maxZoom: 1,\n            duration: 400,\n            padding: 0.2,\n            nodes: target.nodes,\n          });\n        },\n      });\n    };\n\n    // Graphs already laid out\n    if (!legendHidden) {\n      if (messagesHidden && hiddenMessagesGraph)\n        return apply(hiddenMessagesGraph);\n      if (!channelsHidden && !messagesHidden) return apply(fullGraph.current);\n    }\n\n    // Lay the graph out again without the hidden nodes: the level's, then\n    // the legend's\n    const full = beforeLayoutRef.current(fullGraph.current);\n    const level = messagesHidden\n      ? (hiddenMessagesGraph ?? hideMessageNodes(full.nodes, full.edges))\n      : channelsHidden\n        ? hideChannelNodes(full.nodes, full.edges)\n        : full;\n    const graph = legendHidden\n      ? hideNodes(level.nodes, level.edges, isHiddenByLegend)\n      : level;\n    if (firstRun) setIsLayingOut(true);\n    layoutWithElk(graph).then((target) => {\n      apply(target, true);\n      if (firstRun) setIsLayingOut(false);\n    });\n  }, [channelsHidden, messagesHidden, hiddenLegendKeys]);\n\n  return {\n    hideChannels,\n    toggleChannelsVisibility,\n    hideMessages,\n    toggleMessagesVisibility,\n    setDetailLevel,\n    hiddenLegendKeys,\n    toggleLegendKey,\n    highlightCrossDomain,\n    toggleHighlightCrossDomain,\n    isLayingOut,\n  };\n};\n","import { MarkerType, type Edge, type Node } from \"@xyflow/react\";\nimport { COMMAND, EVENT, MESSAGE, QUERY } from \"../nodes/node-types\";\nimport { createEdge } from \"./utils/utils\";\nimport type { EdgeRoute } from \"./elk-layout\";\n\nconst MESSAGE_NODE_TYPES = [...MESSAGE, \"messageGroup\", \"messageGroupExpanded\"];\n\nexport const isMessageNode = (node: Node) =>\n  MESSAGE_NODE_TYPES.includes(node.type || \"\");\n\nconst getCollection = (type = \"\") => {\n  if (EVENT.includes(type)) return \"events\";\n  if (COMMAND.includes(type)) return \"commands\";\n  if (QUERY.includes(type)) return \"queries\";\n  return \"messages\";\n};\n\n// Returns the messages a node represents, as [name, collection] pairs\nconst getMessages = (node: Node): [string, string][] => {\n  const data = node.data as any;\n  if (node.type === \"messageGroup\") {\n    return (data?.messages || []).map(({ message }: any) => [\n      message?.data?.name || message?.data?.id,\n      getCollection(message?.collection),\n    ]);\n  }\n  const message = data?.message;\n  return message\n    ? [[message.name || message.id, getCollection(node.type)]]\n    : [];\n};\n\nconst VERBS: Record<string, string> = {\n  events: \"publishes\",\n  commands: \"invokes\",\n  queries: \"requests\",\n};\n\n/**\n * Label for an edge carrying messages (name -> collection), e.g.\n * \"publishes\\nProduct Created\", \"publishes\\n3 events\", \"sends\\n3 messages\"\n */\nexport const getMessagesLabel = (messages: Map<string, string>) => {\n  if (messages.size === 0) return undefined;\n  const collections = new Set(messages.values());\n  const collection =\n    collections.size === 1 ? Array.from(collections)[0] : \"messages\";\n  const verb = VERBS[collection] || \"sends\";\n  const sent =\n    messages.size === 1\n      ? Array.from(messages.keys())[0]\n      : `${messages.size} ${collection}`;\n  return `${verb}\\n${sent}`;\n};\n\n// Messages and channels carry what's sent between the nodes either side of them\nexport const isCarrier = (node: Node) =>\n  isMessageNode(node) || node.type === \"channels\";\n\nconst isCrossDomain = (edge: Edge) =>\n  !!(edge.data as { crossDomain?: boolean } | undefined)?.crossDomain;\n\nconst getRoute = (edge: Edge) =>\n  (edge.data as { route?: EdgeRoute } | undefined)?.route;\n\n/**\n * The route of an edge bridging hidden nodes: along the routes of the edges it\n * replaces (through where the hidden nodes were), labelled where the first\n * hidden node was. None unless they're all laid out.\n */\nconst joinRoutes = (routes: (EdgeRoute | undefined)[]) => {\n  if (!routes.every((route) => route && route.points.length > 0)) return;\n  const laidOut = routes as EdgeRoute[];\n  const arrives = laidOut[0].points[laidOut[0].points.length - 1];\n  const leaves = laidOut[1].points[0];\n  return {\n    points: laidOut.flatMap((route) => route.points),\n    label: { x: (arrives.x + leaves.x) / 2, y: (arrives.y + leaves.y) / 2 },\n    source: laidOut[0].source,\n    target: laidOut[laidOut.length - 1].target,\n  };\n};\n\n/**\n * Removes the nodes `isHidden` picks. Messages and channels removed are\n * bridged: the nodes either side of them are connected directly, labelled with\n * the messages between them. Other edges to removed nodes go with them.\n * e.g. hiding events, ServiceA -> OrderPlaced -> ServiceB becomes ServiceA -> ServiceB\n */\nexport const hideNodes = (\n  nodes: Node[],\n  edges: Edge[],\n  isHidden: (node: Node) => boolean,\n) => {\n  const hiddenNodes = new Map(\n    nodes.filter(isHidden).map((node) => [node.id, node]),\n  );\n  if (hiddenNodes.size === 0) return { nodes, edges };\n\n  const outgoingEdges = new Map<string, Edge[]>();\n  for (const edge of edges) {\n    const outgoing = outgoingEdges.get(edge.source) || [];\n    outgoing.push(edge);\n    outgoingEdges.set(edge.source, outgoing);\n  }\n\n  const keptEdges: Edge[] = [];\n  const bridgedEdges = new Map<\n    string,\n    {\n      source: string;\n      target: string;\n      messages: Map<string, string>;\n      route?: EdgeRoute;\n      crossDomain: boolean;\n    }\n  >();\n\n  for (const edge of edges) {\n    if (hiddenNodes.has(edge.source)) continue;\n    const target = hiddenNodes.get(edge.target);\n    if (!target) {\n      keptEdges.push(edge);\n      continue;\n    }\n    if (!isCarrier(target)) continue;\n\n    // Follow the edge through hidden messages and channels until we reach\n    // visible nodes, collecting the names of the messages along the way\n    const stack = [\n      {\n        id: edge.target,\n        messages: [] as [string, string][],\n        routes: [getRoute(edge)],\n        crossDomain: isCrossDomain(edge),\n      },\n    ];\n    const visited = new Set<string>();\n    while (stack.length > 0) {\n      const current = stack.pop()!;\n      if (visited.has(current.id)) continue;\n      visited.add(current.id);\n      const messages = [\n        ...current.messages,\n        ...getMessages(hiddenNodes.get(current.id)!),\n      ];\n\n      for (const next of outgoingEdges.get(current.id) || []) {\n        const routes = [...current.routes, getRoute(next)];\n        const crossDomain = current.crossDomain || isCrossDomain(next);\n        const nextNode = hiddenNodes.get(next.target);\n        if (nextNode) {\n          if (isCarrier(nextNode))\n            stack.push({ id: next.target, messages, routes, crossDomain });\n          continue;\n        }\n        if (next.target === edge.source) continue;\n\n        // Prefixed, so it can't clash with an edge directly between the two\n        const id = `bridged-${edge.source}-${next.target}`;\n        const bridged = bridgedEdges.get(id) || {\n          source: edge.source,\n          target: next.target,\n          messages: new Map<string, string>(),\n          route: joinRoutes(routes),\n          crossDomain: false,\n        };\n        bridged.crossDomain ||= crossDomain;\n        messages.forEach(([name, collection]) =>\n          bridged.messages.set(name, collection),\n        );\n        bridgedEdges.set(id, bridged);\n      }\n    }\n  }\n\n  const newEdges = Array.from(bridgedEdges, ([id, bridged]) =>\n    createEdge({\n      id,\n      source: bridged.source,\n      target: bridged.target,\n      label: getMessagesLabel(bridged.messages),\n      // The same size arrow as the rest of the graph's edges\n      markerEnd: {\n        type: MarkerType.ArrowClosed,\n        width: 20,\n        height: 20,\n        color: \"rgb(var(--ec-page-text-muted))\",\n      },\n      // Along the same route, and crossing domains if any edge it replaces did\n      data: {\n        ...(bridged.route ? { route: bridged.route } : {}),\n        ...(bridged.crossDomain ? { crossDomain: true } : {}),\n      },\n    }),\n  );\n\n  return {\n    nodes: nodes.filter((node) => !hiddenNodes.has(node.id)),\n    edges: [...keptEdges, ...newEdges],\n  };\n};\n\n/**\n * Removes message nodes (events, commands, queries) and the channels they\n * travel through, connecting the nodes on either side directly.\n * e.g. ServiceA -> OrderPlaced -> orders-topic -> ServiceB becomes ServiceA -> ServiceB\n */\nexport const hideMessageNodes = (nodes: Node[], edges: Edge[]) =>\n  hideNodes(nodes, edges, isCarrier);\n","import type { Dispatch, SetStateAction } from \"react\";\nimport type { Edge, Node, Viewport } from \"@xyflow/react\";\n\n/** A graph being switched away from, for the next graph to animate from */\nexport type GraphTransition = {\n  nodes: Node[];\n  edges: Edge[];\n  viewport: Viewport;\n};\n\nconst SYSTEM_GROUP_PREFIX = \"system-group-\";\n\n/**\n * Systems that change between being a node and being expanded into a group of\n * everything inside them (`system-group-<system node id>`), when switching\n * from one graph to another.\n */\nexport const getSystemMorphs = (fromNodes: Node[], toNodes: Node[]) => {\n  const fromIds = new Set(fromNodes.map((node) => node.id));\n  const toIds = new Set(toNodes.map((node) => node.id));\n  const morphs: { from: string; to: string }[] = [];\n  const pair = (groups: Node[], nodeIds: Set<string>, grows: boolean) =>\n    groups\n      .filter((node) => node.type === \"system-group\")\n      .forEach((group) => {\n        const systemId = group.id.slice(SYSTEM_GROUP_PREFIX.length);\n        if (!nodeIds.has(systemId)) return;\n        morphs.push(\n          grows\n            ? { from: systemId, to: group.id }\n            : { from: group.id, to: systemId },\n        );\n      });\n  pair(toNodes, fromIds, true);\n  pair(fromNodes, toIds, false);\n  return morphs.filter(\n    (morph) => !toIds.has(morph.from) && !fromIds.has(morph.to),\n  );\n};\n\nexport const LAYOUT_ANIMATION_DURATION = 500;\n\nconst easeInOut = (t: number) =>\n  t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2;\n\nconst lerp = (from: number, to: number, t: number) => from + (to - from) * t;\n\nconst size = (node: Node) => ({\n  width: node.style?.width,\n  height: node.style?.height,\n});\n\n// Size a node that hasn't been rendered yet is assumed to be\nconst ESTIMATED_NODE_SIZE = { width: 250, height: 120 };\n\ntype Rect = { x: number; y: number; width: number; height: number };\n\n/** A node's rendered box: its position is offset into it by its origin */\nconst getRect = (node: Node, nodeOrigin: [number, number]): Rect => {\n  const width =\n    (typeof node.style?.width === \"number\" ? node.style.width : undefined) ??\n    node.measured?.width ??\n    ESTIMATED_NODE_SIZE.width;\n  const height =\n    (typeof node.style?.height === \"number\" ? node.style.height : undefined) ??\n    node.measured?.height ??\n    ESTIMATED_NODE_SIZE.height;\n  const [originX, originY] = node.origin ?? nodeOrigin;\n  return {\n    x: node.position.x - originX * width,\n    y: node.position.y - originY * height,\n    width,\n    height,\n  };\n};\n\n/** Position that puts a node's rendered box at `rect` */\nconst getPositionForRect = (\n  node: Node,\n  rect: Rect,\n  nodeOrigin: [number, number],\n) => {\n  const [originX, originY] = node.origin ?? nodeOrigin;\n  return {\n    x: rect.x + originX * rect.width,\n    y: rect.y + originY * rect.height,\n  };\n};\n\n/**\n * Animates from one layout of the graph to another. Nodes in both layouts\n * move (and groups resize) to their new place, frame by frame so edges follow\n * them. Nodes and edges only in the new layout fade in, and ones only in the\n * old layout fade out.\n *\n * `morphs` pair nodes in the old layout with different ones in the new\n * layout, e.g. a system node and the group of everything inside the system:\n * the group grows out of the system node, or shrinks back into it.\n *\n * Returns a function that cancels the animation.\n */\nexport const animateLayout = ({\n  fromNodes,\n  fromEdges,\n  toNodes,\n  toEdges,\n  setNodes,\n  setEdges,\n  morphs = [],\n  nodeOrigin = [0, 0],\n  onDone,\n}: {\n  fromNodes: Node[];\n  fromEdges: Edge[];\n  toNodes: Node[];\n  toEdges: Edge[];\n  setNodes: (nodes: Node[]) => void;\n  setEdges: Dispatch<SetStateAction<Edge[]>>;\n  morphs?: { from: string; to: string }[];\n  nodeOrigin?: [number, number];\n  onDone?: () => void;\n}) => {\n  const fromNodesById = new Map(fromNodes.map((node) => [node.id, node]));\n  const toNodeIds = new Set(toNodes.map((node) => node.id));\n  const fromEdgeIds = new Set(fromEdges.map((edge) => edge.id));\n  const toEdgeIds = new Set(toEdges.map((edge) => edge.id));\n\n  // Morphing: a group (sized by its style) grows out of the old node, or the\n  // old group shrinks to where the new node will be while it fades in\n  const shrinking: { node: Node; from: Rect; to: Rect }[] = [];\n  morphs.forEach((morph) => {\n    const morphFrom = fromNodesById.get(morph.from);\n    const morphTo = toNodes.find((node) => node.id === morph.to);\n    if (!morphFrom || !morphTo) return;\n    const fromRect = getRect(morphFrom, nodeOrigin);\n    if (typeof morphTo.style?.width === \"number\") {\n      fromNodesById.set(morphTo.id, {\n        ...morphTo,\n        position: getPositionForRect(morphTo, fromRect, nodeOrigin),\n        style: {\n          ...morphTo.style,\n          width: fromRect.width,\n          height: fromRect.height,\n        },\n      });\n    } else {\n      shrinking.push({\n        node: { ...morphFrom, origin: [0, 0], className: \"ec-morph-exit\" },\n        from: fromRect,\n        to: getRect(morphTo, nodeOrigin),\n      });\n    }\n  });\n  const shrinkingIds = new Set(shrinking.map(({ node }) => node.id));\n\n  const exitingNodes = fromNodes\n    .filter((node) => !toNodeIds.has(node.id) && !shrinkingIds.has(node.id))\n    .map((node) => ({ ...node, className: \"ec-exit\" }));\n\n  const frame = (t: number): Node[] => {\n    const nodes = toNodes.map((node) => {\n      const from = fromNodesById.get(node.id);\n      if (!from) return { ...node, className: \"ec-enter\" };\n\n      const next: Node = {\n        ...node,\n        position: {\n          x: lerp(from.position.x, node.position.x, t),\n          y: lerp(from.position.y, node.position.y, t),\n        },\n      };\n      // Groups grow or shrink to their new size\n      const fromSize = size(from);\n      const toSize = size(node);\n      if (\n        typeof fromSize.width === \"number\" &&\n        typeof toSize.width === \"number\" &&\n        typeof fromSize.height === \"number\" &&\n        typeof toSize.height === \"number\"\n      ) {\n        next.style = {\n          ...node.style,\n          width: lerp(fromSize.width, toSize.width, t),\n          height: lerp(fromSize.height, toSize.height, t),\n        };\n      }\n      return next;\n    });\n\n    shrinking.forEach(({ node, from, to }) =>\n      nodes.push({\n        ...node,\n        position: { x: lerp(from.x, to.x, t), y: lerp(from.y, to.y, t) },\n        style: {\n          ...node.style,\n          width: lerp(from.width, to.width, t),\n          height: lerp(from.height, to.height, t),\n        },\n      }),\n    );\n    // Exiting nodes stay (fading out) until the animation ends\n    return [...nodes, ...exitingNodes];\n  };\n\n  // Start straight away so the new layout is never painted before it animates\n  setNodes(frame(0));\n  setEdges([\n    ...toEdges.map((edge) =>\n      fromEdgeIds.has(edge.id) ? edge : { ...edge, className: \"ec-enter\" },\n    ),\n    ...fromEdges\n      .filter((edge) => !toEdgeIds.has(edge.id))\n      .map((edge) => ({ ...edge, className: \"ec-exit\" })),\n  ]);\n\n  const start = performance.now();\n  let animationFrame = requestAnimationFrame(function tick(now) {\n    const t = Math.min(1, (now - start) / LAYOUT_ANIMATION_DURATION);\n    if (t < 1) {\n      setNodes(frame(easeInOut(t)));\n      animationFrame = requestAnimationFrame(tick);\n      return;\n    }\n    setNodes(toNodes);\n    // Drop the faded out edges. Updated in place rather than replaced, so any\n    // changes made to the edges since the start (e.g. animation) are kept.\n    setEdges((edges) =>\n      edges\n        .filter((edge) => toEdgeIds.has(edge.id))\n        .map((edge) =>\n          edge.className === \"ec-enter\"\n            ? { ...edge, className: undefined }\n            : edge,\n        ),\n    );\n    onDone?.();\n  });\n\n  return () => cancelAnimationFrame(animationFrame);\n};\n\n/**\n * Bounds of a laid out graph, for fitting the view to it before it's rendered\n * (none for an empty graph)\n */\nexport const getLayoutBounds = (nodes: Node[], currentNodes: Node[]) => {\n  const currentById = new Map(currentNodes.map((node) => [node.id, node]));\n  const topLevel = nodes.filter((node) => !node.parentId);\n  if (topLevel.length === 0) return undefined;\n  const rects = topLevel.map((node) => {\n    const measured = currentById.get(node.id)?.measured ?? node.measured;\n    const width =\n      (typeof node.style?.width === \"number\" ? node.style.width : undefined) ??\n      measured?.width ??\n      150;\n    const height =\n      (typeof node.style?.height === \"number\"\n        ? node.style.height\n        : undefined) ??\n      measured?.height ??\n      100;\n    return { ...node.position, width, height };\n  });\n  const x = Math.min(...rects.map((rect) => rect.x));\n  const y = Math.min(...rects.map((rect) => rect.y));\n  return {\n    x,\n    y,\n    width: Math.max(...rects.map((rect) => rect.x + rect.width)) - x,\n    height: Math.max(...rects.map((rect) => rect.y + rect.height)) - y,\n  };\n};\n","import type { Edge } from \"@xyflow/react\";\n\n/**\n * Sets whether each edge simulates messages flowing along it. Only message\n * edges can animate; the rest keep their type.\n */\nexport const applyMessageAnimation = (\n  edges: Edge[],\n  animateMessages: boolean,\n): Edge[] =>\n  edges.map((edge) => {\n    // Decided once per edge: toggling animation off changes the type to\n    // \"smoothstep\", which would otherwise stop it animating again.\n    const canAnimate =\n      (edge.data?.canAnimate as boolean | undefined) ??\n      !(\n        edge.type === \"flow-edge\" ||\n        edge.type === \"multiline\" ||\n        edge.type === \"default\" ||\n        edge.type === \"step\" ||\n        edge.type === \"smoothstep\" ||\n        edge.data?.animated === false\n      );\n\n    return {\n      ...edge,\n      animated: canAnimate ? animateMessages : false,\n      type: !canAnimate\n        ? edge.type || \"default\"\n        : animateMessages\n          ? \"animated\"\n          : \"smoothstep\",\n      data: {\n        ...edge.data,\n        canAnimate,\n        animateMessages: canAnimate ? animateMessages : false,\n        animated: canAnimate ? animateMessages : false,\n      },\n    };\n  });\n","import React, { type RefObject, useState, memo } from \"react\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport {\n  Code,\n  Share2,\n  Search,\n  Grid3x3,\n  Maximize2,\n  Map,\n  Sparkles,\n  Zap,\n  EyeOff,\n  Save,\n  RotateCcw,\n  Loader2,\n  MessageCircle,\n} from \"lucide-react\";\nimport {\n  DocumentArrowDownIcon,\n  PresentationChartLineIcon,\n} from \"@heroicons/react/24/outline\";\nimport type { VisualiserSearchRef } from \"./VisualiserSearch\";\n\ninterface VisualizerDropdownContentProps {\n  isMermaidView: boolean;\n  setIsMermaidView: (value: boolean) => void;\n  animateMessages: boolean;\n  toggleAnimateMessages: () => void;\n  /** Hide the \"Simulate Messages\" toggle entirely (e.g. on the Context Diagram). */\n  hideAnimateMessages?: boolean;\n  hideChannels: boolean;\n  toggleChannelsVisibility: () => void;\n  hasChannels: boolean;\n  hideMessages: boolean;\n  toggleMessagesVisibility: () => void;\n  hasMessages: boolean;\n  showMinimap: boolean;\n  setShowMinimap: (value: boolean) => void;\n  handleFitView: () => void;\n  searchRef: RefObject<VisualiserSearchRef | null>;\n  isChatEnabled: boolean;\n  openChat: () => void;\n  handleCopyArchitectureCode: () => void;\n  handleExportVisual: () => void;\n  setIsShareModalOpen: (value: boolean) => void;\n  toggleFullScreen: () => void;\n  isDevMode?: boolean;\n  onSaveLayout?: () => Promise<boolean>;\n  onResetLayout?: () => Promise<boolean>;\n  notesCount?: number;\n  onOpenNotes?: () => void;\n}\n\nconst VisualizerDropdownContent: React.FC<VisualizerDropdownContentProps> =\n  memo(\n    ({\n      isMermaidView,\n      setIsMermaidView,\n      animateMessages,\n      toggleAnimateMessages,\n      hideAnimateMessages = false,\n      hideChannels,\n      toggleChannelsVisibility,\n      hasChannels,\n      hideMessages,\n      toggleMessagesVisibility,\n      hasMessages,\n      showMinimap,\n      setShowMinimap,\n      handleFitView,\n      searchRef,\n      isChatEnabled,\n      openChat,\n      handleCopyArchitectureCode,\n      handleExportVisual,\n      setIsShareModalOpen,\n      toggleFullScreen,\n      isDevMode = false,\n      onSaveLayout,\n      onResetLayout,\n      notesCount = 0,\n      onOpenNotes,\n    }) => {\n      const [layoutStatus, setLayoutStatus] = useState<\n        \"idle\" | \"saving\" | \"resetting\"\n      >(\"idle\");\n      const portalContainer = usePortalContainer();\n\n      const handleSaveLayout = async () => {\n        if (!onSaveLayout) return;\n        setLayoutStatus(\"saving\");\n        await onSaveLayout();\n        setLayoutStatus(\"idle\");\n      };\n\n      const handleResetLayout = async () => {\n        if (!onResetLayout) return;\n        if (\n          !window.confirm(\n            \"Reset layout to auto-positioning? This will delete your saved layout.\",\n          )\n        ) {\n          return;\n        }\n        setLayoutStatus(\"resetting\");\n        const success = await onResetLayout();\n        if (success) {\n          window.location.reload();\n        } else {\n          setLayoutStatus(\"idle\");\n        }\n      };\n\n      return (\n        <>\n          {/* Canvas Settings Submenu */}\n          <DropdownMenu.Sub>\n            <DropdownMenu.SubTrigger className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2 outline-none\">\n              <Grid3x3 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n              <span className=\"flex-1 font-normal\">Canvas</span>\n              <svg\n                className=\"w-3 h-3 text-[rgb(var(--ec-page-text-muted))]\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M9 5l7 7-7 7\"\n                />\n              </svg>\n            </DropdownMenu.SubTrigger>\n            <DropdownMenu.Portal container={portalContainer}>\n              <DropdownMenu.SubContent\n                className=\"min-w-[200px] bg-[rgb(var(--ec-card-bg))] rounded-lg shadow-xl border border-[rgb(var(--ec-page-border))] py-1.5 z-[60]\"\n                sideOffset={8}\n                alignOffset={-8}\n              >\n                <DropdownMenu.CheckboxItem\n                  checked={isMermaidView}\n                  onCheckedChange={setIsMermaidView}\n                  className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2\"\n                >\n                  <Code className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                  <span className=\"flex-1 font-normal\">Render as mermaid</span>\n                  <div\n                    className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${isMermaidView ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                  >\n                    <div\n                      className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${isMermaidView ? \"left-3.5\" : \"left-0.5\"}`}\n                    />\n                  </div>\n                </DropdownMenu.CheckboxItem>\n\n                {!hideAnimateMessages && (\n                  <>\n                    <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n\n                    <DropdownMenu.CheckboxItem\n                      checked={animateMessages}\n                      onCheckedChange={toggleAnimateMessages}\n                      className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2\"\n                    >\n                      <Zap className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                      <span className=\"flex-1 font-normal\">\n                        Simulate Messages\n                      </span>\n                      <div\n                        className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${animateMessages ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                      >\n                        <div\n                          className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${animateMessages ? \"left-3.5\" : \"left-0.5\"}`}\n                        />\n                      </div>\n                    </DropdownMenu.CheckboxItem>\n                  </>\n                )}\n\n                {hasChannels && (\n                  <DropdownMenu.CheckboxItem\n                    checked={hideChannels || hideMessages}\n                    onCheckedChange={toggleChannelsVisibility}\n                    disabled={hideMessages}\n                    className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2 data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\"\n                  >\n                    <EyeOff className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                    <span className=\"flex-1 font-normal\">Hide channels</span>\n                    <div\n                      className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${hideChannels || hideMessages ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                    >\n                      <div\n                        className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${hideChannels || hideMessages ? \"left-3.5\" : \"left-0.5\"}`}\n                      />\n                    </div>\n                  </DropdownMenu.CheckboxItem>\n                )}\n\n                {hasMessages && (\n                  <DropdownMenu.CheckboxItem\n                    checked={hideMessages}\n                    onCheckedChange={toggleMessagesVisibility}\n                    className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2\"\n                  >\n                    <EyeOff className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                    <span className=\"flex-1 font-normal\">Hide messages</span>\n                    <div\n                      className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${hideMessages ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                    >\n                      <div\n                        className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${hideMessages ? \"left-3.5\" : \"left-0.5\"}`}\n                      />\n                    </div>\n                  </DropdownMenu.CheckboxItem>\n                )}\n\n                <DropdownMenu.CheckboxItem\n                  checked={showMinimap}\n                  onCheckedChange={setShowMinimap}\n                  className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2\"\n                >\n                  <Map className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                  <span className=\"flex-1 font-normal\">Show minimap</span>\n                  <div\n                    className={`w-7 h-4 rounded-full transition-all duration-200 flex-shrink-0 relative ${showMinimap ? \"bg-[rgb(var(--ec-accent))]\" : \"bg-[rgb(var(--ec-page-border))]\"}`}\n                  >\n                    <div\n                      className={`absolute top-0.5 w-3 h-3 rounded-full bg-white shadow-sm transition-all duration-200 ${showMinimap ? \"left-3.5\" : \"left-0.5\"}`}\n                    />\n                  </div>\n                </DropdownMenu.CheckboxItem>\n\n                <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n\n                <DropdownMenu.Item\n                  onClick={handleFitView}\n                  className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n                >\n                  <Maximize2 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                  <span className=\"flex-1 font-normal\">Fit to view</span>\n                </DropdownMenu.Item>\n\n                <DropdownMenu.Item\n                  onClick={() => {\n                    searchRef.current?.hideSuggestions();\n                    setTimeout(() => {\n                      const searchInput = document.querySelector(\n                        'input[placeholder=\"Search nodes...\"]',\n                      ) as HTMLInputElement;\n                      searchInput?.focus();\n                    }, 50);\n                  }}\n                  className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n                >\n                  <Search className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                  <span className=\"flex-1 font-normal\">Find on canvas</span>\n                </DropdownMenu.Item>\n              </DropdownMenu.SubContent>\n            </DropdownMenu.Portal>\n          </DropdownMenu.Sub>\n\n          {/* Notes */}\n          {notesCount > 0 && onOpenNotes && (\n            <DropdownMenu.Item\n              onClick={onOpenNotes}\n              className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n            >\n              <MessageCircle className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n              <span className=\"flex-1 font-normal\">\n                View notes ({notesCount})\n              </span>\n            </DropdownMenu.Item>\n          )}\n\n          {/* Dev Mode: Layout Submenu */}\n          {isDevMode && onSaveLayout && (\n            <DropdownMenu.Sub>\n              <DropdownMenu.SubTrigger className=\"flex items-center px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer transition-colors gap-2 outline-none\">\n                <Save className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                <span className=\"flex-1 font-normal\">Layout</span>\n                <span className=\"text-[10px] text-amber-600 font-medium\">\n                  DEV\n                </span>\n                <svg\n                  className=\"w-3 h-3 text-[rgb(var(--ec-page-text-muted))]\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M9 5l7 7-7 7\"\n                  />\n                </svg>\n              </DropdownMenu.SubTrigger>\n              <DropdownMenu.Portal container={portalContainer}>\n                <DropdownMenu.SubContent\n                  className=\"min-w-[180px] bg-[rgb(var(--ec-card-bg))] rounded-lg shadow-xl border border-[rgb(var(--ec-page-border))] py-1.5 z-[60]\"\n                  sideOffset={8}\n                  alignOffset={-8}\n                >\n                  <DropdownMenu.Item\n                    onClick={handleSaveLayout}\n                    disabled={layoutStatus !== \"idle\"}\n                    className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    {layoutStatus === \"saving\" ? (\n                      <Loader2 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0 animate-spin\" />\n                    ) : (\n                      <Save className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                    )}\n                    <span className=\"flex-1 font-normal\">\n                      {layoutStatus === \"saving\" ? \"Saving...\" : \"Save Layout\"}\n                    </span>\n                  </DropdownMenu.Item>\n                  <DropdownMenu.Item\n                    onClick={handleResetLayout}\n                    disabled={layoutStatus !== \"idle\"}\n                    className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    {layoutStatus === \"resetting\" ? (\n                      <Loader2 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0 animate-spin\" />\n                    ) : (\n                      <RotateCcw className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                    )}\n                    <span className=\"flex-1 font-normal\">\n                      {layoutStatus === \"resetting\"\n                        ? \"Resetting...\"\n                        : \"Reset Layout\"}\n                    </span>\n                  </DropdownMenu.Item>\n                </DropdownMenu.SubContent>\n              </DropdownMenu.Portal>\n            </DropdownMenu.Sub>\n          )}\n\n          {/* Ask AI */}\n          {isChatEnabled && (\n            <>\n              <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n              <DropdownMenu.Item\n                onClick={openChat}\n                className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n              >\n                <Sparkles className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n                <span className=\"flex-1 font-normal\">Ask a question</span>\n              </DropdownMenu.Item>\n            </>\n          )}\n\n          {/* Export Items */}\n          <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n          <DropdownMenu.Item\n            onClick={handleCopyArchitectureCode}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <Code className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">Copy as mermaid</span>\n          </DropdownMenu.Item>\n\n          <DropdownMenu.Item\n            onClick={handleExportVisual}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <DocumentArrowDownIcon className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">Export image</span>\n          </DropdownMenu.Item>\n\n          {/* Share Link */}\n          <DropdownMenu.Item\n            onClick={() => setIsShareModalOpen(true)}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <Share2 className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">Share Link</span>\n          </DropdownMenu.Item>\n\n          {/* Start Presentation */}\n          <DropdownMenu.Separator className=\"my-1 h-px bg-[rgb(var(--ec-page-border))]\" />\n          <DropdownMenu.Item\n            onClick={toggleFullScreen}\n            className=\"px-3 py-2 text-xs text-[rgb(var(--ec-page-text))] hover:bg-[rgb(var(--ec-accent-subtle)/0.3)] cursor-pointer flex items-center gap-2 transition-colors\"\n          >\n            <PresentationChartLineIcon className=\"w-3.5 h-3.5 text-[rgb(var(--ec-page-text-muted))] flex-shrink-0\" />\n            <span className=\"flex-1 font-normal\">Start Presentation</span>\n          </DropdownMenu.Item>\n        </>\n      );\n    },\n  );\n\nVisualizerDropdownContent.displayName = \"VisualizerDropdownContent\";\n\nexport default VisualizerDropdownContent;\n","import { memo } from \"react\";\nimport * as ContextMenu from \"@radix-ui/react-context-menu\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport type { ContextMenuItem } from \"../types\";\n\ninterface NodeContextMenuProps {\n  items: ContextMenuItem[];\n  children: React.ReactNode;\n}\n\nexport default memo(function NodeContextMenu({\n  items,\n  children,\n}: NodeContextMenuProps) {\n  const portalContainer = usePortalContainer();\n\n  if (!items || items.length === 0) return <>{children}</>;\n\n  return (\n    <ContextMenu.Root>\n      <ContextMenu.Trigger>{children}</ContextMenu.Trigger>\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Content\n          className=\"min-w-[220px] bg-white rounded-md p-1 shadow-md border border-gray-200 z-50\"\n          onClick={(e) => e.stopPropagation()}\n        >\n          {items.map((item, index) => (\n            <div key={index}>\n              {item.separator && index > 0 && (\n                <ContextMenu.Separator className=\"h-[1px] bg-gray-200 m-1\" />\n              )}\n              <ContextMenu.Item\n                asChild\n                className=\"text-sm px-2 py-1.5 outline-none cursor-pointer hover:bg-orange-100 rounded-sm flex items-center text-gray-900 hover:text-gray-900 visited:text-gray-900 no-underline hover:no-underline visited:no-underline\"\n              >\n                <a\n                  href={item.href}\n                  {...(item.download ? { download: item.download } : {})}\n                  {...(item.external\n                    ? { target: \"_blank\", rel: \"noopener noreferrer\" }\n                    : {})}\n                >\n                  {item.label}\n                </a>\n              </ContextMenu.Item>\n            </div>\n          ))}\n        </ContextMenu.Content>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n","import { getViewportForBounds, type Rect, type Viewport } from \"@xyflow/react\";\n\nconst MIN_IMAGE_WIDTH = 1024;\nconst MIN_IMAGE_HEIGHT = 768;\n\n// Nodes render decorations outside their measured rects (type badges at\n// -top-2.5, actor icons at -top-4, box shadows), so the exported image needs\n// breathing room around getNodesBounds() or edge nodes get clipped.\nexport const EXPORT_PADDING = 40;\n\nexport function getExportImageDimensions(nodesBounds: Rect): {\n  width: number;\n  height: number;\n  viewport: Viewport;\n} {\n  const paddedBounds = {\n    x: nodesBounds.x - EXPORT_PADDING,\n    y: nodesBounds.y - EXPORT_PADDING,\n    width: nodesBounds.width + EXPORT_PADDING * 2,\n    height: nodesBounds.height + EXPORT_PADDING * 2,\n  };\n\n  const width = Math.max(MIN_IMAGE_WIDTH, Math.ceil(paddedBounds.width));\n  const height = Math.max(MIN_IMAGE_HEIGHT, Math.ceil(paddedBounds.height));\n\n  const viewport = getViewportForBounds(paddedBounds, width, height, 0.5, 2, 0);\n\n  return { width, height, viewport };\n}\n\n// html-to-image deep-clones <svg> subtrees without inlining computed styles,\n// so var()-based fills (edge label pills, label text) and stylesheet rules\n// (.react-flow__edge-path) resolve to nothing in the capture — labels render\n// black and edges lose their color. Injecting a <style> that pins the resolved\n// theme variables and mirrors the edge rules fixes the capture in both themes.\n\nexport function extractEcVarNames(cssText: string): string[] {\n  return Array.from(new Set(cssText.match(/--ec-[a-z0-9-]+/g) ?? []));\n}\n\nexport function buildExportCss(themeVars: Record<string, string>): string {\n  const varDeclarations = Object.entries(themeVars)\n    .map(([name, value]) => `${name}: ${value};`)\n    .join(\" \");\n\n  return [\n    // Applied to every element so the variables reach the cloned SVG subtree\n    `* { ${varDeclarations} }`,\n    // Mirrors .react-flow__edge-path in styles.css, which is lost in the clone\n    `.react-flow__edge-path { stroke: var(--ec-edge-stroke, #6b7280); stroke-width: 1.5; fill: none; }`,\n  ].join(\"\\n\");\n}\n\nfunction collectThemeCssVars(scope: Element): Record<string, string> {\n  const names = new Set<string>();\n  for (const sheet of Array.from(document.styleSheets)) {\n    let rules: CSSRuleList;\n    try {\n      rules = sheet.cssRules;\n    } catch {\n      continue; // cross-origin stylesheet\n    }\n    for (const rule of Array.from(rules)) {\n      for (const name of extractEcVarNames(rule.cssText)) {\n        names.add(name);\n      }\n    }\n  }\n\n  const computed = window.getComputedStyle(scope);\n  const vars: Record<string, string> = {};\n  for (const name of names) {\n    const value = computed.getPropertyValue(name).trim();\n    if (value) vars[name] = value;\n  }\n  return vars;\n}\n\n// html-to-image deep-clones <svg> elements via cloneNode(true) and skips\n// computed-style inlining for everything inside them (cloneChildren returns\n// early for SVG). Styles that SVG content gets from stylesheets or var()-based\n// presentation attributes are therefore lost in the capture. Inlining the\n// resolved values directly onto each SVG element before capture is the only\n// approach that survives the clone in every browser.\nconst SVG_EXPORT_STYLE_PROPERTIES = [\n  \"fill\",\n  \"fill-opacity\",\n  \"stroke\",\n  \"stroke-width\",\n  \"stroke-dasharray\",\n  \"stroke-linecap\",\n  \"stroke-linejoin\",\n  \"opacity\",\n  \"font-family\",\n  \"font-size\",\n  \"font-weight\",\n  \"letter-spacing\",\n  \"text-anchor\",\n  \"dominant-baseline\",\n];\n\nfunction inlineSvgComputedStyles(viewport: HTMLElement): () => void {\n  const restores: Array<() => void> = [];\n  const svgElements = viewport.querySelectorAll(\"svg, svg *\");\n  svgElements.forEach((element) => {\n    if (!(element instanceof SVGElement)) return;\n    const computed = window.getComputedStyle(element);\n    const originalStyle = element.getAttribute(\"style\");\n    for (const property of SVG_EXPORT_STYLE_PROPERTIES) {\n      const value = computed.getPropertyValue(property);\n      if (value) element.style.setProperty(property, value);\n    }\n    restores.push(() => {\n      if (originalStyle === null) {\n        element.removeAttribute(\"style\");\n      } else {\n        element.setAttribute(\"style\", originalStyle);\n      }\n    });\n  });\n  return () => restores.forEach((restore) => restore());\n}\n\n// Returns a cleanup function that removes the injected styles.\nexport function injectExportStyles(viewport: HTMLElement): () => void {\n  const styleElement = document.createElement(\"style\");\n  styleElement.textContent = buildExportCss(collectThemeCssVars(viewport));\n  viewport.appendChild(styleElement);\n  const restoreSvgStyles = inlineSvgComputedStyles(viewport);\n  return () => {\n    restoreSvgStyles();\n    styleElement.remove();\n  };\n}\n","import { MarkerType, type Node, type Edge } from \"@xyflow/react\";\nimport type { GraphNode, GraphEdge } from \"../types\";\nimport { layoutWithElk } from \"./elk-layout\";\n\nconst EMPTY_GROUP_WIDTH = 200;\nconst EMPTY_GROUP_HEIGHT = 80;\n\nconst defaultSizes: Record<string, { width: number; height: number }> = {\n  service: { width: 300, height: 140 },\n  agent: { width: 300, height: 140 },\n  \"agent-tool\": { width: 260, height: 120 },\n  agentTool: { width: 260, height: 120 },\n  event: { width: 240, height: 140 },\n  command: { width: 300, height: 120 },\n  query: { width: 300, height: 120 },\n  channel: { width: 300, height: 140 },\n  container: { width: 300, height: 140 },\n  \"data-product\": { width: 300, height: 140 },\n  data: { width: 320, height: 120 },\n  domain: { width: 300, height: 120 },\n  flow: { width: 300, height: 140 },\n  actor: { width: 240, height: 100 },\n  \"external-system\": { width: 300, height: 100 },\n  step: { width: 280, height: 100 },\n  \"message-group\": { width: 350, height: 200 },\n  group: { width: EMPTY_GROUP_WIDTH, height: EMPTY_GROUP_HEIGHT },\n};\nconst fallbackSize = { width: 280, height: 100 };\n\nconst getNodeSize = (node: Node) =>\n  defaultSizes[node.type || \"\"] || fallbackSize;\n\nexport function buildNodeData(\n  node: GraphNode,\n  style?: string,\n): Record<string, unknown> {\n  const notes =\n    (node.metadata.notes as Array<{\n      content: string;\n      author?: string;\n      priority?: string;\n    }>) || [];\n  const owners = (node.metadata.owners as string[]) || [];\n  const base = {\n    name: node.label,\n    version: (node.metadata.version as string) || \"\",\n    summary: (node.metadata.summary as string) || \"\",\n    deprecated: node.metadata.deprecated === true,\n    draft: node.metadata.draft === true,\n    ...(notes.length > 0 ? { notes } : {}),\n    ...(owners.length > 0 ? { owners } : {}),\n  };\n\n  switch (node.type) {\n    case \"service\":\n      return { mode: \"full\", style, service: base };\n    case \"agent\":\n      return {\n        mode: \"full\",\n        style,\n        agent: {\n          ...base,\n          ...(node.metadata.model ? { model: node.metadata.model } : {}),\n          ...(Array.isArray(node.metadata.tools)\n            ? { tools: node.metadata.tools }\n            : {}),\n        },\n      };\n    case \"agent-tool\":\n    case \"agentTool\":\n      return {\n        mode: \"full\",\n        style,\n        agentTool: {\n          id: node.id,\n          name: node.label,\n          type: (node.metadata.type as string) || \"\",\n          icon: (node.metadata.icon as string) || \"\",\n          url: (node.metadata.url as string) || \"\",\n          description: (node.metadata.description as string) || \"\",\n        },\n      };\n    case \"event\":\n    case \"command\":\n    case \"query\":\n      return {\n        mode: \"full\",\n        style,\n        message: {\n          ...base,\n          schema: (node.metadata.schema as string) || \"\",\n          ...(node.metadata.method\n            ? { method: node.metadata.method as string }\n            : {}),\n          ...(node.metadata.path ? { path: node.metadata.path as string } : {}),\n          ...(Array.isArray(node.metadata.statusCodes) &&\n          node.metadata.statusCodes.length > 0\n            ? { statusCodes: node.metadata.statusCodes as number[] }\n            : {}),\n        },\n      };\n    case \"channel\":\n      return {\n        mode: \"full\",\n        style,\n        channel: {\n          ...base,\n          protocols: (node.metadata.protocols as string[]) || [],\n          address: (node.metadata.address as string) || \"\",\n          ...(node.metadata.deliveryGuarantee\n            ? { deliveryGuarantee: node.metadata.deliveryGuarantee as string }\n            : {}),\n        },\n      };\n    case \"container\":\n      return {\n        mode: \"full\",\n        style,\n        data: {\n          ...base,\n          type: (node.metadata.containerType as string) || \"Database\",\n        },\n      };\n    case \"data-product\":\n      return { mode: \"full\", style, dataProduct: base };\n    case \"data\":\n      return {\n        mode: \"full\",\n        style,\n        data: {\n          ...base,\n          type: (node.metadata.containerType as string) || \"Database\",\n        },\n      };\n    case \"domain\":\n      return {\n        mode: \"full\",\n        style,\n        domain: { data: { ...base, id: node.id } },\n      };\n    case \"flow\":\n      return {\n        mode: \"full\",\n        style,\n        flow: { data: { ...base, id: node.id } },\n      };\n    case \"actor\":\n      return { ...base, label: node.label, mode: \"full\", style, id: node.id };\n    case \"external-system\":\n      return {\n        mode: \"full\",\n        style,\n        externalSystem: { label: node.label, ...base, id: node.id },\n      };\n    case \"step\":\n      return {\n        mode: \"full\",\n        style,\n        step: { ...base, title: node.label, id: node.id },\n      };\n    default:\n      return { ...base, style, resourceType: node.type };\n  }\n}\n\n/**\n * Lays a DSL graph out (left to right), as React Flow nodes and edges. Domains,\n * and nodes other nodes sit in, become groups sized to fit their children.\n */\nexport async function layoutGraph(\n  nodes: GraphNode[],\n  edges: GraphEdge[],\n  { style }: { style?: string } = {},\n): Promise<{ nodes: Node[]; edges: Edge[] }> {\n  if (nodes.length === 0) {\n    return { nodes: [], edges: [] };\n  }\n\n  const nodeById = new Map(nodes.map((n) => [n.id, n]));\n  const groupIds = new Set(\n    nodes\n      .filter(\n        (n) => n.type === \"domain\" || nodes.some((c) => c.parentId === n.id),\n      )\n      .map((n) => n.id),\n  );\n\n  const layoutNodes: Node[] = nodes.map((node) => {\n    const parentId =\n      node.parentId && node.parentId !== node.id && groupIds.has(node.parentId)\n        ? node.parentId\n        : undefined;\n    const placement = {\n      id: node.id,\n      position: { x: 0, y: 0 },\n      ...(parentId ? { parentId, extent: \"parent\" as const } : {}),\n    };\n    if (!groupIds.has(node.id)) {\n      return {\n        ...placement,\n        type: node.type,\n        data: buildNodeData(node, style),\n      };\n    }\n    return {\n      ...placement,\n      type: \"group\",\n      data: {\n        mode: \"full\",\n        domain: {\n          name: node.label,\n          version: (node.metadata.version as string) || \"\",\n          summary: (node.metadata.summary as string) || \"\",\n        },\n      },\n      // Groups with children are sized to fit them when laid out\n      style: {\n        width: EMPTY_GROUP_WIDTH,\n        height: EMPTY_GROUP_HEIGHT,\n        background: \"transparent\",\n        border: \"none\",\n        padding: 0,\n      },\n    };\n  });\n\n  const layoutEdges: Edge[] = edges\n    .filter((edge) => !groupIds.has(edge.source) && !groupIds.has(edge.target))\n    .map((edge) => {\n      const collection = getMessageCollection(edge, nodeById);\n      const isFlowStep = edge.type === \"flow-step\";\n      const isCalls = edge.type === \"calls\";\n      const isBidirectional = edge.type === \"reads-writes\";\n      const arrowMarker = {\n        type: MarkerType.ArrowClosed,\n        width: 20,\n        height: 20,\n        color: \"rgb(var(--ec-page-text-muted))\",\n      };\n      return {\n        id: edge.id,\n        source: edge.source,\n        target: edge.target,\n        label: isBidirectional\n          ? \"reads/writes\"\n          : isFlowStep\n            ? edge.label || undefined\n            : edge.label || edge.type,\n        type: isFlowStep ? \"flow-edge\" : isCalls ? \"step\" : \"animated\",\n        markerEnd: arrowMarker,\n        ...(isBidirectional ? { markerStart: arrowMarker } : {}),\n        data: { edgeType: edge.type, message: { collection } },\n      };\n    });\n\n  return layoutWithElk(\n    { nodes: layoutNodes, edges: layoutEdges },\n    { sizeOf: getNodeSize },\n  );\n}\n\nconst MESSAGE_TYPES = new Set([\"event\", \"command\", \"query\"]);\n\nfunction getMessageCollection(\n  edge: GraphEdge,\n  nodeById: Map<string, GraphNode>,\n): string | undefined {\n  const targetNode = nodeById.get(edge.target);\n  if (targetNode && MESSAGE_TYPES.has(targetNode.type)) {\n    return `${targetNode.type}s`;\n  }\n  const sourceNode = nodeById.get(edge.source);\n  if (sourceNode && MESSAGE_TYPES.has(sourceNode.type)) {\n    return `${sourceNode.type}s`;\n  }\n  return targetNode ? `${targetNode.type}s` : undefined;\n}\n","export type Position = {\n  x: number;\n  y: number;\n};\n\nexport type Rect = Position & {\n  width: number;\n  height: number;\n};\n\nexport type PackableNode = {\n  id: string;\n  parentId?: string;\n  position: Position;\n  style?: {\n    width?: number | string;\n    height?: number | string;\n  };\n  measured?: {\n    width?: number;\n    height?: number;\n  };\n  width?: number;\n  height?: number;\n};\n\nconst toNumber = (value: unknown) => {\n  if (typeof value === \"number\") return value;\n  if (typeof value === \"string\") {\n    const parsed = Number.parseFloat(value);\n    return Number.isFinite(parsed) ? parsed : undefined;\n  }\n  return undefined;\n};\n\nexport const getPackableNodeSize = (node: PackableNode) => ({\n  width:\n    toNumber(node.measured?.width) ??\n    toNumber(node.width) ??\n    toNumber(node.style?.width) ??\n    260,\n  height:\n    toNumber(node.measured?.height) ??\n    toNumber(node.height) ??\n    toNumber(node.style?.height) ??\n    140,\n});\n\nexport const rectsIntersect = (a: Rect, b: Rect, gap = 0) =>\n  a.x < b.x + b.width + gap &&\n  a.x + a.width + gap > b.x &&\n  a.y < b.y + b.height + gap &&\n  a.y + a.height + gap > b.y;\n\nconst toRect = (node: PackableNode, y = node.position.y): Rect => {\n  const size = getPackableNodeSize(node);\n  return {\n    x: node.position.x,\n    y,\n    width: size.width,\n    height: size.height,\n  };\n};\n\nexport const packNodesAroundBounds = ({\n  nodes,\n  movableNodeIds,\n  protectedBounds,\n  groupNodeId,\n  gap = 40,\n}: {\n  nodes: PackableNode[];\n  movableNodeIds: Set<string>;\n  protectedBounds: Rect;\n  groupNodeId: string;\n  gap?: number;\n}) => {\n  const movableNodes = nodes\n    .filter((node) => movableNodeIds.has(node.id))\n    .sort((a, b) => a.position.y - b.position.y);\n  const movableIds = new Set(movableNodes.map((node) => node.id));\n  const occupiedRects: Rect[] = [\n    protectedBounds,\n    ...nodes\n      .filter(\n        (node) =>\n          !node.parentId && node.id !== groupNodeId && !movableIds.has(node.id),\n      )\n      .map((node) => toRect(node)),\n  ];\n  const plannedPositions = new Map<string, Position>();\n  const groupCenterY = protectedBounds.y + protectedBounds.height / 2;\n\n  const placeNode = (node: PackableNode) => {\n    const size = getPackableNodeSize(node);\n    const nodeCenterY = node.position.y + size.height / 2;\n    const moveDirection = nodeCenterY >= groupCenterY ? 1 : -1;\n    let y =\n      moveDirection > 0\n        ? Math.max(\n            node.position.y,\n            protectedBounds.y + protectedBounds.height + gap,\n          )\n        : Math.min(node.position.y, protectedBounds.y - size.height - gap);\n    let attempts = 0;\n\n    while (attempts < occupiedRects.length + 8) {\n      const rect = {\n        x: node.position.x,\n        y,\n        width: size.width,\n        height: size.height,\n      };\n      const collision = occupiedRects.find((occupied) =>\n        rectsIntersect(rect, occupied, gap),\n      );\n      if (!collision) {\n        occupiedRects.push(rect);\n        plannedPositions.set(node.id, { ...node.position, y });\n        return;\n      }\n\n      y =\n        moveDirection > 0\n          ? collision.y + collision.height + gap\n          : collision.y - size.height - gap;\n      attempts += 1;\n    }\n\n    occupiedRects.push({\n      x: node.position.x,\n      y,\n      width: size.width,\n      height: size.height,\n    });\n    plannedPositions.set(node.id, { ...node.position, y });\n  };\n\n  const below = movableNodes.filter((node) => {\n    const size = getPackableNodeSize(node);\n    return node.position.y + size.height / 2 >= groupCenterY;\n  });\n  const belowIds = new Set(below.map((node) => node.id));\n  const above = movableNodes.filter((node) => !belowIds.has(node.id)).reverse();\n\n  below.forEach(placeNode);\n  above.forEach(placeNode);\n\n  return plannedPositions;\n};\n","export type GraphNode = {\n  id: string;\n  type?: string;\n  parentId?: string;\n  position: {\n    x: number;\n    y: number;\n  };\n  style?: {\n    width?: number | string;\n    height?: number | string;\n  };\n  [key: string]: unknown;\n};\n\nexport const getExpandedMessageGroupNode = (\n  nodes: GraphNode[],\n  groupNodeId: string,\n) =>\n  nodes.find(\n    (node) => node.id === groupNodeId && node.type === \"messageGroupExpanded\",\n  );\n\nexport const buildMessageGroupExpansionNodes = ({\n  currentNodes,\n  groupNodeId,\n  expandedContainerNode,\n  childNodes,\n  downstreamNodes,\n  getDownstreamPosition,\n}: {\n  currentNodes: GraphNode[];\n  groupNodeId: string;\n  expandedContainerNode: GraphNode;\n  childNodes: GraphNode[];\n  downstreamNodes: GraphNode[];\n  getDownstreamPosition: (\n    node: GraphNode,\n    index: number,\n  ) => GraphNode[\"position\"];\n}) => {\n  const withoutExistingGroup = currentNodes.filter(\n    (node) => node.id !== groupNodeId && node.parentId !== groupNodeId,\n  );\n  const existingIds = new Set(withoutExistingGroup.map((node) => node.id));\n  const newDownstream = downstreamNodes\n    .filter((node) => !existingIds.has(node.id))\n    .map((node, index) => ({\n      ...node,\n      position: getDownstreamPosition(node, index),\n    }));\n\n  return [\n    ...withoutExistingGroup,\n    expandedContainerNode,\n    ...childNodes,\n    ...newDownstream,\n  ];\n};\n","import { useState, useCallback } from \"react\";\nimport {\n  MessageCircle,\n  AlertTriangle,\n  X,\n  Locate,\n  ChevronRight,\n  ServerIcon,\n  Bot,\n  Zap,\n  MessageSquare,\n  Search,\n  ArrowRightLeft,\n  Database,\n  Package,\n  Globe,\n  User,\n  MonitorIcon,\n  BoxesIcon,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { useReactFlow, type Node } from \"@xyflow/react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { usePortalContainer } from \"../context/PortalContainerContext\";\nimport type { Note } from \"../types\";\n\n/* ------------------------------------------------------------------ */\n/*  Node type → icon + color mapping                                   */\n/* ------------------------------------------------------------------ */\n\nconst NODE_TYPE_META: Record<\n  string,\n  { icon: LucideIcon; color: string; label: string }\n> = {\n  service: { icon: ServerIcon, color: \"#ec4899\", label: \"Service\" },\n  services: { icon: ServerIcon, color: \"#ec4899\", label: \"Service\" },\n  agent: { icon: Bot, color: \"#0ea5e9\", label: \"Agent\" },\n  agents: { icon: Bot, color: \"#0ea5e9\", label: \"Agent\" },\n  event: { icon: Zap, color: \"#f97316\", label: \"Event\" },\n  events: { icon: Zap, color: \"#f97316\", label: \"Event\" },\n  command: { icon: MessageSquare, color: \"#3b82f6\", label: \"Command\" },\n  commands: { icon: MessageSquare, color: \"#3b82f6\", label: \"Command\" },\n  query: { icon: Search, color: \"#22c55e\", label: \"Query\" },\n  queries: { icon: Search, color: \"#22c55e\", label: \"Query\" },\n  channel: { icon: ArrowRightLeft, color: \"#6b7280\", label: \"Channel\" },\n  channels: { icon: ArrowRightLeft, color: \"#6b7280\", label: \"Channel\" },\n  data: { icon: Database, color: \"#3b82f6\", label: \"Data\" },\n  \"data-products\": { icon: Package, color: \"#6366f1\", label: \"Data Product\" },\n  externalSystem: { icon: Globe, color: \"#ec4899\", label: \"External System\" },\n  actor: { icon: User, color: \"#eab308\", label: \"Actor\" },\n  view: { icon: MonitorIcon, color: \"#8b5cf6\", label: \"View\" },\n  domain: { icon: BoxesIcon, color: \"#14b8a6\", label: \"Domain\" },\n  domains: { icon: BoxesIcon, color: \"#14b8a6\", label: \"Domain\" },\n};\n\nfunction getNodeMeta(nodeType?: string) {\n  if (!nodeType) return null;\n  return NODE_TYPE_META[nodeType] || null;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Extract notes from any node type                                   */\n/* ------------------------------------------------------------------ */\n\nexport function getNotesFromNode(\n  node: Node<any>,\n): { name: string; notes: Note[]; nodeType: string } | null {\n  const d = node.data;\n  const containers = [\n    d?.service,\n    d?.message,\n    d?.channel,\n    d?.data,\n    d?.dataProduct,\n    d?.externalSystem,\n    d?.actor,\n  ];\n  for (const container of containers) {\n    if (container?.notes && container.notes.length > 0) {\n      return {\n        name: container.name || node.id,\n        notes: container.notes,\n        nodeType: node.type || \"unknown\",\n      };\n    }\n  }\n  if (d?.notes && d.notes.length > 0) {\n    return {\n      name: d.name || node.id,\n      notes: d.notes,\n      nodeType: node.type || \"unknown\",\n    };\n  }\n  return null;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Constants                                                          */\n/* ------------------------------------------------------------------ */\n\nconst AMBER = {\n  50: \"#fffbeb\",\n  100: \"#fef3c7\",\n  200: \"#fde68a\",\n  400: \"#fbbf24\",\n  500: \"#f59e0b\",\n  600: \"#d97706\",\n  700: \"#b45309\",\n  800: \"#92400e\",\n} as const;\n\nconst PRIORITY: Record<\n  string,\n  { bg: string; fg: string; border: string; label: string; accent: string }\n> = {\n  high: {\n    bg: \"#fef2f2\",\n    fg: \"#b91c1c\",\n    border: \"#fecaca\",\n    label: \"High\",\n    accent: \"#ef4444\",\n  },\n  critical: {\n    bg: \"#fef2f2\",\n    fg: \"#991b1b\",\n    border: \"#fecaca\",\n    label: \"Critical\",\n    accent: \"#dc2626\",\n  },\n  low: {\n    bg: \"#f0fdf4\",\n    fg: \"#15803d\",\n    border: \"#bbf7d0\",\n    label: \"Low\",\n    accent: \"#22c55e\",\n  },\n};\n\nconst AVATAR_PALETTES = [\n  [\"#7c3aed\", \"#a78bfa\"],\n  [\"#2563eb\", \"#60a5fa\"],\n  [\"#0891b2\", \"#22d3ee\"],\n  [\"#059669\", \"#34d399\"],\n  [\"#d97706\", \"#fbbf24\"],\n  [\"#dc2626\", \"#f87171\"],\n  [\"#db2777\", \"#f472b6\"],\n  [\"#4f46e5\", \"#818cf8\"],\n];\n\nfunction hashStr(s: string): number {\n  let h = 0;\n  for (let i = 0; i < s.length; i++) {\n    h = (h * 31 + s.charCodeAt(i)) | 0;\n  }\n  return Math.abs(h);\n}\n\nfunction Avatar({ name, size = 28 }: { name: string; size?: number }) {\n  const initials = name\n    .split(/\\s+/)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n  const [c1, c2] = AVATAR_PALETTES[hashStr(name) % AVATAR_PALETTES.length];\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        borderRadius: \"50%\",\n        background: `linear-gradient(135deg, ${c1}, ${c2})`,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        flexShrink: 0,\n      }}\n    >\n      <span\n        style={{\n          fontSize: Math.round(size * 0.42),\n          fontWeight: 700,\n          color: \"white\",\n          lineHeight: 1,\n        }}\n      >\n        {initials}\n      </span>\n    </div>\n  );\n}\n\nfunction PriorityBadge({ priority }: { priority: string }) {\n  const p = PRIORITY[priority.toLowerCase()];\n  if (!p) return null;\n  const isUrgent = priority === \"high\" || priority === \"critical\";\n  return (\n    <span\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 3,\n        fontSize: 10,\n        fontWeight: 600,\n        color: p.fg,\n        background: p.bg,\n        border: `1px solid ${p.border}`,\n        borderRadius: 99,\n        padding: \"2px 7px\",\n        textTransform: \"uppercase\",\n        letterSpacing: \"0.03em\",\n        lineHeight: 1.4,\n      }}\n    >\n      {isUrgent && (\n        <AlertTriangle style={{ width: 9, height: 9 }} strokeWidth={2.5} />\n      )}\n      {p.label}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Note card for the right panel                                      */\n/* ------------------------------------------------------------------ */\n\nfunction NoteCard({ note, index }: { note: Note; index: number }) {\n  const prioStyle = note.priority\n    ? PRIORITY[note.priority.toLowerCase()]\n    : null;\n\n  return (\n    <div\n      style={{\n        background: \"white\",\n        border: \"1px solid #e2e8f0\",\n        borderRadius: 10,\n        padding: \"14px 16px\",\n        position: \"relative\",\n        boxShadow: \"0 1px 3px rgba(0,0,0,0.04)\",\n      }}\n    >\n      {/* Priority accent stripe */}\n      {prioStyle && (\n        <div\n          style={{\n            position: \"absolute\",\n            left: 0,\n            top: 10,\n            bottom: 10,\n            width: 3,\n            borderRadius: \"0 2px 2px 0\",\n            background: prioStyle.accent,\n          }}\n        />\n      )}\n\n      {/* Header: author + priority */}\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 8,\n          marginBottom: 8,\n        }}\n      >\n        {note.author ? (\n          <Avatar name={note.author} size={24} />\n        ) : (\n          <div\n            style={{\n              width: 24,\n              height: 24,\n              borderRadius: \"50%\",\n              background: \"#f1f5f9\",\n              border: `2px solid ${AMBER[200]}`,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              flexShrink: 0,\n            }}\n          >\n            <span style={{ fontSize: 10, fontWeight: 700, color: AMBER[700] }}>\n              {index + 1}\n            </span>\n          </div>\n        )}\n        <div style={{ flex: 1, minWidth: 0 }}>\n          {note.author && (\n            <span\n              style={{\n                fontSize: 13,\n                fontWeight: 600,\n                color: \"#0f172a\",\n                lineHeight: 1,\n              }}\n            >\n              {note.author}\n            </span>\n          )}\n        </div>\n        {note.priority && <PriorityBadge priority={note.priority} />}\n      </div>\n\n      {/* Content */}\n      <p\n        style={{\n          fontSize: 13,\n          lineHeight: 1.6,\n          color: \"#334155\",\n          margin: 0,\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          paddingLeft: prioStyle ? 6 : 0,\n        }}\n      >\n        {note.content}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  All Notes Modal — split layout                                     */\n/* ------------------------------------------------------------------ */\n\ninterface NoteGroup {\n  nodeId: string;\n  name: string;\n  notes: Note[];\n  nodeType: string;\n}\n\nexport function AllNotesModal({\n  noteGroups,\n  isOpen,\n  onClose,\n  nodes,\n}: {\n  noteGroups: NoteGroup[];\n  isOpen: boolean;\n  onClose: () => void;\n  nodes: Node<any>[];\n}) {\n  const { setCenter, getZoom } = useReactFlow();\n  const [selectedIdx, setSelectedIdx] = useState(0);\n  const portalContainer = usePortalContainer();\n\n  const totalNotes = noteGroups.reduce((sum, g) => sum + g.notes.length, 0);\n  const selected = noteGroups[selectedIdx] || noteGroups[0];\n\n  const handleNavigate = useCallback(\n    (nodeId: string) => {\n      const node = nodes.find((n) => n.id === nodeId);\n      if (!node) return;\n      const zoom = Math.max(getZoom(), 1);\n      setCenter(node.position.x + 100, node.position.y + 50, {\n        zoom,\n        duration: 600,\n      });\n      onClose();\n    },\n    [nodes, setCenter, getZoom, onClose],\n  );\n\n  if (totalNotes === 0) return null;\n\n  return (\n    <Dialog.Root\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) {\n          onClose();\n          setSelectedIdx(0);\n        }\n      }}\n    >\n      <Dialog.Portal container={portalContainer}>\n        <div\n          className=\"fixed inset-0 z-[99999]\"\n          style={{ isolation: \"isolate\" }}\n        >\n          <Dialog.Overlay\n            style={{\n              position: \"fixed\",\n              inset: 0,\n              background: \"rgba(15, 23, 42, 0.55)\",\n              backdropFilter: \"blur(6px)\",\n            }}\n          />\n\n          <Dialog.Content\n            style={{\n              position: \"fixed\",\n              top: \"50%\",\n              left: \"50%\",\n              transform: \"translate(-50%, -50%)\",\n              width: \"94vw\",\n              maxWidth: 720,\n              height: \"78vh\",\n              maxHeight: 560,\n              background: \"white\",\n              borderRadius: 14,\n              boxShadow:\n                \"0 0 0 1px rgba(0,0,0,0.06), 0 20px 50px rgba(0,0,0,0.2)\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              overflow: \"hidden\",\n              outline: \"none\",\n            }}\n          >\n            {/* Header */}\n            <div\n              style={{\n                padding: \"14px 20px\",\n                borderBottom: \"1px solid #e2e8f0\",\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: 12,\n                flexShrink: 0,\n              }}\n            >\n              <div\n                style={{\n                  width: 32,\n                  height: 32,\n                  borderRadius: 8,\n                  background: \"#f1f5f9\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  flexShrink: 0,\n                }}\n              >\n                <MessageCircle\n                  style={{ width: 16, height: 16, color: \"#64748b\" }}\n                  strokeWidth={2.5}\n                />\n              </div>\n              <div style={{ flex: 1, minWidth: 0 }}>\n                <Dialog.Title\n                  style={{\n                    fontSize: 15,\n                    fontWeight: 700,\n                    color: \"#0f172a\",\n                    margin: 0,\n                    lineHeight: 1.25,\n                  }}\n                >\n                  Notes\n                </Dialog.Title>\n                <Dialog.Description\n                  style={{\n                    fontSize: 12,\n                    color: \"#64748b\",\n                    margin: 0,\n                    marginTop: 1,\n                  }}\n                >\n                  {totalNotes} note{totalNotes !== 1 ? \"s\" : \"\"} across{\" \"}\n                  {noteGroups.length} resource\n                  {noteGroups.length !== 1 ? \"s\" : \"\"}\n                </Dialog.Description>\n              </div>\n              <Dialog.Close asChild>\n                <button\n                  style={{\n                    width: 30,\n                    height: 30,\n                    borderRadius: 8,\n                    border: \"none\",\n                    background: \"rgba(0,0,0,0.04)\",\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    cursor: \"pointer\",\n                    color: \"#94a3b8\",\n                    flexShrink: 0,\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <X style={{ width: 15, height: 15 }} />\n                </button>\n              </Dialog.Close>\n            </div>\n\n            {/* Split body */}\n            <div style={{ display: \"flex\", flex: 1, overflow: \"hidden\" }}>\n              {/* Left: resource list */}\n              <div\n                style={{\n                  width: 240,\n                  flexShrink: 0,\n                  borderRight: \"1px solid #e2e8f0\",\n                  overflowY: \"auto\",\n                  background: \"#f8fafc\",\n                }}\n              >\n                {noteGroups.map((group, i) => {\n                  const isActive = i === selectedIdx;\n                  const meta = getNodeMeta(group.nodeType);\n                  const IconComp = meta?.icon || MessageCircle;\n                  const iconColor = meta?.color || \"#64748b\";\n\n                  return (\n                    <button\n                      key={group.nodeId}\n                      onClick={() => setSelectedIdx(i)}\n                      style={{\n                        width: \"100%\",\n                        padding: \"12px 16px\",\n                        background: isActive ? \"white\" : \"transparent\",\n                        border: \"none\",\n                        borderBottom: \"1px solid #f1f5f9\",\n                        borderRight: isActive\n                          ? `2px solid ${iconColor}`\n                          : \"2px solid transparent\",\n                        cursor: \"pointer\",\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        gap: 10,\n                        textAlign: \"left\",\n                        transition: \"background 0.1s\",\n                      }}\n                    >\n                      {/* Resource type icon */}\n                      <div\n                        style={{\n                          width: 28,\n                          height: 28,\n                          borderRadius: 7,\n                          background: isActive ? iconColor : `${iconColor}14`,\n                          display: \"flex\",\n                          alignItems: \"center\",\n                          justifyContent: \"center\",\n                          flexShrink: 0,\n                          transition: \"background 0.15s\",\n                        }}\n                      >\n                        <IconComp\n                          style={{\n                            width: 14,\n                            height: 14,\n                            color: isActive ? \"white\" : iconColor,\n                            transition: \"color 0.15s\",\n                          }}\n                          strokeWidth={2}\n                        />\n                      </div>\n\n                      <div style={{ flex: 1, minWidth: 0 }}>\n                        <div\n                          style={{\n                            fontSize: 12,\n                            fontWeight: isActive ? 600 : 500,\n                            color: isActive ? \"#0f172a\" : \"#475569\",\n                            lineHeight: 1.3,\n                            overflow: \"hidden\",\n                            textOverflow: \"ellipsis\",\n                            whiteSpace: \"nowrap\",\n                          }}\n                        >\n                          {group.name}\n                        </div>\n                        <div\n                          style={{\n                            fontSize: 10,\n                            color: \"#94a3b8\",\n                            lineHeight: 1.3,\n                            overflow: \"hidden\",\n                            textOverflow: \"ellipsis\",\n                            whiteSpace: \"nowrap\",\n                            marginTop: 2,\n                          }}\n                        >\n                          {meta?.label || group.nodeType} &middot;{\" \"}\n                          {group.notes.length} note\n                          {group.notes.length !== 1 ? \"s\" : \"\"}\n                        </div>\n                      </div>\n\n                      <ChevronRight\n                        style={{\n                          width: 14,\n                          height: 14,\n                          color: isActive ? iconColor : \"#cbd5e1\",\n                          flexShrink: 0,\n                        }}\n                        strokeWidth={2}\n                      />\n                    </button>\n                  );\n                })}\n              </div>\n\n              {/* Right: notes for selected resource */}\n              <div\n                style={{\n                  flex: 1,\n                  overflowY: \"auto\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                }}\n              >\n                {selected && (\n                  <>\n                    {/* Selected resource header */}\n                    <div\n                      style={{\n                        padding: \"14px 20px\",\n                        borderBottom: \"1px solid #f1f5f9\",\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        justifyContent: \"space-between\",\n                        flexShrink: 0,\n                        background: \"#fafbfc\",\n                      }}\n                    >\n                      <div\n                        style={{\n                          display: \"flex\",\n                          alignItems: \"center\",\n                          gap: 10,\n                        }}\n                      >\n                        {(() => {\n                          const meta = getNodeMeta(selected.nodeType);\n                          const Icon = meta?.icon || MessageCircle;\n                          const color = meta?.color || \"#64748b\";\n                          return (\n                            <div\n                              style={{\n                                width: 30,\n                                height: 30,\n                                borderRadius: 8,\n                                background: `${color}14`,\n                                display: \"flex\",\n                                alignItems: \"center\",\n                                justifyContent: \"center\",\n                                flexShrink: 0,\n                              }}\n                            >\n                              <Icon\n                                style={{\n                                  width: 15,\n                                  height: 15,\n                                  color,\n                                }}\n                                strokeWidth={2}\n                              />\n                            </div>\n                          );\n                        })()}\n                        <div>\n                          <div\n                            style={{\n                              fontSize: 14,\n                              fontWeight: 600,\n                              color: \"#0f172a\",\n                              lineHeight: 1.3,\n                            }}\n                          >\n                            {selected.name}\n                          </div>\n                          <div\n                            style={{\n                              fontSize: 11,\n                              color: \"#94a3b8\",\n                              marginTop: 2,\n                            }}\n                          >\n                            {getNodeMeta(selected.nodeType)?.label ||\n                              selected.nodeType}{\" \"}\n                            &middot; {selected.notes.length} note\n                            {selected.notes.length !== 1 ? \"s\" : \"\"}\n                          </div>\n                        </div>\n                      </div>\n                      <button\n                        onClick={() => handleNavigate(selected.nodeId)}\n                        style={{\n                          display: \"flex\",\n                          alignItems: \"center\",\n                          gap: 5,\n                          padding: \"5px 10px\",\n                          borderRadius: 6,\n                          border: \"1px solid #e2e8f0\",\n                          background: \"white\",\n                          cursor: \"pointer\",\n                          fontSize: 11,\n                          fontWeight: 500,\n                          color: \"#475569\",\n                          transition: \"all 0.12s\",\n                        }}\n                        onMouseEnter={(e) => {\n                          e.currentTarget.style.borderColor = AMBER[400];\n                          e.currentTarget.style.color = AMBER[700];\n                        }}\n                        onMouseLeave={(e) => {\n                          e.currentTarget.style.borderColor = \"#e2e8f0\";\n                          e.currentTarget.style.color = \"#475569\";\n                        }}\n                      >\n                        <Locate style={{ width: 12, height: 12 }} />\n                        Find on canvas\n                      </button>\n                    </div>\n\n                    {/* Notes list */}\n                    <div\n                      style={{\n                        flex: 1,\n                        overflowY: \"auto\",\n                        padding: \"16px 20px\",\n                        display: \"flex\",\n                        flexDirection: \"column\",\n                        gap: 10,\n                      }}\n                    >\n                      {selected.notes.map((note, i) => (\n                        <NoteCard key={i} note={note} index={i} />\n                      ))}\n                    </div>\n                  </>\n                )}\n              </div>\n            </div>\n          </Dialog.Content>\n        </div>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","/**\n * Node components for EventCatalog Visualizer\n */\n\n// Studio-2 nodes (organized in directories) - import for nodeComponents\nimport { Event, eventConfig } from \"./event\";\nimport { Command } from \"./command\";\nimport { Query } from \"./query\";\nimport { Service } from \"./service\";\nimport AgentNode from \"./Agent\";\nimport AgentToolNode from \"./AgentTool\";\nimport { Channel } from \"./channel\";\nimport { Note } from \"./note\";\nimport { Data, dataNodeConfig } from \"./data\";\nimport { View } from \"./view\";\nimport { Actor, actorConfig } from \"./actor\";\nimport { ExternalSystem, externalSystemConfig } from \"./external-system\";\nimport { Field, fieldConfig } from \"./field\";\n\n// Re-export studio-2 nodes\nexport { Event, eventConfig };\nexport type { EventNode } from \"./event\";\n\nexport { Command };\nexport type { CommandNode } from \"./command\";\n\nexport { Query };\nexport type { QueryNode } from \"./query\";\n\nexport { Service };\nexport type { ServiceNode } from \"./service\";\n\nexport type { AgentToolNode as AgentToolNodeType } from \"./AgentTool\";\n\nexport { Channel };\nexport type { ChannelNode } from \"./channel\";\n\nexport { Note };\nexport type { NoteNode } from \"./note\";\n\nexport { Data, dataNodeConfig };\nexport type { DataNode } from \"./data\";\n\nexport { View };\nexport type { ViewNode } from \"./view\";\n\nexport { Actor, actorConfig };\nexport type { ActorNode } from \"./actor\";\n\nexport { ExternalSystem, externalSystemConfig };\nexport type { ExternalSystemNode } from \"./external-system\";\n\nexport { Field, fieldConfig };\nexport type { FieldNodeType } from \"./field\";\n\n// Shared components\nexport { NotesIndicator } from \"./NotesIndicator\";\nexport { OwnerIndicator, normalizeOwners } from \"./OwnerIndicator\";\nexport {\n  ENTITY_TARGET_HANDLE_ID,\n  getNestedEntityProperties,\n  getPropertyTypeLabel,\n} from \"./Entity\";\nexport type { EntityProperty } from \"./Entity\";\n\n// Core nodes (single files) - import then re-export for nodeComponents\nimport CustomNode from \"./Custom\";\nimport DomainNode from \"./Domain\";\nimport SystemNode from \"./System\";\nimport ContextActorNode from \"./ContextActor\";\nimport SystemGroupNode from \"./SystemGroupNode\";\nimport EntityNode from \"./Entity\";\nimport FlowNode from \"./Flow\";\nimport FlowExpandedNode from \"./FlowExpandedNode\";\nimport GroupNode from \"./GroupNode\";\nimport StepNode from \"./Step\";\nimport UserNode from \"./User\";\nimport DataProductNode from \"./DataProduct\";\nimport ExternalSystem2Node from \"./ExternalSystem2\";\nimport { MessageGroupNode, MessageGroupExpandedNode } from \"./message-group\";\n\nexport {\n  CustomNode,\n  DomainNode,\n  SystemNode,\n  ContextActorNode,\n  SystemGroupNode,\n  EntityNode,\n  FlowNode,\n  FlowExpandedNode,\n  GroupNode,\n  StepNode,\n  UserNode,\n  DataProductNode,\n  AgentNode,\n  AgentToolNode,\n  ExternalSystem2Node,\n  MessageGroupNode,\n  MessageGroupExpandedNode,\n};\n\nexport type {\n  MessageGroupNodeType,\n  MessageGroupNodeData,\n} from \"./message-group\";\n\nexport type { MessageGroupExpandedNodeData } from \"./message-group\";\n\n// Node type constants\nexport {\n  SERVICE,\n  AGENT,\n  AGENT_TOOL,\n  EVENT,\n  QUERY,\n  COMMAND,\n  CHANNEL,\n  ACTOR,\n  MESSAGE,\n  DATA,\n  VIEW,\n} from \"./node-types\";\n\n// Re-export for convenience (studio-2 nodes only)\nexport const nodeComponents = {\n  event: Event,\n  command: Command,\n  query: Query,\n  service: Service,\n  agent: AgentNode,\n  agentTool: AgentToolNode,\n  \"agent-tool\": AgentToolNode,\n  channel: Channel,\n  note: Note,\n  externalSystem: ExternalSystem,\n  data: Data,\n  view: View,\n  actor: Actor,\n  field: Field,\n  // Core nodes are available via individual imports\n  custom: CustomNode,\n  domain: DomainNode,\n  system: SystemNode,\n  \"context-actor\": ContextActorNode,\n  \"system-group\": SystemGroupNode,\n  entity: EntityNode,\n  flow: FlowNode,\n  flowExpanded: FlowExpandedNode,\n  group: GroupNode,\n  step: StepNode,\n  user: UserNode,\n  dataProduct: DataProductNode,\n  externalSystem2: ExternalSystem2Node,\n  messageGroup: MessageGroupNode,\n  messageGroupExpanded: MessageGroupExpandedNode,\n};\n\nexport const nodeConfigs: Record<string, import(\"../types\").NodeConfiguration> =\n  {\n    event: eventConfig,\n    data: dataNodeConfig,\n    actor: actorConfig,\n    externalSystem: externalSystemConfig,\n    field: fieldConfig,\n  };\n","/**\n * Edge components for EventCatalog Visualizer\n */\n\n// Import for edgeTypes object\nimport AnimatedMessageEdge from \"./AnimatedMessageEdge\";\nimport FlowEdge from \"./FlowEdge\";\nimport MultilineEdgeLabel from \"./MultilineEdgeLabel\";\nimport {\n  LabelledDefaultEdge,\n  LabelledSmoothStepEdge,\n  LabelledStepEdge,\n} from \"./LabelledEdge\";\n\n// Re-export\nexport {\n  AnimatedMessageEdge,\n  FlowEdge,\n  MultilineEdgeLabel,\n  LabelledDefaultEdge,\n  LabelledSmoothStepEdge,\n  LabelledStepEdge,\n};\n\n// Re-export for convenience\nexport const edgeTypes = {\n  animated: AnimatedMessageEdge,\n  \"flow-edge\": FlowEdge,\n  multiline: MultilineEdgeLabel,\n  default: LabelledDefaultEdge,\n  smoothstep: LabelledSmoothStepEdge,\n  step: LabelledStepEdge,\n};\n","import type { Node, ReactFlowJsonObject, Edge } from \"@xyflow/react\";\n\n// Define the structure of resource data that can be found in nodes\ninterface ResourceData {\n  id?: string;\n  name?: string;\n  summary?: string;\n  version?: string;\n}\n\n// Define the possible node data structure\ninterface NodeDataWithResources {\n  [key: string]: any;\n  channel?: ResourceData;\n  custom?: ResourceData;\n  data?: ResourceData;\n  domain?: ResourceData;\n  entity?: ResourceData;\n  message?: ResourceData;\n  flow?: ResourceData;\n  agent?: ResourceData;\n  agentTool?: ResourceData;\n  service?: ResourceData;\n  step?: ResourceData;\n  user?: ResourceData;\n}\n\nexport const exportNodeGraphForStudio = (\n  data: ReactFlowJsonObject,\n): ReactFlowJsonObject => {\n  const dataTypes: (keyof NodeDataWithResources)[] = [\n    \"channel\",\n    \"custom\",\n    \"data\",\n    \"domain\",\n    \"entity\",\n    \"message\",\n    \"flow\",\n    \"agent\",\n    \"agentTool\",\n    \"service\",\n    \"step\",\n    \"user\",\n  ];\n\n  // try and remove unwanted data for studio\n  const nodes = data.nodes.map((node: Node) => {\n    let nodeData = node.data as NodeDataWithResources;\n    const dataProperties = Object.keys(\n      nodeData,\n    ) as (keyof NodeDataWithResources)[];\n\n    // If we find a match.....\n    const hasCustomDataType = dataProperties.find((property) =>\n      dataTypes.includes(property),\n    );\n\n    if (hasCustomDataType && nodeData[hasCustomDataType]) {\n      const resourceData = nodeData[hasCustomDataType] as ResourceData;\n      nodeData = {\n        ...nodeData,\n        [hasCustomDataType]: {\n          id: resourceData?.id,\n          name: resourceData?.name,\n          summary: resourceData?.summary,\n          version: resourceData?.version,\n        },\n      };\n    }\n\n    return {\n      ...node,\n      data: {\n        ...nodeData,\n        // We dont need these for studio\n        source: undefined,\n        target: undefined,\n        // Studio wants all nodes in full mode\n        mode: \"full\",\n      },\n    };\n  });\n\n  const edges = data.edges.map((edge: Edge) => {\n    return {\n      ...edge,\n      data: undefined,\n      type: \"animatedMessage\",\n    };\n  });\n\n  return {\n    ...data,\n    nodes,\n    edges,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,wBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,8BAAAA;AAAA,EAAA,mBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAC,kBAQO;AACP,uBAA6B;AAC7B,IAAAA,kBAoBO;AAGP,IAAAC,wBAsBO;AACP,IAAAC,gBAA8B;AAC9B,2BAAsB;;;ACzDtB,IAAAC,gBAA8B;AAC9B,IAAAC,uBAAkC;;;ACDlC,mBAAqB;;;ACMrB,IAAI,kBAAqD;AAElD,SAAS,cAAc,IAA6C;AACzE,oBAAkB;AACpB;AAEO,SAAS,SAAS,MAAsB;AAC7C,MAAI,iBAAiB;AACnB,WAAO,gBAAgB,IAAI;AAAA,EAC7B;AACA,SAAO;AACT;AAaO,SAAS,WAAW,KAAmB;AAC5C,MAAI,OAAO,WAAW,YAAa;AACnC,QAAM,aACJ,OACA;AACF,MAAI,OAAO,eAAe,YAAY;AACpC,eAAW,GAAG;AACd;AAAA,EACF;AACA,SAAO,SAAS,OAAO;AACzB;;;ADbI;AAxBG,SAAS,WAAW,OAA4C;AACrE,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,MAAM,WAAW,GAAG,KACpB,MAAM,WAAW,SAAS,KAC1B,MAAM,WAAW,UAAU;AAE/B;AAEO,SAAS,eAAe,OAAuB;AACpD,MAAI,MAAM,WAAW,SAAS,KAAK,MAAM,WAAW,UAAU,EAAG,QAAO;AACxE,SAAO,SAAS,KAAK,EAAE,QAAQ,OAAO,EAAE;AAC1C;AAEO,IAAM,iBAAa,mBAAK,SAASC,YAAW;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,eAAe,GAAG;AAAA,MACvB;AAAA,MACA,SAAQ;AAAA,MACR;AAAA,MACA,OAAO,EAAE,WAAW,WAAW,cAAc,EAAE;AAAA;AAAA,EACjD;AAEJ,CAAC;;;AEnCD,IAAAC,gBAAqB;AACrB,0BAAoC;;;ACDpC,IAAAC,gBAAyD;AAIzD,SAAS,eAAe,UAAsB;AAC5C,QAAM,WAAW,IAAI,iBAAiB,QAAQ;AAC9C,WAAS,QAAQ,SAAS,iBAAiB;AAAA,IACzC,YAAY;AAAA,IACZ,iBAAiB,CAAC,YAAY;AAAA,EAChC,CAAC;AACD,SAAO,MAAM,SAAS,WAAW;AACnC;AAEA,SAAS,YAAY;AACnB,SACE,OAAO,aAAa,eACpB,SAAS,gBAAgB,aAAa,YAAY,MAAM;AAE5D;AAEO,SAAS,cAAuB;AACrC,aAAO,oCAAqB,gBAAgB,WAAW,MAAM,KAAK;AACpE;AAUO,IAAM,mBAAmB,EAAE,OAAO,QAAQ;AAE1C,IAAM,sBAAsB;AAAA,EACjC,WAAW;AAAA,EACX,eAAe;AAAA,EACf,YAAY;AACd;AAEO,IAAM,kBAAkB,EAAE,UAAU,QAAQ;AAI5C,IAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;AAWO,IAAM,6BAA6B;AAAA,EACxC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf;AASO,IAAM,oBAAoB,EAAE,MAAM,OAAO;AACzC,IAAM,qBAAqB,EAAE,OAAO,OAAO;AAC3C,IAAM,2BAA2B,EAAE,MAAM,OAAO;AAChD,IAAM,4BAA4B,EAAE,OAAO,OAAO;AAIlD,IAAM,kBAAkB,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAIxD,IAAM,wBAAwB,EAAE,OAAO,IAAI,QAAQ,GAAG;AAItD,IAAM,+BAA+B;AAAA,EAC1C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ;AACV;AAIO,IAAM,qBAAqB;AAAA,EAChC,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,iBAAiB;AACnB;AAEO,IAAM,qBAAqB;AAAA,EAChC,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,iBAAiB;AACnB;AAEO,IAAM,uBAAuB;AAAA,EAClC,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,iBAAiB;AACnB;AAIO,IAAM,cAAqB,CAAC;AAC5B,IAAM,eAAgD,CAAC;AAa9D,IAAM,OAAO,CAAC,SAAiB,EAAE,aAAa,IAAI;AAE3C,IAAM,cAAc;AAAA,EACzB,OAAO,KAAK,cAAc;AAAA,EAC1B,SAAS,KAAK,cAAc;AAAA,EAC5B,SAAS,KAAK,cAAc;AAAA,EAC5B,OAAO,KAAK,aAAa;AAAA,EACzB,MAAM,KAAK,cAAc;AAAA,EACzB,SAAS,KAAK,eAAe;AAAA,EAC7B,OAAO,KAAK,aAAa;AAAA,EACzB,UAAU,KAAK,cAAc;AAAA,EAC7B,aAAa,KAAK,cAAc;AAAA;AAAA,EAEhC,SAAS,KAAK,cAAc;AAC9B;;;ADnGQ,IAAAC,sBAAA;AA7CD,IAAM,sBAAsB,EAAE,SAAS,EAAE;AAKzC,SAAS,gBAAgB,KAAkC;AAChE,MAAI,CAAC,OAAO,IAAI,WAAW,EAAG,QAAO,CAAC;AACtC,SAAO,IACJ,OAAO,OAAO,EACd,IAAI,CAAC,MAAY,OAAO,MAAM,WAAW,IAAK,GAAG,MAAM,EAAI;AAChE;AAUO,IAAM,qBAAiB,oBAAK,SAASC,gBAAe;AAAA,EACzD;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AACd,GAKG;AACD,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,QAAM,UAAU,OAAO,CAAC;AACxB,QAAM,YAAY,OAAO,SAAS;AAClC,QAAM,eAAe,QAAQ,SAAS,GAAG,KAAK,QAAQ,SAAS,GAAG;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,aAAa,WAAW,GAAG;AAAA,MAC/C,OAAO,OAAO,KAAK,IAAI;AAAA,MAGtB;AAAA,uBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,SAAS;AAAA,YACvB,OAAO;AAAA,YACP,aAAa;AAAA;AAAA,QACf,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,SAAS;AAAA,YACvB,OAAO;AAAA,YACP,aAAa;AAAA;AAAA,QACf;AAAA,QAIF,6CAAC,UAAK,WAAU,0EACb,mBACH;AAAA,QAGC,YAAY,KACX;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,oFAAoF,WAAW;AAAA,YAC1G,OAAO,OAAO,MAAM,CAAC,EAAE,KAAK,IAAI;AAAA,YACjC;AAAA;AAAA,cACG;AAAA;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;;;AHvED,IAAAC,gBAA2D;;;AKR3D,IAAAC,uBAAoD;AACpD,IAAAC,gBAA4C;AAC5C,aAAwB;;;ACFxB,IAAAC,gBAA0C;AAO1C,IAAM,6BAAyB,6BAAkC,IAAI;AAE9D,IAAM,0BAA0B,uBAAuB;AAEvD,SAAS,qBAA8C;AAC5D,QAAM,gBAAY,0BAAW,sBAAsB;AACnD,SAAO,aAAa;AACtB;;;ADsFM,IAAAC,sBAAA;AAzFN,IAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,WAGF;AAAA,EACF,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAMA,IAAM,kBAAkB;AAAA,EACtB,CAAC,WAAW,SAAS;AAAA;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA;AACvB;AAEA,SAAS,QAAQ,GAAmB;AAClC,MAAI,IAAI;AACR,WAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,KAAK;AACjC,QAAK,IAAI,KAAK,EAAE,WAAW,CAAC,IAAK;AAAA,EACnC;AACA,SAAO,KAAK,IAAI,CAAC;AACnB;AAMA,SAAS,OAAO,EAAE,MAAM,MAAAC,QAAO,GAAG,GAAoC;AACpE,QAAM,WAAW,KACd,MAAM,KAAK,EACX,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,YAAY,EACZ,MAAM,GAAG,CAAC;AAEb,QAAM,CAAC,IAAI,EAAE,IAAI,gBAAgB,QAAQ,IAAI,IAAI,gBAAgB,MAAM;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOA;AAAA,QACP,QAAQA;AAAA,QACR,cAAc;AAAA,QACd,YAAY,2BAA2B,EAAE,KAAK,EAAE;AAAA,QAChD,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAY;AAAA,MACd;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU,KAAK,MAAMA,QAAO,IAAI;AAAA,YAChC,YAAY;AAAA,YACZ,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,eAAe;AAAA,UACjB;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,MAAAA,QAAO;AACT,GAGG;AACD,QAAM,IAAI,SAAS,SAAS,YAAY,CAAC;AACzC,MAAI,CAAC,EAAG,QAAO;AACf,QAAM,WAAW,aAAa,UAAU,aAAa;AACrD,QAAM,KAAKA,UAAS;AAEpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK,KAAK,IAAI;AAAA,QACd,UAAU,KAAK,KAAK;AAAA,QACpB,YAAY;AAAA,QACZ,OAAO,EAAE;AAAA,QACT,YAAY,EAAE;AAAA,QACd,QAAQ,aAAa,EAAE,MAAM;AAAA,QAC7B,cAAc;AAAA,QACd,SAAS,KAAK,YAAY;AAAA,QAC1B,eAAe;AAAA,QACf,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MAEC;AAAA,oBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,EAAE,OAAO,KAAK,KAAK,GAAG,QAAQ,KAAK,KAAK,EAAE;AAAA,YACjD,aAAa;AAAA;AAAA,QACf;AAAA,QAED,EAAE;AAAA;AAAA;AAAA,EACL;AAEJ;AAMA,SAAS,YAAY,EAAE,MAAM,KAAK,GAAkC;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,cAAc,OAAO,SAAS;AAAA,QAC9B,SAAS;AAAA,QACT,KAAK;AAAA,QACL,YAAY;AAAA,MACd;AAAA,MAEC;AAAA,aAAK,UAAU,6CAAC,UAAO,MAAM,KAAK,QAAQ,MAAM,IAAI;AAAA,QACrD,8CAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,EAAE,GACjC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,KAAK;AAAA,gBACL,cAAc;AAAA,cAChB;AAAA,cAEC;AAAA,qBAAK,UACJ;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,UAAU;AAAA,sBACV,YAAY;AAAA,sBACZ,OAAO;AAAA,sBACP,YAAY;AAAA,oBACd;AAAA,oBAEC,eAAK;AAAA;AAAA,gBACR;AAAA,gBAED,KAAK,YAAY,6CAAC,gBAAa,UAAU,KAAK,UAAU;AAAA;AAAA;AAAA,UAC3D;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,iBAAiB;AAAA,gBACjB,iBAAiB;AAAA,gBACjB,UAAU;AAAA,cACZ;AAAA,cAEC,eAAK;AAAA;AAAA,UACR;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAMA,SAAS,SAAS,EAAE,MAAM,OAAO,GAAoC;AACnE,QAAM,YAAY,KAAK,WACnB,SAAS,KAAK,SAAS,YAAY,CAAC,IACpC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY,SACR,iGACA;AAAA,QACJ,gBAAgB;AAAA,QAChB,QAAQ,aAAa,SAAS,2BAA2B,SAAS;AAAA,QAClE,cAAc,cAAc,SAAS,0BAA0B,SAAS;AAAA,QACxE,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MAGC;AAAA,aAAK,UACJ;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,OAAO,SAAS,YAAY;AAAA,cAC5B,cAAc;AAAA,YAChB;AAAA,YAEC,eAAK;AAAA;AAAA,QACR;AAAA,QAIF;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,OAAO,SAAS,YAAY;AAAA,cAC5B,QAAQ;AAAA,cACR,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,WAAW;AAAA,YACb;AAAA,YACD;AAAA;AAAA,cACS,KAAK;AAAA,cAAQ;AAAA;AAAA;AAAA,QACvB;AAAA;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,WACP,OACmD;AACnD,QAAM,SAAiB,CAAC;AACxB,QAAM,MAAc,CAAC;AACrB,QAAM,SAAiB,CAAC;AAExB,aAAW,KAAK,OAAO;AACrB,UAAM,IAAI,EAAE,UAAU,YAAY;AAClC,QAAI,MAAM,cAAc,MAAM,OAAQ,QAAO,KAAK,CAAC;AAAA,aAC1C,MAAM,MAAO,KAAI,KAAK,CAAC;AAAA,QAC3B,QAAO,KAAK,CAAC;AAAA,EACpB;AAEA,QAAM,SAA4D,CAAC;AACnE,MAAI,OAAO,SAAS;AAClB,WAAO,KAAK,EAAE,OAAO,iBAAiB,OAAO,QAAQ,OAAO,UAAU,CAAC;AACzE,MAAI,OAAO,SAAS;AAClB,WAAO,KAAK,EAAE,OAAO,SAAS,OAAO,QAAQ,OAAO,UAAU,CAAC;AACjE,MAAI,IAAI,SAAS;AACf,WAAO,KAAK,EAAE,OAAO,gBAAgB,OAAO,KAAK,OAAO,UAAU,CAAC;AACrE,SAAO;AACT;AAMO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,SAAS,YAAY;AAC3B,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,QAAQ,MAAM;AACpB,QAAM,SAAS,MAAM;AAAA,IACnB,CAAC,MACC,EAAE,aACD,EAAE,SAAS,YAAY,MAAM,UAC5B,EAAE,SAAS,YAAY,MAAM;AAAA,EACnC;AAEA,SACE,6CAAQ,aAAP,EAAY,MAAM,QAAQ,cAAc,CAAC,SAAS,CAAC,QAAQ,QAAQ,GAClE,uDAAQ,eAAP,EAAc,WAAW,iBACxB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,UAAU;AAAA,MAE9B;AAAA;AAAA,UAAQ;AAAA,UAAP;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,YAAY,SACR,uBACA;AAAA,cACJ,gBAAgB;AAAA,YAClB;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAQ;AAAA,UAAP;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,MAAM;AAAA,cACN,WAAW;AAAA,cACX,OAAO;AAAA,cACP,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY,SAAS,YAAY;AAAA,cACjC,cAAc;AAAA,cACd,QAAQ,aAAa,SAAS,2BAA2B,kBAAkB;AAAA,cAC3E,WAAW,SACP,gCACA;AAAA,cACJ,SAAS;AAAA,cACT,eAAe;AAAA,cACf,UAAU;AAAA,cACV,SAAS;AAAA,YACX;AAAA,YAGA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,cAAc,aAAa,SAAS,2BAA2B,kBAAkB;AAAA,oBACjF,SAAS;AAAA,oBACT,YAAY;AAAA,oBACZ,KAAK;AAAA,kBACP;AAAA,kBAGA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,OAAO;AAAA,0BACP,QAAQ;AAAA,0BACR,cAAc;AAAA,0BACd,YACE,eACA,2BAA2B,MAAM,GAAG,CAAC,KAAK,MAAM,GAAG,CAAC;AAAA,0BACtD,SAAS;AAAA,0BACT,YAAY;AAAA,0BACZ,gBAAgB;AAAA,0BAChB,YAAY;AAAA,wBACd;AAAA,wBAEC,kBACC;AAAA,0BAAC;AAAA;AAAA,4BACC,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,OAAO,QAAQ;AAAA,4BAC/C,aAAa;AAAA;AAAA,wBACf;AAAA;AAAA,oBAEJ;AAAA,oBAGA,8CAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,EAAE,GACjC;AAAA;AAAA,wBAAQ;AAAA,wBAAP;AAAA,0BACC,OAAO;AAAA,4BACL,UAAU;AAAA,4BACV,YAAY;AAAA,4BACZ,OAAO,SAAS,YAAY;AAAA,4BAC5B,QAAQ;AAAA,4BACR,YAAY;AAAA,4BACZ,eAAe;AAAA,4BACf,SAAS;AAAA,4BACT,YAAY;AAAA,4BACZ,KAAK;AAAA,0BACP;AAAA,0BAEC;AAAA,4CAAgB;AAAA,4BAChB,mBACC;AAAA,8BAAC;AAAA;AAAA,gCACC,OAAO;AAAA,kCACL,UAAU;AAAA,kCACV,YAAY;AAAA,kCACZ,OAAO,SAAS,YAAY;AAAA,gCAC9B;AAAA,gCACD;AAAA;AAAA,kCACG;AAAA;AAAA;AAAA,4BACJ;AAAA;AAAA;AAAA,sBAEJ;AAAA,sBACA;AAAA,wBAAQ;AAAA,wBAAP;AAAA,0BACC,OAAO;AAAA,4BACL,UAAU;AAAA,4BACV,OAAO,SAAS,YAAY;AAAA,4BAC5B,QAAQ;AAAA,4BACR,WAAW;AAAA,4BACX,YAAY;AAAA,4BACZ,SAAS;AAAA,4BACT,YAAY;AAAA,4BACZ,KAAK;AAAA,0BACP;AAAA,0BAEC;AAAA,4CACC;AAAA,8BAAC;AAAA;AAAA,gCACC,OAAO;AAAA,kCACL,UAAU;AAAA,kCACV,YAAY;AAAA,kCACZ,eAAe;AAAA,kCACf,eAAe;AAAA,gCACjB;AAAA,gCAEC;AAAA;AAAA,4BACH;AAAA,4BAED,gBACC,6CAAC,UAAK,OAAO,EAAE,SAAS,IAAI,GAAG,kBAAQ;AAAA,4BAExC;AAAA,4BAAM;AAAA,4BAAM,UAAU,IAAI,MAAM;AAAA,4BAChC,OAAO,SAAS,KACf,SAAW,OAAO,MAAM;AAAA;AAAA;AAAA,sBAC5B;AAAA,uBACF;AAAA,oBAGA,6CAAQ,cAAP,EAAa,SAAO,MACnB;AAAA,sBAAC;AAAA;AAAA,wBACC,cAAW;AAAA,wBACX,OAAO;AAAA,0BACL,OAAO;AAAA,0BACP,QAAQ;AAAA,0BACR,cAAc;AAAA,0BACd,QAAQ;AAAA,0BACR,YAAY,SACR,2BACA;AAAA,0BACJ,SAAS;AAAA,0BACT,YAAY;AAAA,0BACZ,gBAAgB;AAAA,0BAChB,QAAQ;AAAA,0BACR,OAAO,SAAS,YAAY;AAAA,0BAC5B,YAAY;AAAA,wBACd;AAAA,wBAEA,uDAAC,8BAAM,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG;AAAA;AAAA,oBAC3C,GACF;AAAA;AAAA;AAAA,cACF;AAAA,cAGA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,MAAM;AAAA,oBACN,WAAW;AAAA,oBACX,SAAS;AAAA,oBACT,SAAS;AAAA,oBACT,eAAe;AAAA,oBACf,KAAK;AAAA,kBACP;AAAA,kBAEC,qBAAW,KAAK,EAAE,IAAI,CAAC,UACtB,8CAAC,SAEC;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,SAAS;AAAA,0BACT,YAAY;AAAA,0BACZ,KAAK;AAAA,0BACL,cAAc;AAAA,wBAChB;AAAA,wBAEA;AAAA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,OAAO;AAAA,gCACP,QAAQ;AAAA,gCACR,cAAc;AAAA,gCACd,YAAY,MAAM;AAAA,gCAClB,YAAY;AAAA,8BACd;AAAA;AAAA,0BACF;AAAA,0BACA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,UAAU;AAAA,gCACV,YAAY;AAAA,gCACZ,OAAO,SAAS,YAAY;AAAA,gCAC5B,eAAe;AAAA,gCACf,eAAe;AAAA,8BACjB;AAAA,8BAEC,gBAAM;AAAA;AAAA,0BACT;AAAA,0BACA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,UAAU;AAAA,gCACV,YAAY;AAAA,gCACZ,OAAO,SAAS,YAAY;AAAA,8BAC9B;AAAA,8BACD;AAAA;AAAA,gCACG,MAAM,MAAM;AAAA,gCAAO;AAAA;AAAA;AAAA,0BACvB;AAAA,0BACA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,MAAM;AAAA,gCACN,QAAQ;AAAA,gCACR,YAAY,SACR,2BACA;AAAA,8BACN;AAAA;AAAA,0BACF;AAAA;AAAA;AAAA,oBACF;AAAA,oBAEA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,SAAS;AAAA,0BACT,eAAe;AAAA,0BACf,KAAK;AAAA,wBACP;AAAA,wBAEC,gBAAM,MAAM,IAAI,CAAC,MAAM,MACtB,6CAAC,YAAiB,MAAY,UAAf,CAA+B,CAC/C;AAAA;AAAA,oBACH;AAAA,uBA5DQ,MAAM,KA6DhB,CACD;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAMO,IAAM,qBAAiB,oBAAK,SAASC,gBAAe;AAAA,EACzD;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,WAAW,YAAY,QAAI,wBAAS,KAAK;AAChD,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,KAAK;AAEpD,QAAM,kBAAc,2BAAY,CAAC,MAAwB;AACvD,MAAE,gBAAgB;AAClB,iBAAa,KAAK;AAClB,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,SAAS,MAAM,WAAW,EAAG,QAAO;AAEzC,QAAM,QAAQ,MAAM;AACpB,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,MACC,EAAE,aACD,EAAE,SAAS,YAAY,MAAM,UAC5B,EAAE,SAAS,YAAY,MAAM;AAAA,EACnC;AAEA,SACE,8EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAc,MAAM,aAAa,IAAI;AAAA,QACrC,cAAc,MAAM,aAAa,KAAK;AAAA,QACtC,eAAe,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAGxC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS;AAAA,cACT,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,gBACd,YAAY,YACR,8CACA,2BAA2B,MAAM,GAAG,CAAC,KAAK,MAAM,GAAG,CAAC;AAAA,gBACxD,WAAW;AAAA,gBACX,YAAY;AAAA,gBACZ,WAAW,YAAY,gBAAgB;AAAA,cACzC;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,YAAY;AAAA,oBACZ,OAAO;AAAA,oBACP,YAAY;AAAA,kBACd;AAAA,kBAEC;AAAA;AAAA,cACH;AAAA;AAAA,UACF;AAAA,UAGC,aAAa,CAAC,eACb;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,UAAU,KAAK,UAAU,KAAK,QAAQ,GAAG;AAAA,cAElD;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,YAAY;AAAA,sBACZ,cAAc;AAAA,sBACd,QAAQ,aAAa,MAAM,GAAG,CAAC;AAAA,sBAC/B,WACE;AAAA,sBACF,UAAU;AAAA,oBACZ;AAAA,oBAGA;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAO;AAAA,4BACL,SAAS;AAAA,4BACT,YAAY,MAAM,EAAE;AAAA,4BACpB,cAAc,aAAa,MAAM,GAAG,CAAC;AAAA,4BACrC,SAAS;AAAA,4BACT,YAAY;AAAA,4BACZ,KAAK;AAAA,0BACP;AAAA,0BAEA;AAAA;AAAA,8BAAC;AAAA;AAAA,gCACC,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,OAAO,MAAM,GAAG,EAAE;AAAA,gCAClD,aAAa;AAAA;AAAA,4BACf;AAAA,4BACA;AAAA,8BAAC;AAAA;AAAA,gCACC,OAAO;AAAA,kCACL,UAAU;AAAA,kCACV,YAAY;AAAA,kCACZ,OAAO,MAAM,GAAG;AAAA,kCAChB,MAAM;AAAA,kCACN,eAAe;AAAA,gCACjB;AAAA,gCAEC;AAAA;AAAA,kCAAM;AAAA,kCAAM,UAAU,IAAI,MAAM;AAAA;AAAA;AAAA,4BACnC;AAAA,4BACA;AAAA,8BAAC;AAAA;AAAA,gCACC,OAAO;AAAA,kCACL,UAAU;AAAA,kCACV,OAAO,MAAM,GAAG;AAAA,kCAChB,YAAY;AAAA,kCACZ,SAAS;AAAA,gCACX;AAAA,gCACD;AAAA;AAAA,4BAED;AAAA;AAAA;AAAA,sBACF;AAAA,sBAGA,6CAAC,SAAI,OAAO,EAAE,WAAW,KAAK,WAAW,OAAO,GAC7C,gBAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,MAC5B;AAAA,wBAAC;AAAA;AAAA,0BAEC;AAAA,0BACA,MAAM,MAAM,KAAK,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS;AAAA;AAAA,wBAF1C;AAAA,sBAGP,CACD,GACH;AAAA,sBAEC,QAAQ,KACP;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAO;AAAA,4BACL,SAAS;AAAA,4BACT,WAAW;AAAA,4BACX,WAAW;AAAA,0BACb;AAAA,0BAEA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,UAAU;AAAA,gCACV,YAAY;AAAA,gCACZ,OAAO;AAAA,8BACT;AAAA,8BACD;AAAA;AAAA,gCACG,QAAQ;AAAA,gCAAE;AAAA;AAAA;AAAA,0BACd;AAAA;AAAA,sBACF;AAAA;AAAA;AAAA,gBAEJ;AAAA,gBAGA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,UAAU;AAAA,sBACV,KAAK;AAAA,sBACL,OAAO;AAAA,sBACP,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,YAAY;AAAA,sBACZ,QAAQ,aAAa,MAAM,GAAG,CAAC;AAAA,sBAC/B,aAAa;AAAA,sBACb,cAAc;AAAA,sBACd,WAAW;AAAA,sBACX,QAAQ;AAAA,oBACV;AAAA;AAAA,gBACF;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,QAAQ;AAAA,QACR,SAAS,MAAM,eAAe,KAAK;AAAA,QACnC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;;;AE9uBD,IAAAC,gBAMO;AA4CD,IAAAC,sBAAA;AAjCC,SAAS,sBAAsB;AAAA,EACpC,IAAI,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AACF,GAA+B;AAC7B,QAAM,UAAM,sBAAwB,IAAI;AACxC,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,KAAK;AAEpD,+BAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,QAAS;AAEd,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,QAAQ,cAAc,QAAQ,WAAW;AAAA,IAC1D;AAEA,qBAAiB;AAEjB,QAAI,OAAO,mBAAmB,aAAa;AACzC,aAAO,iBAAiB,UAAU,gBAAgB;AAClD,aAAO,MAAM,OAAO,oBAAoB,UAAU,gBAAgB;AAAA,IACpE;AAEA,UAAM,WAAW,IAAI,eAAe,gBAAgB;AACpD,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,8CAAC,aAAU,WAAU,uEACnB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,iBAAiB,aAAa,EAAE;AAAA,QAC3C;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACC,eACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,mBAAmB;AAAA,QAEzC;AAAA,uDAAC,UAAK,WAAU,uCAAuC,iBAAM;AAAA,UAC7D;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,mBAAmB;AAAA,gBACnB,kBAAkB;AAAA,cACpB;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;;;AC1EA,IAAAC,uBAA4B;AAIxB,IAAAC,sBAAA;AAFG,SAAS,2BAA2B;AACzC,SACE,8EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA;AAAA,IACZ;AAAA,IACA,8CAAC,SAAI,WAAU,0NACb;AAAA,mDAAC,oCAAY,WAAU,eAAc,aAAa,KAAK;AAAA,MAAE;AAAA,OAE3D;AAAA,KACF;AAEJ;;;ARuEU,IAAAC,sBAAA;AAjEV,IAAM,cAAsC;AAAA,EAC1C,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AACX;AAEA,IAAM,cAGF;AAAA,EACF,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;AAGA,SAAS,mBAAmB,OAA0B;AACpD,QAAM,QAAQ,oBAAI,IAAY;AAC9B,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAW,QAAQ,OAAO;AACxB,UAAI,MAAM,KAAM,OAAM,IAAI,OAAO,KAAK,IAAI,EAAE,YAAY,CAAC;AAAA,IAC3D;AAAA,EACF,WAAW,SAAS,OAAO,UAAU,UAAU;AAC7C,UAAM,SAAS;AACf,QAAI,OAAO,aAAc,OAAM,IAAI,UAAU;AAC7C,QAAI,OAAO,YAAa,OAAM,IAAI,SAAS;AAC3C,QAAI,OAAO,YAAa,OAAM,IAAI,SAAS;AAAA,EAC7C;AACA,SAAO,MAAM,KAAK,KAAK;AACzB;AAEA,IAAM,iBAAa,oBAAK,SAASC,YAAW;AAAA,EAC1C;AAAA,EACA;AACF,GAGG;AACD,QAAM,gBAAY;AAAA,IAChB,MAAM,mBAAmB,cAAc;AAAA,IACvC,CAAC,cAAc;AAAA,EACjB;AAEA,MAAI,UAAU,WAAW,EAAG,QAAO;AAEnC,SACE,6CAAC,SAAI,WAAU,iDACZ,oBAAU,IAAI,CAAC,SAAS;AACvB,UAAM,SAAS,YAAY,IAAI,KAAK,YAAY;AAChD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,YAAY,SAAS,OAAO,SAAS,OAAO;AAAA,UAC5C,OAAO,SAAS,OAAO,WAAW,OAAO;AAAA,QAC3C;AAAA,QAEC,sBAAY,IAAI,KAAK;AAAA;AAAA,MAPjB;AAAA,IAQP;AAAA,EAEJ,CAAC,GACH;AAEJ,CAAC;AAED,IAAM,mBAAe,oBAAK,SAASC,cAAa;AAAA,EAC9C;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,WAAW,GAAG,SAAS,SAAS,kBAAkB,gBAAgB,qBAAqB,KAAK;AAAA,QAC5F,SAAS;AAAA,MACX;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAG;AAAA,YACH,MAAK;AAAA,YACL,SAAS;AAAA;AAAA,QACX;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,gBAAe;AAAA;AAAA,QACjB;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,IAAM,yBAAqB,oBAAK,SAASC,oBAAmB;AAAA,EAC1D;AACF,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,MAEA;AAAA,qDAAC,gBAAa,MAAY,OAAO,GAAG;AAAA,QACpC,6CAAC,gBAAa,MAAY,OAAO,KAAK;AAAA,QACtC,6CAAC,gBAAa,MAAY,OAAO,KAAK;AAAA;AAAA;AAAA,EACxC;AAEJ,CAAC;AAED,IAAM,iBAAa,oBAAK,SAASC,YAAW;AAAA,EAC1C;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY,WACR,8CACA;AAAA,QACJ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAI,WAAW,YAAY,WAAW,YAAY;AAAA,QAClD,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,SAAS,cAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAkBA,IAAM,kBAAiC;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,cACE;AAAA,EACF,oBAAoB;AACtB;AAEA,IAAM,mBAAkC;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YACE;AAAA,EACF,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,cACE;AAAA,EACF,oBAAoB;AACtB;AAoBA,IAAM,kBAAkC;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,oBAAoB;AACtB;AAEA,IAAM,mBAAmC;AAAA,EACvC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,oBAAoB;AACtB;AAQA,SAAS,cAAc,OAAoB;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,KAAK;AACf,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,SAAS,YAAY;AAC3B,QAAM,IAAI,iBAAiB,mBAAmB;AAC9C,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,OAAO,WAAW,EAAE,OAAO;AAAA,MAC7B;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,6CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,uBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,uBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,6CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAGpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YAAY,EAAE;AAAA,cACd,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,cAAc,EAAE,WAAW,KAC3B;AAAA,YACR;AAAA,YAGA;AAAA,2DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa,GAAG,EAAE,MAAM;AAAA,oBACxB,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAEA,8CAAC,SAAI,WAAU,wBACb;AAAA,wDAAC,SAAI,WAAU,0CACb;AAAA,0DAAC,SAAI,WAAU,2BACb;AAAA,2DAAC,EAAE,MAAF,EAAO,WAAW,EAAE,WAAW,aAAa,KAAK;AAAA,cAClD,6CAAC,UAAK,WAAW,EAAE,YAAa,YAAE,OAAM;AAAA,eAC1C;AAAA,YACC,SACC,6CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,YAED,cACC,6CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,aAEJ;AAAA,UAEA,8CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,+BACA;AAAA;AAAA,YAER;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,oBAAoB,EAAE;AAAA,gBACtB,WAAW;AAAA,kBACT;AAAA,kBACA,aAAa,EAAE,qBAAqB,EAAE;AAAA,gBACxC;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,aACF;AAAA,UAEC,WAAW,8CAAC,SAAI,WAAW,EAAE,cAAc;AAAA;AAAA,YAAE;AAAA,aAAQ;AAAA,UAErD,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,EAAE;AAAA,cACb,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAGD,CAAC,CAAC,kBACD,6CAAC,SAAI,WAAU,2BACb,uDAAC,cAAW,gBAAgC,QAAgB,GAC9D;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,eAAe,OAAoB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,KAAK;AACf,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAC9D,QAAM,aAAS;AAAA,IACb,MAAM,gBAAgB,MAAM,KAAK,QAAQ,MAAM;AAAA,IAC/C,CAAC,MAAM,KAAK,QAAQ,MAAM;AAAA,EAC5B;AACA,QAAM,wBAAoB,kCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,kCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AAEJ,QAAM,IAAI,iBAAiB,mBAAmB;AAC9C,QAAM,cAAc,SAAS,EAAE,kBAAkB,EAAE;AACnD,QAAM,cAAc,SAAS,EAAE,kBAAkB,EAAE;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,OAAO,WAAW,EAAE,OAAO;AAAA,QAC3B,aACI,iCACA,QACE,cACA,EAAE;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,UAAU,EAAE,SAAS,KACjI,QACE,mEAAmE,WAAW,SAAS,WAAW,2EAA2E,WAAW,SAAS,WAAW,YAAY,EAAE,SAAS,KACnO,EAAE;AAAA,QACR,WAAW,cAAc,EAAE,WAAW;AAAA,MACxC;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,6CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,uBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,uBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,6CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAC1B,6CAAC,cAAW,MAAK,QAAO,UAAU,gBAAgB;AAAA,QAEnD,kBAAkB,SAAS,KAC1B,6CAAC,cAAW,MAAK,SAAQ,UAAU,gBAAgB;AAAA,QAGrD,6CAAC,SAAI,WAAU,6DACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,aAAa,eAAe,EAAE;AAAA,YAChC;AAAA,YAEA;AAAA,2DAAC,EAAE,MAAF,EAAO,WAAU,eAAc,aAAa,KAAK;AAAA,cACjD,EAAE;AAAA,cACF,SAAS;AAAA,cACT,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAEA,8CAAC,SAAI,WAAU,sBACb;AAAA,wDAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,+BACA;AAAA;AAAA,YAER;AAAA,YAEF,8CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,oBAAoB,EAAE;AAAA,kBACtB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,cACC,WACC,8CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,gBACpF;AAAA,gBAAQ;AAAA,iBACb;AAAA,eAEJ;AAAA,aACF;AAAA,UAEC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAGF,8CAAC,SAAI,WAAU,wCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,aAAa,EAAE;AAAA,gBACf,aAAa,EAAE;AAAA,gBACf,WAAW,EAAE;AAAA;AAAA,YACf;AAAA,YACC,CAAC,CAAC,kBACD,6CAAC,cAAW,gBAAgC,QAAgB;AAAA,aAEhE;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ,oBAAK,SAAS,QAAQ,OAAoB;AACvD,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,6CAAC,iBAAe,GAAG,OAAO;AAAA,EACnC;AAEA,SAAO,6CAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;;;AShlBD,IAAAC,gBAA8B;AAC9B,IAAAC,uBAAoB;AACpB,IAAAD,iBAA2D;AAkBvD,IAAAE,sBAAA;AANJ,SAASC,eAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,SAASC,YAAW,EAAE,KAAK,GAA+B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,qBAAqB,CAAC,UAA8B,WAAoB;AAC5E,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,mBAAmB,SACtB,KAAK,EACL,YAAY,EACZ,QAAQ,QAAQ,GAAG,EACnB,QAAQ,eAAe,EAAE;AAE5B,QAAM,WACJ,qBAAqB,YAAY,qBAAqB,cAClD,gBAAgB,gBAAgB,IAAI,SAAS,SAAS,OAAO,SAC7D,gBAAgB,gBAAgB;AAEtC,SAAO,eAAe,QAAQ;AAChC;AA0BA,SAAS,MAAM,OAAkB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,KAAK;AACf,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAC9D,QAAM,uBAAmB,uBAAQ,MAAM,gBAAgB,MAAM,GAAG,CAAC,MAAM,CAAC;AACxE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AACJ,QAAM,cAAc,SAChB,0BACA;AACJ,QAAM,gBAAgB,OAAO;AAC7B,QAAM,kBAAkB,mBAAmB,eAAe,MAAM;AAChE,QAAM,aAAa,OAAO;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWD;AAAA,QACT;AAAA,QACA,OAAO,WAAW,yCAAyC;AAAA,QAC3D,aACI,iCACA,QACE,iCACA;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,2DAC5G,QACE,mEAAmE,WAAW,SAAS,WAAW,6DAClG;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,6CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAAK,6CAACC,aAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,6CAACA,aAAA,EAAW,MAAK,SAAQ;AAAA,QAE1D,6CAAC,SAAI,WAAU,6DACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,2DAAC,4BAAI,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cAEhD,SAAS;AAAA,cACT,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAEA,8CAAC,SAAI,WAAU,sBACb;AAAA,wDAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,+BACA;AAAA;AAAA,YAER;AAAA,YAEF,8CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,oBAAmB;AAAA,kBACnB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,cACC,WACC,8CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,gBACpF;AAAA,gBAAQ;AAAA,iBACb;AAAA,eAEJ;AAAA,aACF;AAAA,UAEC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAGA,iBAAiB,eACjB,8CAAC,SAAI,WAAU,4CACZ;AAAA,6BACC,8CAAC,UAAK,WAAU,4IACb;AAAA,iCACC;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,KAAI;AAAA,kBACJ,WAAU;AAAA,kBACV,SAAQ;AAAA;AAAA,cACV;AAAA,cAED;AAAA,eACH;AAAA,YAED,cACC,6CAAC,UAAK,WAAU,0LACb,sBACH;AAAA,aAEJ;AAAA,UAGF;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ;AAAA,cACR,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,oBAAQ,oBAAK,KAAK;;;ACvOzB,IAAAE,iBAAqB;AACrB,IAAAC,uBAAuB;AACvB,IAAAD,iBAA2D;;;ACF3D;;;ACAA;;;AFqCM,IAAAE,sBAAA;AA1BN,SAASC,eAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAeA,IAAM,gBAAgB,CAAC,UAAmB,QAAQ,IAAI,KAAK,EAAE,YAAY;AAEzE,SAAS,cAAc,EAAE,KAAK,GAAqB;AACjD,QAAM,SAAS,YAAY;AAC3B,QAAM,iBAAiB,cAAc,IAAI;AACzC,QAAM,QAAQ,KAAK,YAAY;AAE/B,MAAI,mBAAmB,OAAO;AAC5B,WACE,8CAAC,UAAK,WAAU,+JACd;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAyB,EAAE,QAAQ,SAAS,mBAAU,kBAAS;AAAA;AAAA,MACjE;AAAA,MAAE;AAAA,OAEJ;AAAA,EAEJ;AAEA,SACE,6CAAC,UAAK,WAAU,yJACb,iBACH;AAEJ;AAEA,SAASC,YAAW,EAAE,KAAK,GAA+B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,UAAU,OAAsB;AACvC,QAAM,EAAE,MAAM,MAAM,MAAM,KAAK,YAAY,IAAI,MAAM,KAAK;AAC1D,QAAM,aAAa,WAAW,IAAI,IAAI,OAAO;AAC7C,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWD;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,MAChE;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,kBAAkB,SAAS,KAAK,6CAACC,aAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,6CAACA,aAAA,EAAW,MAAK,SAAQ;AAAA,QAE1D,6CAAC,SAAI,WAAU,6DACb,wDAAC,UAAK,WAAU,0IACd;AAAA,uDAAC,+BAAO,WAAU,eAAc,aAAa,KAAK;AAAA,UAAE;AAAA,WAEtD,GACF;AAAA,QAEA,8CAAC,SAAI,WAAU,sBACb;AAAA,wDAAC,SAAI,WAAU,mCACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WAAU;AAAA;AAAA,YACZ;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAU;AAAA,gBAET;AAAA;AAAA,YACH;AAAA,aACF;AAAA,UAEC,eACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAGF,8CAAC,SAAI,WAAU,4CACb;AAAA,yDAAC,iBAAc,MAAY;AAAA,YAC1B,OACC,6CAAC,UAAK,WAAU,2LACb,eACH;AAAA,aAEJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ,qBAAK,SAAS;;;AG1J7B,IAAAC,iBAA8B;AAC9B,IAAAC,uBAAoB;AAMpB,IAAAC,iBAA2D;;;ACP3D,IAAAC,iBAAqB;AAgCjB,IAAAC,sBAAA;AA9BJ,IAAM,gBAA8D;AAAA,EAClE,KAAK,EAAE,IAAI,wBAAwB,MAAM,UAAU;AAAA,EACnD,MAAM,EAAE,IAAI,yBAAyB,MAAM,UAAU;AAAA,EACrD,KAAK,EAAE,IAAI,yBAAyB,MAAM,UAAU;AAAA,EACpD,OAAO,EAAE,IAAI,yBAAyB,MAAM,UAAU;AAAA,EACtD,QAAQ,EAAE,IAAI,wBAAwB,MAAM,UAAU;AAAA,EACtD,SAAS,EAAE,IAAI,yBAAyB,MAAM,UAAU;AAAA,EACxD,MAAM,EAAE,IAAI,0BAA0B,MAAM,UAAU;AACxD;AAEA,IAAM,gBAA8D;AAAA,EAClE,KAAK,EAAE,IAAI,wBAAwB,MAAM,UAAU;AAAA,EACnD,KAAK,EAAE,IAAI,yBAAyB,MAAM,UAAU;AAAA,EACpD,KAAK,EAAE,IAAI,yBAAyB,MAAM,UAAU;AAAA,EACpD,KAAK,EAAE,IAAI,wBAAwB,MAAM,UAAU;AACrD;AAEA,SAAS,eAAe,MAAc;AACpC,QAAM,SAAS,OAAO,IAAI,EAAE,CAAC;AAC7B,SAAO,cAAc,MAAM,KAAK,cAAc,GAAG;AACnD;AAEO,IAAM,kBAAc,qBAAK,SAASC,aAAY;AAAA,EACnD;AACF,GAEG;AACD,QAAM,QAAQ,OAAO,YAAY;AACjC,QAAM,SAAS,cAAc,KAAK,KAAK,EAAE,IAAI,WAAW,MAAM,UAAU;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,YAAY,OAAO,IAAI,OAAO,OAAO,KAAK;AAAA,MAElD;AAAA;AAAA,EACH;AAEJ,CAAC;AAEM,IAAM,kBAAc,qBAAK,SAASC,aAAY;AAAA,EACnD;AACF,GAEG;AACD,SACE,6CAAC,SAAI,WAAU,4CACZ,gBAAM,IAAI,CAAC,SAAS;AACnB,UAAM,SAAS,eAAe,IAAI;AAClC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,OAAO,EAAE,YAAY,OAAO,IAAI,OAAO,OAAO,KAAK;AAAA,QAElD;AAAA;AAAA,MAJI;AAAA,IAKP;AAAA,EAEJ,CAAC,GACH;AAEJ,CAAC;AAEM,IAAM,cAAU,qBAAK,SAASC,SAAQ,EAAE,KAAK,GAAqB;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ,CAAC;;;AD9CG,IAAAC,uBAAA;AANJ,IAAMC,kBAAa,qBAAK,SAASA,YAAW;AAAA,EAC1C;AACF,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,SAASC,eAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAQA,SAAS,YAAY,OAAkB;AACrC,QAAM,EAAE,SAAS,MAAM,SAAS,YAAY,OAAO,OAAO,OAAO,IAC/D,OAAO,MAAM;AACf,QAAM,OAAO,OAAO,MAAM,QAAQ;AAClC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,MAChE;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAGpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YACE;AAAA,cACF,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,uCACA;AAAA,YACR;AAAA,YAGA;AAAA,4DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAGA,+CAAC,SAAI,WAAU,wBAEb;AAAA,yDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SAAI,WAAU,2BACb;AAAA,4DAAC,4BAAI,WAAU,8BAA6B,aAAa,KAAK;AAAA,cAC9D,8CAAC,UAAK,WAAU,qEAAoE,mBAEpF;AAAA,eACF;AAAA,YACC,SACC,8CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,YAED,cACC,8CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,aAEJ;AAAA,UAGA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAWA;AAAA,kBACT;AAAA,kBACA,aACI,oCACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,aACF;AAAA,UAGC,WACC,+CAAC,SAAI,WAAU,sDAAqD;AAAA;AAAA,YAChE;AAAA,aACJ;AAAA,UAID,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,aAAa,OAAkB;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,OAAO,MAAM;AACjB,QAAM,OAAO,OAAO,MAAM,QAAQ;AAClC,QAAM,aAAa,CAAC,EAAE,UAAU;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAC9D,QAAM,aAAS;AAAA,IACb,MAAM,gBAAgB,OAAO,MAAM,SAAS,MAAM;AAAA,IAClD,CAAC,OAAO,MAAM,SAAS,MAAM;AAAA,EAC/B;AACA,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,QAC9D,aACI,iCACA,QACE,iBAAiB,SAAS,sBAAsB,sBAAsB,KACtE;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,2DAC5G,QACE,mEAAmE,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,2EAA2E,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,6DACxY;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,kBAAkB,SAAS,KAAK,8CAACD,aAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,aAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,mCACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,4DAAC,4BAAI,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cAC3C,SAAS;AAAA,cACd,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAEC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,UAAU,YAAY,KAAK,IAAI,OAAO,GAAG;AAAA,YAEjD,iBAAO,SAAS,GAAG,IAAI,OAAO,MAAM,GAAG,EAAE,IAAI,IAAI;AAAA;AAAA,QACpD;AAAA,QAGF,+CAAC,SAAI,WAAU,sBAEZ;AAAA,wBACC,+CAAC,SAAI,WAAU,0DACZ;AAAA,sBAAU,8CAAC,eAAY,QAAgB;AAAA,YACvC,QAAQ,8CAAC,WAAQ,MAAY;AAAA,aAChC;AAAA,UAID,CAAC,cACA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF,+CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,oBAAmB;AAAA,kBACnB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,cACC,WACC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,OAAO,SAAS,YAAY,UAAU;AAAA,kBAChD;AAAA;AAAA,oBACI;AAAA,oBAAQ;AAAA;AAAA;AAAA,cACb;AAAA,eAEJ;AAAA,aACF;AAAA,UAID,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,GAAG;AAAA,gBACH,OAAO,SAAS,YAAY;AAAA,cAC9B;AAAA,cACA,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAID,eAAe,YAAY,SAAS,KACnC,8CAAC,eAAY,OAAO,aAAa;AAAA,UAInC,+CAAC,SAAI,WAAU,kCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,aAAY;AAAA,gBACZ,aAAY;AAAA,gBACZ,WAAU;AAAA;AAAA,YACZ;AAAA,YACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,aAEtD;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ,qBAAK,SAAS,MAAM,OAAkB;AACnD,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,8CAAC,eAAa,GAAG,OAAO;AAAA,EACjC;AAEA,SAAO,8CAAC,gBAAc,GAAG,OAAO;AAClC,CAAC;;;AEzWD,IAAAC,iBAAuC;AACvC,IAAAC,uBAAoB;;;ACDb,IAAM,UAAU,CAAC,WAAW,UAAU;AACtC,IAAM,QAAQ,CAAC,SAAS,QAAQ;AAChC,IAAM,aAAa,CAAC,aAAa,YAAY;AAC7C,IAAM,QAAQ,CAAC,SAAS,QAAQ;AAChC,IAAM,QAAQ,CAAC,WAAW,SAAS,QAAQ;AAC3C,IAAM,UAAU,CAAC,WAAW,UAAU;AACtC,IAAM,UAAU,CAAC,WAAW,UAAU;AACtC,IAAM,QAAQ,CAAC,SAAS,QAAQ;AAChC,IAAM,OAAO,CAAC,MAAM;AACpB,IAAM,OAAO,CAAC,MAAM;AAEpB,IAAM,UAAU,CAAC,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK;;;ADNtD,IAAO,iBAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,oBAAoB,CAAC,GAAG,SAAS,GAAG,OAAO;AAAA,EAC3C,oBAAoB,CAAC,GAAG,SAAS,GAAG,OAAO;AAAA,EAC3C,oBAAoB,CAAC,eAA2B;AAC9C,WAAO,WAAW,WAAW,WAAW;AAAA,EAC1C;AAAA,EACA,gBAAgB,CAAC,eAA2B;AAC1C,QACE,MAAM,SAAS,WAAW,MAAM,KAChC,QAAQ,SAAS,WAAW,MAAM,GAClC;AACA,aAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW,EAAE,MAAM,0BAAW,aAAa,OAAO,UAAU;AAAA,MAC9D;AAAA,IACF;AACA,WAAO;AAAA,MACL,OAAO;AAAA,MACP,WAAW,EAAE,MAAM,0BAAW,aAAa,OAAO,UAAU;AAAA,IAC9D;AAAA,EACF;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU,CAAC,QAAQ,SAAS;AAAA,MAC5B,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aACE;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aAAa;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;AEjEA,IAAAC,iBAA8B;AAC9B,IAAAC,uBAAuB;AAMvB,IAAAC,iBAA2D;AAoBvD,IAAAC,uBAAA;AANJ,IAAMC,kBAAa,qBAAK,SAASA,YAAW;AAAA,EAC1C;AACF,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,SAASC,eAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAQA,SAAS,YAAY,OAAkB;AACrC,QAAM,EAAE,SAAS,MAAM,SAAS,YAAY,OAAO,OAAO,OAAO,IAC/D,MAAM,KAAK;AACb,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,2CAA2C;AAAA,MAC/D;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YACE;AAAA,cACF,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,sCACA;AAAA,YACR;AAAA,YAGA;AAAA,4DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAEA,+CAAC,SAAI,WAAU,wBACb;AAAA,yDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SAAI,WAAU,2BACb;AAAA,4DAAC,+BAAO,WAAU,6BAA4B,aAAa,KAAK;AAAA,cAChE,8CAAC,UAAK,WAAU,oEAAmE,mBAEnF;AAAA,eACF;AAAA,YACC,SACC,8CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,YAED,cACC,8CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,aAEJ;AAAA,UAEA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAWA;AAAA,kBACT;AAAA,kBACA,aAAa,mCAAmC;AAAA,gBAClD;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,aACF;AAAA,UAEC,WACC,+CAAC,SAAI,WAAU,qDAAoD;AAAA;AAAA,YAC/D;AAAA,aACJ;AAAA,UAGD,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,aAAa,OAAkB;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,KAAK;AACf,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,CAAC,EAAE,UAAU;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAC9D,QAAM,aAAS;AAAA,IACb,MAAM,gBAAgB,MAAM,KAAK,SAAS,MAAM;AAAA,IAChD,CAAC,MAAM,KAAK,SAAS,MAAM;AAAA,EAC7B;AACA,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,2CAA2C;AAAA,QAC7D,aACI,iCACA,QACE,iBAAiB,SAAS,qBAAqB,qBAAqB,KACpE;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,2DAC5G,QACE,mEAAmE,SAAS,yBAAyB,sBAAsB,SAAS,SAAS,yBAAyB,sBAAsB,2EAA2E,SAAS,yBAAyB,sBAAsB,SAAS,SAAS,yBAAyB,sBAAsB,6DAChY;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAAK,8CAACD,aAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,aAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,mCACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,4DAAC,+BAAO,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cAC9C,SAAS;AAAA,cACd,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAEC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,UAAU,YAAY,KAAK,IAAI,OAAO,GAAG;AAAA,YAEjD,iBAAO,SAAS,GAAG,IAAI,OAAO,MAAM,GAAG,EAAE,IAAI,IAAI;AAAA;AAAA,QACpD;AAAA,QAGF,+CAAC,SAAI,WAAU,sBAEZ;AAAA,wBACC,+CAAC,SAAI,WAAU,0DACZ;AAAA,sBAAU,8CAAC,eAAY,QAAgB;AAAA,YACvC,QAAQ,8CAAC,WAAQ,MAAY;AAAA,aAChC;AAAA,UAID,CAAC,cACA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF,+CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,oBAAmB;AAAA,kBACnB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,cACC,WACC,+CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,gBACpF;AAAA,gBAAQ;AAAA,iBACb;AAAA,eAEJ;AAAA,aACF;AAAA,UAID,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAID,eAAe,YAAY,SAAS,KACnC,8CAAC,eAAY,OAAO,aAAa;AAAA,UAInC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ,qBAAK,SAAS,MAAM,OAAkB;AACnD,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,8CAAC,eAAa,GAAG,OAAO;AAAA,EACjC;AAEA,SAAO,8CAAC,gBAAc,GAAG,OAAO;AAClC,CAAC;;;ACzVD,IAAAC,iBAA8B;AAC9B,IAAAC,wBAA8B;AAM9B,IAAAC,iBAA2D;AAoBvD,IAAAC,uBAAA;AANJ,IAAMC,kBAAa,qBAAK,SAASA,aAAW;AAAA,EAC1C;AACF,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,SAASC,eAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAQA,SAAS,cAAc,OAAoB;AACzC,QAAM,EAAE,SAAS,MAAM,SAAS,YAAY,OAAO,OAAO,OAAO,IAC/D,MAAM,KAAK;AACb,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,0CAA0C;AAAA,MAC9D;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YACE;AAAA,cACF,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,uCACA;AAAA,YACR;AAAA,YAGA;AAAA,4DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAEA,+CAAC,SAAI,WAAU,wBACb;AAAA,yDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SAAI,WAAU,2BACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,aAAa;AAAA;AAAA,cACf;AAAA,cACA,8CAAC,UAAK,WAAU,mEAAkE,qBAElF;AAAA,eACF;AAAA,YACC,SACC,8CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,YAED,cACC,8CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,aAEJ;AAAA,UAEA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAWA;AAAA,kBACT;AAAA,kBACA,aAAa,kCAAkC;AAAA,gBACjD;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,aACF;AAAA,UAEC,WACC,+CAAC,SAAI,WAAU,oDAAmD;AAAA;AAAA,YAC9D;AAAA,aACJ;AAAA,UAGD,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,eAAe,OAAoB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,KAAK;AACf,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,CAAC,EAAE,UAAU;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAC9D,QAAM,aAAS;AAAA,IACb,MAAM,gBAAgB,MAAM,KAAK,SAAS,MAAM;AAAA,IAChD,CAAC,MAAM,KAAK,SAAS,MAAM;AAAA,EAC7B;AACA,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,0CAA0C;AAAA,QAC5D,aACI,iCACA,QACE,iBAAiB,SAAS,oBAAoB,oBAAoB,KAClE;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,6DAC5G,QACE,mEAAmE,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,2EAA2E,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,+DACxY;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAAK,8CAACD,aAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,aAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,mCACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,4DAAC,uCAAc,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cACnD,SAAS;AAAA,cAChB,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAEC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,UAAU,YAAY,KAAK,IAAI,OAAO,GAAG;AAAA,YAEjD,iBAAO,SAAS,GAAG,IAAI,OAAO,MAAM,GAAG,EAAE,IAAI,IAAI;AAAA;AAAA,QACpD;AAAA,QAGF,+CAAC,SAAI,WAAU,sBAEZ;AAAA,wBACC,+CAAC,SAAI,WAAU,0DACZ;AAAA,sBAAU,8CAAC,eAAY,QAAgB;AAAA,YACvC,QAAQ,8CAAC,WAAQ,MAAY;AAAA,aAChC;AAAA,UAID,CAAC,cACA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF,+CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,oBAAmB;AAAA,kBACnB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,cACC,WACC,+CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,gBACpF;AAAA,gBAAQ;AAAA,iBACb;AAAA,eAEJ;AAAA,aACF;AAAA,UAID,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAID,eAAe,YAAY,SAAS,KACnC,8CAAC,eAAY,OAAO,aAAa;AAAA,UAInC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ,qBAAK,SAAS,QAAQ,OAAoB;AACvD,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,8CAAC,iBAAe,GAAG,OAAO;AAAA,EACnC;AAEA,SAAO,8CAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;;;AC5VD,IAAAC,wBAAqC;AAMrC,IAAAC,iBAA2D;AAc3D,IAAAC,iBAA8B;AAqCxB,IAAAC,uBAAA;AAnCN,IAAM,4BAAoD;AAAA,EACxD,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAClB;AAEA,IAAM,mBAAiE;AAAA,EACrE,gBAAgB,EAAE,KAAK,WAAW,KAAK,aAAa;AAAA,EACpD,iBAAiB,EAAE,KAAK,WAAW,KAAK,cAAc;AAAA,EACtD,gBAAgB,EAAE,KAAK,WAAW,KAAK,cAAc;AACvD;AAEA,IAAM,oBAAoB,EAAE,KAAK,WAAW,KAAK,cAAc;AAE/D,SAAS,aAAa,WAAoB;AACxC,SAAQ,aAAa,iBAAiB,SAAS,KAAM;AACvD;AAQA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,MAAAC,QAAO;AACT,GAGG;AACD,QAAM,EAAE,IAAI,IAAI,aAAa,SAAS;AAEtC,MAAI,cAAc,gBAAgB;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAOA,OAAM,QAAQA,OAAM,YAAY,IAAI;AAAA;AAAA,IACtD;AAAA,EAEJ;AAEA,MAAI,cAAc,iBAAiB;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,OAAOA;AAAA,UACP,QAAQA;AAAA,UACR,YAAY,0BAA0B,GAAG;AAAA,UACzC,QAAQ,eAAe,GAAG;AAAA,UAC1B,WAAW;AAAA,QACb;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAOA;AAAA,QACP,QAAQA;AAAA,QACR,QAAQ,eAAe,GAAG;AAAA,QAC1B,WAAW;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;AAEA,SAASC,aAAW,EAAE,KAAK,GAA+B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAMA,SAASC,eAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAIA,SAAS,cAAc,OAAoB;AACzC,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,KAAK;AACT,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,YAAY,aAAa,iBAAiB;AAChD,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,0CAA0C;AAAA,MAC9D;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YACE;AAAA,cACF,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,wCACA;AAAA,YACR;AAAA,YAGA;AAAA,4DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAEA,+CAAC,SAAI,WAAU,wBAEb;AAAA,yDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SAAI,WAAU,2BACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,aAAa;AAAA;AAAA,cACf;AAAA,cACA,8CAAC,UAAK,WAAU,mEAAkE,qBAElF;AAAA,eACF;AAAA,YACA,+CAAC,SAAI,WAAU,2BACZ;AAAA,uBACC,8CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,cAED,cACC,8CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,eAEJ;AAAA,aACF;AAAA,UAGA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF,+CAAC,SAAI,WAAU,uCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAG;AAAA,kBACH,OAAO;AAAA,kBACP,oBAAmB;AAAA,kBACnB,WAAWA;AAAA,oBACT;AAAA,oBACA,aAAa,kCAAkC;AAAA,kBACjD;AAAA,kBAEC;AAAA;AAAA,cACH;AAAA,cACC,WACC,+CAAC,UAAK,WAAU,oDAAmD;AAAA;AAAA,gBAC/D;AAAA,iBACJ;AAAA,eAEJ;AAAA,aACF;AAAA,UAGC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAIA,qBAAqB,YAAY,CAAC,MAClC,+CAAC,SAAI,WAAU,0CACZ;AAAA,iCACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,YAAY,QAAQ,UAAU,GAAG;AAAA,kBACjC,OAAO,UAAU;AAAA,gBACnB;AAAA,gBAEA;AAAA,gEAAC,gBAAa,WAAW,mBAAmB,MAAM,GAAG;AAAA,kBACpD,0BAA0B,iBAAiB,KAC1C;AAAA;AAAA;AAAA,YACJ;AAAA,YAED,YAAY,CAAC,KACZ,8CAAC,UAAK,WAAU,wIACb,oBAAU,CAAC,GACd;AAAA,aAEJ;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,eAAe,OAAoB;AAC1C,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,KAAK;AACT,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAC9D,QAAM,aAAS;AAAA,IACb,MAAM,gBAAgB,KAAK,SAAS,MAAM;AAAA,IAC1C,CAAC,KAAK,SAAS,MAAM;AAAA,EACvB;AACA,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AACJ,QAAM,YAAY,aAAa,iBAAiB;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,0CAA0C;AAAA,QAC5D,aACI,iCACA,QACE,iBAAiB,SAAS,oBAAoB,oBAAoB,KAClE,SACE,oBACA;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,6DAC5G,QACE,mEAAmE,SAAS,2BAA2B,wBAAwB,SAAS,SAAS,2BAA2B,wBAAwB,2EAA2E,SAAS,2BAA2B,wBAAwB,SAAS,SAAS,2BAA2B,wBAAwB,+DAChZ;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAAK,8CAACD,cAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,cAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,mCACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,4DAAC,wCAAe,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cACpD,SAAS;AAAA,cAChB,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAGA,+CAAC,SAAI,WAAU,sBAEb;AAAA,yDAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF,+CAAC,SAAI,WAAU,uCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,oBAAmB;AAAA,kBACnB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,cACC,WACC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP,SAAS;AAAA,kBACX;AAAA,kBACD;AAAA;AAAA,oBACG;AAAA;AAAA;AAAA,cACJ;AAAA,eAEJ;AAAA,aACF;AAAA,UAGC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,kBAAkB,cAAc,EAAE;AAAA,cAC9C,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAID,SAAS,UAAU,WAClB,+CAAC,SAAI,WAAU,gCACb;AAAA,0DAAC,8BAAK,WAAU,qDAAoD;AAAA,YACpE,8CAAC,UAAK,WAAU,8DACb,mBACH;AAAA,aACF;AAAA,WAIA,qBAAqB,YAAY,CAAC,MAClC,+CAAC,SAAI,WAAU,0CACZ;AAAA,iCACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,YAAY,QAAQ,UAAU,GAAG;AAAA,kBACjC,OAAO,UAAU;AAAA,gBACnB;AAAA,gBAEA;AAAA,gEAAC,gBAAa,WAAW,mBAAmB,MAAM,GAAG;AAAA,kBACpD,0BAA0B,iBAAiB,KAC1C;AAAA;AAAA;AAAA,YACJ;AAAA,YAED,YAAY,CAAC,KACZ;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,YAAY,SACR,2BACA;AAAA,kBACJ,OAAO;AAAA,gBACT;AAAA,gBAEC,oBAAU,CAAC;AAAA;AAAA,YACd;AAAA,aAEJ;AAAA,UAIF;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ,qBAAK,SAAS,QAAQ,OAAoB;AACvD,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,8CAAC,iBAAe,GAAG,OAAO;AAAA,EACnC;AAEA,SAAO,8CAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;;;ACpeD,IAAAC,iBAA8B;AAC9B,IAAAC,wBAAyB;AAMzB,IAAAC,iBAA2D;AAgBvD,IAAAC,uBAAA;AAFJ,SAASC,aAAW,EAAE,KAAK,GAA+B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,SAASC,eAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAM,wBAAgD;AAAA,EACpD,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,UAAU;AAAA,EACV,cAAc;AAAA,EACd,OAAO;AACT;AAEA,SAAS,qBACP,eACA,MACQ;AACR,MAAI,eAAe;AACjB,WAAO,sBAAsB,aAAa,KAAK;AAAA,EACjD;AACA,SAAO,QAAQ;AACjB;AAQA,SAAS,WAAW,OAAiB;AACnC,QAAM;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,KAAK;AACf,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,MAChE;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAGpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YACE;AAAA,cACF,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,uCACA;AAAA,YACR;AAAA,YAGA;AAAA,4DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAGA,+CAAC,SAAI,WAAU,wBAEb;AAAA,yDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SAAI,WAAU,2BACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,aAAa;AAAA;AAAA,cACf;AAAA,cACA,8CAAC,UAAK,WAAU,qEAAoE,kBAEpF;AAAA,eACF;AAAA,YACC,SACC,8CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,YAED,cACC,8CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,aAEJ;AAAA,UAGA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAWA;AAAA,kBACT;AAAA,kBACA,aACI,oCACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,aACF;AAAA,UAGC,WACC,+CAAC,SAAI,WAAU,sDAAqD;AAAA;AAAA,YAChE;AAAA,aACJ;AAAA,UAID,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,YAAY,OAAiB;AACpC,QAAM;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,KAAK;AACf,QAAM,YAAY,qBAAqB,gBAAgB,IAAI;AAE3D,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAC9D,QAAM,uBAAmB,wBAAQ,MAAM,gBAAgB,MAAM,GAAG,CAAC,MAAM,CAAC;AACxE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,QAC9D,aACI,iCACA,QACE,iBAAiB,SAAS,sBAAsB,sBAAsB,KACtE;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,0DAC5G,QACE,mEAAmE,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,2EAA2E,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,4DACxY;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEC;AAAA,cAAM,KAAK,aAAa,8CAAC,4BAAyB;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAAK,8CAACD,cAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,cAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,mCACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,4DAAC,kCAAS,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cACjD,SAAS;AAAA,cACb,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QACC,aACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,UAAU,YAAY,KAAK,IAAI,OAAO,GAAG;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA,QAGF,+CAAC,SAAI,WAAU,sBAEb;AAAA,yDAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,4BACA;AAAA;AAAA,YAER;AAAA,YAEF,+CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,oBAAmB;AAAA,kBACnB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,cACC,WACC,+CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,gBACpF;AAAA,gBAAQ;AAAA,iBACb;AAAA,eAEJ;AAAA,aACF;AAAA,UAGC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAIF;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ;AAAA,cACR,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ,qBAAK,SAAS,KAAK,OAAiB;AACjD,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,8CAAC,cAAY,GAAG,OAAO;AAAA,EAChC;AAEA,SAAO,8CAAC,eAAa,GAAG,OAAO;AACjC,CAAC;;;AC5WD,IAAAC,iBAAuC;AACvC,IAAAC,wBAAyB;AAIzB,IAAOC,kBAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,oBAAoB,CAAC,GAAG,SAAS,GAAG,SAAS,mBAAmB,GAAG,KAAK;AAAA,EACxE,oBAAoB,CAAC,GAAG,SAAS,GAAG,SAAS,mBAAmB,GAAG,KAAK;AAAA,EACxE,oBAAoB,CAAC,eAA2B;AAC9C,WAAO,WAAW,WAAW,WAAW;AAAA,EAC1C;AAAA,EACA,gBAAgB,CAAC,eAA2B;AAC1C,QAAI,WAAW,WAAW,UAAU,WAAW,WAAW,WAAW;AACnE,aAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW,EAAE,MAAM,0BAAW,aAAa,OAAO,UAAU;AAAA,MAC9D;AAAA,IACF;AACA,QAAI,WAAW,WAAW,aAAa,WAAW,WAAW,QAAQ;AACnE,aAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW,EAAE,MAAM,0BAAW,aAAa,OAAO,UAAU;AAAA,MAC9D;AAAA,IACF;AACA,WAAO;AAAA,MACL,OAAO;AAAA,MACP,WAAW,EAAE,MAAM,0BAAW,aAAa,OAAO,UAAU;AAAA,IAC9D;AAAA,EACF;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU,CAAC,QAAQ,SAAS;AAAA,MAC5B,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aAAa;AAAA,QACf;AAAA,QACA,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aAAa;AAAA,UACb,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aAAa;AAAA,QACf;AAAA,QACA,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aAAa;AAAA,UACb,MAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;AClFA,IAAAC,iBAAqB;AACrB,IAAAC,wBAA4B;AAC5B,IAAAD,iBAAuC;AAoCjC,IAAAE,uBAAA;AA5BN,SAASC,eAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAQA,IAAO,uBAAQ,qBAAK,SAAS,KAAK,OAAiB;AACjD,QAAM,EAAE,MAAM,OAAO,SAAS,IAAI;AAClC,QAAM,EAAE,MAAM,SAAS,WAAW,IAAI,MAAM,KAAK;AAEjD,QAAM,OAAO,MAAM,KAAK,QAAQ;AAEhC,QAAM,YAAY;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,WACI,mDACA;AAAA,MACN;AAAA,MACA,OAAO;AAAA,MAEP;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YAEX;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,sCAAsC,SAAS,SAAS,SAAS,MAAM;AAAA;AAAA,cACpF;AAAA,cACC,SAAS,UACR;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,kBAEN;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA,+CAAC,SAAI,WAAU,cACb;AAAA,yDAAC,SAAI,WAAU,QACb;AAAA,0DAAC,UAAK,WAAU,yCAAyC,gBAAK;AAAA,YAC7D,SAAS,YACR,8CAAC,UAAK,WAAU,oFACb,qBACH;AAAA,aAEJ;AAAA,UACC,WACC,8CAAC,SAAI,WAAU,QACb;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH,GACF;AAAA,UAED,cACC,8CAAC,SAAI,WAAU,QACb;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,KAAK,GAAG,IAAI;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ,GACF;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;;;AC/FD,IAAAC,iBAAqB;AACrB,IAAAC,wBAAqB;AACrB,IAAAD,iBAA2D;AAcvD,IAAAE,uBAAA;AAFJ,SAASC,aAAW,EAAE,KAAK,GAA+B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAYA,SAAS,YAAY,OAAkB;AACrC,QAAM,EAAE,MAAM,SAAS,YAAY,OAAO,MAAM,IAAI,OAAO;AAC3D,QAAM,OAAO,OAAO,MAAM,QAAQ;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,MAChE;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YACE;AAAA,cACF,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,sCACA;AAAA,YACR;AAAA,YAEA;AAAA,4DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAEA,+CAAC,SAAI,WAAU,wBACb;AAAA,yDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SAAI,WAAU,2BACb;AAAA,4DAAC,8BAAK,WAAU,8BAA6B,aAAa,KAAK;AAAA,cAC/D,8CAAC,UAAK,WAAU,qEAAoE,mBAEpF;AAAA,eACF;AAAA,YACC,SACC,8CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,YAED,cACC,8CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,aAEJ;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAO;AAAA,cACP,oBAAmB;AAAA,cACnB,WAAWA;AAAA,gBACT;AAAA,gBACA,aAAa,oCAAoC;AAAA,cACnD;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UAEC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,aAAa,OAAkB;AACtC,QAAM,EAAE,MAAM,SAAS,YAAY,OAAO,MAAM,IAAI,OAAO;AAC3D,QAAM,OAAO,OAAO,MAAM,QAAQ;AAClC,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,QAC9D,aACI,iCACA,QACE,iBAAiB,SAAS,sBAAsB,sBAAsB,KACtE;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,2DAC5G,QACE,mEAAmE,SAAS,yBAAyB,sBAAsB,SAAS,SAAS,yBAAyB,sBAAsB,2EAA2E,SAAS,yBAAyB,sBAAsB,SAAS,SAAS,yBAAyB,sBAAsB,6DAChY;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAAK,8CAACD,cAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,cAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,6DACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,4DAAC,8BAAK,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cAC5C,SAAS;AAAA,cACd,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAEA,+CAAC,SAAI,WAAU,sBAEb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAO;AAAA,cACP,oBAAmB;AAAA,cACnB,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UAGC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ,qBAAK,SAAS,MAAM,OAAkB;AACnD,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,8CAAC,eAAa,GAAG,OAAO;AAAA,EACjC;AAEA,SAAO,8CAAC,gBAAc,GAAG,OAAO;AAClC,CAAC;;;ACrPD,IAAAC,iBAAuC;AACvC,IAAAC,wBAAqB;AAIrB,IAAOC,kBAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,oBAAoB;AAAA,IAClB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AAAA,EACA,oBAAoB;AAAA,IAClB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AAAA,EACA,oBAAoB,CAAC,eAA2B;AAC9C,WAAO,WAAW,WAAW,WAAW;AAAA,EAC1C;AAAA,EACA,gBAAgB,CAAC,gBAA4B;AAC3C,WAAO;AAAA,MACL,OAAO;AAAA,MACP,WAAW,EAAE,MAAM,0BAAW,aAAa,OAAO,UAAU;AAAA,IAC9D;AAAA,EACF;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SACE;AAAA,IACF,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU,CAAC,MAAM;AAAA,MACjB,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aAAa;AAAA,QACf;AAAA,QACA,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,SAAS;AAAA,UACT,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;AC5DA,IAAAC,iBAAqB;AACrB,IAAAA,iBAAiC;AACjC,IAAAC,wBAAqB;AAmBjB,IAAAC,uBAAA;AAJJ,IAAO,2BAAQ,qBAAK,SAAS,iBAAiB,EAAE,KAAK,GAAQ;AAC3D,QAAM,EAAE,KAAK,IAAI;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,qCAAqC;AAAA,MAEzD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QAGA,8CAAC,SAAI,WAAU,6CACb,wDAAC,SAAI,WAAU,0HACb,wDAAC,8BAAK,WAAU,2BAA0B,aAAa,GAAG,GAC5D,GACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO;AAAA,YACP,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QAEA,8CAAC,UAAK,WAAU,8FAA6F,mBAE7G;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;;;ACxDD,IAAAC,iBAAqB;AACrB,IAAAA,iBAAiD;AACjD,IAAAC,wBAAuD;AAwHnC,IAAAC,uBAAA;AA3FpB,IAAM,kBAAkB;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA;AAAA,EAER,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AACb;AAEA,IAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,sBAAsB;AAAA;AAAA,EAEtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,UAAU;AACZ;AAGA,IAAM,cAAc;AAAA,EAClB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WAAW;AAAA,EACX,QAAQ;AACV;AAEA,IAAM,aAAa;AAAA,EACjB,UAAU;AAAA,EACV,YAAY;AAAA;AAAA,EAEZ,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,gBAAgB;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AACd;AAGA,IAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,WAAW;AACb;AACA,IAAM,sBAAsB;AAAA,EAC1B,GAAG;AAAA,EACH,YAAY;AAAA,EACZ,cAAc;AAChB;AACA,IAAM,qBAAqB,EAAE,GAAG,aAAa,YAAY,UAAU;AACnE,IAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,OAAO;AACT;AAEA,IAAO,8BAAQ,qBAAK,SAAS,gBAAgB,EAAE,KAAK,GAAc;AAChE,QAAM,EAAE,QAAQ,QAAQ,WAAW,UAAU,IAC3C;AACF,QAAM,WAAW,CAAC,CAAC;AACnB,QAAM,WAAW,UAAU;AAC3B,QAAM,YAAY,WAAY,YAAY,cAAc,WAAY;AAEpE,SACE,+CAAC,SAAI,OAAO,WAAW,yBAAyB,iBAC7C;AAAA,iBAAa,8CAAC,4BAAyB;AAAA,IAExC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,wBAAS;AAAA,QACnB,OAAO;AAAA;AAAA,IACT;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,wBAAS;AAAA,QACnB,OAAO;AAAA;AAAA,IACT;AAAA,IAEA,+CAAC,UAAK,OAAO,WAAW,qBAAqB,aAC1C;AAAA,iBACC,8CAAC,sBAAAC,OAAA,EAAU,MAAM,IAAI,aAAa,KAAK,IAEvC,8CAAC,sBAAAC,OAAA,EAAU,MAAM,IAAI,aAAa,KAAK;AAAA,MAExC;AAAA,OACH;AAAA,IAGA,+CAAC,SAAI,OAAO,WAAW,sBAAsB,cAC3C;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,QAAQ;AAAA,UACzB,oBAAoB,WAAW,YAAY;AAAA,UAC3C,WAAU;AAAA,UACV,OAAO,WAAW,oBAAoB;AAAA,UAErC,oBAAU,QAAQ;AAAA;AAAA,MACrB;AAAA,MACC,UAAU,WACT,+CAAC,UAAK,OAAO,eAAe;AAAA;AAAA,QAAE,SAAS;AAAA,SAAQ;AAAA,OAEnD;AAAA,KACF;AAEJ,CAAC;;;AChKD,IAAAC,iBAAiC;AACjC,IAAAC,wBAKO;AACP,IAAAD,iBAAqB;AAgEf,IAAAE,uBAAA;AA3CN,IAAM,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AACb;AAQA,IAAO,yBAAQ,qBAAK,SAAS,eAAe,EAAE,KAAK,GAAQ;AACzD,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd,IAAI;AACJ,QAAM,EAAE,IAAI,SAAS,MAAM,QAAQ,IAAI;AAEvC,QAAM,QAAQ;AAAA,IACZ,EAAE,MAAM,sBAAAC,OAAW,OAAO,WAAW,OAAO,aAAa;AAAA,IACzD,EAAE,MAAM,sBAAAC,QAAY,OAAO,YAAY,OAAO,cAAc;AAAA,IAC5D,EAAE,MAAM,sBAAAC,KAAS,OAAO,YAAY,OAAO,cAAc;AAAA,EAC3D,EAAE,OAAO,CAAC,SAAS,KAAK,QAAQ,CAAC;AAEjC,QAAM,cAAc,MAClB,WAAW,SAAS,uBAAuB,EAAE,IAAI,OAAO,EAAE,CAAC;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW,CAAC,MAAM;AAChB,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK,aAAY;AAAA,MACtD;AAAA,MACA,OAAO,YAAY,IAAI;AAAA,MACvB,WAAU;AAAA,MACV,OAAO;AAAA,MAEP;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QAGA,8CAAC,SAAI,WAAU,6DACb,yDAAC,UAAK,WAAU,0IACd;AAAA,wDAAC,sBAAAC,OAAA,EAAU,WAAU,eAAc,aAAa,KAAK;AAAA,UACpD,YAAY,cAAc;AAAA,WAC7B,GACF;AAAA,QAEA,+CAAC,SAAI,WAAU,sBACb;AAAA,yDAAC,SAAI,WAAU,qCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAU;AAAA,gBAET;AAAA;AAAA,YACH;AAAA,YACC,WACC,+CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,cACpF;AAAA,cAAQ;AAAA,eACb;AAAA,aAEJ;AAAA,UAEC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAGD,MAAM,SAAS,KACd,8CAAC,SAAI,WAAU,oFACZ,gBAAM,IAAI,CAAC,EAAE,MAAM,MAAM,OAAO,MAAM,MACrC;AAAA,YAAC;AAAA;AAAA,cAEC,OAAO,GAAG,KAAK,IAAI,KAAK;AAAA,cACxB,WAAU;AAAA,cAEV;AAAA,8DAAC,QAAK,WAAU,2BAA0B,aAAa,GAAG;AAAA,gBAC1D,8CAAC,UAAK,WAAU,eAAe,iBAAM;AAAA;AAAA;AAAA,YALhC;AAAA,UAMP,CACD,GACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;;;ACrID,IAAAC,iBAAqB;AACrB,IAAAC,wBAAsB;AACtB,IAAAD,iBAA2D;AAiBvD,IAAAE,uBAAA;AAFJ,SAASC,aAAW,EAAE,KAAK,GAA+B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAcA,SAAS,qBAAqB,OAA2B;AACvD,QAAM,EAAE,SAAS,MAAM,SAAS,YAAY,OAAO,MAAM,IACvD,MAAM,KAAK;AACb,QAAM,OAAO,MAAM,KAAK,QAAQ;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,MAChE;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YACE;AAAA,cACF,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,uCACA;AAAA,YACR;AAAA,YAEA;AAAA,4DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAEA,+CAAC,SAAI,WAAU,wBACb;AAAA,yDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SAAI,WAAU,2BACb;AAAA,4DAAC,+BAAM,WAAU,8BAA6B,aAAa,KAAK;AAAA,cAChE,8CAAC,UAAK,WAAU,qEAAoE,sBAEpF;AAAA,eACF;AAAA,YACC,SACC,8CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,YAED,cACC,8CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,aAEJ;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAO;AAAA,cACP,oBAAmB;AAAA,cACnB,WAAWA;AAAA,gBACT;AAAA,gBACA,aAAa,oCAAoC;AAAA,cACnD;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UAEC,WACC,+CAAC,SAAI,WAAU,sDAAqD;AAAA;AAAA,YAChE;AAAA,aACJ;AAAA,UAGD,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,sBAAsB,OAA2B;AACxD,QAAM,EAAE,SAAS,MAAM,SAAS,YAAY,OAAO,MAAM,IACvD,MAAM,KAAK;AACb,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,QAC9D,aACI,iCACA,QACE,iBAAiB,SAAS,sBAAsB,sBAAsB,KACtE;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,8DAC5G,QACE,mEAAmE,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,2EAA2E,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,gEACxY;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAAK,8CAACD,cAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,cAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,6DACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,4DAAC,+BAAM,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cACnC,SAAS;AAAA,cACxB,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAEA,+CAAC,SAAI,WAAU,sBAEb;AAAA,yDAAC,SAAI,WAAU,qCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAU;AAAA,gBAET;AAAA;AAAA,YACH;AAAA,YACC,WACC,+CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,cACpF;AAAA,cAAQ;AAAA,eACb;AAAA,aAEJ;AAAA,UAGC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,6BAAQ,qBAAK,SAAS,eAAe,OAA2B;AACrE,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,8CAAC,wBAAsB,GAAG,OAAO;AAAA,EAC1C;AAEA,SAAO,8CAAC,yBAAuB,GAAG,OAAO;AAC3C,CAAC;;;ACxQD,IAAAC,iBAAuC;AACvC,IAAAC,wBAAsB;AAItB,IAAOC,kBAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,oBAAoB,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK;AAAA,EACjE,oBAAoB,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK;AAAA,EACjE,oBAAoB,CAAC,eAA2B;AAC9C,WAAO,WAAW,WAAW,WAAW;AAAA,EAC1C;AAAA,EACA,gBAAgB,CAAC,eAA2B;AAC1C,WAAO;AAAA,MACL,OAAO;AAAA,MACP,WAAW,EAAE,MAAM,0BAAW,aAAa,OAAO,UAAU;AAAA,IAC9D;AAAA,EACF;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU,CAAC,kBAAkB,MAAM;AAAA,MACnC,YAAY;AAAA,QACV,gBAAgB;AAAA,UACd,MAAM;AAAA,UACN,UAAU,CAAC,QAAQ,SAAS;AAAA,UAC5B,YAAY;AAAA,YACV,MAAM;AAAA,cACJ,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAAS;AAAA,cACT,aAAa;AAAA,YACf;AAAA,YACA,SAAS;AAAA,cACP,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAAS;AAAA,cACT,aAAa;AAAA,cACb,SAAS;AAAA,YACX;AAAA,YACA,SAAS;AAAA,cACP,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAAS;AAAA,cACT,aAAa;AAAA,YACf;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;AChEA,IAAAC,iBAAuC;AACvC,IAAAA,iBAAsE;AAsNhE,IAAAC,uBAAA;AAnNN,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAoBA,IAAM,mBAAmB;AAAA,EACvB,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,oBAAoB;AAAA,EACtB;AACF;AAIA,IAAM,0BAA0B,EAAE,UAAU,WAAW;AACvD,IAAM,iBAAiB,EAAE,QAAQ,QAAQ,WAAW,EAAE;AAEtD,IAAO,uBAAQ,qBAAK,SAAS,kBAAkB;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAkB;AAChB,QAAM,CAAC,WAAW,YAAY,QAAI,yBAAS,KAAK;AAChD,QAAM,CAAC,aAAa,cAAc,QAAI;AAAA,IACpC,KAAK,QAAQ;AAAA,EACf;AACA,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,yBAAS,KAAK;AAChE,QAAM,kBAAc,uBAA4B,IAAI;AACpD,QAAM,iBAAa,uBAAuB,IAAI;AAE9C,QAAM,mBAAoB,KAAK,SAAuB;AACtD,QAAM,eACJ,iBAAiB,gBAAgB,KAAK,iBAAiB;AAGzD,QAAM,aAAa,CAAC,SAAiB;AACnC,WACE,KAEG;AAAA,MACC;AAAA,MACA;AAAA,IACF,EACC;AAAA,MACC;AAAA,MACA;AAAA,IACF,EACC,QAAQ,eAAe,4CAA4C,EAEnE,QAAQ,oBAAoB,uCAAuC,EAEnE,QAAQ,gBAAgB,4BAA4B,EAEpD;AAAA,MACC;AAAA,MACA;AAAA,IACF,EAEC,QAAQ,eAAe,6CAAwC,EAC/D,QAAQ,eAAe,6CAAwC,EAE/D,QAAQ,OAAO,MAAM;AAAA,EAE5B;AAEA,gCAAU,MAAM;AAEd,mBAAe,KAAK,QAAQ,yBAAyB;AAAA,EACvD,GAAG,CAAC,KAAK,IAAI,CAAC;AAEd,gCAAU,MAAM;AACd,QAAI,aAAa,YAAY,SAAS;AACpC,kBAAY,QAAQ,MAAM;AAE1B,kBAAY,QAAQ,OAAO;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,gCAAU,MAAM;AACd,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,WAAW,UAAW;AAE3B,UAAM,iBAAiB,MAAM;AAC3B,2BAAqB,QAAQ,eAAe,QAAQ,YAAY;AAAA,IAClE;AAEA,mBAAe;AAEf,QAAI,OAAO,mBAAmB,aAAa;AACzC,aAAO,iBAAiB,UAAU,cAAc;AAChD,aAAO,MAAM,OAAO,oBAAoB,UAAU,cAAc;AAAA,IAClE;AAEA,UAAM,WAAW,IAAI,eAAe,cAAc;AAClD,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,aAAa,SAAS,CAAC;AAE3B,QAAM,wBAAoB,4BAAY,MAAM;AAC1C,QAAI,CAAC,UAAU;AACb,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,uBAAmB;AAAA,IACvB,CAAC,UAAkD;AACjD,qBAAe,MAAM,OAAO,KAAK;AAAA,IACnC;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,iBAAa,4BAAY,MAAM;AACnC,iBAAa,KAAK;AAGlB,QAAI,gBAAgB,KAAK,QAAQ,cAAc;AAC7C,mBAAa,IAAI,WAAW;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,MAAM,IAAI,YAAY,CAAC;AAE7C,QAAM,oBAAgB;AAAA,IACpB,CAAC,UAAoD;AACnD,UAAI,MAAM,QAAQ,WAAW,CAAC,MAAM,UAAU;AAC5C,cAAM,eAAe;AACrB,mBAAW;AAAA,MACb;AAEA,UAAI,MAAM,QAAQ,UAAU;AAC1B,qBAAa,KAAK;AAElB,uBAAe,KAAK,QAAQ,yBAAyB;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,YAAY,KAAK,IAAI;AAAA,EACxB;AAEA,QAAM,wBAAoB;AAAA,IACxB,CAAC,aAAwB;AACvB,UAAI,eAAe;AACjB,sBAAc,IAAI,QAAQ;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,IAAI,aAAa;AAAA,EACpB;AAEA,SACE,+CAAC,SAAI,WAAU,kBAAiB,OAAO,iBACrC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,wBAAS;AAAA,QACnB,WAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,wBAAS;AAAA,QACnB,WAAU;AAAA;AAAA,IACZ;AAAA,IACC,YAAY,CAAC,aAAa,CAAC,YAC1B,8CAAC,SAAI,WAAU,4KACZ,iBAAO,KAAK,gBAAgB,EAAE,IAAI,CAAC,aAClC;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MAAM,kBAAkB,QAAqB;AAAA,QACtD,WAAWA;AAAA,UACT;AAAA,UACA,iBAAiB,QAAqB,EAAE;AAAA,UACxC,iBAAiB,QAAqB,EAAE;AAAA,UACxC,qBAAqB,WACjB,0BACE,iBAAiB,QAAqB,EAAE,eAC1C;AAAA,QACN;AAAA,QACA,OAAO,SAAS,OAAO,CAAC,EAAE,YAAY,IAAI,SAAS,MAAM,CAAC;AAAA;AAAA,MAXrD;AAAA,IAYP,CACD,GACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf,WAAWA;AAAA,UACT;AAAA,UACA,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA,UACb;AAAA,UACA,WACI,0BAA0B,aAAa,YAAY,eACnD;AAAA,UACJ,qBAAqB,WACjB,wDACA;AAAA,QACN;AAAA,QACA,OAAO;AAAA,QAEN;AAAA,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,OAAO;AAAA,cACP,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,WAAWA;AAAA,gBACT;AAAA,gBACA,aAAa;AAAA,gBACb,aAAa;AAAA,cACf;AAAA,cACA,OAAO;AAAA,cACP,aAAY;AAAA;AAAA,UACd,IAEA,gFACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,WAAU;AAAA,gBACV,yBAAyB;AAAA,kBACvB,QAAQ,WAAW,WAAW;AAAA,gBAChC;AAAA;AAAA,YACF;AAAA,YACC,qBACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,aAAa,aAAa,mBAAmB;AAAA,gBAEtD;AAAA,gEAAC,UAAK,WAAU,yCACb,uBACH;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO;AAAA,wBACL,mBAAmB,aAAa;AAAA,wBAChC,kBAAkB,aAAa;AAAA,sBACjC;AAAA;AAAA,kBACF;AAAA;AAAA;AAAA,YACF;AAAA,aAEJ;AAAA,UAID,qBAAqB,YACpB,8CAAC,SAAI,WAAU,kCACb,wDAAC,SAAI,WAAU,4HAA2H,GAC5I;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ,CAAC;;;AC3TD,IAAAC,iBAAqB;AACrB,IAAAC,wBAAyB;AAEzB,IAAAC,iBAA2D;AAKvD,IAAAC,uBAAA;AAFJ,SAASC,aAAW,EAAE,KAAK,GAA+B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAUA,IAAO,wBAAQ,qBAAK,SAAS,MAAM,OAAkB;AACnD,QAAM,EAAE,MAAM,MAAM,UAAU,IAAI,MAAM;AACxC,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,0CAA0C;AAAA,QAC5D;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,kBAAkB,SAAS,KAAK,8CAACD,cAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,cAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,mCACb,yDAAC,UAAK,WAAU,wIACd;AAAA,wDAAC,kCAAS,WAAU,eAAc,aAAa,KAAK;AAAA,UAAE;AAAA,WAExD,GACF;AAAA,QAGC,aACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,UAAU,YAAY,KAAK,IAAI,OAAO,GAAG;AAAA,YAEjD;AAAA;AAAA,QACH;AAAA,QAGF,+CAAC,SAAI,WAAU,sBAEb;AAAA,wDAAC,SAAI,WAAU,6BACb,wDAAC,UAAK,WAAU,0EACb,gBACH,GACF;AAAA,UAGC,SAAS,UAAU,aAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,SAAS,SAAS;AAAA,cAC1B;AAAA;AAAA,gBACQ;AAAA;AAAA;AAAA,UACT;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;;;AC9GD,IAAAE,iBAA2B;AAC3B,IAAAC,wBAAyB;AAGzB,IAAOC,kBAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,oBAAoB,CAAC;AAAA,EACrB,oBAAoB,CAAC;AAAA,EACrB,oBAAoB,MAAM;AAAA,EAC1B,gBAAgB,OAAO;AAAA,IACrB,OAAO;AAAA,IACP,WAAW,EAAE,MAAM,0BAAW,aAAa,OAAO,UAAU;AAAA,EAC9D;AAAA,EACA,aAAa,EAAE,MAAM,aAAa,MAAM,UAAU,MAAM,OAAO;AAAA,EAC/D,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU,CAAC,MAAM;AAAA,MACjB,YAAY;AAAA,QACV,MAAM,EAAE,MAAM,UAAU,OAAO,aAAa;AAAA,QAC5C,MAAM,EAAE,MAAM,UAAU,OAAO,OAAO;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AACF;;;AC5BA,IAAAC,iBAA8B;AAC9B,IAAAA,iBAAuB;AACvB,IAAAC,wBAA0B;AAC1B,kBAA6B;;;ACH7B,gBAA2B;;;ACA3B,IAAAC,wBAA2D;AAQnD,IAAAC,uBAAA;AAJR,SAAS,eAAe,EAAE,UAAU,GAA2B;AAC7D,SACE,+CAAC,SAAI,SAAQ,aAAY,WACvB;AAAA,kDAAC,UACC,yDAAC,oBAAe,IAAG,MAAK,IAAG,QAAO,IAAG,QAAO,IAAG,MAAK,IAAG,QACrD;AAAA,oDAAC,UAAK,WAAU,WAAU,QAAO,MAAK;AAAA,MACtC,8CAAC,UAAK,WAAU,WAAU,QAAO,QAAO;AAAA,OAC1C,GACF;AAAA,IACA,8CAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,cAAa;AAAA,IACtD;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,GAAE;AAAA;AAAA,IACJ;AAAA,KACF;AAEJ;AAEA,SAAS,OAAO,EAAE,UAAU,GAA2B;AACrD,SACE,+CAAC,SAAI,SAAQ,aAAY,WACvB;AAAA,kDAAC,UACC,yDAAC,oBAAe,IAAG,MAAK,IAAG,QAAO,IAAG,QAAO,IAAG,MAAK,IAAG,SACrD;AAAA,oDAAC,UAAK,WAAU,WAAU,QAAO,MAAK;AAAA,MACtC,8CAAC,UAAK,WAAU,WAAU,QAAO,QAAO;AAAA,OAC1C,GACF;AAAA,IACA,8CAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,eAAc;AAAA,IACvD;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,GAAE;AAAA;AAAA,IACJ;AAAA,KACF;AAEJ;AAEA,SAAS,OAAO,EAAE,UAAU,GAA2B;AACrD,SACE,+CAAC,SAAI,SAAQ,aAAY,WACvB;AAAA,kDAAC,UACC,yDAAC,oBAAe,IAAG,MAAK,IAAG,QAAO,IAAG,QAAO,IAAG,MAAK,IAAG,SACrD;AAAA,oDAAC,UAAK,WAAU,WAAU,QAAO,MAAK;AAAA,MACtC,8CAAC,UAAK,WAAU,WAAU,QAAO,QAAO;AAAA,OAC1C,GACF;AAAA,IACA,8CAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,eAAc;AAAA,IACvD;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,GAAE;AAAA;AAAA,IACJ;AAAA,KACF;AAEJ;AAMA,IAAM,kBAAgD;AAAA;AAAA,EAEpD,MAAM,EAAE,WAAW,8BAAQ,MAAM,SAAS;AAAA,EAC1C,OAAO,EAAE,WAAW,8BAAQ,MAAM,SAAS;AAAA,EAC3C,IAAI,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EACvC,KAAK,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EACxC,WAAW,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA;AAAA,EAG9C,MAAM,EAAE,WAAW,4BAAM,MAAM,SAAS;AAAA,EACxC,MAAM,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA,EAC3C,MAAM,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EACzC,SAAS,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA;AAAA,EAG5C,OAAO,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA,EAC5C,UAAU,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA,EAC/C,OAAO,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA,EAC5C,MAAM,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA,EAC3C,QAAQ,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA,EAC7C,QAAQ,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA,EAC7C,UAAU,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA;AAAA,EAG/C,KAAK,EAAE,WAAW,QAAQ,MAAM,MAAM;AAAA,EACtC,KAAK,EAAE,WAAW,QAAQ,MAAM,MAAM;AAAA,EACtC,aAAa,EAAE,WAAW,gBAAgB,MAAM,MAAM;AAAA,EACtD,SAAS,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA,EAC9C,KAAK,EAAE,WAAW,+BAAS,MAAM,SAAS;AAAA;AAAA,EAG1C,QAAQ,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EAC3C,cAAc,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EACjD,YAAY,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA;AAAA,EAG/C,YAAY,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EAC/C,iBAAiB,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EACpD,WAAW,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EAC9C,gBAAgB,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EACnD,WAAW,EAAE,WAAW,6BAAO,MAAM,SAAS;AAAA,EAC9C,gBAAgB,EAAE,WAAW,6BAAO,MAAM,SAAS;AACrD;AAEO,IAAM,qBAAqB,CAAC,aAAwC;AACzE,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,qBAAqB,SAAS,QAAQ,WAAW,EAAE,EAAE,YAAY;AACvE,SAAO,gBAAgB,kBAAkB,KAAK;AAChD;;;AD3GO,SAAS,QAAQ,UAAmD;AAEzE,QAAM,QAAQ,mBAAmB,QAAQ;AACzC,MAAI,MAAO,QAAO,MAAM;AAGxB,QAAM,WAAW,UAAU,QAAkC;AAC7D,SAAO,YAAY;AACrB;;;ADoEY,IAAAC,uBAAA;AAhCZ,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAO,mBAAQ,qBAAK,SAAS,SAAS;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAAQ;AACN,QAAM,EAAE,MAAM,KAAK,IAAI;AACvB,QAAM,YACJ,MAAM,QAAS,MAAc,aAAa,KACzC,KAAa,cAAc,SAAS;AAEvC,QAAM,EAAE,IAAI,SAAS,SAAS,aAAa,MAAM,OAAO,IAAI,KAAK;AACjE,QAAM,EAAE,MAAM,EAAE,QAAQ,QAAQ,MAAM,IAAI,CAAC,GAAG,OAAO,gBAAgB,IACnE,UAAU,CAAC;AAEb,QAAM,WAAO,wBAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC;AAChD,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,YAAY,SAAS,MAAM,MAAM,SAAS,SAAS;AACzD,QAAM,WAAW,UAAU,SAAS,KAAK,QAAQ;AAEjD,SACE,+CAAa,kBAAZ,EACC;AAAA,kDAAa,qBAAZ,EACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,WAAW,WAAW,GAAG,iBAAiB;AAAA,QAGlD;AAAA,uBACC,gFACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,6CAA6C,KAAK;AAAA,gBAC7D,OAAO,EAAE,WAAW,uBAAuB,SAAS,IAAI;AAAA,gBACxD,eAAW;AAAA;AAAA,YACb;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,6CAA6C,KAAK;AAAA,gBAC7D,OAAO,EAAE,WAAW,uBAAuB,SAAS,IAAI;AAAA,gBACxD,eAAW;AAAA;AAAA,YACb;AAAA,aACF;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,WAAWA;AAAA,gBACT,oHAAoH,KAAK;AAAA,cAC3H;AAAA,cACA,OAAO;AAAA,cAEP;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAWA;AAAA,sBACT,yBAAyB,KAAK,WAAW,KAAK,kFAAkF,KAAK;AAAA,sBACrI,yBAAyB,KAAK;AAAA,oBAChC;AAAA,oBAEC;AAAA,8BAAQ,8CAAC,QAAK,WAAU,sCAAqC;AAAA,sBAC7D,SAAS,UACR;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAW,qBAAqB,QAAQ;AAAA,0BACxC,OAAO;AAAA,0BAEN;AAAA;AAAA,sBACH;AAAA;AAAA;AAAA,gBAEJ;AAAA,gBACA,+CAAC,SAAI,WAAU,sBACZ;AAAA,oCACC,8CAAC,yBAAO,MAAK,UAAS,UAAU,gBAAgB;AAAA,kBAEjD,kBACC,8CAAC,yBAAO,MAAK,UAAS,UAAU,gBAAgB;AAAA,kBAElD;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAWA;AAAA,wBACT,SAAS,SACL,iDACA;AAAA,sBACN;AAAA,sBAEA;AAAA;AAAA,0BAAC;AAAA;AAAA,4BACC,IAAG;AAAA,4BACH,OAAO;AAAA,4BACP,oBAAmB;AAAA,4BACnB,WAAU;AAAA,4BAET;AAAA;AAAA,wBACH;AAAA,wBACA,+CAAC,SAAI,WAAU,wBACb;AAAA,yEAAC,UAAK,WAAU,+CAA8C;AAAA;AAAA,4BAC1D;AAAA,6BACJ;AAAA,0BACC,SAAS,YACR,8CAAC,UAAK,WAAU,qFACb,qBACH;AAAA,2BAEJ;AAAA;AAAA;AAAA,kBACF;AAAA,kBACC,SAAS,UACR,+CAAC,SAAI,WAAU,iDACb;AAAA,kEAAC,SAAI,WAAU,kBACb,wDAAC,UAAK,WAAU,yBACb,eAAK,KAAK,SACb,GACF;AAAA,oBAEA,8CAAC,SAAI,WAAU,iCACb,yDAAC,UAAK,WAAU,WAAU,OAAO,iBAAiB;AAAA;AAAA,sBACvC,OAAO;AAAA,uBAClB,GACF;AAAA,qBACF;AAAA,kBAED,aACC,+CAAC,SAAI,WAAU,iFACb;AAAA,kEAAC,mCAAU,WAAU,eAAc;AAAA,oBAAE;AAAA,qBAEvC;AAAA,mBAEJ;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,IACA,8CAAa,oBAAZ,EAAmB,WAAW,iBAC7B,yDAAa,qBAAZ,EAAoB,WAAU,iHAC7B;AAAA;AAAA,QAAa;AAAA,QAAZ;AAAA,UACC,SAAO;AAAA,UACP,WAAU;AAAA,UAEV,wDAAC,OAAE,MAAM,SAAS,eAAe,EAAE,IAAI,OAAO,EAAE,GAAG,gCAEnD;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAa;AAAA,QAAZ;AAAA,UACC,SAAO;AAAA,UACP,WAAU;AAAA,UAEV,wDAAC,OAAE,MAAM,SAAS,qBAAqB,EAAE,IAAI,OAAO,EAAE,GAAG,wBAEzD;AAAA;AAAA,MACF;AAAA,MACA,8CAAa,uBAAZ,EAAsB,WAAU,+CAA8C;AAAA,MAC/E,8CAAa,kBAAZ,EAAiB,SAAO,MACvB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,SAAS,eAAe,EAAE,IAAI,OAAO,YAAY;AAAA,UACvD,WAAU;AAAA,UACV,QAAO;AAAA,UACP,KAAI;AAAA,UACL;AAAA;AAAA,MAED,GACF;AAAA,OACF,GACF;AAAA,KACF;AAEJ,CAAC;;;AG7MD,IAAAC,iBAAqB;AACrB,IAAAC,wBAAoC;AAwG5B,IAAAC,uBAAA;AA5FR,IAAMC,mBAAuC;AAAA,EAC3C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACZ;AAEA,IAAMC,gBAAoC;AAAA,EACxC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AACZ;AAEA,IAAMC,eAAmC;AAAA,EACvC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,OAAO;AACT;AAEA,IAAM,uBAA4C;AAAA,EAChD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,KAAK;AACP;AAEA,IAAM,kBAAuC;AAAA,EAC3C,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AACd;AAEA,IAAMC,iBAAqC;AAAA,EACzC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,wBAA6C;AAAA,EACjD,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AACT;AAEA,IAAO,+BAAQ,qBAAK,SAAS,iBAAiB;AAAA,EAC5C;AACF,GAEG;AACD,QAAM,EAAE,UAAU,QAAQ,IAAI;AAE9B,SACE,8CAAC,SAAI,OAAOH,kBACV,yDAAC,SAAI,OAAOC,eACV;AAAA,mDAAC,SAAI,OAAOC,cACV;AAAA,oDAAC,kCAAS,MAAM,IAAI,aAAa,KAAK;AAAA,MAAE;AAAA,OAE1C;AAAA,IAEA,+CAAC,SAAI,OAAO,sBACV;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,MAAM;AAAA,UACR;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,YAAY;AAAA,gBACnB,oBAAmB;AAAA,gBACnB,WAAU;AAAA,gBACV,OAAO;AAAA,gBAEN,sBAAY;AAAA;AAAA,YACf;AAAA,YACC,WAAW,+CAAC,UAAK,OAAOC,gBAAe;AAAA;AAAA,cAAE;AAAA,eAAQ;AAAA;AAAA;AAAA,MACpD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,WAAU;AAAA,UACV,aAAa,CAAC,MAAM,EAAE,gBAAgB;AAAA,UAEtC;AAAA,0DAAC,mCAAU,MAAM,IAAI,aAAa,KAAK;AAAA,YAAE;AAAA;AAAA;AAAA,MAE3C;AAAA,OACF;AAAA,KACF,GACF;AAEJ,CAAC;;;AC9ID,IAAAC,iBAAyD;AAEzD,IAAAC,eAA6B;AAE7B,IAAAC,iBAAwE;AACxE,mBAAkD;AA6MpC,IAAAC,uBAAA;AApMP,IAAM,0BAA0B;AA2DvC,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,IAAM,uBAAuB,CAAC,aAAkB;AACrD,MAAI,SAAS,SAAS,WAAW,SAAS,OAAO,MAAM;AACrD,WAAO,GAAG,SAAS,MAAM,IAAI;AAAA,EAC/B;AAEA,SAAO,SAAS;AAClB;AAEO,IAAM,4BAA4B,CACvC,aACqB;AACrB,MAAI,SAAS,YAAY,OAAQ,QAAO,SAAS;AACjD,MAAI,SAAS,SAAS,WAAW,SAAS,OAAO,YAAY,QAAQ;AACnE,WAAO,SAAS,MAAM;AAAA,EACxB;AACA,SAAO,CAAC;AACV;AAEA,IAAO,qBAAQ,qBAAK,SAAS,WAAW;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAQ;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,yBAAyB;AAAA,EAC3B,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,IAAI,OAAO;AAEX,QAAM;AAAA,IACJ,MAAM,EAAE,OAAO,SAAS,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,IACnD,OAAO;AAAA,EACT,IAAI,UAAU,CAAC;AAEf,QAAM,WAAO,wBAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC;AAEhD,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,yBAAwB,IAAI;AAC1E,QAAM,CAAC,oBAAoB,qBAAqB,QAAI;AAAA,IAClD,MAAM,oBAAI,IAAI;AAAA,EAChB;AACA,QAAM,iCAA6B,uBAAO,kBAAkB;AAC5D,QAAM,0BAAsB,uCAAuB;AACnD,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,0BAAsB;AAAA,IAC1B,MAAM,IAAI,IAAI,sBAAsB;AAAA,IACpC,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,qBAAiB,4BAAY,CAAC,iBAAyB;AAC3D,0BAAsB,CAAC,YAAY;AACjC,YAAM,OAAO,IAAI,IAAI,OAAO;AAC5B,UAAI,KAAK,IAAI,YAAY,GAAG;AAC1B,aAAK,OAAO,YAAY;AAAA,MAC1B,OAAO;AACL,aAAK,IAAI,YAAY;AAAA,MACvB;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,gCAAU,MAAM;AACd,QAAI,2BAA2B,YAAY,mBAAoB;AAC/D,+BAA2B,UAAU;AACrC,wBAAoB,EAAE;AAAA,EACxB,GAAG,CAAC,oBAAoB,IAAI,mBAAmB,CAAC;AAEhD,QAAM,qBAAqB,CACzB,kBACA,QAAQ,GACR,aAAa,OAEb,iBAAiB,IAAI,CAAC,UAAU,UAAU;AACxC,UAAM,eAAe,aACjB,GAAG,UAAU,IAAI,SAAS,IAAI,KAC9B,SAAS;AACb,UAAM,cAAc,GAAG,YAAY,IAAI,KAAK;AAC5C,UAAM,YAAY,oBAAoB;AACtC,UAAM,mBAAmB,0BAA0B,QAAQ;AAC3D,UAAM,eAAe,iBAAiB,SAAS;AAC/C,UAAM,aAAa,mBAAmB,IAAI,YAAY;AACtD,UAAM,aAAa,UAAU;AAC7B,UAAM,qBACJ,SAAS,eACR,cAAc,oBAAoB,IAAI,SAAS,IAAI,IAChD,SAAS,OAAO,OAChB;AAEN,WACE,+CAAC,SACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAWA;AAAA,YACT;AAAA,YACA,gBAAgB;AAAA,UAClB;AAAA,UACA,OAAO,EAAE,aAAa,GAAG,KAAK,QAAQ,EAAE,KAAK;AAAA,UAC7C,MAAM,eAAe,WAAW;AAAA,UAChC,UAAU,eAAe,IAAI;AAAA,UAC7B,cACE,eACI,GAAG,aAAa,aAAa,QAAQ,IAAI,SAAS,IAAI,KACtD;AAAA,UAEN,iBAAe,eAAe,aAAa;AAAA,UAC3C,SAAS,CAAC,UAAU;AAClB,gBAAI,CAAC,aAAc;AACnB,kBAAM,SAAS,MAAM;AACrB,gBAAI,OAAO,QAAQ,qBAAqB,EAAG;AAC3C,2BAAe,YAAY;AAAA,UAC7B;AAAA,UACA,WAAW,CAAC,UAAU;AACpB,gBAAI,CAAC,gBAAiB,MAAM,QAAQ,WAAW,MAAM,QAAQ;AAC3D;AACF,kBAAM,eAAe;AACrB,2BAAe,YAAY;AAAA,UAC7B;AAAA,UACA,cAAc,MACZ,SAAS,eAAe,mBAAmB,WAAW;AAAA,UAExD,cAAc,MAAM,mBAAmB,IAAI;AAAA,UAE1C;AAAA,0BACC,gFACE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAU,wBAAS;AAAA,kBACnB,IAAI,GAAG,SAAS,IAAI;AAAA,kBACpB,WAAU;AAAA,kBACV,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAU,wBAAS;AAAA,kBACnB,IAAI,GAAG,SAAS,IAAI;AAAA,kBACpB,WAAU;AAAA,kBACV,OAAO;AAAA;AAAA,cACT;AAAA,eACF;AAAA,YAGF,+CAAC,SAAI,WAAU,0DACb;AAAA,6DAAC,SAAI,WAAU,mCACZ;AAAA,gCACC;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAY;AAAA,oBAEX,uBACC,8CAAC,gCAAgB,WAAU,eAAc,IAEzC,8CAAC,iCAAiB,WAAU,eAAc;AAAA;AAAA,gBAE9C;AAAA,gBAEF,8CAAC,UAAK,WAAU,gEACb,mBAAS,MACZ;AAAA,gBACC,SAAS,YACR,8CAAC,UAAK,WAAU,wBAAuB,eAAC;AAAA,iBAE5C;AAAA,cACA,8CAAC,UAAK,WAAU,oEACb,+BAAqB,QAAQ,GAChC;AAAA,eACF;AAAA,YAEC,sBACC,8CAAC,SAAI,WAAU,uDACb;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,cAAc,kBAAkB;AAAA;AAAA,YACxC,GACH;AAAA,YAGD,aAAa,SAAS,eACrB,+CAAC,SAAI,WAAU,wLACb;AAAA,4DAAC,SAAI,WAAU,+CACZ,mBAAS,aACZ;AAAA,cACA,8CAAC,SAAI,WAAU,wGAAuG;AAAA,eACxH;AAAA;AAAA;AAAA,MAEJ;AAAA,MAEC,gBAAgB,cACf,8CAAC,SAAI,WAAU,oIACZ,6BAAmB,kBAAkB,QAAQ,GAAG,YAAY,GAC/D;AAAA,SAnGM,WAqGV;AAAA,EAEJ,CAAC;AAEH,SACE,+CAAa,mBAAZ,EACC;AAAA,kDAAa,sBAAZ,EACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAWA;AAAA,UACT;AAAA,UACA,mBAAmB,wBAAwB;AAAA,QAC7C;AAAA,QAGA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAWA;AAAA,gBACT;AAAA,gBACA,mBAAmB,oBAAoB;AAAA,cACzC;AAAA,cAEA;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,UAAU,wBAAS;AAAA,oBACnB,IAAI;AAAA,oBACJ,WAAU;AAAA,oBACV,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA,+CAAC,SAAI,WAAU,mCACZ;AAAA,0BACC,8CAAC,QAAK,WAAU,iDAAgD;AAAA,kBAElE;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO;AAAA,sBACP,oBAAoB,mBAAmB,YAAY;AAAA,sBACnD,WAAU;AAAA,sBAET;AAAA;AAAA,kBACH;AAAA,kBACC,iBACC,8CAAC,UAAK,WAAU,yGAAwG,gBAExH;AAAA,mBAEJ;AAAA,gBACC,cACC,+CAAC,SAAI,WAAU,kEAAiE;AAAA;AAAA,kBACxE;AAAA,kBAAW;AAAA,mBACnB;AAAA,gBAED,SAAS,UACR,+CAAC,SAAI,WAAU,sDAAqD;AAAA;AAAA,kBAChE;AAAA,mBACJ;AAAA;AAAA;AAAA,UAEJ;AAAA,UAGC,WAAW,SAAS,IACnB,8CAAC,SAAI,WAAU,yDACZ,6BAAmB,UAAU,GAChC,IAEA,8CAAC,SAAI,WAAU,uEAAsE,mCAErF;AAAA,UAID,WAAW,WAAW,KACrB,gFACG;AAAA,8BACC,8CAAC,yBAAO,MAAK,UAAS,UAAU,gBAAgB;AAAA,YAEjD,kBACC,8CAAC,yBAAO,MAAK,UAAS,UAAU,gBAAgB;AAAA,aAEpD;AAAA;AAAA;AAAA,IAEJ,GACF;AAAA,IACA,8CAAa,qBAAZ,EAAmB,WAAW,iBAC7B;AAAA,MAAa;AAAA,MAAZ;AAAA,QACC,WAAU;AAAA,QACV,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAElC;AAAA;AAAA,YAAa;AAAA,YAAZ;AAAA,cACC,SAAO;AAAA,cACP,WAAU;AAAA,cAEV,wDAAC,OAAE,MAAM,SAAS,kBAAkB,OAAO,KAAK,EAAE,IAAI,OAAO,EAAE,GAAG,gCAElE;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAa;AAAA,YAAZ;AAAA,cACC,SAAO;AAAA,cACP,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM;AAAA,oBACJ,wBAAwB,OAAO,KAAK,EAAE,IAAI,OAAO;AAAA,kBACnD;AAAA,kBACD;AAAA;AAAA,cAED;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ,CAAC;;;ACnYD,IAAAC,iBAAqB;AACrB,IAAAC,gBAAyB;AACzB,IAAAD,iBAAuB;AAgDjB,IAAAE,uBAAA;AA3BN,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAO,mBAAQ,qBAAK,SAAS,SAAS;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAAQ;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,cAAc;AAAA,IAC1B,YAAY,cAAc;AAAA,EAC5B,IAAI;AAEJ,QAAM,EAAE,SAAS,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI;AAC1C,QAAM,cAAc,QAAQ,KAAK,QAAQ,KAAK,SAAS;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,SAAS,SAAS,gBAAgB;AAAA,MACpC;AAAA,MACA,OAAO;AAAA,MAEP;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAWA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA;AAAA,4DAAC,0BAAS,WAAU,sCAAqC;AAAA,cACxD,SAAS,UACR;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,kBACR;AAAA;AAAA,cAED;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA,+CAAC,SAAI,WAAU,sBACZ;AAAA,4BAAkB,8CAAC,yBAAO,MAAK,UAAS,UAAU,gBAAgB;AAAA,UAClE,kBAAkB,8CAAC,yBAAO,MAAK,UAAS,UAAU,gBAAgB;AAAA,WAEjE,CAAC,WAAW,SAAS,WACrB,+CAAC,SAAI,WAAU,kBACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAU;AAAA,gBAET;AAAA;AAAA,YACH;AAAA,YACC,SAAS,YACR,8CAAC,SAAI,WAAU,qBACb,wDAAC,UAAK,WAAU,6FAA4F,mBAE5G,GACF;AAAA,aAEJ;AAAA,UAGD,WAAW,SAAS,UACnB,+CAAC,SACC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAWA;AAAA,kBACT,SAAS,SACL,iDACA;AAAA,gBACN;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,OAAO;AAAA,oBACP,oBAAmB;AAAA,oBACnB,WAAU;AAAA,oBAET;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA,YACC,SAAS,UACR,8CAAC,SAAI,WAAU,iDACb,wDAAC,SAAI,WAAU,kBACb,wDAAC,UAAK,WAAU,yBAAyB,mBAAQ,GACnD,GACF;AAAA,aAEJ;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;;;ACxHD,IAAAC,iBAAqB;AACrB,IAAAA,iBAAiC;AA2CvB,IAAAC,uBAAA;AA3BV,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,IAAO,mBAAQ,qBAAK,SAAS,SAAS;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAAQ;AACN,QAAM,EAAE,MAAM,KAAK,IAAI;AAEvB,QAAM,EAAE,OAAO,QAAQ,IAAI;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,MACF;AAAA,MACA,OAAO;AAAA,MAEP;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAWA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEC,mBAAS,UACR;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,gBACR;AAAA;AAAA,YAED;AAAA;AAAA,QAEJ;AAAA,QACA,+CAAC,SAAI,WAAU,sBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU,kBAAkB,wBAAS;AAAA,cACrC,OAAO;AAAA;AAAA,UACT;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU,kBAAkB,wBAAS;AAAA,cACrC,OAAO;AAAA;AAAA,UACT;AAAA,UAEC,CAAC,WACA,8CAAC,SAAI,WAAU,oCACb;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAO;AAAA,cACP,oBAAmB;AAAA,cACnB,WAAU;AAAA,cAET;AAAA;AAAA,UACH,GACF;AAAA,UAGD,WACC,+CAAC,SACC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAWA;AAAA,kBACT,SAAS,SACL,iDACA;AAAA,gBACN;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,OAAO;AAAA,oBACP,oBAAmB;AAAA,oBACnB,WAAU;AAAA,oBAET;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA,YACC,SAAS,UACR,8CAAC,SAAI,WAAU,iDACb,wDAAC,SAAI,WAAU,kBACb,wDAAC,UAAK,WAAU,yBAAyB,mBAAQ,GACnD,GACF;AAAA,aAEJ;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;;;AC3GD,IAAAC,iBAKO;AACP,IAAAC,eAA6B;AAI7B,IAAAC,iBAAqD;AAyF3C,IAAAC,uBAAA;AAlEV,IAAO,qBAAQ,qBAAK,SAAS,WAAW,EAAE,MAAM,IAAI,OAAO,GAAQ;AACjE,QAAM,EAAE,MAAM,OAAO,IAAI;AACzB,QAAM,gBAAY,6BAAa;AAC/B,QAAM,CAAC,qBAAqB,sBAAsB,QAAI;AAAA,IACpD,oBAAI,IAAI;AAAA,EACV;AAEA,QAAM,EAAE,IAAI,SAAS,MAAM,WAAW,CAAC,GAAG,OAAO,IAAI,OAAO;AAC5D,QAAM,EAAE,OAAO,qBAAqB,IAAI,UAAU,CAAC;AAEnD,QAAM,WAAO,wBAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC;AAChD,QAAMC,kBAAa,wBAAQ,MAAM,QAAQ,YAAY,GAAG,CAAC,CAAC;AAC1D,QAAM,kBAAkB,mBAAmB;AAG3C,QAAM,4BAAwB;AAAA,IAC5B,CAAC,EAAE,OAAO,cAAc,MAAwB;AAC9C,UAAI,cAAc,WAAW,GAAG;AAC9B,+BAAuB,oBAAI,IAAI,CAAC;AAChC;AAAA,MACF;AAEA,YAAM,eAAe,cAAc,CAAC;AACpC,UAAI,CAAC,cAAc;AACjB,+BAAuB,oBAAI,IAAI,CAAC;AAChC;AAAA,MACF;AAGA,YAAM,QAAQ,UAAU,SAAS;AACjC,YAAM,sBAAsB,oBAAI,IAAY;AAG5C,YAAM,QAAQ,CAAC,SAAS;AACtB,YACE,KAAK,WAAW,aAAa,MAC7B,KAAK,WAAW,aAAa,IAC7B;AAEA,cAAI,KAAK,WAAW,UAAU,KAAK,cAAc;AAE/C,kBAAM,YAAY,KAAK,aAAa,QAAQ,WAAW,EAAE;AACzD,gCAAoB,IAAI,SAAS;AAAA,UACnC;AACA,cAAI,KAAK,WAAW,UAAU,KAAK,cAAc;AAE/C,kBAAM,YAAY,KAAK,aAAa,QAAQ,WAAW,EAAE;AACzD,gCAAoB,IAAI,SAAS;AAAA,UACnC;AAAA,QACF;AAAA,MACF,CAAC;AAED,6BAAuB,mBAAmB;AAAA,IAC5C;AAAA,IACA,CAAC,QAAQ,SAAS;AAAA,EACpB;AAEA,2CAAqB;AAAA,IACnB,UAAU;AAAA,EACZ,CAAC;AAED,SACE,+CAAa,mBAAZ,EACC;AAAA,kDAAa,sBAAZ,EACC,yDAAC,SAAI,WAAU,sFAEb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,wBAAS;AAAA,UACnB,OAAO;AAAA;AAAA,MACT;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,wBAAS;AAAA,UACnB,OAAO;AAAA;AAAA,MACT;AAAA,MACA,+CAAC,SAAI,WAAU,6FACZ;AAAA,gBAAQ,8CAAC,QAAK,WAAU,2BAA0B;AAAA,QACnD,+CAAC,SACC;AAAA,wDAAC,UAAK,WAAU,qDACb,gBACH;AAAA,UACA,+CAAC,UAAK,WAAU,gCAA+B;AAAA;AAAA,YAAE;AAAA,aAAQ;AAAA,WAC3D;AAAA,SACF;AAAA,MACC,SAAS,UAAU,SAAS,SAAS,KACpC,8CAAC,SACE,mBAAS,IAAI,CAAC,SAAc,UAAkB;AAC7C,cAAM,gBAAgB,oBAAoB,IAAI,QAAQ,KAAK,EAAE;AAE7D,eACE,+CAAa,mBAAZ,EACC;AAAA,wDAAa,sBAAZ,EAAoB,SAAO,MAC1B;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,uEAAuE,UAAU,SAAS,SAAS,IAAI,iDAAiD,EAAE,IAAI,gBAAgB,gCAAgC,EAAE;AAAA,cAE3N;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,UAAU,wBAAS;AAAA,oBACnB,IAAI,GAAG,QAAQ,KAAK,EAAE;AAAA,oBACtB,WAAU;AAAA,oBACV,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,UAAU,wBAAS;AAAA,oBACnB,IAAI,GAAG,QAAQ,KAAK,EAAE;AAAA,oBACtB,WAAU;AAAA,oBACV,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA,+CAAC,SAAI,WAAU,+BACb;AAAA,gEAAC,SAAI,WAAU,gEACZ,UAAAA,eACC,8CAACA,aAAA,EAAW,WAAU,sBAAqB,GAE/C;AAAA,kBACA,8CAAC,UAAK,WAAU,uDACb,kBAAQ,KAAK,QAAQ,QAAQ,KAAK,IACrC;AAAA,mBACF;AAAA,gBACA,8CAAC,SAAI,WAAU,6EACb,yDAAC,UAAK,WAAU,WAAU;AAAA;AAAA,kBACtB,QAAQ,KAAK;AAAA,mBACjB,GACF;AAAA;AAAA;AAAA,UACF,GACF;AAAA,UACA,8CAAa,qBAAZ,EAAmB,WAAW,iBAC7B,yDAAa,sBAAZ,EAAoB,WAAU,iHAC7B;AAAA;AAAA,cAAa;AAAA,cAAZ;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,MACN,OAAO,SAAS,OAAO;AAAA,kBACtB,kBAAkB,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,OAAO;AAAA,gBAC3D;AAAA,gBAEH;AAAA;AAAA,YAED;AAAA,YACA;AAAA,cAAa;AAAA,cAAZ;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,MACN,OAAO,SAAS,OAAO;AAAA,kBACtB,wBAAwB,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,OAAO;AAAA,gBACjE;AAAA,gBAEH;AAAA;AAAA,YAED;AAAA,aACF,GACF;AAAA,aA3DqB,GAAG,QAAQ,KAAK,EAAE,IAAI,KAAK,EA4DlD;AAAA,MAEJ,CAAC,GACH;AAAA,OAEJ,GACF;AAAA,IACA,8CAAa,qBAAZ,EAAmB,WAAW,iBAC7B,yDAAa,sBAAZ,EAAoB,WAAU,iHAC7B;AAAA;AAAA,QAAa;AAAA,QAAZ;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MACN,OAAO,SAAS,OAAO;AAAA,YACtB,iBAAiB,EAAE,IAAI,OAAO;AAAA,UAChC;AAAA,UAEH;AAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAa;AAAA,QAAZ;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MACN,OAAO,SAAS,OAAO;AAAA,YACtB,uBAAuB,EAAE,IAAI,OAAO;AAAA,UACtC;AAAA,UAEH;AAAA;AAAA,MAED;AAAA,OACF,GACF;AAAA,KACF;AAEJ,CAAC;;;ACzND,IAAAC,iBAAiC;AACjC,IAAAC,wBAMO;AAEP,IAAAC,iBAAyC;AAwGrB,IAAAC,uBAAA;AA5EpB,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAUA,IAAO,qBAAQ,qBAAK,SAAS,WAAW,EAAE,KAAK,GAAQ;AACrD,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd,IAAI;AACJ,QAAM,EAAE,IAAI,SAAS,MAAM,SAAS,MAAM,IAAI;AAC9C,QAAM,aAAa,UAAU;AAC7B,QAAM,SAAS,YAAY;AAI3B,QAAM,aAAa,QAAS,KAA4B,IAAI;AAE5D,QAAM,QAAQ;AAAA,IACZ,EAAE,MAAM,sBAAAC,QAAY,OAAO,YAAY,OAAO,cAAc;AAAA,IAC5D,EAAE,MAAM,sBAAAC,eAAmB,OAAO,YAAY,OAAO,cAAc;AAAA,IACnE,EAAE,MAAM,sBAAAC,KAAS,OAAO,YAAY,OAAO,cAAc;AAAA,IACzD,EAAE,MAAM,sBAAAC,UAAc,OAAO,eAAe,OAAO,gBAAgB;AAAA,EACrE,EAAE,OAAO,CAAC,SAAS,KAAK,QAAQ,CAAC;AAIjC,QAAM,iBAAiB,aACnB,SACE,2BACA,0BACF;AAEJ,QAAM,UAAU,MAAM;AAKpB,eAAW,SAAS,uBAAuB,EAAE,IAAI,OAAO,EAAE,CAAC;AAAA,EAC7D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,aACD,CAAC,IACD;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW,CAAC,MAAqB;AAC/B,cAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK,SAAQ;AAAA,QAClD;AAAA,QACA,OAAO,YAAY,IAAI;AAAA,MACzB;AAAA,MACJ,WAAWJ;AAAA,QACT;AAAA,QACA,CAAC,cAAc;AAAA,QACf,aAAa,oCAAoC;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEC;AAAA,qBAAa,8CAAC,4BAAyB;AAAA,QACxC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QAGA,8CAAC,SAAI,WAAU,6DACb,yDAAC,UAAK,WAAU,0IACd;AAAA,wDAAC,sBAAAK,OAAA,EAAU,WAAU,eAAc,aAAa,KAAK;AAAA,UACpD,aAAa,oBAAoB;AAAA,WACpC,GACF;AAAA,QAEA,+CAAC,SAAI,WAAU,sBACb;AAAA,yDAAC,SAAI,WAAU,qCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAU;AAAA,gBAET;AAAA;AAAA,YACH;AAAA,YACC,WACC,+CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,cACpF;AAAA,cAAQ;AAAA,eACb;AAAA,aAEJ;AAAA,UAEC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAWL;AAAA,gBACT;AAAA,cACF;AAAA,cACA,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,UAGD,MAAM,SAAS,KACd,8CAAC,SAAI,WAAU,oFACZ,gBAAM,IAAI,CAAC,EAAE,MAAM,MAAM,OAAO,MAAM,MACrC;AAAA,YAAC;AAAA;AAAA,cAEC,OAAO,GAAG,KAAK,IAAI,KAAK;AAAA,cACxB,WAAU;AAAA,cAEV;AAAA,8DAAC,QAAK,WAAU,2BAA0B,aAAa,GAAG;AAAA,gBAC1D,8CAAC,UAAK,WAAU,eAAe,iBAAM;AAAA;AAAA;AAAA,YALhC;AAAA,UAMP,CACD,GACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;;;AClLD,IAAAM,iBAAqB;AAErB,IAAAC,wBAA0B;AAuGhB,IAAAC,uBAAA;AA3FV,IAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ;AAEA,IAAM,qBAAqB;AAAA,EACzB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AACZ;AAEA,IAAM,wBAAwB;AAAA,EAC5B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AACjB;AAEA,IAAM,0BAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,QAAQ;AACV;AAEA,IAAM,6BAA6B;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AACZ;AAEA,IAAM,2BAA2B;AAAA,EAC/B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,UAAU;AACZ;AAEA,IAAM,0BAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AACd;AAEA,IAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AACT;AAEA,IAAM,yBAAyB,EAAE,OAAO,UAAU;AAClD,IAAM,yBAAyB,EAAE,OAAO,QAAQ;AAEhD,IAAO,wBAAQ,qBAAK,SAAS,UAAU,EAAE,KAAK,GAAc;AAC1D,QAAM,EAAE,OAAO,IAAI;AAEnB,SACE,8CAAC,SAAI,OAAO,uBAEV,yDAAC,SAAI,OAAO,oBAEV;AAAA,kDAAC,SAAI,OAAO,uBACV,wDAAC,mCAAU,MAAM,IAAI,aAAa,GAAG,OAAO,wBAAwB,GACtE;AAAA,IAGA,8CAAC,SAAI,OAAO,yBACV;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA;AAAA,IACT,GACF;AAAA,IAGA,8CAAC,SAAI,OAAO,4BACV,yDAAC,SAAI,OAAO,0BACV;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,QAAQ,QAAQ;AAAA,UACvB,oBAAmB;AAAA,UACnB,WAAU;AAAA,UACV,OAAO;AAAA,UAEN,kBAAQ,QAAQ;AAAA;AAAA,MACnB;AAAA,MACC,QAAQ,WACP,+CAAC,UAAK,OAAO,qBAAqB;AAAA;AAAA,QAAE,OAAO;AAAA,SAAQ;AAAA,OAEvD,GACF;AAAA,KACF,GACF;AAEJ,CAAC;;;ACxID,IAAAC,iBAAkD;AAClD,IAAAA,iBAAqD;AACrD,YAAuB;AACvB,IAAAC,eAA6B;AAkNzB,IAAAC,uBAAA;AAvKJ,IAAM,WAA+C;AAAA,EACnD,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,KAAK;AAAA,IACH,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AACF;AAsBA,SAASC,gBAAc,SAAgB;AACrC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEA,SAAS,WAAW,OAA2B;AAC7C,SAAO,SAAU,SAAyB,MAAM,KAAK,SAAS;AAChE;AAEA,SAASC,aAAW;AAAA,EAClB;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ,qBAAK,SAAS,WAAW,EAAE,MAAM,SAAS,GAAQ;AAC/D,QAAM,EAAE,MAAM,QAAQ,aAAa,KAAK,IAAI;AAC5C,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ,MAAM,SAAS;AAAA,IACvB,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU,MAAM,WAAW;AAAA,IAC3B;AAAA,IACA,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,EACX,IAAI;AAEJ,QAAM,UAAU,WAAW,KAAK;AAChC,QAAM,oBAAgB,wBAEpB,MAAM,MAAM,IAA0B,KAAW,gBAAU,CAAC,IAAI,CAAC;AACnE,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,kBAAkB,OAAO,QAAQ,UAAU;AACjD,QAAM,mBAAmB,MACrB,CAAC,EAAE,OAAO,QAAQ,KAAK,YAAY,CAAC,IAAI,IAAI,GAAG,GAAG,IAAI,IACtD;AAEJ,SACE,+CAAa,mBAAZ,EACC;AAAA,kDAAa,sBAAZ,EACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA,WAAW,QAAQ,OAAO;AAAA,UAC1B,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,WAAW,cAAc,QAAQ,MAAM;AAAA,UACvC,WAAW,SAAS,SAAS,GAAG,MAAM,OAAO;AAAA,QAC/C;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU,wBAAS;AAAA,cACnB,OAAO;AAAA;AAAA,UACT;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU,wBAAS;AAAA,cACnB,OAAO;AAAA;AAAA,UACT;AAAA,UACC,kBAAkB,SAAS,KAC1B,8CAACC,cAAA,EAAW,MAAK,QAAO,UAAU,QAAQ,MAAM;AAAA,UAEjD,kBAAkB,SAAS,KAC1B,8CAACA,cAAA,EAAW,MAAK,SAAQ,UAAU,QAAQ,MAAM;AAAA,UAGnD,8CAAC,SAAI,WAAU,iCACb;AAAA,YAAC;AAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA,QAAQ;AAAA,cACV;AAAA,cAEC;AAAA,iCACC,8CAAC,iBAAc,WAAU,eAAc,eAAW,MAAC;AAAA,gBAEpD;AAAA;AAAA;AAAA,UACH,GACF;AAAA,UAEA,+CAAC,SAAI,WAAU,sBACb;AAAA,0DAAC,SAAI,WAAU,2BACb;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,oBAAoB,QAAQ;AAAA,gBAC5B,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,GACF;AAAA,YAEC,SAAS,UAAU,WAClB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,gBACP,OAAO;AAAA,gBAEN;AAAA;AAAA,YACH;AAAA,YAGD,SAAS,UAAU,gBAAgB,SAAS,KAC3C,8CAAC,SAAI,WAAU,6FACZ,0BAAgB,IAAI,CAAC,CAAC,KAAK,KAAK,MAC/B,+CAAC,SAAc,WAAU,WACvB;AAAA,4DAAC,SAAI,WAAU,+FACZ,eACH;AAAA,cACC,OAAO,UAAU,YAAY,MAAM,WAAW,MAAM,IACnD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM;AAAA,kBACN,QAAO;AAAA,kBACP,KAAI;AAAA,kBACJ,WAAU;AAAA,kBACV,OAAO;AAAA,kBAEN;AAAA;AAAA,cACH,IAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,OAAO,KAAK;AAAA,kBAElB;AAAA;AAAA,cACH;AAAA,iBApBM,GAsBV,CACD,GACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF,GACF;AAAA,IACC,iBAAiB,SAAS,KACzB,8CAAa,qBAAZ,EAAmB,WAAW,iBAC7B,wDAAa,sBAAZ,EAAoB,WAAU,iHAC5B,2BAAiB,IAAI,CAAC,SACrB;AAAA,MAAa;AAAA,MAAZ;AAAA,QACC,SAAO;AAAA,QAEP,WAAU;AAAA,QAEV;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,KAAK;AAAA,YACX,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET,eAAK;AAAA;AAAA,QACR;AAAA;AAAA,MAVK,GAAG,KAAK,KAAK,IAAI,KAAK,OAAO,EAAE;AAAA,IAWtC,CACD,GACH,GACF;AAAA,KAEJ;AAEJ,CAAC;;;AC9XD,IAAAE,iBAAqB;AACrB,IAAAA,iBAAiC;AAM7B,IAAAC,uBAAA;AAFJ,IAAO,8BAAQ,qBAAK,SAAS,mBAAmB,OAAY;AAC1D,SACE,+CAAC,SAAI,WAAU,YACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,wBAAS;AAAA,QACnB,OAAO;AAAA,QACP,WAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,wBAAS;AAAA,QACnB,OAAO;AAAA,QACP,WAAU;AAAA;AAAA,IACZ;AAAA,IACA,8CAAC,0BAAyB,GAAG,OAAO;AAAA,KACtC;AAEJ,CAAC;;;ACvBD,IAAAC,iBAAqB;AACrB,IAAAC,wBAAwB;AACxB,IAAAD,iBAA2D;AAevD,IAAAE,uBAAA;AAFJ,SAASC,aAAW,EAAE,KAAK,GAA+B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,CAAC,IAAI,GAAG;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,GAAG,YAAY;AAAA,QACf,eAAe;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,SAASC,gBAAc,SAAc;AACnC,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAuBA,SAAS,kBAAkB,OAAwB;AACjD,QAAM,EAAE,SAAS,MAAM,SAAS,YAAY,OAAO,OAAO,OAAO,IAC/D,MAAM,KAAK;AACb,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAE9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,MAChE;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAGpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,YACE;AAAA,cACF,WACE;AAAA,cACF,WAAW;AAAA,cACX,QAAQ,aACJ,sCACA,QACE,uCACA;AAAA,YACR;AAAA,YAGA;AAAA,4DAAC,SAAI,OAAO,4BAA4B;AAAA,cACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,SAAS;AAAA,kBACX;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QAGA,+CAAC,SAAI,WAAU,wBAEb;AAAA,yDAAC,SAAI,WAAU,0CACb;AAAA,2DAAC,SAAI,WAAU,2BACb;AAAA,4DAAC,iCAAQ,WAAU,8BAA6B,aAAa,KAAK;AAAA,cAClE,8CAAC,UAAK,WAAU,qEAAoE,0BAEpF;AAAA,eACF;AAAA,YACC,SACC,8CAAC,UAAK,WAAU,+HAA8H,mBAE9I;AAAA,YAED,cACC,8CAAC,UAAK,WAAU,oGAAmG,wBAEnH;AAAA,aAEJ;AAAA,UAGA,+CAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,+BACA;AAAA;AAAA,YAER;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAWA;AAAA,kBACT;AAAA,kBACA,aACI,oCACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,aACF;AAAA,UAGC,WACC,+CAAC,SAAI,WAAU,sDAAqD;AAAA;AAAA,YAChE;AAAA,aACJ;AAAA,UAID,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,mBAAmB,OAAwB;AAClD,QAAM,EAAE,SAAS,MAAM,SAAS,YAAY,OAAO,OAAO,OAAO,IAC/D,MAAM,KAAK;AACb,QAAM,OAAO,MAAM,KAAK,QAAQ;AAChC,QAAM,aAAa,WAAW,QAAQ,IAAI,IAAI,OAAQ,OAAQ;AAC9D,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,SAAS,YAAY;AAC3B,QAAM,mBAAmB,SACrB,yBACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAWA;AAAA,QACT;AAAA,QACA,OAAO,WAAW,4CAA4C;AAAA,QAC9D,aACI,iCACA,QACE,iBAAiB,SAAS,sBAAsB,sBAAsB,KACtE;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,YAAY,aACR,mEAAmE,gBAAgB,SAAS,gBAAgB,wDAC5G,QACE,mEAAmE,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,2EAA2E,SAAS,0BAA0B,uBAAuB,SAAS,SAAS,0BAA0B,uBAAuB,0DACxY;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO;AAAA;AAAA,QACT;AAAA,QACC,SAAS,MAAM,SAAS,KACvB,8CAAC,kBAAe,OAAc,cAAc,MAAM;AAAA,QAEnD,kBAAkB,SAAS,KAAK,8CAACD,cAAA,EAAW,MAAK,QAAO;AAAA,QACxD,kBAAkB,SAAS,KAAK,8CAACA,cAAA,EAAW,MAAK,SAAQ;AAAA,QAG1D,8CAAC,SAAI,WAAU,6DACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA,aAAa,eAAe;AAAA,YAC9B;AAAA,YAEA;AAAA,4DAAC,iCAAQ,WAAU,eAAc,aAAa,KAAK;AAAA,cAAE;AAAA,cACxC,SAAS;AAAA,cACrB,cAAc;AAAA;AAAA;AAAA,QACjB,GACF;AAAA,QAEA,+CAAC,SAAI,WAAU,sBAEb;AAAA,yDAAC,SAAI,WAAU,2BACZ;AAAA,0BACC;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,WACE,SAAS,SACL,+BACA;AAAA;AAAA,YAER;AAAA,YAEF,+CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,oBAAmB;AAAA,kBACnB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH;AAAA,cACC,WACC,+CAAC,UAAK,WAAU,0EAAyE;AAAA;AAAA,gBACpF;AAAA,gBAAQ;AAAA,iBACb;AAAA,eAEJ;AAAA,aACF;AAAA,UAGC,SAAS,UAAU,WAClB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,cACP,OAAO;AAAA,cAEN;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ,qBAAK,SAAS,gBAAgB,OAAwB;AACnE,QAAM,YAAY,OAAO,MAAM;AAE/B,MAAI,cAAc,WAAW;AAC3B,WAAO,8CAAC,qBAAmB,GAAG,OAAO;AAAA,EACvC;AAEA,SAAO,8CAAC,sBAAoB,GAAG,OAAO;AACxC,CAAC;;;ACpTD,IAAAC,iBAA8B;AAC9B,IAAAC,wBAA6D;AAC7D,IAAAD,iBAA2D;AAqDnD,IAAAE,uBAAA;AAjCR,IAAM,aAAuD;AAAA,EAC3D,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX;AAEA,IAAMC,cAAkC;AAAA,EACtC,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB;AAEA,IAAO,+BAAQ,qBAAK,SAAS,iBAAiB,OAAyB;AACrE,QAAM,EAAE,WAAW,aAAa,IAAI,MAAM;AAC1C,QAAM,SAAS,YAAY;AAC3B,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,wBAAoB,mCAAmB,EAAE,YAAY,SAAS,CAAC;AACrE,QAAM,aAAa,gBAAgB,IAAI,IAAI;AAE3C,QAAM,oBAAgB,wBAAQ,MAAM;AAClC,UAAM,SAAiC,CAAC;AACxC,UAAM,KAAK,SAAS,QAAQ,CAAC,EAAE,QAAQ,MAAM;AAC3C,YAAM,OAAO,SAAS,cAAc;AACpC,aAAO,IAAI,KAAK,OAAO,IAAI,KAAK,KAAK;AAAA,IACvC,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC;AAExB,SACE,+CAAC,SAAI,WAAU,YAAW,OAAO,EAAE,WAAW,UAAU,GAErD;AAAA,kBAAc,KACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,GAAGA;AAAA,UACH,UAAU;AAAA,UACV,OAAO;AAAA,UACP,WAAW;AAAA,UACX,SAAS;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IAED,cAAc,KACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,GAAGA;AAAA,UACH,UAAU;AAAA,UACV,OAAO;AAAA,UACP,WAAW;AAAA,UACX,SAAS;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IAIF;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,mEACT,MAAM,WAAW,4CAA4C,EAC/D;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,WAAW;AAAA,QACb;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU,wBAAS;AAAA,cACnB,OAAO;AAAA;AAAA,UACT;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU,wBAAS;AAAA,cACnB,OAAO;AAAA;AAAA,UACT;AAAA,UAEC,kBAAkB,SAAS,KAC1B;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,gBACd,YAAY;AAAA,gBACZ,QAAQ;AAAA,gBACR,QAAQ;AAAA,gBACR,GAAG,YAAY;AAAA,gBACf,eAAe;AAAA,cACjB;AAAA;AAAA,UACF;AAAA,UAED,kBAAkB,SAAS,KAC1B;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,OAAO;AAAA,gBACP,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,gBACd,YAAY;AAAA,gBACZ,QAAQ;AAAA,gBACR,QAAQ;AAAA,gBACR,GAAG,YAAY;AAAA,gBACf,eAAe;AAAA,cACjB;AAAA;AAAA,UACF;AAAA,UAGF,8CAAC,SAAI,WAAU,mCACb,yDAAC,UAAK,WAAU,0IACd;AAAA,0DAAC,gCAAO,WAAU,eAAc,aAAa,KAAK;AAAA,YAAE;AAAA,aAEtD,GACF;AAAA,UAEA,+CAAC,SAAI,WAAU,sBACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,oBAAmB;AAAA,gBACnB,WAAU;AAAA,gBAET;AAAA;AAAA,YACH;AAAA,YAEA,+CAAC,SAAI,WAAU,kCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,YAAY,SACR,4BACA;AAAA,oBACJ,OAAO,SAAS,YAAY;AAAA,kBAC9B;AAAA,kBAEC;AAAA;AAAA,oBAAa;AAAA,oBAAE,iBAAiB,IAAI,YAAY;AAAA;AAAA;AAAA,cACnD;AAAA,cACA,8CAAC,SAAI,WAAU,2BACZ,iBAAO,QAAQ,aAAa,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM;AACpD,sBAAM,OAAO,WAAW,IAAI,KAAK;AACjC,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC,WAAU;AAAA,oBAEV;AAAA,oEAAC,QAAK,WAAU,eAAc,aAAa,GAAG;AAAA,sBAC7C;AAAA;AAAA;AAAA,kBAJI;AAAA,gBAKP;AAAA,cAEJ,CAAC,GACH;AAAA,eACF;AAAA,YAEA,+CAAC,SAAI,WAAU,mFACb;AAAA,4DAAC,mCAAU,WAAU,eAAc;AAAA,cAAE;AAAA,eAEvC;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;;;AC9LD,IAAAC,iBAAqB;AACrB,IAAAC,wBAAkC;AAqG1B,IAAAC,uBAAA;AA3FR,IAAMC,mBAAuC;AAAA,EAC3C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ;AAEA,IAAMC,gBAAoC;AAAA,EACxC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AACZ;AAEA,IAAMC,eAAmC;AAAA,EACvC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,OAAO;AACT;AAEA,IAAMC,wBAA4C;AAAA,EAChD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,KAAK;AACP;AAEA,IAAM,mBAAwC;AAAA,EAC5C,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AACd;AASA,IAAMC,yBAA6C;AAAA,EACjD,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AACT;AAEA,IAAO,uCAAQ,qBAAK,SAAS,yBAAyB;AAAA,EACpD;AACF,GAEG;AACD,QAAM,EAAE,WAAW,aAAa,IAAI;AAEpC,SACE,8CAAC,SAAI,OAAOC,kBACV,yDAAC,SAAI,OAAOC,eACV;AAAA,mDAAC,SAAI,OAAOC,cACV;AAAA,oDAAC,gCAAO,MAAM,IAAI,aAAa,KAAK;AAAA,MAAE;AAAA,OAExC;AAAA,IAEA,+CAAC,SAAI,OAAOC,uBACV;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,MAAM;AAAA,UACR;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,aAAa;AAAA,cACpB,oBAAmB;AAAA,cACnB,WAAU;AAAA,cACV,OAAO;AAAA,cAEN,uBAAa;AAAA;AAAA,UAChB;AAAA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAOJ;AAAA,UACP,WAAU;AAAA,UACV,aAAa,CAAC,MAAM,EAAE,gBAAgB;AAAA,UAEtC;AAAA,0DAAC,mCAAU,MAAM,IAAI,aAAa,KAAK;AAAA,YAAE;AAAA;AAAA;AAAA,MAE3C;AAAA,OACF;AAAA,KACF,GACF;AAEJ,CAAC;;;AC1ID,IAAAK,iBAA8B;AAC9B,IAAAA,iBAA4C;;;ACD5C,IAAAC,iBAAkC;;;ACC3B,IAAM,qBAAqB;AAM3B,IAAM,gBAAgB,CAAC,SAC5B,CAAC,CAAE,MAAgD;;;ADiC3C,IAAAC,uBAAA;AA1BK,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,MAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,GAAI,QAAO;AAElE,QAAM,QAAQ,OAAO,KAAK,EAAE,MAAM,IAAI;AAEtC,SACE,8CAAC,oCACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iBAAiB,cAAc,qBAAqB,EAAE;AAAA,MACjE,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW,mCAAmC,MAAM,OAAO,MAAM;AAAA,QACjE;AAAA,QACA,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,GAAG;AAAA,MACL;AAAA,MAEC,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,qBAAqB,QAAQ,IAAI,WAAW,EAAE;AAAA,UAExD;AAAA;AAAA,QAHI,GAAG,IAAI,IAAI,KAAK;AAAA,MAIvB,CACD;AAAA;AAAA,EACH,GACF;AAEJ;;;AEnDA,IAAAC,iBAA4B;AAC5B,IAAAA,iBAA8C;AAU9C,IAAM,kBAAkB,EAAE,GAAG,IAAI,GAAG,IAAI;AAExC,IAAM,aAAa,CAAC,GAAU,MAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AACpE,IAAM,MAAM,CAAC,GAAU,OAAc,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,IAAI,EAAE,EAAE;AAClE,IAAM,YAAY,EAAE,GAAG,GAAG,GAAG,EAAE;AAUxB,IAAM,eAAe,CAC1B,OACA,QACA,QACA;AAAA;AAAA;AAAA,EAGE,iBAAiB;AAAA,EACjB,iBAAiB;AAAA;AAAA,EAEjB,cAAc;AAAA,EACd,cAAc;AAChB,IAKI,CAAC,MACF;AACH,QAAM,EAAE,OAAO,IAAI;AACnB,MAAI,OAAO,SAAS,EAAG,QAAO;AAC9B,QAAM,OAAO,OAAO,SAAS;AAC7B,QAAM,QAAQ,IAAI,OAAO,CAAC,GAAG,WAAW;AACxC,QAAM,MAAM,IAAI,OAAO,IAAI,GAAG,WAAW;AACzC,QAAM,OAAO,CAAC,GAAU,MACtB,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,gBAAgB,KACvC,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,gBAAgB;AACzC,MAAI,CAAC,KAAK,OAAO,MAAM,KAAK,CAAC,KAAK,KAAK,MAAM,EAAG,QAAO;AAEvD,QAAM,gBACJ,KAAK,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI,KAC1C,KAAK,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI;AAC5C,QAAM,QAAQ,OAAO;AAAA,IAAI,CAAC,UACxB,gBAAgB,IAAI,OAAO,WAAW,IAAI,EAAE,GAAG,MAAM;AAAA,EACvD;AAEA,QAAM,CAAC,IAAI,EAAE,GAAG,OAAO,GAAG,GAAG,iBAAiB,OAAO,IAAI,MAAM,EAAE;AACjE,QAAM,IAAI,IAAI,EAAE,GAAG,OAAO,GAAG,GAAG,iBAAiB,OAAO,IAAI,IAAI,EAAE;AAElE,MAAI,OAAO,KAAK,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,EAAE,EAAG,OAAM,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE;AACnE,MAAI,OAAO,KAAK,OAAO,OAAO,CAAC,EAAE,MAAM,OAAO,IAAI,EAAE;AAClD,UAAM,OAAO,CAAC,EAAE,IAAI,MAAM,IAAI,EAAE;AAGlC,QAAM,OAAO,CAAC,MAAM,CAAC,CAAC;AACtB,QAAM,MAAM,CAAC,EAAE,QAAQ,CAAC,UAAU;AAChC,UAAM,WAAW,KAAK,KAAK,SAAS,CAAC;AACrC,QAAI,CAAC,WAAW,UAAU,KAAK,GAAG;AAChC,YAAM,WAAW,SAAS,IAAI,MAAM,KAAK;AACzC,WAAK,KAAK,EAAE,GAAG,SAAS,GAAG,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,GAAG,MAAM,EAAE,CAAC;AAAA,IACrE;AACA,SAAK,KAAK,KAAK;AAAA,EACjB,CAAC;AAED,SAAO;AAAA,IACL,MAAM,KACH,IAAI,CAAC,OAAO,UAAU,GAAG,UAAU,IAAI,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,EAAE,EACxE,KAAK,GAAG;AAAA,IACX,OAAO,MAAM,SAAS,UAAU,MAAM,OAAO,QAAQ,KAAK;AAAA,EAC5D;AACF;AAGA,IAAM,YAAY,CAAC,OAAc,QAAiB,UAAmB;AACnE,QAAM,WAAW,CAAC,UAAkB;AAClC,UAAM,CAACC,IAAGC,EAAC,IAAI,CAAC,OAAO,KAAK,GAAG,OAAO,QAAQ,CAAC,CAAC;AAChD,UAAM,IAAI,KAAK;AAAA,MACb,KAAK,IAAI,MAAM,GAAG,KAAK,IAAID,GAAE,GAAGC,GAAE,CAAC,CAAC;AAAA,MACpC,KAAK,IAAID,GAAE,GAAGC,GAAE,CAAC;AAAA,IACnB;AACA,UAAM,IAAI,KAAK;AAAA,MACb,KAAK,IAAI,MAAM,GAAG,KAAK,IAAID,GAAE,GAAGC,GAAE,CAAC,CAAC;AAAA,MACpC,KAAK,IAAID,GAAE,GAAGC,GAAE,CAAC;AAAA,IACnB;AACA,WAAO,KAAK,MAAM,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;AAAA,EAC5C;AACA,QAAM,UAAU,OACb,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAAU,KAAK,EACvB;AAAA,IAAO,CAAC,SAAS,UAChB,SAAS,KAAK,IAAI,SAAS,OAAO,IAAI,QAAQ;AAAA,EAChD;AACF,QAAM,QAAQ,CAAC,WAAmB;AAAA,IAChC,GAAG,MAAM,KAAK,EAAE,IAAI,OAAO,KAAK,EAAE;AAAA,IAClC,GAAG,MAAM,KAAK,EAAE,IAAI,OAAO,KAAK,EAAE;AAAA,EACpC;AACA,QAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,CAAC;AAClD,SAAO,EAAE,GAAG,MAAM,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,GAAG,MAAM,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;AACtE;AAGA,IAAM,WAAW,CAAC,OAAuB,QAAgB,OAAc;AACrE,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,GAAG,UAAU;AACzD,SAAO,YAAY,EAAE,GAAG,SAAS,IAAI,GAAG,GAAG,GAAG,SAAS,IAAI,GAAG,EAAE;AAClE;AAEA,IAAM,cAAc,CAAC,GAAU,MAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AACrE,IAAM,kBAAkB,CAAC,GAAc,MACrC,EAAE,WAAW,EAAE,WACd,EAAE,UAAU,EAAE,SACZ,CAAC,CAAC,EAAE,SACH,CAAC,CAAC,EAAE,SACJ,YAAY,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,KAClC,YAAY,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AASjC,IAAM,WAAW,CACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAWA,CAAC,MAAM,QAAQ,MAAM,MACgB;AACrC,QAAM,QAAS,MAAwC;AAEvD,QAAM,EAAE,OAAO,OAAO,QAAI;AAAA,QACxB;AAAA,MACE,CAAC,UAAqC;AACpC,cAAM,IAAI,CAAC,WAAmB;AAC5B,gBAAM,OAAO,MAAM,WAAW,IAAI,MAAM;AACxC,iBAAO,MAAM,WAAW,KAAK,UAAU,IAAI;AAAA,QAC7C;AACA,cAAMC,UAAS,KAAK,IAAI,EAAE,MAAM,GAAG,EAAE,MAAM,CAAC;AAC5C,YAAI,CAAC,OAAO,UAAU,CAAC,MAAM,OAAQ,QAAO,EAAE,QAAAA,QAAO;AACrD,cAAM,cAAc,SAAS,OAAO,QAAQ,MAAM,MAAM;AACxD,cAAM,cAAc,SAAS,OAAO,QAAQ,MAAM,MAAM;AACxD,eAAO;AAAA,UACL,QAAAA;AAAA,UACA,OACE,eAAe,cAAc,CAAC,aAAa,WAAW,IAAI;AAAA,QAC9D;AAAA,MACF;AAAA,MACA,CAAC,OAAO,QAAQ,MAAM;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,QAAM,SACJ,SACA,SACA;AAAA,IACE;AAAA,IACA,EAAE,GAAG,SAAS,GAAG,QAAQ;AAAA,IACzB,EAAE,GAAG,SAAS,GAAG,QAAQ;AAAA,IACzB;AAAA,MACE,gBAAgB,CAAC,CAAC;AAAA,MAClB,gBAAgB,CAAC,CAAC;AAAA,MAClB,aAAa,MAAM,CAAC;AAAA,MACpB,aAAa,MAAM,CAAC;AAAA,IACtB;AAAA,EACF;AACF,MAAI,CAAC,OAAQ,QAAO,CAAC,MAAM,QAAQ,QAAQ,MAAM;AACjD,SAAO;AAAA,IACL,OAAO;AAAA,IACP,OAAO,OAAO,KAAK;AAAA,IACnB,OAAO,OAAO,KAAK;AAAA,IACnB;AAAA,EACF;AACF;;;AHzHc,IAAAC,uBAAA;AA5Ed,SAAS,aAAa,YAA4B;AAChD,UAAQ,YAAY;AAAA,IAClB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,0BAAsB;AAAA,EAC1B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EACF,MAAW;AACT,UAAM,CAAC,UAAU,QAAQ,QAAQ,MAAM,IAAI;AAAA,MACzC;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,UACA,kCAAkB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAEA,UAAM,aAAa,MAAM,SAAS;AAClC,UAAM,UAAU,MAAM,WAAW;AACjC,UAAM,cACJ,MAAM,eAAe,aAAa,cAAc,SAAS;AAC3D,UAAM,UAAU,MAAM;AAEtB,UAAM,eAAe,MAAM,QAAQ,WAAW,IAC1C,cACA,CAAC,WAAW;AAEhB,UAAM,kBAAc,wBAAQ,MAAM,KAAK,OAAO,IAAI,GAAG,CAAC,CAAC;AAEvD,UAAM,eAAe,YAAY,IAAI,qBAAqB;AAE1D,UAAM,oBAAgB;AAAA,MACpB,MACE,aAAa,IAAI,CAAC,OAAe,UAAkB;AACjD,cAAM,QAAQ,cAAc,QAAQ;AACpC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,mBAAmB,YAAY;AAAA,YAG1C,yDAAC,OACC;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,GAAE;AAAA,kBACF,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,MAAM;AAAA;AAAA,cACR;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,aAAY;AAAA,kBACZ,gBAAe;AAAA;AAAA,cACjB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,aAAY;AAAA,kBACZ,MAAM;AAAA,kBACN,QAAO;AAAA,kBACP,OAAO,GAAG,KAAK;AAAA,kBAEf,wDAAC,WAAM,MAAM,IAAI,EAAE,IAAI;AAAA;AAAA,cACzB;AAAA,eACF;AAAA;AAAA,UA5BK,GAAG,EAAE,IAAI,KAAK,IAAI,KAAK;AAAA,QA6B9B;AAAA,MAEJ,CAAC;AAAA;AAAA;AAAA,MAGH,CAAC,UAAU,IAAI,aAAa,KAAK,GAAG,GAAG,SAAS,WAAW;AAAA,IAC7D;AAEA,UAAM,cAAc,cAAc,IAAI;AAEtC,WACE,gFACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,OAAO,UAAU,qBAAqB;AAAA,UACtC,WAAW,cAAc,qBAAqB;AAAA;AAAA,MAChD;AAAA,MACC;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,IAAO,8BAAQ;;;AIhJf,IAAAC,iBAAqB;AACrB,IAAAA,iBAAkD;AAmD9C,IAAAC,uBAAA;AA9CJ,IAAO,iCAAQ,qBAAK,SAAS,mBAAmB,OAAkB;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,UAAU,QAAQ,QAAQ,MAAM,IAAI;AAAA,IACzC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,QACA,kCAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,cAAc,cAAc,IAAI;AAEtC,SACE,gFACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,GAAG;AAAA,QACH,WAAW,wBAAwB,WAAW,cAAc,EAAE,GAAG,cAAc,IAAI,kBAAkB,KAAK,EAAE;AAAA,QAC5G;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;;;ACvED,IAAAC,iBAA8B;AAC9B,IAAAA,iBAKO;AA+FH,IAAAC,uBAAA;AA7EJ,SAASC,cAAa,YAA4B;AAChD,UAAQ,YAAY;AAAA,IAClB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,cAAc,CAAC;AAErB,IAAO,uBAAQ,qBAAK,SAAS,WAAW;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,UAAU,QAAQ,QAAQ,MAAM,IAAI;AAAA,IACzC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,QACA,kCAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,kBAAc,wBAAQ,MAAM,KAAK,OAAO,IAAI,GAAG,CAAC,CAAC;AACvD,QAAM,aAAa,MAAM,SAAS;AAClC,QAAM,UAAU,MAAM,WAAW;AAEjC,QAAM,kBAAc;AAAA,IAClB,OAAO,EAAE,GAAG,sBAAsB,GAAG,MAAM;AAAA,IAC3C,CAAC,KAAK;AAAA,EACR;AAGA,QAAM,cAAc,cAAc,IAAI;AACtC,QAAM,yBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW,mCAAmC,MAAM,MAAM,MAAM;AAAA,MAChE;AAAA,MACA,GAAI;AAAA,IACN;AAAA,IACA,CAAC,QAAQ,QAAQ,YAAY,MAAM;AAAA,EACrC;AAEA,SACE,gFACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,OAAO;AAAA,QACP,WAAW,cAAc,qBAAqB;AAAA;AAAA,IAChD;AAAA,IACC,MAAM,YACL;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,wBAAwB,YAAY,IAAI,gBAAgB,YAAY;AAAA,QAE/E;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAMA,cAAa,cAAc,SAAS;AAAA,YAE1C;AAAA,cAAC;AAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,aAAY;AAAA,gBACZ,MAAM;AAAA,gBACN,QAAO;AAAA,gBACP,OAAO,GAAG,WAAW;AAAA,gBAErB,wDAAC,WAAM,MAAM,IAAI,EAAE,IAAI;AAAA;AAAA,YACzB;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAED,SACC,8CAAC,oCACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,WAAW,iBAAiB,cAAc,qBAAqB,EAAE;AAAA,QAEhE;AAAA;AAAA,IACH,GACF;AAAA,KAEJ;AAEJ,CAAC;;;AC9ID,IAAAC,iBAKO;AA+DH,IAAAC,uBAAA;AAvDJ,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,UAAU,QAAQ,QAAQ,MAAM,IAAI;AAAA,IACzC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,aAAa,eACT,8BAAc,SAAS,QACvB,kCAAkB;AAAA,MAChB,GAAG;AAAA,MACH,GAAI,aAAa,SAAS,EAAE,cAAc,EAAE,IAAI,CAAC;AAAA,IACnD,CAAC;AAAA,EACP;AAEA,QAAM,cAAc,cAAc,IAAI;AAEtC,SACE,gFACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,cAAc,qBAAqB;AAAA;AAAA,IAChD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA;AAAA,IACT;AAAA,KACF;AAEJ;AAEO,SAAS,oBAAoB,OAAkB;AACpD,SAAO,8CAAC,gBAAc,GAAG,OAAO,UAAS,UAAS;AACpD;AAEO,SAAS,uBAAuB,OAAkB;AACvD,SAAO,8CAAC,gBAAc,GAAG,OAAO,UAAS,cAAa;AACxD;AAEO,SAAS,iBAAiB,OAAkB;AACjD,SAAO,8CAAC,gBAAc,GAAG,OAAO,UAAS,QAAO;AAClD;;;ACnGA,IAAAC,iBAQO;AAEP,IAAAC,wBAcO;AAyrBG,IAAAC,uBAAA;AA1nBV,IAAM,sBAAsB,CAAC,MAAc,YAAqB;AAC9D,MAAI,SAAS;AACX,UAAM,qBAAqB,KAAK;AAAA,MAC9B,IAAI,OAAO,MAAM,QAAQ,QAAQ,uBAAuB,MAAM,CAAC,GAAG;AAAA,MAClE;AAAA,IACF;AACA,WAAO,GAAG,kBAAkB,MAAM,OAAO;AAAA,EAC3C;AAEA,QAAM,eAAe,KAAK;AAAA,IACxB;AAAA,EACF;AACA,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO,GAAG,aAAa,CAAC,CAAC,MAAM,aAAa,CAAC,CAAC;AAChD;AAEA,IAAM,0BAA0B,CAAC,SAAiB;AAChD,QAAM,UAAkC;AAAA,IACtC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAEA,SAAO,QAAQ,IAAI,KAAK;AAC1B;AAEA,IAAM,qBAAqB,CAAC,MAAc,YAAqB;AAC7D,MAAI,SAAS;AACX,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,QACP,IAAI,OAAO,MAAM,QAAQ,QAAQ,uBAAuB,MAAM,CAAC,GAAG;AAAA,QAClE;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,eAAe,KAAK;AAAA,IACxB;AAAA,EACF;AACA,MAAI,CAAC,aAAc,QAAO,EAAE,IAAI,MAAM,SAAS,OAAU;AAEzD,SAAO,EAAE,IAAI,aAAa,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE;AACzD;AAEA,IAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,SAAS,mBAAmB,MAAM,MAAM,OAAO;AACrD,SAAO,GAAG,wBAAwB,IAAI,CAAC,IAAI,OAAO,EAAE,IAAI,OAAO,WAAW,EAAE,GAAG,YAAY;AAC7F;AAEA,IAAM,sBAAsB,CAC1B,MACA,QAWG;AACH,QAAM,WAAW,OAAO,GAAG;AAC3B,MAAI,CAAC,YAAY,OAAO,aAAa,SAAU,QAAO;AACtD,SAAO,UAAU,YAAY,SAAS,OAAO,SAAS,OAAO;AAC/D;AAaA,IAAM,uBAAmB;AAAA,MACvB;AAAA,IACE,CAAC,EAAE,OAAO,cAAc,SAAS,aAAa,aAAa,GAAG,QAAQ;AACpE,YAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,EAAE;AACjD,YAAM,CAAC,qBAAqB,sBAAsB,QAAI,yBAEpD,CAAC,CAAC;AACJ,YAAM,CAAC,iBAAiB,kBAAkB,QAAI,yBAAS,KAAK;AAC5D,YAAM,CAAC,yBAAyB,0BAA0B,QACxD,yBAAS,EAAE;AACb,YAAM,qBAAiB,uBAAyB,IAAI;AACpD,YAAM,mBAAe,uBAAuB,IAAI;AAChD,YAAM,yBAAqB,uBAAuB,IAAI;AACtD,YAAM,yBAAqB,uBAAqC,CAAC,CAAC;AAElE,YAAM,sBAAkB,4BAAY,MAAM;AACxC,2BAAmB,KAAK;AACxB,mCAA2B,EAAE;AAAA,MAC/B,GAAG,CAAC,CAAC;AAEL;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL;AAAA,QACF;AAAA,QACA,CAAC,eAAe;AAAA,MAClB;AAEA,YAAM,yBAAqB,4BAAY,CAAC,SAAqB;AAC3D,YAAI,KAAK,SAAS,gBAAgB;AAChC,iBAAQ,KAAK,MAAc,aAAa,KAAK;AAAA,QAC/C;AACA,YAAI,KAAK,SAAS,wBAAwB;AACxC,iBAAQ,KAAK,MAAc,aAAa,KAAK;AAAA,QAC/C;AACA,cAAM,UAAU,oBAAoB,KAAK,MAAM,SAAS;AACxD,cAAM,QAAQ,oBAAoB,KAAK,MAAM,OAAO;AACpD,cAAM,YAAY,oBAAoB,KAAK,MAAM,WAAW;AAC5D,cAAM,UAAU,oBAAoB,KAAK,MAAM,SAAS;AACxD,cAAM,SAAS,oBAAoB,KAAK,MAAM,QAAQ;AACtD,cAAM,SAAS,oBAAoB,KAAK,MAAM,QAAQ;AACtD,cAAM,SAAS,oBAAoB,KAAK,MAAM,QAAQ;AACtD,cAAM,UAAU,oBAAoB,KAAK,MAAM,SAAS;AACxD,cAAM,cAAc,oBAAoB,KAAK,MAAM,aAAa;AAChE,cAAM,OAAO,oBAAoB,KAAK,MAAM,MAAM;AAClD,cAAM,OACJ,SAAS,QACT,SAAS,MACT,OAAO,QACP,OAAO,MACP,WAAW,QACX,WAAW,MACX,SAAS,QACT,SAAS,MACT,QAAQ,QACR,QAAQ,MACR,QAAQ,QACR,QAAQ,MACR,QAAQ,QACR,QAAQ,MACR,SAAS,QACT,SAAS,MACT,aAAa,QACb,aAAa,MACb,MAAM,QACN,MAAM,MACN,KAAK,MAAM,QACX,KAAK;AACP,cAAM,UACJ,SAAS,WACT,OAAO,WACP,WAAW,WACX,SAAS,WACT,QAAQ,WACR,QAAQ,WACR,QAAQ,WACR,SAAS,WACT,aAAa,WACb,MAAM,WACN,KAAK,MAAM;AACb,eAAO,oBAAoB,MAAM,OAAO;AAAA,MAC1C,GAAG,CAAC,CAAC;AAEL,YAAM,yBAAqB;AAAA,QACzB,CAAC,MAAkB,UAAkB;AACnC,cACE,KAAK,SAAS,kBACd,KAAK,SAAS,wBACd;AACA,mBAAO,GAAG,KAAK,IAAI,IAAI,KAAK,EAAE,GAAG,YAAY;AAAA,UAC/C;AAEA,gBAAM,OAAO,KAAK;AAClB,gBAAM,WACJ,oBAAoB,MAAM,SAAS,KACnC,oBAAoB,MAAM,OAAO,KACjC,oBAAoB,MAAM,WAAW,KACrC,oBAAoB,MAAM,SAAS,KACnC,oBAAoB,MAAM,QAAQ,KAClC,oBAAoB,MAAM,QAAQ,KAClC,oBAAoB,MAAM,QAAQ,KAClC,oBAAoB,MAAM,SAAS,KACnC,oBAAoB,MAAM,aAAa,KACvC,MAAM,QACN;AAEF,iBAAO,eAAe;AAAA,YACpB,MAAM,KAAK,QAAQ;AAAA,YACnB,IAAI,UAAU;AAAA,YACd,MAAM,UAAU,QAAQ,UAAU,MAAM,SAAS,KAAK;AAAA,YACtD,SAAS,UAAU,WAAW,MAAM;AAAA,UACtC,CAAC;AAAA,QACH;AAAA,QACA,CAAC;AAAA,MACH;AAEA,YAAM,8BAA0B;AAAA,QAC9B,CAAC,gBAAoC;AACnC,gBAAM,oBAAwC,CAAC;AAC/C,gBAAM,qBAAqB,oBAAI,IAAoB;AAEnD,sBAAY,QAAQ,CAAC,eAAe;AAClC,kBAAM,gBAAgB,mBAAmB;AAAA,cACvC,WAAW;AAAA,YACb;AAEA,gBAAI,kBAAkB,QAAW;AAC/B,iCAAmB;AAAA,gBACjB,WAAW;AAAA,gBACX,kBAAkB;AAAA,cACpB;AACA,gCAAkB,KAAK,UAAU;AACjC;AAAA,YACF;AAEA,gBACE,WAAW,oBACX,CAAC,kBAAkB,aAAa,EAAE,kBAClC;AACA,gCAAkB,aAAa,IAAI;AAAA,YACrC;AAAA,UACF,CAAC;AAED,iBAAO;AAAA,QACT;AAAA,QACA,CAAC;AAAA,MACH;AAEA,YAAM,2BAAuB;AAAA,QAC3B,CAAC,iBAAmD;AAClD,gBAAM,cAAc,aAAa,QAAQ,CAAC,SAAS;AAIjD,gBAAI,KAAK,SAAS,eAAgB,QAAO,CAAC;AAE1C,kBAAM,WAAW,mBAAmB,IAAI;AACxC,kBAAMC,eAAkC;AAAA,cACtC;AAAA,gBACE,KAAK,KAAK;AAAA,gBACV;AAAA,gBACA,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,MAAM,KAAK,QAAQ;AAAA,gBACnB,aAAa,mBAAmB,MAAM,QAAQ;AAAA,cAChD;AAAA,YACF;AAEA,gBAAI,KAAK,SAAS,eAAgB,QAAOA;AAEzC,kBAAM,YAAY,KAAK,MAAM,aAAa;AAC1C,kBAAM,kBAAkB,KAAK,MAAM,YAAY,CAAC;AAChD,4BAAgB,QAAQ,CAAC,MAAM,UAAU;AACvC,oBAAM,UAAU,KAAK;AACrB,oBAAM,cAAc,SAAS,MAAM,QAAQ,SAAS,MAAM;AAC1D,kBAAI,CAAC,YAAa;AAElB,oBAAM,UAAU,SAAS,MAAM;AAC/B,oBAAM,QAAQ,oBAAoB,aAAa,OAAO;AAEtD,cAAAA,aAAY,KAAK;AAAA,gBACf,KAAK,GAAG,KAAK,EAAE,IAAI,SAAS,MAAM,MAAM,WAAW,IAAI,WAAW,KAAK;AAAA,gBACvE;AAAA,gBACA;AAAA,gBACA,YAAY,GAAG,KAAK,IAAI,SAAS;AAAA,gBACjC,MAAM,SAAS,cAAc;AAAA,gBAC7B,aAAa,eAAe;AAAA,kBAC1B,MAAM,SAAS,cAAc;AAAA,kBAC7B,IAAI,SAAS,MAAM;AAAA,kBACnB,MAAM;AAAA,kBACN;AAAA,gBACF,CAAC;AAAA,gBACD;AAAA,gBACA,kBAAkB;AAAA,cACpB,CAAC;AAAA,YACH,CAAC;AAED,mBAAOA;AAAA,UACT,CAAC;AAED,iBAAO,wBAAwB,WAAW;AAAA,QAC5C;AAAA,QACA,CAAC,yBAAyB,oBAAoB,kBAAkB;AAAA,MAClE;AAEA,YAAM,sBAAkB,4BAAY,CAAC,aAAmC;AACtE,cAAM,OAAqC;AAAA,UACzC,QAAQ;AAAA,YACN,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,YACP,MAAM,sBAAAC;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,MAAM,sBAAAA;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,QAAQ;AAAA,YACN,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,WAAW;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,cAAc;AAAA,YACZ,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WACE;AAAA,YACF,YACE;AAAA,UACJ;AAAA,UACA,SAAS;AAAA,YACP,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,MAAM;AAAA,YACJ,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,gBAAgB;AAAA,YACd,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WACE;AAAA,YACF,YACE;AAAA,UACJ;AAAA,UACA,iBAAiB;AAAA,YACf,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WACE;AAAA,YACF,YACE;AAAA,UACJ;AAAA,UACA,MAAM;AAAA,YACJ,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WACE;AAAA,YACF,YACE;AAAA,UACJ;AAAA,UACA,cAAc;AAAA,YACZ,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,UACA,sBAAsB;AAAA,YACpB,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YACE;AAAA,UACJ;AAAA,QACF;AAEA,eACE,KAAK,QAAQ,KAAK;AAAA,UAChB,OAAO;AAAA,UACP,MAAM;AAAA,UACN,WAAW;AAAA,UACX,YACE;AAAA,QACJ;AAAA,MAEJ,GAAG,CAAC,CAAC;AAEL,YAAM,yBAAqB;AAAA,QACzB,CAAC,UAA+C;AAC9C,gBAAM,QAAQ,MAAM,OAAO;AAC3B,yBAAe,KAAK;AAEpB,cAAI,MAAM,SAAS,GAAG;AACpB,kBAAM,SAAS,MAAM,YAAY;AACjC,kBAAM,WAAW,qBAAqB,KAAK,EAAE;AAAA,cAAO,CAAC,eACnD,WAAW,WAAW,YAAY,EAAE,SAAS,MAAM;AAAA,YACrD;AACA,mCAAuB,QAAQ;AAC/B,+BAAmB,IAAI;AACvB,uCAA2B,EAAE;AAAA,UAC/B,OAAO;AACL,mCAAuB,qBAAqB,KAAK,CAAC;AAClD,+BAAmB,IAAI;AACvB,uCAA2B,EAAE;AAAA,UAC/B;AAAA,QACF;AAAA,QACA,CAAC,OAAO,oBAAoB;AAAA,MAC9B;AAEA,YAAM,wBAAoB,4BAAY,MAAM;AAC1C,cAAM,cAAc,qBAAqB,KAAK;AAC9C,cAAM,SAAS,YAAY,YAAY;AACvC;AAAA,UACE,YAAY,WAAW,IACnB,cACA,YAAY;AAAA,YAAO,CAAC,eAClB,WAAW,WAAW,YAAY,EAAE,SAAS,MAAM;AAAA,UACrD;AAAA,QACN;AACA,2BAAmB,IAAI;AACvB,mCAA2B,EAAE;AAAA,MAC/B,GAAG,CAAC,OAAO,aAAa,oBAAoB,CAAC;AAE7C,YAAM,4BAAwB;AAAA,QAC5B,CAAC,eAAiC;AAChC,yBAAe,EAAE;AACjB,iCAAuB,CAAC,CAAC;AACzB,6BAAmB,KAAK;AACxB,qCAA2B,EAAE;AAC7B,uBAAa,WAAW,IAAI;AAAA,QAC9B;AAAA,QACA,CAAC,YAAY;AAAA,MACf;AAEA,YAAM,0BAAsB;AAAA,QAC1B,CAAC,UAAiD;AAChD,kBAAQ,MAAM,KAAK;AAAA,YACjB,KAAK;AACH,oBAAM,eAAe;AACrB,kBAAI,oBAAoB,WAAW,EAAG;AACtC,iCAAmB,IAAI;AACvB;AAAA,gBAA2B,CAAC,SAC1B,OAAO,oBAAoB,SAAS,IAAI,OAAO,IAAI;AAAA,cACrD;AACA;AAAA,YACF,KAAK;AACH,oBAAM,eAAe;AACrB,kBAAI,oBAAoB,WAAW,EAAG;AACtC,iCAAmB,IAAI;AACvB;AAAA,gBAA2B,CAAC,SAC1B,OAAO,IAAI,OAAO,IAAI,oBAAoB,SAAS;AAAA,cACrD;AACA;AAAA,YACF,KAAK;AACH,oBAAM,eAAe;AACrB,kBACE,mBACA,2BAA2B,KAC3B,0BAA0B,oBAAoB,QAC9C;AACA;AAAA,kBACE,oBAAoB,uBAAuB;AAAA,gBAC7C;AAAA,cACF;AACA;AAAA,YACF,KAAK;AACH,iCAAmB,KAAK;AACxB,yCAA2B,EAAE;AAC7B;AAAA,UACJ;AAAA,QACF;AAAA,QACA;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,YAAM,kBAAc,4BAAY,MAAM;AACpC,uBAAe,EAAE;AACjB,2BAAmB,KAAK;AACxB,+BAAuB,CAAC,CAAC;AACzB,mCAA2B,EAAE;AAC7B,gBAAQ;AACR,YAAI,eAAe,SAAS;AAC1B,yBAAe,QAAQ,MAAM;AAAA,QAC/B;AAAA,MACF,GAAG,CAAC,OAAO,CAAC;AAEZ,oCAAU,MAAM;AACd,2BAAmB,UAAU,mBAAmB,QAAQ;AAAA,UACtD;AAAA,UACA,oBAAoB;AAAA,QACtB;AAAA,MACF,GAAG,CAAC,oBAAoB,MAAM,CAAC;AAE/B,oCAAU,MAAM;AACd,YAAI,CAAC,mBAAmB,0BAA0B,EAAG;AAErD,cAAM,OAAO,mBAAmB;AAChC,cAAM,OAAO,mBAAmB,QAAQ,uBAAuB;AAC/D,YAAI,CAAC,QAAQ,CAAC,KAAM;AAEpB,cAAM,UAAU,KAAK;AACrB,cAAM,aAAa,UAAU,KAAK;AAClC,cAAM,aAAa,KAAK;AACxB,cAAM,gBAAgB,aAAa,KAAK;AAExC,YAAI,UAAU,YAAY;AACxB,eAAK,YAAY;AAAA,QACnB,WAAW,aAAa,eAAe;AACrC,eAAK,YAAY,aAAa,KAAK;AAAA,QACrC;AAAA,MACF,GAAG;AAAA,QACD;AAAA,QACA;AAAA,QACA,oBAAoB;AAAA,MACtB,CAAC;AAGD,oCAAU,MAAM;AACd,cAAM,qBAAqB,CAAC,UAAsB;AAChD,cACE,aAAa,WACb,CAAC,aAAa,QAAQ,SAAS,MAAM,MAAa,GAClD;AACA,+BAAmB,KAAK;AACxB,uCAA2B,EAAE;AAAA,UAC/B;AAAA,QACF;AAEA,iBAAS,iBAAiB,aAAa,kBAAkB;AACzD,eAAO,MAAM;AACX,mBAAS,oBAAoB,aAAa,kBAAkB;AAAA,QAC9D;AAAA,MACF,GAAG,CAAC,CAAC;AAEL,aACE,+CAAC,SAAI,KAAK,cAAc,WAAU,oCAChC;AAAA,uDAAC,SAAI,WAAU,YACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,OAAO;AAAA,cACP,UAAU;AAAA,cACV,WAAW;AAAA,cACX,SAAS;AAAA,cACT,WAAU;AAAA;AAAA,UACZ;AAAA,UACC,eACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,WAAU;AAAA,cACV,cAAW;AAAA,cAEX;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,SAAQ;AAAA,kBAER;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,aAAa;AAAA,sBACb,GAAE;AAAA;AAAA,kBACJ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,WAEJ;AAAA,QACC,mBAAmB,oBAAoB,SAAS,KAC/C;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAU;AAAA,YAET,8BAAoB,IAAI,CAAC,YAAY,UAAU;AAC9C,oBAAM,eAAe,gBAAgB,WAAW,IAAI;AACpD,oBAAM,OAAO,aAAa;AAC1B,oBAAM,aAAa,UAAU;AAC7B,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,KAAK,CAAC,YAAY;AAChB,uCAAmB,QAAQ,KAAK,IAAI;AAAA,kBACtC;AAAA,kBACA,SAAS,MAAM,sBAAsB,UAAU;AAAA,kBAC/C,cAAc,MAAM,2BAA2B,KAAK;AAAA,kBACpD,WAAW,mDACT,aACI,0GACA,2CACN;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,mFAAmF,aAAa,SAAS;AAAA,wBAEpH,wDAAC,QAAK,WAAU,eAAc;AAAA;AAAA,oBAChC;AAAA,oBACA,+CAAC,UAAK,WAAU,kBACd;AAAA,oEAAC,UAAK,WAAU,sEACb,qBAAW,OACd;AAAA,sBACC,WAAW,oBAAoB,WAAW,aACzC,+CAAC,UAAK,WAAU,uEAAsE;AAAA;AAAA,wBAChF,WAAW;AAAA,yBACjB;AAAA,uBAEJ;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,uEAAuE,aAAa,UAAU;AAAA,wBAExG,uBAAa;AAAA;AAAA,oBAChB;AAAA;AAAA;AAAA,gBA/BK,GAAG,WAAW,GAAG,IAAI,KAAK;AAAA,cAgCjC;AAAA,YAEJ,CAAC;AAAA;AAAA,QACH;AAAA,SAEJ;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,iBAAiB,cAAc;AAE/B,IAAO,2BAAQ;;;AC1yBf,IAAAC,iBAQO;AACP,IAAAC,wBAOO;;;ACfA,IAAM,WAAW,CAAC,WACvB,kBAAkB,gBACjB,OAAO,qBACN,CAAC,SAAS,YAAY,QAAQ,EAAE,SAAS,OAAO,OAAO;;;ACWpD,IAAM,qBAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEO,IAAM,mBAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,sBAAsB;AACxB;AAOO,SAAS,kBACd,cACA,OACA,OACgB;AAChB,QAAM,UAAU,oBAAI,IAAY;AAChC,QAAM,WAAW,oBAAI,IAAY;AAEjC,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,KAAK,WAAW,cAAc;AAChC,cAAQ,IAAI,KAAK,MAAM;AAAA,IACzB;AACA,QAAI,KAAK,WAAW,cAAc;AAChC,eAAS,IAAI,KAAK,MAAM;AAAA,IAC1B;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,WAAW,MAAM,OAAO,CAAC,MAAM,QAAQ,IAAI,EAAE,EAAE,CAAC;AAAA,IAChD,YAAY,MAAM,OAAO,CAAC,MAAM,SAAS,IAAI,EAAE,EAAE,CAAC;AAAA,EACpD;AACF;AAGA,IAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAKO,SAAS,mBAAmB,MAA6B;AAC9D,QAAM,WAAW,KAAK,QAAQ;AAC9B,QAAM,OAAO,KAAK;AAGlB,MAAI,aAAa,SAAS;AACxB,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,MAAM,MAAM,QAAQ,KAAK;AAAA,MACzB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,aAAa,SAAS,MAAM,QAAQ,SAAS;AAAA,IAC/C;AAAA,EACF;AAGA,MAAI,aAAa,gBAAgB;AAC/B,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,MAAM,MAAM,aAAa,KAAK;AAAA,MAC9B,MAAM;AAAA,MACN,SAAS;AAAA,MACT,aAAa,GAAG,MAAM,gBAAgB,CAAC,cAAc,MAAM,aAAa,SAAS;AAAA,IACnF;AAAA,EACF;AAEA,MAAI,aAAa,wBAAwB;AACvC,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,MAAM,MAAM,aAAa,KAAK;AAAA,MAC9B,MAAM;AAAA,MACN,SAAS;AAAA,MACT,aAAa,GAAG,MAAM,gBAAgB,CAAC;AAAA,IACzC;AAAA,EACF;AAGA,QAAM,YAAY,YAAY,KAAK,CAAC,QAAQ,KAAK,GAAG,CAAC;AACrD,QAAM,SAAS,YAAY,KAAK,SAAS,IAAI;AAE7C,QAAM,OACJ,QAAQ,MAAM,QAAQ,QAAQ,MAAM,KAAK,SAAS,KAAK,QAAQ,KAAK;AACtE,QAAM,UACJ,QAAQ,MAAM,WAAW,QAAQ,WAAW,KAAK,WAAW;AAC9D,QAAM,cACJ,QAAQ,MAAM,WACd,QAAQ,MAAM,eACd,QAAQ,WACR,QAAQ,eACR,KAAK,WACL,KAAK,eACL;AAEF,SAAO;AAAA,IACL,IAAI,KAAK;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,aAAa,cACT,oBAAoB,aAAa,GAAG,IACpC;AAAA,EACN;AACF;AAKA,SAAS,oBAAoB,MAAc,WAA2B;AACpE,MAAI,KAAK,UAAU,UAAW,QAAO;AACrC,SAAO,KAAK,MAAM,GAAG,SAAS,EAAE,KAAK,IAAI;AAC3C;AAiBA,IAAM,eAAuC;AAAA,EAC3C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AACf;AAKO,SAAS,cACd,MACe;AACf,QAAM,WAAW,KAAK,QAAQ;AAC9B,QAAM,OAAO,KAAK;AAGlB,MAAI,KAAK,SAAS;AAChB,UAAM,KAAK,KAAK,QAAQ,MAAM,MAAM,KAAK,QAAQ,MAAM;AACvD,UAAM,UAAU,KAAK,QAAQ,MAAM,WAAW,KAAK,QAAQ,WAAW;AACtE,UAAM,iBACJ,aAAa,WACT,WACA,aAAa,aACX,aACA;AACR,WAAO,MAAM,UAAU,SAAS,cAAc,IAAI,EAAE,IAAI,OAAO,KAAK;AAAA,EACtE;AAGA,MAAI,KAAK,QAAQ,aAAa,QAAQ;AACpC,UAAM,KAAK,KAAK,KAAK,MAAM;AAC3B,UAAM,UAAU,KAAK,KAAK,WAAW;AACrC,WAAO,MAAM,UAAU,oBAAoB,EAAE,IAAI,OAAO,KAAK;AAAA,EAC/D;AAGA,aAAW,CAAC,KAAK,IAAI,KAAK,OAAO,QAAQ,YAAY,GAAG;AACtD,QAAI,KAAK,GAAG,GAAG;AACb,YAAM,KAAK,KAAK,GAAG,EAAE,MAAM,MAAM,KAAK,GAAG,EAAE,MAAM;AACjD,YAAM,UAAU,KAAK,GAAG,EAAE,MAAM,WAAW,KAAK,GAAG,EAAE,WAAW;AAChE,aAAO,MAAM,UAAU,SAAS,IAAI,IAAI,EAAE,IAAI,OAAO,KAAK;AAAA,IAC5D;AAAA,EACF;AAEA,SAAO;AACT;;;AFkEQ,IAAAC,uBAAA;AAlOR,IAAM,cAAc,CAAC,SAAqB;AACxC,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,OAAO,KAAK,QAAQ;AAE1B,QAAM,WACJ,KAAK,WACL,KAAK,WACL,KAAK,SACL,KAAK,QACL,KAAK,aACL,KAAK;AAEP,QAAM,cAAc,KAAK,MAAM;AAC/B,QAAM,kBACJ,UAAU,WACV,UAAU,MAAM,WAChB,KAAK,QAAQ,WACb,KAAK;AACP,QAAM,WAAW,cAAc,IAAI;AACnC,SAAO;AAAA;AAAA,IAEL,OAAO,KAAK,MAAM,SAAS,KAAK;AAAA,IAChC,WAAW,KAAK,QAAQ,QAAQ,iBAAiB,IAAI,KAAK;AAAA,IAC1D,YAAY,mBAAmB,IAAI,KAAK,mBAAmB;AAAA,IAC3D,SAAS,eAAe;AAAA,IACxB,QACE,eAAe,mBAAmB,oBAAoB,cAClD,kBACA;AAAA,IACN,SAAS,WACL,SAAS,QAAQ,IACjB,KAAK,QAAQ,OAAO,KAAK,gBAAgB;AAAA,EAC/C;AACF;AAGA,IAAM,SACJ;AACF,IAAM,iBAAiB,GAAG,MAAM;AAChC,IAAM,eAAe,GAAG,MAAM;AAC9B,IAAM,cACJ;AAEF,IAAO,8BAAQ,qBAAK,SAAS,gBAAgB;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AAEvB,QAAM,CAAC,OAAO,QAAQ,QAAI,yBAAmB,CAAC,CAAC;AAC/C,QAAM,gBAAgB,MAAM,MAAM,SAAS,CAAC,KAAK;AACjD,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAwB,IAAI;AAIlE,QAAM,oBAAgB,uBAAO,EAAE;AAC/B,QAAM,qBAAqB,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,GAAG;AAC1D,MAAI,uBAAuB,cAAc,SAAS;AAChD,kBAAc,UAAU;AAAA,EAC1B;AACA,QAAM,aAAa,cAAc;AAEjC,QAAM,iBAAa,uBAAO,EAAE;AAC5B,QAAM,kBAAkB,MAAM,IAAI,CAAC,MAAM,GAAG,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,GAAG;AAC5E,MAAI,oBAAoB,WAAW,SAAS;AAC1C,eAAW,UAAU;AAAA,EACvB;AACA,QAAM,UAAU,WAAW;AAE3B,QAAM,gBAAY;AAAA,IAChB,MAAM,IAAI,IAAI,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;AAAA,IAClD,CAAC,UAAU;AAAA,EACb;AAEA,gCAAU,MAAM;AACd,QAAI,CAAC,uBAAuB,MAAM,WAAW,EAAG;AAGhD,UAAM,UAAU,IAAI,IAAI,MAAM,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;AACxD,UAAMC,SAAQ,MAAM,KAAK,CAAC,SAAS,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC;AACxD,QAAIA,UAAS,EAAE,eAAe,UAAU,IAAI,WAAW,IAAI;AACzD,qBAAeA,OAAM,EAAE;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,YAAY,SAAS,qBAAqB,WAAW,CAAC;AAI1D,gCAAU,MAAM;AACd,QAAI,iBAAiB,CAAC,UAAU,IAAI,aAAa,EAAG,UAAS,CAAC,CAAC;AAAA,EACjE,GAAG,CAAC,eAAe,SAAS,CAAC;AAE7B,QAAM,gBAAY;AAAA,IAChB,CAAC,WACC,SACI,MACG,OAAO,CAAC,SAAS,KAAK,WAAW,MAAM,EACvC,IAAI,CAAC,UAAU;AAAA,MACd,UAAU,KAAK;AAAA,MACf,OAAO,KAAK;AAAA,MACZ,YAAY,UAAU,IAAI,KAAK,MAAM;AAAA,IACvC,EAAE,EACD,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,UAAU,IACrC,CAAC;AAAA,IACP,CAAC,SAAS,SAAS;AAAA,EACrB;AACA,QAAM,qBAAiB;AAAA,IACrB,MAAM,UAAU,aAAa;AAAA,IAC7B,CAAC,WAAW,aAAa;AAAA,EAC3B;AAIA,QAAM,iBAAa;AAAA,IACjB,CAAC,QAAgB,WAAqB;AACpC,YAAM,OAAO,IAAI,IAAI,MAAM;AAC3B,UAAI,QAAQ;AACZ,UAAIC,QAAO,UAAU,MAAM,EAAE,CAAC,GAAG;AACjC,aAAOA,SAAQ,CAAC,KAAK,IAAIA,KAAI,GAAG;AAC9B,aAAK,IAAIA,KAAI;AACb;AACA,QAAAA,QAAO,UAAUA,KAAI,EAAE,CAAC,GAAG;AAAA,MAC7B;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,iBAAa;AAAA,IACjB,MAAO,gBAAgB,MAAM,SAAS,WAAW,eAAe,KAAK,IAAI;AAAA,IACzE,CAAC,OAAO,eAAe,UAAU;AAAA,EACnC;AAEA,QAAM,iBAAa;AAAA,IACjB,MAAO,cAAc,IAAI,WAAW,aAAa,CAAC,WAAW,CAAC,IAAI;AAAA,IAClE,CAAC,aAAa,UAAU;AAAA,EAC1B;AAEA,QAAM,WAAO;AAAA,IACX,CAAC,cAAwB;AACvB,eAAS,SAAS;AAClB,YAAM,SAAS,UAAU,UAAU,SAAS,CAAC;AAC7C,UAAI,CAAC,QAAQ;AACX,qBAAa,IAAI;AACjB;AAAA,MACF;AACA,mBAAa,QAAQ,OAAO,SAAS;AAAA,IACvC;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,YAAQ,4BAAY,MAAM;AAC9B,QAAI,YAAa,MAAK,CAAC,WAAW,CAAC;AAAA,EACrC,GAAG,CAAC,aAAa,IAAI,CAAC;AAEtB,QAAM,CAAC,cAAc,eAAe,QAAI,yBAAS,CAAC;AAClD,gCAAU,MAAM,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC;AACnD,QAAM,WAAO;AAAA,IACX,CAAC,QAAQ,iBAAiB;AACxB,YAAM,OAAO,eAAe,KAAK;AACjC,UAAI,KAAM,MAAK,CAAC,GAAG,OAAO,KAAK,QAAQ,CAAC;AAAA,IAC1C;AAAA,IACA,CAAC,gBAAgB,cAAc,OAAO,IAAI;AAAA,EAC5C;AACA,QAAM,eAAW,4BAAY,MAAM,KAAK,MAAM,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC;AAC1E,QAAM,aAAS,4BAAY,MAAM;AAC/B,aAAS,CAAC,CAAC;AACX,iBAAa,MAAM,IAAI;AAAA,EACzB,GAAG,CAAC,YAAY,CAAC;AAGjB,QAAM,YAAY,MAAM,SAAS;AACjC,gCAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,WAAW,MAAM,WAAW,MAAM,OAAQ;AACpD,UAAI,SAAS,MAAM,MAAM,EAAG;AAC5B,UAAI,MAAM,QAAQ,aAAc,MAAK;AAAA,eAC5B,MAAM,QAAQ,YAAa,UAAS;AAAA,eACpC,MAAM,QAAQ,SAAU,QAAO;AAAA,eAC/B,UAAU,KAAK,MAAM,GAAG,KAAK,eAAe,SAAS;AAC5D,aAAK,OAAO,MAAM,GAAG,IAAI,CAAC;AAAA,UACvB;AACL,YAAM,eAAe;AAAA,IACvB;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,WAAW,gBAAgB,MAAM,UAAU,MAAM,CAAC;AAEtD,QAAM,cAAc,gBAAgB,UAAU,IAAI,aAAa,IAAI;AACnE,QAAM,WAAO;AAAA,IACX,MAAO,cAAc,YAAY,WAAW,IAAI;AAAA,IAChD,CAAC,WAAW;AAAA,EACd;AAIA,QAAM,CAAC,UAAU,WAAW,QAAI,yBAAS,KAAK;AAC9C,QAAM,CAAC,OAAO,QAAQ,QAAI,yBAAS,KAAK;AACxC,QAAM,eAAW,uBAA2B,IAAI;AAChD,QAAM,iBAAa,uBAA6B,IAAI;AACpD,gCAAU,MAAM,YAAY,KAAK,GAAG,CAAC,aAAa,CAAC;AACnD,sCAAgB,MAAM;AACpB,QAAI,SAAU;AACd,UAAM,QAAQ,SAAS;AACvB,UAAM,UAAU,WAAW;AAC3B;AAAA,MACE,CAAC,CAAC,MAAM,UACL,CAAC,CAAC,SAAS,MAAM,cAAc,MAAM,eACrC,CAAC,CAAC,WAAW,QAAQ,eAAe,QAAQ,eAAe;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,gBAAY,wBAAQ,MAAM;AAC9B,UAAM,YAAY,cAAc,UAAU,IAAI,WAAW,IAAI;AAC7D,WAAO,YAAY,YAAY,SAAS,IAAI;AAAA,EAC9C,GAAG,CAAC,aAAa,SAAS,CAAC;AAE3B,MAAI,CAAC,uBAAuB,MAAM,WAAW,GAAG;AAC9C,WAAO;AAAA,EACT;AAIA,MAAI,CAAC,aAAa,CAAC,MAAM;AACvB,WACE,+CAAC,SAAI,WAAU,+HACb;AAAA,oDAAC,SAAI,WAAU,6CAA4C;AAAA,MAC3D,+CAAC,SAAI,WAAU,kBAEb;AAAA,uDAAC,SAAI,WAAU,uCACb;AAAA,wDAAC,UAAK,WAAU,wGACd,wDAAC,8BAAK,WAAU,4BAA2B,GAC7C;AAAA,UACA,8CAAC,QAAG,WAAU,iFAAgF,oCAE9F;AAAA,WACF;AAAA,QACA,+CAAC,OAAE,WAAU,gFAA+E;AAAA;AAAA,UAEzF,YAAY,iBAAiB,UAAU,KAAK,MAAM;AAAA,WACrD;AAAA,QACA,+CAAC,SAAI,WAAU,gDACb;AAAA,wDAAC,UAAK,WAAU,sDACb,uBAAa,KAAK,GAAG,UAAU,UAClC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,OAAM;AAAA,cACN,WAAW;AAAA,cACZ;AAAA;AAAA,gBAEC,8CAAC,sCAAa,WAAU,eAAc;AAAA;AAAA;AAAA,UACxC;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,aAAa,MAAM;AACzB,QAAM,QAAQ,eAAe,WAAW;AACxC,QAAM,WAAW,eAAe,SAAS;AAEzC,SACE,+CAAC,SAAI,WAAU,+HAEb;AAAA,kDAAC,SAAI,WAAU,6CACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,GAAI,aAAa,aAAc,GAAG,IAAI;AAAA;AAAA,IACxD,GACF;AAAA,IAEA,+CAAC,SAAI,WAAU,kBACb;AAAA,qDAAC,SAAI,WAAU,mCACb;AAAA,uDAAC,UAAK,WAAU,yFACb;AAAA;AAAA,UAAW;AAAA,UAAE;AAAA,WAChB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,yFAAyF,KAAK,UAAU;AAAA,YAElH,eAAK;AAAA;AAAA,QACR;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW,wEACT,WAAW,gBAAgB,UAC7B;AAAA,YACA,OAAO,WAAW,SAAY,KAAK;AAAA,YAElC,eAAK;AAAA;AAAA,QACR;AAAA,QACC,KAAK,WACJ;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,KAAK;AAAA,YACX,cAAY,qBAAqB,KAAK,KAAK;AAAA,YAC3C,OAAM;AAAA,YACN,WAAW;AAAA,YAEX,wDAAC,sCAAa,WAAU,eAAc;AAAA;AAAA,QACxC;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAW,GAAG,WAAW;AAAA,YAEzB,wDAAC,2BAAE,WAAU,eAAc;AAAA;AAAA,QAC7B;AAAA,SACF;AAAA,MAEC,KAAK,WACJ;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,SAAS,QAAQ,MAAM,YAAY,CAAC,QAAQ,IAAI;AAAA,UAChD,WAAW,mEACT,WAAW,6BAA6B,cAC1C,IAAI,QAAQ,mBAAmB,EAAE;AAAA,UAEhC,eAAK;AAAA;AAAA,MACR;AAAA,MAED,YAAY,KAAK,UAChB,8CAAC,OAAE,WAAU,sJACV,eAAK,QACR;AAAA,MAED,SACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,YAAY,CAAC,QAAQ;AAAA,UACpC,iBAAe;AAAA,UACf,WAAU;AAAA,UAET,qBAAW,SAAS;AAAA;AAAA,MACvB;AAAA,MAGF,+CAAC,SAAI,WAAU,gDACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,OAAM;AAAA,YACN,WAAW;AAAA,YAEX;AAAA,4DAAC,qCAAY,WAAU,eAAc;AAAA,cAAE;AAAA;AAAA;AAAA,QAEzC;AAAA,QACC,QACC,+CAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,OAAM;AAAA,cACN,WAAW;AAAA,cAEX;AAAA,8DAAC,mCAAU,WAAU,WAAU;AAAA,gBAAE;AAAA;AAAA;AAAA,UAEnC;AAAA,UACA,8CAAC,YAAO,MAAK,UAAS,SAAS,QAAQ,WAAW,gBAAgB,oBAElE;AAAA,WACF,IACE;AAAA;AAAA,UAEF,+CAAC,SAAI,WAAU,sDACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,UAAU,CAAC,UACT,gBAAgB,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,gBAE5C,cAAW;AAAA,gBACX,OAAM;AAAA,gBACN,WAAU;AAAA,gBAET,yBAAe,IAAI,CAAC,MAAM,UAAU;AACnC,wBAAM,SAAS,YAAY,KAAK,UAAU,EAAE;AAC5C,yBACE,+CAAC,YAA2B,OAAO,OAChC;AAAA,4BAAQ;AAAA,oBAAE;AAAA,oBAAE;AAAA,oBACZ,KAAK,QAAQ,GAAG,KAAK,KAAK,WAAM,MAAM,KAAK;AAAA,uBAFjC,KAAK,QAGlB;AAAA,gBAEJ,CAAC;AAAA;AAAA,YACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,KAAK;AAAA,gBACpB,OAAM;AAAA,gBACN,WAAW;AAAA,gBACZ;AAAA;AAAA,kBAEC,8CAAC,sCAAa,WAAU,eAAc;AAAA;AAAA;AAAA,YACxC;AAAA,aACF;AAAA,YAEA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,KAAK;AAAA,YACpB,OAAM;AAAA,YACN,WAAW;AAAA,YACZ;AAAA;AAAA,cAEC,8CAAC,sCAAa,WAAU,eAAc;AAAA;AAAA;AAAA,QACxC;AAAA,SAEJ;AAAA,OACF;AAAA,KACF;AAEJ,CAAC;;;AGjfD,IAAAC,iBAAqB;AACrB,IAAAA,iBAAgD;AAiB5C,IAAAC,uBAAA;AAfJ,IAAM,aAAa;AAEnB,IAAM,YAAQ,qBAAK,SAASC,OAAM;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,WAAO,gCAAgB,MAAM;AACnC,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,EAAE,GAAG,EAAE,IAAI,KAAK,UAAU;AAChC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oHACT,UAAU,4CAA4C,YACxD;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA;AAAA,QAEV,WAAW,aAAa,IAAI,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC;AAAA,QACnE,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAOD,IAAO,gCAAQ,qBAAK,SAAS,kBAAkB,EAAE,MAAM,GAAwB;AAC7E,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,UAAU,oBAAI,IAAoB;AACxC,QAAM,QAAQ,CAAC,QAAQ,UAAU,QAAQ,IAAI,QAAQ,QAAQ,CAAC,CAAC;AAC/D,QAAM,UAAU,MAAM,MAAM,SAAS,CAAC;AACtC,SACE,8CAAC,iCACE,WAAC,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,QAAQ,MAAM,MAChC;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA;AAAA,MACA,SAAS,WAAW;AAAA;AAAA,IAHf;AAAA,EAIP,CACD,GACH;AAEJ,CAAC;;;AC3DD,IAAAC,iBAAqC;AACrC,IAAAA,iBAAsB;AACtB,cAAyB;AACzB,IAAAC,wBAAoC;AAqD5B,IAAAC,uBAAA;AApBR,IAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAQM;AACJ,QAAM,kBAAkB,mBAAmB;AAC3C,SACE,+CAAS,cAAR,EACC;AAAA,kDAAS,iBAAR,EAAgB,SAAO,MACtB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,gBAAc;AAAA,QAEd,iBAAe,YAAY;AAAA,QAC3B,SAAS,WAAW,SAAY;AAAA,QAChC,WAAW,yEACT,WACI,wEACA,SACE,6JACA,qIACR;AAAA,QAEC;AAAA;AAAA,IACH,GACF;AAAA,IACA,8CAAS,gBAAR,EAAe,WAAW,iBACzB;AAAA,MAAS;AAAA,MAAR;AAAA,QACC,MAAK;AAAA,QACL,YAAY;AAAA,QACZ,WAAU;AAAA,QAET;AAAA;AAAA,UACA,QAAQ,8CAAC,SAAI,WAAU,qBAAqB,gBAAK;AAAA;AAAA;AAAA,IACpD,GACF;AAAA,KACF;AAEJ;AAEA,IAAM,UAAU,MACd,8CAAC,SAAI,WAAU,iDAAgD;AAMjE,IAAM,oBAAgB,qBAAK,SAASC,eAAc;AAAA,EAChD;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,SACE,8CAAC,wBAAM,UAAS,iBACd,wDAAS,kBAAR,EAAiB,eAAe,KAC/B,yDAAC,SAAI,WAAU,6HACZ;AAAA,WAAO,SAAS,KACf;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,QAET,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,SAAS,QAAQ,CAAC,KAAK,MAAM,WAAW;AAAA,YAC/C,MAAM,MAAM;AAAA,YACZ,QAAQ,MAAM;AAAA,YACd,UAAU,CAAC,CAAC,MAAM;AAAA,YAClB,SAAS,MAAM;AAAA,YAEf,yDAAC,UAAK,WAAU,yBAAwB;AAAA;AAAA,cAAE,QAAQ;AAAA,eAAE;AAAA;AAAA,UAP/C,MAAM;AAAA,QAQb,CACD;AAAA;AAAA,IACH;AAAA,IAED,MAAM,SAAS,KACd,gFACG;AAAA,aAAO,SAAS,KAAK,8CAAC,WAAQ;AAAA,MAC9B,MAAM,IAAI,CAAC,SACV;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,SAAS,KAAK;AAAA,UAEb,eAAK;AAAA;AAAA,QALD,KAAK;AAAA,MAMZ,CACD;AAAA,OACH;AAAA,KAEA,OAAO,SAAS,KAAK,MAAM,SAAS,MAAM,CAAC,uBAC3C,8CAAC,WAAQ;AAAA,IAEV,CAAC,uBACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,QAET,wDAAC,6BAAI,WAAU,WAAU;AAAA;AAAA,IAC3B;AAAA,KAEA,OAAO,SAAS,KAAK,MAAM,SAAS,KAAK,CAAC,wBAC1C,8CAAC,WAAQ;AAAA,IAEX;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,cAAc,iBAAiB;AAAA,QACtC,QAAQ;AAAA,QACR,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,QAE1C,wDAAC,6BAAI,WAAU,WAAU;AAAA;AAAA,IAC3B;AAAA,IACA,8CAAC,iBAAc,OAAM,eAAc,SAAS,eAC1C,wDAAC,mCAAU,WAAU,WAAU,GACjC;AAAA,KACF,GACF,GACF;AAEJ,CAAC;AAED,IAAO,wBAAQ;;;AC/Kf,IAAAC,iBAA6D;AAC7D,mBAA8B;AAC9B,IAAAC,wBAA8D;;;ACF9D,IAAAC,iBAAqB;AAErB,IAAAC,wBAAuD;;;ACAvD,IAAAC,iBAA2D;AAgBpD,IAAM,oBAAoB,CAAC,SAAyB;AACzD,SAAO,GAAG,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,OAAO;AAC7C;AACO,IAAM,qBAAqB,CAAC,UAAe;AAChD,SAAO,MACJ,IAAI,CAAC,SAAc,GAAG,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,OAAO,EAAE,EACzD,KAAK,GAAG;AACb;AACO,IAAM,qBAAqB,CAChC,QACA,WACG;AACH,SAAO,GAAG,OAAO,KAAK,EAAE,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,EAAE,IAAI,OAAO,KAAK,OAAO;AAC1F;AAEO,IAAM,qBAAqB,CAAC,OAAe;AAGhD,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,GAAG,QAAQ,KAAK;AAClC,WAAO,GAAG,WAAW,CAAC,MAAM,QAAQ,KAAK;AAAA,EAC3C;AAGA,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,UAAM,QAAS,QAAS,IAAI,IAAM;AAClC,aAAS,MAAM,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAAA,EAC7C;AAEA,SAAO;AACT;AAEO,IAAM,iCAAiC,CAAC,SAAgC;AAC7E,QAAM,OAAO,KAAK;AAClB,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AACO,IAAM,iCAAiC,CAC5C,MACA,iBAAiB,UACd;AACH,QAAM,OAAO,KAAK;AAClB,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO,iBAAiB,kBAAkB;AAAA,IAC5C,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKO,IAAM,mBAAmB,CAAC,UAAmB;AAClD,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,KAAK;AAC3C,WAAO,EAAE,OAAO,GAAG,QAAQ,EAAE;AAC/B,QAAM,QAAQ,MAAM,MAAM,IAAI;AAC9B,QAAM,cAAc,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,MAAM,CAAC;AACvE,SAAO,EAAE,OAAO,cAAc,IAAI,IAAI,QAAQ,MAAM,SAAS,KAAK,GAAG;AACvE;AAEO,IAAM,aAAa,CAAC,gBAA4B;AACrD,SAAO;AAAA,IACL,OAAO;AAAA,IACP,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMV,WAAW;AAAA,MACT,MAAM,0BAAW;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,iBAAiB;AAAA,IACnB;AAAA,IACA,GAAG;AAAA,EACL;AACF;AAEO,IAAM,aAAa,CAAC,WAAuB;AAChD,SAAO;AAAA,IACL,gBAAgB,wBAAS;AAAA,IACzB,gBAAgB,wBAAS;AAAA,IACzB,GAAG;AAAA,EACL;AACF;;;ACpGA,IAAM,eAA2B,EAAE,OAAO,KAAK,QAAQ,IAAI;AAC3D,IAAM,aAAyC;AAAA,EAC7C,QAAQ,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAClC,UAAU,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACpC,SAAS,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACnC,UAAU,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACpC,MAAM,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAChC,SAAS,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACnC,QAAQ,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAClC,kBAAkB,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAC5C,iBAAiB,EAAE,OAAO,KAAK,QAAQ,GAAG;AAAA,EAC1C,OAAO,EAAE,OAAO,KAAK,QAAQ,GAAG;AAAA,EAChC,MAAM,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAChC,MAAM,EAAE,OAAO,KAAK,QAAQ,GAAG;AAAA;AAAA,EAE/B,gBAAgB,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAC1C,gBAAgB,EAAE,OAAO,KAAK,QAAQ,IAAI;AAC5C;AAGA,IAAM,cAAc,oBAAI,IAAI,CAAC,gBAAgB,gBAAgB,OAAO,CAAC;AAG9D,IAAM,cAAc,CAAC,SAA2B;AACrD,MAAI,KAAK,UAAU,SAAS,KAAK,UAAU,QAAQ;AACjD,WAAO,EAAE,OAAO,KAAK,SAAS,OAAO,QAAQ,KAAK,SAAS,OAAO;AAAA,EACpE;AACA,MAAI,OAAO,KAAK,UAAU,YAAY,OAAO,KAAK,WAAW,UAAU;AACrE,WAAO,EAAE,OAAO,KAAK,OAAO,QAAQ,KAAK,OAAO;AAAA,EAClD;AAEA,MAAI,KAAK,SAAS,aAAa,KAAK,SAAS,UAAU;AACrD,UAAM,WAAY,KAAK,MAAc,QAAQ,MAAM,YAAY,CAAC;AAChE,WAAO,EAAE,OAAO,KAAK,QAAQ,KAAK,SAAS,SAAS,GAAG;AAAA,EACzD;AACA,SAAO,WAAW,KAAK,QAAQ,EAAE,KAAK;AACxC;AAGA,IAAM,gBAAgB;AAItB,IAAM,UAAU;AAAA,EACd,6CAA6C;AAAA,EAC7C,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAC1B;AAIA,IAAM,oBAAoB;AAC1B,IAAM,oBAAoB;AAC1B,IAAM,sBAAqC;AAAA,EACzC,sCAAsC;AAAA,EACtC,4BAA4B;AAAA,EAC5B,sDAAsD;AACxD;AAEA,IAAI;AAEJ,IAAM,SAAS,YAAY;AACzB,MAAI,CAAC,KAAK;AACR,UAAM,EAAE,SAAS,IAAI,IAAI,MAAM,OAAO,0BAA0B;AAChE,UAAM,IAAI,IAAI;AAAA,EAChB;AACA,SAAO;AACT;AAaO,IAAM,gBAAgB,OAC3B,EAAE,OAAO,MAAM,GACf,EAAE,SAAS,YAAY,IAA6C,CAAC,MAC5C;AACzB,QAAM,YAAY,IAAI,IAAI,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;AAC9D,QAAM,WAAW,IAAI;AAAA,IACnB,MACG,IAAI,CAAC,SAAS,KAAK,QAAQ,EAC3B,OAAO,CAAC,OAAqB,CAAC,CAAC,MAAM,UAAU,IAAI,EAAE,CAAC;AAAA,EAC3D;AACA,QAAM,WAAW,CAAC,SAChB,KAAK,YAAY,SAAS,IAAI,KAAK,QAAQ,IAAI,KAAK,WAAW;AAMjE,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,SAAS,UAAU,IAAI,KAAK,MAAM,KAAK,UAAU,IAAI,KAAK,MAAM;AAAA,EACnE;AACA,QAAM,QAAQ,oBAAI,IAAuB;AACzC,QAAM,UAAU,CACd,QACA,IACA,SACW;AACX,UAAM,YAAY,MAAM,IAAI,MAAM,KAAK,CAAC;AACxC,QAAI,CAAC,UAAU,KAAK,CAAC,SAAS,KAAK,OAAO,EAAE,GAAG;AAC7C,YAAM,IAAI,QAAQ;AAAA,QAChB,GAAG;AAAA,QACH,EAAE,IAAI,eAAe,EAAE,iBAAiB,KAAK,EAAE;AAAA,MACjD,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT;AACA,QAAM,YAAY,YAAY,IAAI,CAAC,MAAM,WAAW;AAAA,IAClD,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,KAAK,eACD,GAAG,KAAK,MAAM,KAAK,KAAK,YAAY,KACpC,IAAI,KAAK;AAAA,MACb;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,KAAK,eACD,GAAG,KAAK,MAAM,KAAK,KAAK,YAAY,KACpC,IAAI,KAAK;AAAA,MACb;AAAA,IACF;AAAA,EACF,EAAE;AAEF,QAAM,YAAY,CAAC,UAAyB;AAAA,IAC1C,IAAI,KAAK;AAAA,IACT,GAAI,SAAS,IAAI,KAAK,EAAE,IACpB;AAAA,MACE,UAAU,MACP,OAAO,CAAC,UAAU,SAAS,KAAK,MAAM,KAAK,EAAE,EAC7C,IAAI,SAAS;AAAA,IAClB,IACA,OAAO,IAAI;AAAA,IACf,eAAe;AAAA,MACb,uBAAuB;AAAA,MACvB,GAAI,SAAS,IAAI,KAAK,EAAE,IACpB,EAAE,eAAe,eAAe,GAAG,QAAQ,IAC3C,CAAC;AAAA;AAAA,MAEL,GAAK,KAAK,MACN,iBAAiB,CAAC;AAAA,IACxB;AAAA,IACA,OAAO,MAAM,IAAI,KAAK,EAAE,KAAK,CAAC;AAAA,EAChC;AAEA,QAAM,SAAS,OACb,MAAM,OAAO,GACb,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,yBAAyB;AAAA,MACzB,mBAAmB;AAAA;AAAA,MAEnB,uBAAuB;AAAA,MACvB,4BAA4B;AAAA,MAC5B,GAAG;AAAA,MACH,GAAI,MAAM,UAAU,qBAAqB,MAAM,UAAU,oBACrD,sBACA,EAAE,sCAAsC,kBAAkB;AAAA,IAChE;AAAA,IACA,UAAU,MAAM,OAAO,CAAC,SAAS,CAAC,SAAS,IAAI,CAAC,EAAE,IAAI,SAAS;AAAA,IAC/D,OAAO,YAAY,IAAI,CAAC,MAAM,WAAW;AAAA,MACvC,IAAI,IAAI,KAAK;AAAA,MACb,SAAS,CAAC,UAAU,KAAK,EAAE,MAAM;AAAA,MACjC,SAAS,CAAC,UAAU,KAAK,EAAE,MAAM;AAAA;AAAA,MAEjC,QAAQ,KAAK,QACT;AAAA,QACE;AAAA,UACE,MAAM,OAAO,KAAK,KAAK;AAAA,UACvB,GAAG,iBAAiB,KAAK,KAAK;AAAA,UAC9B,eAAe,EAAE,yBAAyB,OAAO;AAAA,QACnD;AAAA,MACF,IACA,CAAC;AAAA,IACP,EAAE;AAAA,EACJ,CAAC;AAED,QAAM,UAAU,oBAAI,IAAqB;AACzC,QAAM,UAAU,CAAC,aACd,QAAQ,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU;AAC1C,YAAQ,IAAI,MAAM,IAAI,KAAK;AAC3B,YAAQ,KAAK;AAAA,EACf,CAAC;AACH,UAAQ,MAAM;AAGd,QAAM,WAAW,CAAC,WAA6C;AAC7D,UAAM,OAAO,UAAU,IAAI,MAAM;AACjC,UAAM,SAAS,QAAQ,SAAS,IAAI;AACpC,UAAM,SAAS,SAAS,SAAS,MAAM,IAAI,EAAE,GAAG,GAAG,GAAG,EAAE;AACxD,UAAM,UAAU,QAAQ,IAAI,MAAM;AAClC,WAAO,EAAE,GAAG,OAAO,KAAK,SAAS,KAAK,IAAI,GAAG,OAAO,KAAK,SAAS,KAAK,GAAG;AAAA,EAC5E;AAEA,QAAM,SAAS,oBAAI,IAAqB;AACxC,GAAC,OAAO,SAAS,CAAC,GAAG,QAAQ,CAAC,YAA6B;AACzD,UAAM,UAAU,QAAQ,WAAW,CAAC;AACpC,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,QAAQ,SAAS,CAAC;AAChC,UAAM,OAAO,YAAY,OAAO,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC;AACpD,WAAO,IAAI,MAAM;AAAA,MACf,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,GAAI,QAAQ,cAAc,CAAC;AAAA,QAC3B,QAAQ;AAAA,MACV;AAAA,MACA,OAAO,QACH;AAAA,QACE,IAAI,MAAM,KAAK,MAAM,MAAM,SAAS,KAAK;AAAA,QACzC,IAAI,MAAM,KAAK,MAAM,MAAM,UAAU,KAAK;AAAA,MAC5C,IACA;AAAA,MACJ,QAAQ,SAAS,KAAK,MAAM;AAAA,MAC5B,QAAQ,SAAS,KAAK,MAAM;AAAA,IAC9B,CAAC;AAAA,EACH,CAAC;AAED,QAAM,QAAQ,CAAC,SAAwB;AACrC,UAAM,SAAS,QAAQ,SAAS,IAAI;AACpC,WAAO,SAAS,MAAM,UAAU,IAAI,MAAM,CAAC,IAAI,IAAI;AAAA,EACrD;AAEA,SAAO;AAAA;AAAA,IAEL,OAAO,CAAC,GAAG,KAAK,EACb,KAAK,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC,EAClC,IAAI,CAAC,SAAS;AACb,YAAM,UAAU,QAAQ,IAAI,KAAK,EAAE;AACnC,UAAI,CAAC,QAAS,QAAO;AACrB,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,CAAC,GAAG,CAAC;AAAA,QACb,UAAU,EAAE,GAAG,QAAQ,KAAK,GAAG,GAAG,QAAQ,KAAK,EAAE;AAAA,QACjD,GAAI,SAAS,IAAI,KAAK,EAAE,KACvB,YAAY,IAAI,KAAK,QAAQ,EAAE,KAC9B,OAAO,KAAK,OAAO,UAAU,WAC3B;AAAA,UACE,OAAO;AAAA,YACL,GAAG,KAAK;AAAA,YACR,OAAO,QAAQ;AAAA,YACf,QAAQ,QAAQ;AAAA,UAClB;AAAA;AAAA,UAEA,UAAU;AAAA,QACZ,IACA,CAAC;AAAA,MACP;AAAA,IACF,CAAC;AAAA,IACH,OAAO,MAAM,IAAI,CAAC,SAAS;AACzB,YAAM,QAAQ,OAAO,IAAI,IAAI;AAC7B,aAAO,QAAQ,EAAE,GAAG,MAAM,MAAM,EAAE,GAAG,KAAK,MAAM,MAAM,EAAE,IAAI;AAAA,IAC9D,CAAC;AAAA,EACH;AACF;;;AC/QO,IAAM,qBAAqB;AAG3B,IAAM,iBAAgC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACO,IAAM,gBAAgB,CAAC,UAC5B,eAAe,SAAS,KAAoB;AACvC,IAAM,mBAAmB,CAAC,UAC/B,UAAU,WAAW,UAAU;AAE1B,IAAM,2BAAwD;AAAA,EACnE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,iBAAiB;AACnB;AAoBA,IAAM,gBAAgB;AACtB,IAAM,kBAAkB;AAGjB,IAAM,oBAAoB;AACjC,IAAM,eAAe,EAAE,GAAG,IAAI,GAAG,GAAG;AACpC,IAAM,UAAU;AAChB,IAAM,aAAa;AAGZ,IAAM,aAAa,EAAE,UAAU,IAAI,UAAU,IAAI,KAAK,GAAG;AAEhE,IAAM,qBAAqB;AAE3B,IAAM,cAAc,CAAC,UACnB,WAAW,WACX,WAAW,MACX,MAAM,SAAS,WAAW,WAAW;AAEvC,IAAM,UAAU,CAAC,SACd,KAAK,MAA4C;AAE7C,IAAM,iBAAiB,CAAC,SAAe,KAAK,SAAS;AAGrD,IAAM,eAAe,CAAC,OAAe,YAC1C,YAAY,kBACR,aAAa,OAAO,QAAQ,KAAK,aAAa,OAAO,QAAQ,IAC7D,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,IAAI,IAAI,OAAO,CAAC;AAO9C,IAAM,cAAc,CAAC,OAAe,YAAiC;AAC1E,QAAM,QAAQ,YAAY,kBAAkB,WAAW;AACvD,SAAO,IAAI;AAAA,IACT,MAAM,IAAI,CAAC,SAAS,QAAQ,IAAI,IAAI,KAAK,GAAG,EAAE,EAAE,OAAO,OAAO;AAAA,EAChE,EAAE;AACJ;AAUO,IAAM,cAAc,CACzB,OACA,OACA,YACG;AACH,QAAM,SAAS,oBAAI,IAAoB;AACvC,QAAM,QAAQ,oBAAI,IAAoB;AACtC,QAAM,QAAQ,CAAC,SAAS;AACtB,UAAM,QAAQ,QAAQ,IAAI;AAC1B,UAAM,OAAO,QAAQ,OAAO;AAC5B,QAAI,MAAM;AACR,aAAO,IAAI,KAAK,IAAI,KAAK,EAAE;AAC3B,YAAM,IAAI,KAAK,IAAI,KAAK,IAAI;AAAA,IAC9B,WAAW,OAAO,UAAU;AAC1B,aAAO,IAAI,KAAK,IAAI,aAAa;AAAA,IACnC;AAAA,EACF,CAAC;AAED,QAAM,MAAM,IAAI,IAAI,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAIhD,QAAM,WAAW,IAAI;AAAA,IACnB,MAAM,OAAO,CAAC,SAAS,QAAQ,IAAI,CAAC,EAAE,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,EAC7D;AACA,QAAM,QAAQ,MAAM;AAAA,IAClB,CAAC,SAAS,IAAI,IAAI,KAAK,MAAM,KAAK,IAAI,IAAI,KAAK,MAAM;AAAA,EACvD;AAGA,QAAM,UAAU,CAAC,MAA2B,OAA4B;AACtE,QAAI,UAAU;AACd,WAAO,SAAS;AACd,gBAAU;AACV,YAAM,QAAQ,CAAC,SAAS;AACtB,cAAM,OAAO,OAAO,IAAI,KAAK,IAAI,CAAC;AAClC,YAAI,QAAQ,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,EAAE,CAAC,GAAG;AAC5D,iBAAO,IAAI,KAAK,EAAE,GAAG,IAAI;AACzB,oBAAU;AAAA,QACZ;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACA,UAAQ,UAAU,QAAQ;AAC1B,UAAQ,UAAU,QAAQ;AAC1B,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,CAAC,OAAO,IAAI,KAAK,EAAE,EAAG,QAAO,IAAI,KAAK,IAAI,eAAe;AAAA,EAC/D,CAAC;AAED,SAAO,EAAE,QAAQ,MAAM;AACzB;AAeO,IAAM,kBAAkB,CAC7B,EAAE,OAAO,MAAM,GACf,SACA,EAAE,SAAS,YAAY,IAAyB,CAAC,MACZ;AACrC,QAAM,WAAW,MAAM,OAAO,CAAC,SAAS,CAAC,KAAK,QAAQ;AACtD,MAAI,SAAS,WAAW,EAAG,QAAO,EAAE,OAAO,MAAM;AACjD,QAAM,EAAE,QAAQ,MAAM,IAAI,YAAY,UAAU,OAAO,OAAO;AAE9D,QAAM,QAAQ,IAAI;AAAA,IAChB,SAAS,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE,GAAG,KAAK,UAAU,GAAG,OAAO,IAAI,EAAE,CAAC,CAAC;AAAA,EACzE;AAGA,QAAM,QAAQ,CAAC,SACb,SAAS,gBACL,YACA,SAAS,kBACP,WACA,KAAK;AAAA,IACH,GAAG,SACA,OAAO,CAAC,SAAS,OAAO,IAAI,KAAK,EAAE,MAAM,IAAI,EAC7C,IAAI,CAAC,SAAS,MAAM,IAAI,KAAK,EAAE,EAAG,CAAC;AAAA,EACxC;AACR,QAAM,QAAQ,CAAC,GAAG,IAAI,IAAI,OAAO,OAAO,CAAC,CAAC,EAAE;AAAA,IAC1C,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,MAAM,CAAC;AAAA,EAC9B;AAEA,QAAM,OAAO,KAAK,IAAI,GAAG,CAAC,GAAG,MAAM,OAAO,CAAC,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;AAChE,QAAM,OAAO,KAAK,IAAI,GAAG,CAAC,GAAG,MAAM,OAAO,CAAC,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC;AAC5E,QAAM,QAAQ,OAAO,oBAAoB,aAAa;AACtD,QAAM,YAAY,OAAO,QAAQ,aAAa;AAE9C,QAAM,YAAoB,CAAC;AAC3B,QAAM,YAAY,oBAAI,IAAsC;AAC5D,MAAI,QAAQ;AACZ,QAAM,QAAQ,CAAC,MAAM,UAAU;AAE7B,UAAM,UAAU,SACb,OAAO,CAAC,SAAS,OAAO,IAAI,KAAK,EAAE,MAAM,IAAI,EAC7C,KAAK,CAAC,GAAG,MAAM,MAAM,IAAI,EAAE,EAAE,EAAG,IAAI,MAAM,IAAI,EAAE,EAAE,EAAG,CAAC;AACzD,UAAM,OAA2C,CAAC;AAClD,UAAM,QAAQ,oBAAI,IAAoB;AACtC,YAAQ,QAAQ,CAAC,SAAS;AACxB,YAAM,MAAM,MAAM,IAAI,KAAK,EAAE;AAC7B,YAAM,WAAW,CAAC,UAChB,IAAI,IAAI,MAAM,IAAI,MAAM,QAAQ,cAChC,MAAM,IAAI,IAAI,IAAI,IAAI,QAAQ;AAChC,UAAI,MAAM,KAAK,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,QAAQ,CAAC;AACvD,UAAI,QAAQ,IAAI;AACd,aAAK,KAAK,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAE,CAAC;AAClC,cAAM,KAAK,SAAS;AAAA,MACtB;AACA,WAAK,GAAG,EAAE,MAAM,KAAK,GAAG;AACxB,WAAK,GAAG,EAAE,SAAS,KAAK,IAAI,KAAK,GAAG,EAAE,QAAQ,IAAI,MAAM;AACxD,YAAM,IAAI,KAAK,IAAI,GAAG;AAAA,IACxB,CAAC;AAED,UAAM,QACJ,SAAS,gBACL,aACA,SAAS,kBACP,MAAM,yBAAyB,OAAO,EAAE,YAAY,CAAC,KACpD,MAAM,IAAI,IAAI,KAAK;AAG5B,UAAM,aACJ,KAAK,OAAO,CAAC,OAAO,QAAQ,QAAQ,IAAI,QAAQ,CAAC,IACjD,WAAW,KAAK,SAAS;AAC3B,UAAM,aAAa,KAAK;AAAA,MACtB,aAAa,aAAa,IAAI;AAAA,MAC9B,YAAY,KAAK,IAAI,qBAAqB;AAAA,IAC5C;AACA,UAAM,UAAoB,CAAC;AAC3B,QAAI,QAAQ,aAAa,cAAc;AACvC,SAAK,QAAQ,CAAC,QAAQ;AACpB,cAAQ,KAAK,IAAI;AACjB,cAAQ,IAAI,SAAS;AAAA,IACvB,CAAC;AAED,UAAM,SAAS,YAAY,IAAI;AAC/B,YAAQ,QAAQ,CAAC,SAAS;AACxB,YAAM,MAAM,MAAM,IAAI,KAAK,EAAE;AAC7B,YAAM,MAAM,MAAM,IAAI,KAAK,EAAE;AAC7B,gBAAU,IAAI,KAAK,IAAI;AAAA,QACrB,GAAG,IAAI,IAAI;AAAA;AAAA,QAEX,GAAG,QAAQ,GAAG,KAAK,KAAK,GAAG,EAAE,SAAS,IAAI,UAAU;AAAA,MACtD,CAAC;AAAA,IACH,CAAC;AAED,cAAU,KAAK;AAAA,MACb,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,UAAU,EAAE,GAAG,OAAO,GAAG,MAAM;AAAA,MAC/B,QAAQ,CAAC,GAAG,CAAC;AAAA,MACb,OAAO,EAAE,OAAO,WAAW,QAAQ,WAAW;AAAA,MAC9C,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MACE,SAAS,gBACL,aACA,SAAS,kBACP,eACA;AAAA,QACR;AAAA,MACF;AAAA,IACF,CAAC;AACD,aAAS;AAAA,EACX,CAAC;AAED,SAAO;AAAA;AAAA,IAEL,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG,MAAM,IAAI,CAAC,SAAS;AACrB,cAAM,WAAW,UAAU,IAAI,KAAK,EAAE;AACtC,YAAI,CAAC,SAAU,QAAO;AACtB,eAAO;AAAA,UACL,GAAG;AAAA,UACH,UAAU,YAAY,OAAO,IAAI,KAAK,EAAE,CAAC;AAAA,UACzC,QAAQ,CAAC,GAAG,CAAC;AAAA,UACb;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,OAAO,MAAM,IAAI,CAAC,SAAS;AACzB,UAAI,CAAE,KAAK,MAA0C,MAAO,QAAO;AACnE,YAAM,EAAE,OAAO,QAAQ,GAAG,KAAK,IAAI,KAAK;AACxC,aAAO,EAAE,GAAG,MAAM,KAAK;AAAA,IACzB,CAAC;AAAA,EACH;AACF;AAGO,IAAM,cAAc,CACzB,UAC2D;AAC3D,QAAM,OAAO,MAAM,KAAK,cAAc,GAAG;AACzC,SAAO,OAAO,EAAE,SAAS,KAAK,SAAS,OAAO,KAAK,MAAM,IAAI;AAC/D;AAOO,IAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AACF,MAGwC;AACtC,QAAM,SAAS,IAAI;AAAA,IACjB,MAAM,OAAO,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC;AAAA,EAC/D;AACA,MAAI,OAAO,SAAS,EAAG,QAAO,EAAE,OAAO,MAAM;AAE7C,QAAM,SAAS,CAAC,OAAqD;AACnE,UAAM,QAAQ,KAAK,OAAO,IAAI,EAAE,IAAI;AACpC,QAAI,CAAC,MAAO,QAAO,EAAE,GAAG,GAAG,GAAG,EAAE;AAChC,UAAM,SAAS,OAAO,MAAM,QAAQ;AACpC,WAAO,EAAE,GAAG,OAAO,IAAI,MAAM,SAAS,GAAG,GAAG,OAAO,IAAI,MAAM,SAAS,EAAE;AAAA,EAC1E;AACA,SAAO;AAAA,IACL,OAAO,MACJ,OAAO,CAAC,SAAS,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC,EACrC,IAAI,CAAC,SAAS;AACb,UAAI,CAAC,KAAK,YAAY,CAAC,OAAO,IAAI,KAAK,QAAQ,EAAG,QAAO;AACzD,YAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,YAAM,KAAK,OAAO,QAAQ;AAC1B,aAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU,EAAE,GAAG,GAAG,IAAI,KAAK,SAAS,GAAG,GAAG,GAAG,IAAI,KAAK,SAAS,EAAE;AAAA,MACnE;AAAA,IACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAGA,IAAM,cAAc;AAYb,IAAM,iBAAiB,OAC5B,EAAE,OAAO,MAAM,GACf,SACA,EAAE,SAAS,YAAY,IAAyB,CAAC,MACH;AAC9C,QAAM,WAAW,MAAM,OAAO,CAAC,SAAS,CAAC,KAAK,QAAQ;AACtD,QAAM,SACJ,YAAY,kBAAkB,CAAC,UAAU,QAAQ,IAAI,CAAC,OAAO;AAC/D,QAAM,cAAc,OAAO;AAAA,IAAI,CAAC,UAC9B,YAAY,UAAU,OAAO,KAAK;AAAA,EACpC;AAEA,QAAM,SAAS,oBAAI,IAAkB;AACrC,QAAM,WAAW,oBAAI,IAAoB;AACzC,WAAS,QAAQ,CAAC,SAAS;AACzB,QAAI;AACJ,gBAAY,QAAQ,CAAC,EAAE,QAAQ,MAAM,GAAG,UAAU;AAChD,YAAM,OAAO,OAAO,IAAI,KAAK,EAAE;AAE/B,UAAI,SAAS,mBAAoB,QAAQ,KAAK,SAAS;AACrD;AACF,YAAM,QAAQ,OAAO,KAAK;AAC1B,YAAM,KAAK,GAAG,YAAY,UAAU,KAAK,KAAK,IAAI,IAAI;AACtD,UAAI,CAAC,OAAO,IAAI,EAAE,GAAG;AACnB,cAAM,QACJ,SAAS,gBAAgB,aAAc,MAAM,IAAI,IAAI,KAAK;AAC5D,cAAM,YAAY,YAAY,KAAK,IAAI,qBAAqB;AAC5D,eAAO,IAAI,IAAI;AAAA,UACb;AAAA,UACA,MAAM;AAAA,UACN,GAAI,YAAY,EAAE,SAAS;AAAA,UAC3B,UAAU,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,UACvB,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,MAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YACP,MAAM,SAAS,gBAAgB,aAAa;AAAA,YAC5C,OAAO,OAAO;AAAA;AAAA,YAEd,eAAe;AAAA,cACb,eAAe,QAAQ,WAAW,SAAS,oBAAoB,WAAW,WAAW,WAAW,UAAU,WAAW;AAAA,cACrH,4BAA4B;AAAA,cAC5B,wBAAwB,OAAO,KAAK,KAAK,SAAS,CAAC;AAAA,YACrD;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AACA,iBAAW;AAAA,IACb,CAAC;AACD,QAAI,SAAU,UAAS,IAAI,KAAK,IAAI,QAAQ;AAAA,EAC9C,CAAC;AAED,SAAO;AAAA,IACL;AAAA,MACE,OAAO;AAAA,QACL,GAAG,OAAO,OAAO;AAAA,QACjB,GAAG,MAAM,IAAI,CAAC,SAAS;AACrB,gBAAM,WAAW,SAAS,IAAI,KAAK,EAAE;AACrC,iBAAO,WAAW,EAAE,GAAG,MAAM,SAAS,IAAI;AAAA,QAC5C,CAAC;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,IACA,EAAE,OAAO;AAAA,EACX;AACF;;;AHjVQ,IAAAC,uBAAA;AA3FD,IAAM,aAAoD;AAAA,EAC/D,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR;AAMO,IAAM,aAA8C;AAAA,EACzD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR;AACA,IAAM,eAAe;AACrB,IAAM,SAAS,CAAC,MAAc,UAAkB,QAAQ,IAAI,KAAK,KAAK;AAGtE,IAAM,uBAAuB,EAAE,WAAW,gBAAgB;AAG1D,IAAM,aAAa;AACnB,IAAM,YAAY,CAAC,MAAc,QAAiB,SAC/C;AAAA,EACC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY,OAAO,MAAM,SAAS,MAAM,IAAI;AAAA,EAC5C,GAAI,MACA;AAAA,IACE,QAAQ,aAAa,OAAO,MAAM,IAAI,CAAC;AAAA,IACvC,cAAc;AAAA,IACd,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW,aAAa,OAAO,MAAM,GAAG,CAAC;AAAA,IACzC,cAAc,aAAa,OAAO,MAAM,GAAG,CAAC;AAAA,EAC9C;AACN;AAIF,IAAM,cAAc,CAAC,UAClB;AAAA,EACC,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa,aAAa,OAAO,MAAM,GAAG,CAAC;AAAA,EAC3C,YAAY,mBAAmB,OAAO,MAAM,IAAI,CAAC,KAAK,OAAO,MAAM,IAAI,CAAC;AAC1E;AAGF,IAAM,cAAc;AAAA,EAClB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK,WAAW;AAAA,EAChB,YAAY;AAAA;AAAA,EAEZ,UAAU,WAAW;AAAA,EACrB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAO;AACT;AAOA,IAAO,2BAAQ,qBAAK,SAAS,aAAa,EAAE,KAAK,GAAc;AAC7D,QAAM,EAAE,OAAO,OAAO,MAAM,OAAO,MAAM,IACvC;AACF,QAAM,OACJ,SAAS,aACL,8BACA,SAAS,eACP,mCACA,WAAW,KAAK;AAExB,QAAM,OAAO,SAAS,SAAS,WAAW,KAAK,IAAI;AACnD,QAAM,MAAM,UAAU;AAEtB,SACE,8CAAC,SAAI,OAAO,UAAU,MAAM,CAAC,OAAO,QAAQ,MAAM,GAAG,GAAG,GACtD,wDAAC,SAAI,OAAO,YAAY,IAAI,GAC1B,yDAAC,SAAI,OAAO,aACV;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,WAAW;AAAA,QACjB,OAAO;AAAA,QACP,OAAM;AAAA;AAAA,IACR;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,SAAS,SACL,SACA,EAAE,OAAO,iCAAiC;AAAA,QAG/C;AAAA;AAAA,IACH;AAAA,KACF,GACF,GACF;AAEJ,CAAC;;;ADxCK,IAAAC,uBAAA;AAzDN,IAAM,UASF;AAAA,EACF,QAAQ;AAAA,IACN,OAAO,yBAAyB;AAAA,IAChC,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,yBAAyB;AAAA,IAChC,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,MAAM,EAAE,OAAO,yBAAyB,MAAM,OAAO,QAAQ,MAAM,OAAO;AAAA,EAC1E,iBAAiB;AAAA,IACf,OAAO,yBAAyB,eAAe;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEA,IAAM,SAAS,CAAC,OAAe,SAC7B,GAAG,KAAK,IAAI,IAAI,GAAG,UAAU,IAAI,KAAK,GAAG;AAE3C,IAAM,eACJ;AAEF,IAAM,wBACJ;AAGF,IAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AACF,MAGM;AACJ,QAAM,OAAO,SAAS,QAAQ,WAAW,KAAK,IAAI;AAClD,QAAM,OAAO,QAAQ,WAAW,KAAK,IAAI;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,YAAY,QAAQ,IAAI;AAAA,QACxB,OAAO,OAAO,IAAI;AAAA,MACpB;AAAA,MAEA,wDAAC,QAAK,WAAU,eAAc;AAAA;AAAA,EAChC;AAEJ;AAGA,IAAM,eAAe,MACnB,+CAAC,SAAI,SAAQ,aAAY,WAAU,YAAW,eAAW,MACvD;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAY;AAAA,MACZ,QAAO;AAAA,MACP,eAAc;AAAA,MACd,aAAY;AAAA;AAAA,EACd;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAY;AAAA,MACZ,QAAO;AAAA,MACP,eAAc;AAAA,MACd,aAAY;AAAA;AAAA,EACd;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAY;AAAA;AAAA,EACd;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAY;AAAA;AAAA,EACd;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAY;AAAA;AAAA,EACd;AAAA,GACF;AAEF,IAAM,eAAe,MACnB,+CAAC,SAAI,SAAQ,aAAY,WAAU,YAAW,eAAW,MACtD;AAAA,GAAC,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,MAChB;AAAA,IAAC;AAAA;AAAA,MAEC,GAAE;AAAA,MACF;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,MAAK;AAAA,MACL,aAAa,MAAM,KAAK,OAAO;AAAA;AAAA,IAN1B;AAAA,EAOP,CACD;AAAA,EACD;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,MAAK;AAAA,MACL,aAAY;AAAA;AAAA,EACd;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAY;AAAA;AAAA,EACd;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAY;AAAA;AAAA,EACd;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAY;AAAA;AAAA,EACd;AAAA,GACF;AAGF,IAAM,SAIA;AAAA,EACJ,EAAE,OAAO,SAAS,OAAO,SAAS,SAAS,aAAa;AAAA,EACxD,EAAE,OAAO,SAAS,OAAO,SAAS,SAAS,aAAa;AAC1D;AASA,IAAO,6BAAQ,qBAAK,SAAS,eAAe;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,CAAC,MAAM,OAAO,QAAI,yBAAS,KAAK;AAEtC,gCAAU,MAAM;AACd,UAAM,YAAY,CAAC,UAAyB;AAC1C,UACE,MAAM,IAAI,YAAY,MAAM,OAC5B,MAAM,WACN,MAAM,WACN,MAAM,UACN,SAAS,MAAM,MAAM;AAErB;AACF,YAAM,eAAe;AACrB,cAAQ,CAAC,WAAW,CAAC,MAAM;AAAA,IAC7B;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,CAAC,SAAiB;AAC/B,UAAM,UAAU,SAAS,SAAS,OAAQ;AAE1C,aAAS,SAAS,YAAY,kBAAkB,UAAU,KAAK;AAAA,EACjE;AACA,QAAM,UAAU,QAAQ,QAAQ,KAAK,IAAI;AAEzC,SACE,+CAAC,SAAI,WAAU,uHACb;AAAA,mDAAc,mBAAb,EAAkB,MAAY,cAAc,SAC3C;AAAA,oDAAc,sBAAb,EAAqB,SAAO,MAC3B;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,WAAW,wNAAwN,QAAQ,iBAAiB,YAAY;AAAA,UAExQ;AAAA,0DAAC,+BAAM,WAAU,iDAAgD;AAAA,YACjE,8CAAC,UAAK,WAAU,yCAAwC,sBAExD;AAAA,YACC,WACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,gBAEV,kBAAQ;AAAA;AAAA,YACX;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,gBACX,OAAO,OAAO,EAAE,WAAW,iBAAiB,IAAI;AAAA;AAAA,YAClD;AAAA;AAAA;AAAA,MACF,GACF;AAAA,MACA,8CAAc,qBAAb,EAAoB,WAAW,iBAC9B;AAAA,QAAc;AAAA,QAAb;AAAA,UACC,OAAM;AAAA,UACN,YAAY;AAAA,UACZ,WAAU;AAAA,UAEV;AAAA,0DAAc,oBAAb,EAAmB,WAAW,uBAAuB,4BAEtD;AAAA,YACA;AAAA,cAAc;AAAA,cAAb;AAAA,gBACC,OAAO,SAAS;AAAA,gBAChB,eAAe;AAAA,gBAEf;AAAA;AAAA,oBAAc;AAAA,oBAAb;AAAA,sBACC,OAAM;AAAA,sBACN,WAAW;AAAA,sBACX,UAAU,CAAC,UAAU,MAAM,eAAe;AAAA,sBAE1C;AAAA,sEAAC,aAAU,OAAO,MAAM;AAAA,wBACxB,8CAAC,UAAK,WAAU,sBAAqB,qBAAO;AAAA,wBAC5C,8CAAc,4BAAb,EACC;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAW;AAAA;AAAA,wBACb,GACF;AAAA;AAAA;AAAA,kBACF;AAAA,kBACC,QAAQ,IAAI,CAAC,WAAW;AACvB,0BAAM,EAAE,OAAO,OAAO,MAAM,MAAM,KAAK,IAAI,QAAQ,MAAM;AACzD,0BAAM,QAAQ,OAAO,MAAM,KAAK;AAChC,2BACE;AAAA,sBAAc;AAAA,sBAAb;AAAA,wBAEC,OAAO;AAAA,wBACP,WAAW;AAAA,wBACX,UAAU,CAAC,UAAU,MAAM,eAAe;AAAA,wBAE1C;AAAA,wEAAC,aAAU,OAAc,MAAY;AAAA,0BACrC,+CAAC,UAAK,WAAU,kBACd;AAAA,0EAAC,UAAK,WAAU,qBAAqB,iBAAM;AAAA,4BAC1C,QACC,8CAAC,UAAK,WAAU,2DACb,gBACH;AAAA,6BAEJ;AAAA,0BACA,8CAAC,UAAK,WAAU,kEACb,iBAAO,OAAO,IAAI,GACrB;AAAA,0BACA,8CAAC,UAAK,WAAU,SACd,wDAAc,4BAAb,EACC;AAAA,4BAAC;AAAA;AAAA,8BACC,WAAW;AAAA;AAAA,0BACb,GACF,GACF;AAAA;AAAA;AAAA,sBAvBK;AAAA,oBAwBP;AAAA,kBAEJ,CAAC;AAAA;AAAA;AAAA,YACH;AAAA,YAEA,8CAAc,wBAAb,EAAuB,WAAU,+CAA8C;AAAA,YAEhF,8CAAc,oBAAb,EAAmB,WAAW,uBAAuB,4BAEtD;AAAA,YACA;AAAA,cAAc;AAAA,cAAb;AAAA,gBACC,OAAO;AAAA,gBACP,eAAe,CAAC,SAAS,SAAS,OAAO,IAAsB;AAAA,gBAC/D,WAAU;AAAA,gBAET,iBAAO,IAAI,CAAC,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAM;AACjD,wBAAM,SAAS,CAAC,CAAC,SAAS,UAAU;AAEpC,wBAAM,OACJ,WAAW,WAAW,UAAU,kBAC5B,iBACA;AACN,yBACE;AAAA,oBAAc;AAAA,oBAAb;AAAA,sBAEC,OAAO;AAAA,sBACP,UAAU,CAAC;AAAA,sBACX,UAAU,CAAC,UAAU,MAAM,eAAe;AAAA,sBAC1C,WAAW,2LACT,SACI,sJACA,sMACN;AAAA,sBAEA;AAAA,sEAAC,WAAQ;AAAA,wBACT,8CAAC,UAAK,WAAW,SAAS,kBAAkB,eACzC,iBACH;AAAA,wBACC,QACC,8CAAC,UAAK,WAAU,qDACb,gBACH;AAAA;AAAA;AAAA,oBAjBG;AAAA,kBAmBP;AAAA,gBAEJ,CAAC;AAAA;AAAA,YACH;AAAA,YACC,CAAC,SACA,8CAAC,OAAE,WAAU,wEAAuE,+CAEpF;AAAA;AAAA;AAAA,MAEJ,GACF;AAAA,OACF;AAAA,IACC,SACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,OAAM;AAAA,QACN,SAAS,MAAM,SAAS,MAAM,KAAK;AAAA,QACnC,WAAW;AAAA,QAEX,wDAAC,2BAAE,WAAU,eAAc;AAAA;AAAA,IAC7B;AAAA,KAEJ;AAEJ,CAAC;;;AKvYD,IAAAC,iBAAwD;AACxD,IAAAC,UAAwB;AACxB,IAAAC,wBAAiC;AAEjC,IAAAC,iBAMO;;;ACVP,IAAAC,iBAMO;AACP,IAAAA,iBAWO;;;ACjBP,IAAAC,iBAA8D;AAC9D,IAAAC,wBAAyC;AA8D7B,IAAAC,uBAAA;AApDZ,IAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,KAAK,QAAI,4BAAY;AAG7B,MAAI,KAAK,SAAS,cAAe,QAAO;AAExC,QAAM,SAAS,cAAc,IAAI;AACjC,QAAM,aAAa,KAAK,UAAU,KAAK,KAAK,IAAI,SAAS;AAGzD,QAAM,iBAAiB;AACvB,QAAM,eAAe;AACrB,QAAM,cAAc,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,IAAI,CAAC;AACnD,QAAM,aAAa,KAAK,MAAM,iBAAiB,WAAW;AAC1D,QAAM,WAAW,KAAK,MAAM,eAAe,WAAW;AAEtD,QAAM,eAAe,CAAC,MAAwB;AAC5C,MAAE,gBAAgB;AAClB,aAAS,KAAK,IAAI,SAAS;AAAA,EAC7B;AAEA,QAAM,iBAAiB,CAAC,MAAwB;AAC9C,MAAE,gBAAgB;AAClB,QAAI,QAAQ;AACV,aAAO,SAAS,OAAO,SAAS,MAAM;AAAA,IACxC;AAAA,EACF;AAGA,MAAI,UAAU;AACZ,QAAI,CAAC,OAAQ,QAAO;AACpB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,KAAK;AAAA,QACb,UAAU,wBAAS;AAAA,QACnB,WAAW;AAAA,QACX,QAAQ;AAAA,QAER;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,SAAS,KAAK,MAAM,IAAI,WAAW,EAAE;AAAA,YAE9C;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,YAAY,QAAQ,WAAW;AAAA,gBAC/C,OAAM;AAAA,gBAEN,wDAAC,kCAAS,OAAO,EAAE,OAAO,UAAU,QAAQ,SAAS,GAAG;AAAA;AAAA,YAC1D;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,KAAK;AAAA,MACb,UAAU,wBAAS;AAAA,MACnB,WAAW;AAAA,MACX,QAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,SAAS,KAAK,MAAM,IAAI,WAAW,EAAE;AAAA,UAE7C;AAAA,sBACC;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,YAAY,QAAQ,WAAW;AAAA,gBAC/C,OAAM;AAAA,gBAEN,wDAAC,kCAAS,OAAO,EAAE,OAAO,UAAU,QAAQ,SAAS,GAAG;AAAA;AAAA,YAC1D;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,YAAY,QAAQ,WAAW;AAAA,gBAC/C,OAAM;AAAA,gBAEN,wDAAC,wCAAe,OAAO,EAAE,OAAO,UAAU,QAAQ,SAAS,GAAG;AAAA;AAAA,YAChE;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,+BAAQ;;;ACxGf,IAAAC,iBAAiC;AAe7B,IAAAC,uBAAA;AANJ,IAAM,uBAA4D,CAAC;AAAA,EACjE;AACF,MAAM;AACJ,QAAM,EAAE,OAAO,KAAK,IAAI;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,SAAS,KAAK,WAAW,QAAQ;AAAA,MAEzC;AAAA,iBAAS,WACR;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO,EAAE,YAAY,SAAS;AAAA;AAAA,QAChC;AAAA,QAEF,8CAAC,SAAI,WAAU,oEACZ,iBACH;AAAA,QACC,SAAS,UACR;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,wBAAS;AAAA,YACnB,OAAO,EAAE,YAAY,SAAS;AAAA;AAAA,QAChC;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,+BAAQ;;;AFkQT,IAAAC,uBAAA;AAxQN,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,WAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAI,6BAAa;AACjC,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,KAAK;AACpD,QAAM,CAAC,cAAc,eAAe,QAAI,yBAAS,KAAK;AACtD,QAAM,CAAC,eAAe,gBAAgB,QAAI,yBAAwB,IAAI;AACtE,QAAM,CAAC,SAAS,UAAU,QAAI,yBAAS,KAAK;AAC5C,QAAM,2BAAuB,uBAAO,KAAK;AACzC,QAAM,0BAAsB,uBAA8B,IAAI;AAG9D,gCAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,oBAAoB,SAAS;AAC/B,qBAAa,oBAAoB,OAAO;AAAA,MAC1C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,QAAM,4BAAwB;AAAA,IAC5B,CAAC,aAAqB;AACpB,YAAM,aAAa,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ;AACzD,UAAI,CAAC,YAAY;AACf,eAAO,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,EAAE;AAAA,MAChC;AAEA,YAAM,EAAE,WAAW,WAAW,IAAI;AAAA,QAChC;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,YAAM,iBAAiB,mBAAmB,UAAU;AACpD,YAAM,kBAA0B,CAAC;AAGjC,sBAAgB,KAAK;AAAA,QACnB,GAAG;AAAA,QACH,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,QACvB,OAAO,EAAE,GAAG,WAAW,OAAO,SAAS,EAAE;AAAA,QACzC,MAAM,EAAE,GAAG,WAAW,MAAM,eAAe,KAAK;AAAA,MAClD,CAAC;AAGD,gBAAU,QAAQ,CAAC,MAAM,UAAU;AACjC,cAAM,WAAW,SAAS,UAAU,SAAS,KAAK,KAAK;AACvD,wBAAgB,KAAK;AAAA,UACnB,GAAG;AAAA,UACH,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,UAAU,EAAE,GAAG,CAAC,oBAAoB,GAAG,QAAQ;AAAA,UAC/C,OAAO,EAAE,GAAG,KAAK,OAAO,SAAS,EAAE;AAAA,QACrC,CAAC;AAAA,MACH,CAAC;AAGD,iBAAW,QAAQ,CAAC,MAAM,UAAU;AAClC,cAAM,WACH,SAAS,WAAW,SAAS,KAAK,KAAK;AAC1C,wBAAgB,KAAK;AAAA,UACnB,GAAG;AAAA,UACH,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,UAAU,EAAE,GAAG,oBAAoB,GAAG,QAAQ;AAAA,UAC9C,OAAO,EAAE,GAAG,KAAK,OAAO,SAAS,EAAE;AAAA,QACrC,CAAC;AAAA,MACH,CAAC;AAGD,UAAI,UAAU,WAAW,GAAG;AAC1B,wBAAgB,KAAK;AAAA,UACnB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,UAAU,EAAE,GAAG,CAAC,oBAAoB,GAAG,EAAE;AAAA,UACzC,MAAM;AAAA,YACJ,OAAO,wBAAwB,eAAe,IAAI;AAAA,YAClD,MAAM;AAAA,UACR;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,QACd,CAAS;AAAA,MACX;AAEA,UAAI,WAAW,WAAW,GAAG;AAC3B,wBAAgB,KAAK;AAAA,UACnB,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,UAAU,EAAE,GAAG,oBAAoB,GAAG,EAAE;AAAA,UACxC,MAAM;AAAA,YACJ,OAAO,yBAAyB,eAAe,IAAI;AAAA,YACnD,MAAM;AAAA,UACR;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,QACd,CAAS;AAAA,MACX;AAGA,YAAM,iBAAiB,IAAI,IAAI,gBAAgB,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;AAC/D,YAAM,gBAAgB,SACnB,OAAO,CAAC,SAAS;AAEhB,cAAM,mBACJ,KAAK,WAAW,YAAY,KAAK,WAAW;AAE9C,cAAM,kBACJ,eAAe,IAAI,KAAK,MAAM,KAAK,eAAe,IAAI,KAAK,MAAM;AACnE,eAAO,oBAAoB;AAAA,MAC7B,CAAC,EACA,IAAI,CAAC,UAAU;AAAA,QACd,GAAG;AAAA,QACH,OAAO,EAAE,GAAG,KAAK,OAAO,SAAS,EAAE;AAAA,QACnC,YAAY,EAAE,GAAG,KAAK,YAAY,SAAS,EAAE;AAAA,QAC7C,MAAM,EAAE,GAAG,KAAK,MAAM,SAAS,GAAG,UAAU,MAAM;AAAA,QAClD,UAAU;AAAA,MACZ,EAAE;AAEJ,aAAO,EAAE,OAAO,iBAAiB,OAAO,cAAc;AAAA,IACxD;AAAA,IACA,CAAC,UAAU,QAAQ;AAAA,EACrB;AAGA,QAAM,mBAAe;AAAA,IACnB,MAAM,sBAAsB,YAAY;AAAA,IACxC,CAAC,cAAc,qBAAqB;AAAA,EACtC;AAEA,QAAM,CAAC,cAAc,eAAe,QAAI,8BAAc,aAAa,KAAK;AACxE,QAAM,CAAC,cAAc,eAAe,QAAI,8BAAc,aAAa,KAAK;AAGxE,gCAAU,MAAM;AACd,UAAM,EAAE,OAAO,MAAM,IAAI,sBAAsB,YAAY;AAC3D,oBAAgB,KAAK;AACrB,oBAAgB,KAAK;AACrB,oBAAgB,IAAI;AAAA,EACtB,GAAG,CAAC,cAAc,uBAAuB,iBAAiB,eAAe,CAAC;AAG1E,gCAAU,MAAM;AACd,QAAI,gBAAgB,qBAAqB,SAAS;AAEhD,YAAM,QAAQ,WAAW,MAAM;AAC7B,gBAAQ,EAAE,SAAS,KAAK,UAAU,IAAI,CAAC;AACvC,wBAAgB,KAAK;AAAA,MACvB,GAAG,EAAE;AACL,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,cAAc,cAAc,OAAO,CAAC;AAGxC,QAAM,iBAAa,4BAAY,MAAM;AACnC,yBAAqB,UAAU;AAE/B,0BAAsB,MAAM;AAC1B,cAAQ,EAAE,SAAS,KAAK,UAAU,EAAE,CAAC;AACrC,iBAAW,IAAI;AAAA,IACjB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AAGZ,QAAM,uBAAmB;AAAA,IACvB,CAAC,QAAgB,cAAgC;AAC/C,UAAI,WAAW,gBAAgB,YAAa;AAE5C,qBAAe,IAAI;AAGnB;AAAA,QAAgB,CAAC,iBACf,aAAa,IAAI,CAAC,SAAS;AACzB,cAAI,KAAK,OAAO,QAAQ;AAEtB,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,UAAU,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,cACvB,OAAO;AAAA,gBACL,GAAG,KAAK;AAAA,gBACR,YAAY,OAAO,cAAc;AAAA,cACnC;AAAA,YACF;AAAA,UACF;AACA,cAAI,KAAK,OAAO,cAAc;AAE5B,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,OAAO;AAAA,gBACL,GAAG,KAAK;AAAA,gBACR,SAAS;AAAA,gBACT,YAAY,WAAW,cAAc;AAAA,cACvC;AAAA,YACF;AAAA,UACF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAGA,0BAAoB,UAAU,WAAW,MAAM;AAC7C,uBAAe,QAAQ,SAAS;AAChC,uBAAe,KAAK;AAAA,MACtB,GAAG,cAAc;AAAA,IACnB;AAAA,IACA,CAAC,cAAc,aAAa,iBAAiB,cAAc;AAAA,EAC7D;AAGA,QAAM,sBAAkB;AAAA,IACtB,CAAC,GAAqB,gBAAsB;AAC1C,UAAI,YAAY,OAAO,gBAAgB,YAAa;AACpD,YAAM,aAAa,YAAY,UAAU,KAAK,KAAK,IAAI,SAAS;AAChE,uBAAiB,YAAY,IAAI,SAAS;AAAA,IAC5C;AAAA,IACA,CAAC,cAAc,aAAa,gBAAgB;AAAA,EAC9C;AAGA,QAAM,2BAAuB;AAAA,IAC3B,CAAC,GAAqB,SAAe;AACnC,uBAAiB,KAAK,EAAE;AAAA,IAC1B;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,2BAAuB,4BAAY,MAAM;AAC7C,qBAAiB,IAAI;AAAA,EACvB,GAAG,CAAC,CAAC;AAGL,QAAM,qBAAiB,wBAAQ,MAAM;AACnC,WAAO,aAAa,IAAI,CAAC,SAAS;AAChC,UAAI,KAAK,OAAO,eAAe;AAC7B,eAAO;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,aAAa,CAAC;AAGhC,QAAM,sBAAkB;AAAA,IACtB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa;AAAA,IACf;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,MAAI,aAAa,WAAW,GAAG;AAC7B,WACE,8CAAC,SAAI,WAAU,iFAAgF,4BAE/F;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,SAAS,UAAU,IAAI,EAAE;AAAA,MAElC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAO;AAAA,UACP,WAAW;AAAA,UACX,WAAWA;AAAA,UACX,aAAa;AAAA,UACb,kBAAkB;AAAA,UAClB,kBAAkB;AAAA,UAClB,QAAQ;AAAA,UACR,YAAY,EAAE,iBAAiB,KAAK;AAAA,UACpC,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,WAAW;AAAA,UACX,cAAc;AAAA,UACd,SAAS;AAAA,UACT,SAAS;AAAA,UAET;AAAA,0DAAC,6BAAW,OAAM,8BAA6B,KAAK,IAAI;AAAA,YACxD,8CAAC,2BAAS,iBAAiB,OAAO;AAAA,YACjC,aAAa,IAAI,CAAC,MAAM,UACvB;AAAA,cAAC;AAAA;AAAA,gBAEC;AAAA,gBACA,UAAU,KAAK,OAAO;AAAA,gBACtB,UAAU;AAAA;AAAA,cAHL,WAAW,KAAK,EAAE,IAAI,KAAK;AAAA,YAIlC,CACD;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ;;;AD3QL,IAAAC,uBAAA;AAnDV,IAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,QAAI;AAAA,IACtC;AAAA,EACF;AACA,QAAM,SAAS,YAAY;AAC3B,QAAM,kBAAkB,mBAAmB;AAG3C,gCAAU,MAAM;AACd,QAAI,UAAU,eAAe;AAC3B,sBAAgB,aAAa;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAM,yBAAqB;AAAA,IACzB,CAAC,iBAAyB,eAAiC;AACzD,sBAAgB,eAAe;AAAA,IACjC;AAAA,IACA,CAAC;AAAA,EACH;AAGA,QAAM,aAAa,eACf,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,YAAY,IACvC;AACJ,QAAM,iBAAiB,aAAa,mBAAmB,UAAU,IAAI;AAErE,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AAEA,SACE,8CAAQ,cAAP,EAAY,MAAM,QAAQ,cAAc,CAAC,SAAS,CAAC,QAAQ,QAAQ,GAClE,wDAAQ,gBAAP,EACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA;AAAA,UAAQ;AAAA,UAAP;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,YAAY,SACR,wBACA;AAAA,cACJ,gBAAgB;AAAA,YAClB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAQ;AAAA,UAAP;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,cAAc;AAAA,cACd,YAAY,SAAS,YAAY;AAAA,cACjC,QAAQ,aACN,SAAS,2BAA2B,kBACtC;AAAA,cACA,WAAW,SACP,gCACA;AAAA,cACJ,SAAS;AAAA,cACT,SAAS;AAAA,cACT,eAAe;AAAA,cACf,UAAU;AAAA,YACZ;AAAA,YAGA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,YAAY;AAAA,oBACZ,gBAAgB;AAAA,oBAChB,SAAS;AAAA,oBACT,cAAc,aACZ,SAAS,2BAA2B,kBACtC;AAAA,oBACA,YAAY;AAAA,kBACd;AAAA,kBAEA;AAAA,mEAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,GAC3D;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAO;AAAA,4BACL,SAAS;AAAA,4BACT,YAAY;AAAA,4BACZ,gBAAgB;AAAA,4BAChB,OAAO;AAAA,4BACP,QAAQ;AAAA,4BACR,cAAc;AAAA,4BACd,YAAY,SACR,6BACA;AAAA,0BACN;AAAA,0BAEA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,OAAO;AAAA,gCACP,QAAQ;AAAA,gCACR,OAAO,SAAS,YAAY;AAAA,8BAC9B;AAAA;AAAA,0BACF;AAAA;AAAA,sBACF;AAAA,sBACA,+CAAC,SACC;AAAA;AAAA,0BAAQ;AAAA,0BAAP;AAAA,4BACC,OAAO;AAAA,8BACL,UAAU;AAAA,8BACV,YAAY;AAAA,8BACZ,OAAO,SAAS,YAAY;AAAA,4BAC9B;AAAA,4BACD;AAAA;AAAA,wBAED;AAAA,wBACA;AAAA,0BAAQ;AAAA,0BAAP;AAAA,4BACC,OAAO;AAAA,8BACL,WAAW;AAAA,8BACX,UAAU;AAAA,8BACV,OAAO,SAAS,YAAY;AAAA,4BAC9B;AAAA,4BAEC,2BACG,cAAc,eAAe,IAAI,4CACjC;AAAA;AAAA,wBACN;AAAA,yBACF;AAAA,uBACF;AAAA,oBACA,8CAAQ,eAAP,EAAa,SAAO,MACnB;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,SAAS;AAAA,0BACT,YAAY;AAAA,0BACZ,gBAAgB;AAAA,0BAChB,OAAO;AAAA,0BACP,QAAQ;AAAA,0BACR,cAAc;AAAA,0BACd,QAAQ;AAAA,0BACR,QAAQ;AAAA,0BACR,YAAY;AAAA,0BACZ,OAAO,SAAS,YAAY;AAAA,wBAC9B;AAAA,wBACA,cAAW;AAAA,wBAEX,wDAAC,+BAAM,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG;AAAA;AAAA,oBAC3C,GACF;AAAA;AAAA;AAAA,cACF;AAAA,cAGA,8CAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,SAAS,GACxC,wDAAC,oCACC;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,WAAWA;AAAA,kBACX,gBAAgB;AAAA;AAAA,cAClB,GACF,GACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAEA,IAAO,yBAAQ;;;AI3Mf,IAAAC,iBAAyD;AACzD,IAAAC,wBAAyC;;;ACkBzC,IAAM,iBAAmD;AAAA,EACvD,QAAQ,CAAC,MAAM,IAAI;AAAA,EACnB,OAAO,CAAC,MAAM,IAAI;AAAA,EAClB,WAAW,CAAC,KAAK,GAAG;AAAA,EACpB,cAAc,CAAC,KAAK,GAAG;AAAA,EACvB,UAAU,CAAC,MAAM,IAAI;AAAA;AAAA,EACrB,SAAS,CAAC,MAAM,IAAI;AAAA,EACpB,QAAQ,CAAC,KAAK,GAAG;AAAA;AAAA,EACjB,OAAO,CAAC,KAAK,GAAG;AAAA,EAChB,UAAU,CAAC,KAAK,GAAG;AAAA;AAAA,EACnB,SAAS,CAAC,KAAK,GAAG;AAAA,EAClB,SAAS,CAAC,MAAM,IAAI;AAAA;AAAA,EACpB,OAAO,CAAC,MAAM,IAAI;AAAA,EAClB,UAAU,CAAC,MAAM,IAAI;AAAA;AAAA,EACrB,SAAS,CAAC,MAAM,IAAI;AAAA,EACpB,SAAS,CAAC,KAAK,GAAG;AAAA;AAAA,EAClB,QAAQ,CAAC,KAAK,GAAG;AAAA,EACjB,OAAO,CAAC,MAAM,IAAI;AAAA;AAAA,EAClB,MAAM,CAAC,MAAM,IAAI;AAAA,EACjB,SAAS,CAAC,MAAM,IAAI;AAAA,EACpB,QAAQ,CAAC,MAAM,IAAI;AAAA,EACnB,MAAM,CAAC,KAAK,GAAG;AAAA;AAAA,EACf,MAAM,CAAC,MAAM,IAAI;AAAA;AAAA,EACjB,OAAO,CAAC,MAAM,IAAI;AAAA;AAAA,EAClB,gBAAgB,CAAC,MAAM,IAAI;AAAA;AAAA,EAC3B,mBAAmB,CAAC,MAAM,IAAI;AAAA,EAC9B,MAAM,CAAC,MAAM,IAAI;AAAA;AAAA,EACjB,gBAAgB,CAAC,MAAM,IAAI;AAAA;AAAA,EAC3B,iBAAiB,CAAC,MAAM,IAAI;AAAA,EAC5B,UAAU,CAAC,KAAK,GAAG;AAAA;AAAA,EACnB,QAAQ,CAAC,KAAK,GAAG;AAAA,EACjB,QAAQ,CAAC,KAAK,GAAG;AAAA;AAAA,EACjB,MAAM,CAAC,KAAK,GAAG;AAAA;AAAA,EACf,MAAM,CAAC,KAAK,GAAG;AAAA;AAAA,EACf,OAAO,CAAC,MAAM,IAAI;AAAA;AAAA,EAClB,QAAQ,CAAC,MAAM,IAAI;AAAA;AAAA,EACnB,cAAc,CAAC,MAAM,IAAI;AAAA,EACzB,sBAAsB,CAAC,MAAM,IAAI;AACnC;AAKA,IAAM,qBAA6C;AAAA,EACjD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,sBAAsB;AACxB;AAMO,SAAS,kBAAkB,IAAoB;AAGpD,SAAO,GAAG,QAAQ,kBAAkB,GAAG;AACzC;AAKA,SAAS,mBAAmB,OAAuB;AAEjD,SAAO,MAAM,QAAQ,MAAM,QAAQ,EAAE,QAAQ,OAAO,OAAO;AAC7D;AAKO,SAAS,oBAAoB,MAAgC;AAClE,SAAO,eAAe,IAAI,KAAK,CAAC,KAAK,GAAG;AAC1C;AAKA,SAAS,uBAAuB,MAAc,SAA0B;AACtE,MAAI,SAAS;AACX,WAAO,GAAG,IAAI,KAAK,OAAO;AAAA,EAC5B;AACA,SAAO;AACT;AAMO,SAAS,aAAa,MAAoB;AAC/C,QAAM,EAAE,MAAM,KAAK,IAAI;AAEvB,MAAI,CAAC,KAAM,QAAO,KAAK;AAGvB,MAAI,SAAS,YAAY,SAAS,SAAS;AACzC,UAAM,QAAS,KAAa;AAC5B,UAAM,OAAO,OAAO,QAAQ,OAAO,MAAM,KAAK;AAC9C,UAAM,UAAU,OAAO,MAAM,WAAW,OAAO;AAC/C,WAAO,uBAAuB,MAAM,OAAO;AAAA,EAC7C;AAEA,MAAI,SAAS,eAAe,SAAS,cAAc;AACjD,UAAM,YAAa,KAAa;AAChC,WAAO,WAAW,QAAQ,WAAW,MAAM,KAAK;AAAA,EAClD;AAEA,MAAI,SAAS,cAAc,SAAS,WAAW;AAC7C,UAAM,UAAW,KAAa;AAC9B,UAAM,OAAO,SAAS,QAAQ,SAAS,MAAM,KAAK;AAClD,UAAM,UAAU,SAAS,MAAM,WAAW,SAAS;AACnD,WAAO,uBAAuB,MAAM,OAAO;AAAA,EAC7C;AAEA,MACE,SAAS,YACT,SAAS,WACT,SAAS,cACT,SAAS,aACT,SAAS,aACT,SAAS,SACT;AACA,UAAM,UAAW,KAAa;AAC9B,UAAM,OAAO,SAAS,QAAQ,SAAS,MAAM,KAAK;AAClD,UAAM,UAAU,SAAS,MAAM,WAAW,SAAS;AACnD,WAAO,uBAAuB,MAAM,OAAO;AAAA,EAC7C;AAEA,MAAI,SAAS,cAAc,SAAS,WAAW;AAC7C,UAAM,UAAW,KAAa;AAC9B,UAAM,OAAO,SAAS,QAAQ,SAAS,MAAM,KAAK;AAClD,UAAM,UAAU,SAAS,MAAM,WAAW,SAAS;AACnD,WAAO,uBAAuB,MAAM,OAAO;AAAA,EAC7C;AAEA,MAAI,SAAS,aAAa,SAAS,UAAU;AAC3C,UAAM,SAAU,KAAa;AAE7B,UAAM,aAAa,QAAQ,QAAQ;AACnC,UAAM,OAAO,YAAY,QAAQ,YAAY,MAAM,KAAK;AACxD,UAAM,UAAU,YAAY,WAAW,QAAQ;AAC/C,WAAO,uBAAuB,MAAM,OAAO;AAAA,EAC7C;AAEA,MAAI,SAAS,aAAa,SAAS,UAAU;AAC3C,UAAM,SAAU,KAAa;AAC7B,UAAM,OAAO,QAAQ,QAAQ,QAAQ,MAAM,KAAK;AAChD,UAAM,UAAU,QAAQ,MAAM,WAAW,QAAQ;AACjD,WAAO,uBAAuB,MAAM,OAAO;AAAA,EAC7C;AAEA,MAAI,SAAS,WAAW,SAAS,QAAQ;AACvC,UAAM,OAAQ,KAAa;AAC3B,UAAM,OAAO,MAAM,QAAQ,MAAM,MAAM,KAAK;AAC5C,UAAM,UAAU,MAAM,MAAM,WAAW,MAAM;AAC7C,WAAO,uBAAuB,MAAM,OAAO;AAAA,EAC7C;AAEA,MAAI,SAAS,QAAQ;AACnB,UAAM,OAAQ,KAAa;AAC3B,WAAO,MAAM,SAAS,MAAM,QAAQ,MAAM,MAAM,KAAK;AAAA,EACvD;AAEA,MAAI,SAAS,UAAU,SAAS,SAAS;AACvC,WACG,KAAa,QAAS,KAAa,SAAU,KAAa,MAAM,KAAK;AAAA,EAE1E;AAEA,MAAI,SAAS,oBAAoB,SAAS,mBAAmB;AAC3D,UAAM,SAAU,KAAa,kBAAkB;AAC/C,WAAO,QAAQ,QAAQ,QAAQ,MAAM,KAAK;AAAA,EAC5C;AAEA,MAAI,SAAS,QAAQ;AACnB,UAAM,WAAY,KAAa;AAC/B,WAAO,UAAU,QAAQ,UAAU,MAAM,KAAK;AAAA,EAChD;AAEA,MAAI,SAAS,kBAAkB,SAAS,iBAAiB;AACvD,UAAM,cAAe,KAAa;AAClC,UAAM,OAAO,aAAa,QAAQ,aAAa,MAAM,KAAK;AAC1D,UAAM,UAAU,aAAa,MAAM,WAAW,aAAa;AAC3D,WAAO,uBAAuB,MAAM,OAAO;AAAA,EAC7C;AAEA,MAAI,SAAS,cAAc,SAAS,UAAU;AAC5C,UAAM,SAAU,KAAa;AAC7B,WAAO,QAAQ,QAAQ,QAAQ,MAAM,KAAK;AAAA,EAC5C;AAEA,MAAI,SAAS,QAAQ;AACnB,WAAQ,KAAa,QAAS,KAAa,SAAS;AAAA,EACtD;AAEA,MAAI,SAAS,WAAW,SAAS,UAAU;AACzC,UAAM,OAAQ,KAAa,QAAQ,KAAK;AACxC,UAAM,YAAa,KAAa;AAChC,WAAO,YAAY,GAAG,IAAI,KAAK,SAAS,MAAM;AAAA,EAChD;AAEA,MAAI,SAAS,gBAAgB;AAC3B,UAAM,YAAa,KAAa,aAAa,KAAK;AAClD,UAAM,QAAS,KAAa,gBAAgB;AAC5C,WAAO,GAAG,SAAS,KAAK,KAAK;AAAA,EAC/B;AAEA,MAAI,SAAS,wBAAwB;AACnC,UAAM,YAAa,KAAa,aAAa,KAAK;AAClD,UAAM,QAAS,KAAa,gBAAgB;AAC5C,WAAO,GAAG,SAAS,KAAK,KAAK;AAAA,EAC/B;AAGA,SACG,KAAa,QACb,KAAa,SACb,KAAa,SACb,KAAa,MACd,KAAK;AAET;AAKA,SAAS,aAAa,MAAgC;AACpD,MAAI,KAAK,SAAS,OAAO,KAAK,UAAU,UAAU;AAChD,WAAO,KAAK;AAAA,EACd;AACA,MAAI,KAAK,MAAM,SAAS,OAAO,KAAK,KAAK,UAAU,UAAU;AAC3D,WAAO,KAAK,KAAK;AAAA,EACnB;AACA,SAAO;AACT;AAKO,SAAS,iBACd,YACA,OACA,UAAgC,CAAC,GACzB;AACR,QAAM,EAAE,gBAAgB,MAAM,YAAY,KAAK,IAAI;AAEnD,QAAM,QAAQ,WAAW,OAAO,CAAC,SAAS,CAAC,eAAe,IAAI,CAAC;AAE/D,QAAM,QAAkB,CAAC;AAGzB,QAAM,KAAK,aAAa,SAAS,EAAE;AAGnC,QAAM,YAAY,oBAAI,IAAY;AAGlC,MAAI,eAAe;AACjB,UAAM,KAAK,EAAE;AACb,UAAM,KAAK,0BAA0B;AAGrC,UAAM,QAAQ,CAAC,SAAS;AACtB,UAAI,KAAK,QAAQ,mBAAmB,KAAK,IAAI,GAAG;AAC9C,kBAAU,IAAI,KAAK,IAAI;AAAA,MACzB;AAAA,IACF,CAAC;AAGD,cAAU,QAAQ,CAAC,SAAS;AAC1B,YAAM,QAAQ,mBAAmB,IAAI;AACrC,UAAI,OAAO;AACT,cAAM,KAAK,gBAAgB,kBAAkB,IAAI,CAAC,IAAI,KAAK,EAAE;AAAA,MAC/D;AAAA,IACF,CAAC;AAAA,EACH;AAGA,QAAM,KAAK,EAAE;AACb,QAAM,KAAK,cAAc;AAEzB,QAAM,QAAQ,CAAC,SAAS;AACtB,UAAM,cAAc,kBAAkB,KAAK,EAAE;AAC7C,UAAM,QAAQ,mBAAmB,aAAa,IAAI,CAAC;AACnD,UAAM,CAAC,QAAQ,MAAM,IAAI,oBAAoB,KAAK,QAAQ,QAAQ;AAElE,QAAI,WAAW,OAAO,WAAW,GAAG,MAAM,IAAI,KAAK,IAAI,MAAM;AAG7D,QAAI,iBAAiB,KAAK,QAAQ,UAAU,IAAI,KAAK,IAAI,GAAG;AAC1D,kBAAY,MAAM,kBAAkB,KAAK,IAAI,CAAC;AAAA,IAChD;AAEA,UAAM,KAAK,QAAQ;AAAA,EACrB,CAAC;AAGD,QAAM,KAAK,EAAE;AACb,QAAM,KAAK,cAAc;AAEzB,QAAM,QAAQ,CAAC,SAAS;AACtB,UAAM,WAAW,kBAAkB,KAAK,MAAM;AAC9C,UAAM,WAAW,kBAAkB,KAAK,MAAM;AAC9C,UAAM,QAAQ,aAAa,IAAI;AAE/B,QAAI;AACJ,QAAI,OAAO;AAET,YAAM,aAAa,MAAM,QAAQ,OAAO,GAAG,EAAE,KAAK;AAClD,iBAAW,OAAO,QAAQ,SAAS,mBAAmB,UAAU,CAAC,MAAM,QAAQ;AAAA,IACjF,OAAO;AACL,iBAAW,OAAO,QAAQ,QAAQ,QAAQ;AAAA,IAC5C;AAEA,UAAM,KAAK,QAAQ;AAAA,EACrB,CAAC;AAED,SAAO,MAAM,KAAK,IAAI;AACxB;;;AC/WA,eAAsB,gBAAgB,MAAgC;AACpE,MAAI;AACF,QAAI,WAAW,WAAW,WAAW;AACnC,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,aAAO;AAAA,IACT;AAEA,UAAM,WAAW,SAAS,cAAc,UAAU;AAClD,aAAS,QAAQ;AACjB,aAAS,MAAM,WAAW;AAC1B,aAAS,MAAM,OAAO;AACtB,aAAS,KAAK,YAAY,QAAQ;AAClC,aAAS,OAAO;AAChB,UAAM,UAAU,SAAS,YAAY,MAAM;AAC3C,aAAS,KAAK,YAAY,QAAQ;AAClC,WAAO;AAAA,EACT,SAAS,OAAO;AACd,YAAQ,MAAM,gCAAgC,KAAK;AACnD,WAAO;AAAA,EACT;AACF;;;AFmIM,IAAAC,uBAAA;AA9IN,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAAwB;AACtB,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,KAAK;AACpD,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,EAAE;AACjD,QAAM,CAAC,YAAY,aAAa,QAAI,yBAAwB,IAAI;AAChE,QAAM,CAAC,cAAc,eAAe,QAAI,yBAAwB,IAAI;AACpE,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,IAAI;AACnD,QAAM,mBAAe,uBAAuB,IAAI;AAChD,QAAM,sBAAkB,uBAAuB,IAAI;AACnD,QAAM,yBAAqB,uBAAY,IAAI;AAG3C,gCAAU,MAAM;AACd,UAAM,OAAO,iBAAiB,OAAO,OAAO;AAAA,MAC1C,eAAe;AAAA,MACf,WAAW;AAAA,IACb,CAAC;AACD,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,OAAO,KAAK,CAAC;AAGjB,gCAAU,MAAM;AACd,QAAI,CAAC,YAAa;AAElB,QAAI,YAAY;AAChB,mBAAe,IAAI;AACnB,oBAAgB,IAAI;AAEpB,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,EAAE,SAAS,QAAQ,IAAI,MAAM,OAAO,SAAS;AAGnD,cAAM,aACJ,SAAS,gBAAgB,aAAa,YAAY,MAAM;AAC1D,cAAM,eAAe,aAAa,SAAS;AAE3C,gBAAQ,WAAW;AAAA,UACjB;AAAA,UACA,aAAa;AAAA,UACb,OAAO;AAAA,UACP,WAAW;AAAA,YACT,OAAO;AAAA,YACP,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,QACjB,CAAC;AAED,cAAM,KAAK,kBAAkB,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC;AACtE,cAAM,EAAE,IAAI,IAAI,MAAM,QAAQ,OAAO,IAAI,WAAW;AAEpD,YAAI,CAAC,WAAW;AACd,wBAAc,GAAG;AACjB,0BAAgB,IAAI;AAAA,QACtB;AAAA,MACF,SAAS,OAAO;AACd,YAAI,CAAC,WAAW;AACd,kBAAQ,MAAM,yBAAyB,KAAK;AAC5C;AAAA,YACE,iBAAiB,QAAQ,MAAM,UAAU;AAAA,UAC3C;AACA,wBAAc,IAAI;AAAA,QACpB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,WAAW;AACd,yBAAe,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAEA,kBAAc;AAEd,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAGhB,gCAAU,MAAM;AACd,QAAI,CAAC,cAAc,CAAC,gBAAgB,QAAS;AAE7C,UAAM,WAAW,YAAY;AAC3B,YAAM,aAAa,gBAAgB,SAAS,cAAc,KAAK;AAC/D,UAAI,CAAC,WAAY;AAEjB,UAAI;AACF,cAAM,EAAE,SAAS,WAAW,IAAI,MAAM,OAAO,cAAc;AAG3D,mBAAW,MAAM,QAAQ;AACzB,mBAAW,MAAM,SAAS;AAC1B,mBAAW,gBAAgB,QAAQ;AACnC,mBAAW,gBAAgB,OAAO;AAElC,cAAM,WAAW,WAAW,YAAY;AAAA,UACtC,aAAa;AAAA,UACb,qBAAqB;AAAA,UACrB,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,SAAS;AAAA,UACT,sBAAsB;AAAA,UACtB,qBAAqB;AAAA,UACrB,uBAAuB;AAAA,UACvB,YAAY;AAAA,QACd,CAAC;AAED,2BAAmB,UAAU;AAAA,MAC/B,SAAS,GAAG;AACV,gBAAQ,KAAK,8BAA8B,CAAC;AAAA,MAC9C;AAAA,IACF;AAEA,aAAS;AAET,WAAO,MAAM;AACX,UAAI,mBAAmB,SAAS;AAC9B,YAAI;AACF,6BAAmB,QAAQ,QAAQ;AAAA,QACrC,SAAS,GAAG;AAAA,QAEZ;AACA,2BAAmB,UAAU;AAAA,MAC/B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,4BAAwB,4BAAY,YAAY;AACpD,UAAM,gBAAgB,WAAW;AACjC,mBAAe,IAAI;AACnB,eAAW,MAAM,eAAe,KAAK,GAAG,GAAI;AAAA,EAC9C,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,wBAAwB;AAAA,MAE5C;AAAA,sDAAC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,SAKN;AAAA,QAGF,8CAAC,SAAI,WAAU,oCACb,yDAAC,SAAI,WAAU,kBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,WAAW,iJACT,cACI,sCACA,wHACN;AAAA,cACA,cAAY,cAAc,YAAY;AAAA,cAErC,wBACC,8CAAC,mCAAU,WAAU,WAAU,IAE/B,8CAAC,uCAAc,WAAU,WAAU;AAAA;AAAA,UAEvC;AAAA,UACA,8CAAC,SAAI,WAAU,kOACZ,wBAAc,YAAY,qBAC7B;AAAA,WACF,GACF;AAAA,QAGA,+CAAC,SAAI,WAAU,oCACZ;AAAA,yBACC,8CAAC,SAAI,WAAU,kDACb,yDAAC,SAAI,WAAU,YACb;AAAA,2DAAC,SAAI,WAAU,sCACb;AAAA,4DAAC,SAAI,WAAU,mEAAkE;AAAA,cACjF,8CAAC,SAAI,WAAU,4DAA2D;AAAA,cAC1E;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,gBAAgB,OAAO;AAAA;AAAA,cAClC;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,gBAAgB,QAAQ;AAAA;AAAA,cACnC;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,gBAAgB,QAAQ;AAAA;AAAA,cACnC;AAAA,eACF;AAAA,YACA,8CAAC,OAAE,WAAU,kEAAiE,kCAE9E;AAAA,aACF,GACF;AAAA,UAGD,gBAAgB,CAAC,eAChB,+CAAC,SAAI,WAAU,+DACb;AAAA,0DAAC,SAAI,WAAU,6BAA4B,sCAE3C;AAAA,YACA,8CAAC,SAAI,WAAU,0HACZ,wBACH;AAAA,YACA,+CAAC,SAAI,WAAU,sDACb;AAAA,4DAAC,OAAE,mEAAqD;AAAA,cACxD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,KAAI;AAAA,kBACJ,WAAU;AAAA,kBACX;AAAA;AAAA,cAED;AAAA,eACF;AAAA,aACF;AAAA,UAGD,cAAc,CAAC,eAAe,CAAC,gBAC9B;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAU;AAAA,cACV,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,UAChD;AAAA,WAEJ;AAAA,QAGA,8CAAC,SAAI,WAAU,iCACb,yDAAC,SAAI,WAAU,uJACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,QAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAc;AAAA,kBACd,gBAAe;AAAA,kBACf,aAAa;AAAA,kBACb,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF;AAAA,UACA,8CAAC,UAAK,WAAU,iDAAgD,6CAEhE;AAAA,WACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;AG7Qf,IAAAC,iBAQO;AACP,IAAAA,iBAAmD;;;ACTnD,IAAAC,iBAAiD;AAKjD,IAAM,qBAAqB,CAAC,GAAG,SAAS,gBAAgB,sBAAsB;AAEvE,IAAM,gBAAgB,CAAC,SAC5B,mBAAmB,SAAS,KAAK,QAAQ,EAAE;AAE7C,IAAM,gBAAgB,CAAC,OAAO,OAAO;AACnC,MAAI,MAAM,SAAS,IAAI,EAAG,QAAO;AACjC,MAAI,QAAQ,SAAS,IAAI,EAAG,QAAO;AACnC,MAAI,MAAM,SAAS,IAAI,EAAG,QAAO;AACjC,SAAO;AACT;AAGA,IAAM,cAAc,CAAC,SAAmC;AACtD,QAAM,OAAO,KAAK;AAClB,MAAI,KAAK,SAAS,gBAAgB;AAChC,YAAQ,MAAM,YAAY,CAAC,GAAG,IAAI,CAAC,EAAE,SAAAC,SAAQ,MAAW;AAAA,MACtDA,UAAS,MAAM,QAAQA,UAAS,MAAM;AAAA,MACtC,cAAcA,UAAS,UAAU;AAAA,IACnC,CAAC;AAAA,EACH;AACA,QAAM,UAAU,MAAM;AACtB,SAAO,UACH,CAAC,CAAC,QAAQ,QAAQ,QAAQ,IAAI,cAAc,KAAK,IAAI,CAAC,CAAC,IACvD,CAAC;AACP;AAEA,IAAM,QAAgC;AAAA,EACpC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX;AAMO,IAAM,mBAAmB,CAAC,aAAkC;AACjE,MAAI,SAAS,SAAS,EAAG,QAAO;AAChC,QAAM,cAAc,IAAI,IAAI,SAAS,OAAO,CAAC;AAC7C,QAAM,aACJ,YAAY,SAAS,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC,IAAI;AACxD,QAAM,OAAO,MAAM,UAAU,KAAK;AAClC,QAAM,OACJ,SAAS,SAAS,IACd,MAAM,KAAK,SAAS,KAAK,CAAC,EAAE,CAAC,IAC7B,GAAG,SAAS,IAAI,IAAI,UAAU;AACpC,SAAO,GAAG,IAAI;AAAA,EAAK,IAAI;AACzB;AAGO,IAAM,YAAY,CAAC,SACxB,cAAc,IAAI,KAAK,KAAK,SAAS;AAEvC,IAAMC,iBAAgB,CAAC,SACrB,CAAC,CAAE,KAAK,MAAgD;AAE1D,IAAM,WAAW,CAAC,SACf,KAAK,MAA4C;AAOpD,IAAM,aAAa,CAAC,WAAsC;AACxD,MAAI,CAAC,OAAO,MAAM,CAAC,UAAU,SAAS,MAAM,OAAO,SAAS,CAAC,EAAG;AAChE,QAAM,UAAU;AAChB,QAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,QAAQ,CAAC,EAAE,OAAO,SAAS,CAAC;AAC9D,QAAM,SAAS,QAAQ,CAAC,EAAE,OAAO,CAAC;AAClC,SAAO;AAAA,IACL,QAAQ,QAAQ,QAAQ,CAAC,UAAU,MAAM,MAAM;AAAA,IAC/C,OAAO,EAAE,IAAI,QAAQ,IAAI,OAAO,KAAK,GAAG,IAAI,QAAQ,IAAI,OAAO,KAAK,EAAE;AAAA,IACtE,QAAQ,QAAQ,CAAC,EAAE;AAAA,IACnB,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAAE;AAAA,EACtC;AACF;AAQO,IAAM,YAAY,CACvB,OACA,OACA,aACG;AACH,QAAM,cAAc,IAAI;AAAA,IACtB,MAAM,OAAO,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC;AAAA,EACtD;AACA,MAAI,YAAY,SAAS,EAAG,QAAO,EAAE,OAAO,MAAM;AAElD,QAAM,gBAAgB,oBAAI,IAAoB;AAC9C,aAAW,QAAQ,OAAO;AACxB,UAAM,WAAW,cAAc,IAAI,KAAK,MAAM,KAAK,CAAC;AACpD,aAAS,KAAK,IAAI;AAClB,kBAAc,IAAI,KAAK,QAAQ,QAAQ;AAAA,EACzC;AAEA,QAAM,YAAoB,CAAC;AAC3B,QAAM,eAAe,oBAAI,IASvB;AAEF,aAAW,QAAQ,OAAO;AACxB,QAAI,YAAY,IAAI,KAAK,MAAM,EAAG;AAClC,UAAM,SAAS,YAAY,IAAI,KAAK,MAAM;AAC1C,QAAI,CAAC,QAAQ;AACX,gBAAU,KAAK,IAAI;AACnB;AAAA,IACF;AACA,QAAI,CAAC,UAAU,MAAM,EAAG;AAIxB,UAAM,QAAQ;AAAA,MACZ;AAAA,QACE,IAAI,KAAK;AAAA,QACT,UAAU,CAAC;AAAA,QACX,QAAQ,CAAC,SAAS,IAAI,CAAC;AAAA,QACvB,aAAaA,eAAc,IAAI;AAAA,MACjC;AAAA,IACF;AACA,UAAM,UAAU,oBAAI,IAAY;AAChC,WAAO,MAAM,SAAS,GAAG;AACvB,YAAM,UAAU,MAAM,IAAI;AAC1B,UAAI,QAAQ,IAAI,QAAQ,EAAE,EAAG;AAC7B,cAAQ,IAAI,QAAQ,EAAE;AACtB,YAAM,WAAW;AAAA,QACf,GAAG,QAAQ;AAAA,QACX,GAAG,YAAY,YAAY,IAAI,QAAQ,EAAE,CAAE;AAAA,MAC7C;AAEA,iBAAW,QAAQ,cAAc,IAAI,QAAQ,EAAE,KAAK,CAAC,GAAG;AACtD,cAAM,SAAS,CAAC,GAAG,QAAQ,QAAQ,SAAS,IAAI,CAAC;AACjD,cAAM,cAAc,QAAQ,eAAeA,eAAc,IAAI;AAC7D,cAAM,WAAW,YAAY,IAAI,KAAK,MAAM;AAC5C,YAAI,UAAU;AACZ,cAAI,UAAU,QAAQ;AACpB,kBAAM,KAAK,EAAE,IAAI,KAAK,QAAQ,UAAU,QAAQ,YAAY,CAAC;AAC/D;AAAA,QACF;AACA,YAAI,KAAK,WAAW,KAAK,OAAQ;AAGjC,cAAM,KAAK,WAAW,KAAK,MAAM,IAAI,KAAK,MAAM;AAChD,cAAM,UAAU,aAAa,IAAI,EAAE,KAAK;AAAA,UACtC,QAAQ,KAAK;AAAA,UACb,QAAQ,KAAK;AAAA,UACb,UAAU,oBAAI,IAAoB;AAAA,UAClC,OAAO,WAAW,MAAM;AAAA,UACxB,aAAa;AAAA,QACf;AACA,gBAAQ,gBAAR,QAAQ,cAAgB;AACxB,iBAAS;AAAA,UAAQ,CAAC,CAAC,MAAM,UAAU,MACjC,QAAQ,SAAS,IAAI,MAAM,UAAU;AAAA,QACvC;AACA,qBAAa,IAAI,IAAI,OAAO;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AAEA,QAAM,WAAW,MAAM;AAAA,IAAK;AAAA,IAAc,CAAC,CAAC,IAAI,OAAO,MACrD,WAAW;AAAA,MACT;AAAA,MACA,QAAQ,QAAQ;AAAA,MAChB,QAAQ,QAAQ;AAAA,MAChB,OAAO,iBAAiB,QAAQ,QAAQ;AAAA;AAAA,MAExC,WAAW;AAAA,QACT,MAAM,0BAAW;AAAA,QACjB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA;AAAA,MAEA,MAAM;AAAA,QACJ,GAAI,QAAQ,QAAQ,EAAE,OAAO,QAAQ,MAAM,IAAI,CAAC;AAAA,QAChD,GAAI,QAAQ,cAAc,EAAE,aAAa,KAAK,IAAI,CAAC;AAAA,MACrD;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,OAAO,CAAC,SAAS,CAAC,YAAY,IAAI,KAAK,EAAE,CAAC;AAAA,IACvD,OAAO,CAAC,GAAG,WAAW,GAAG,QAAQ;AAAA,EACnC;AACF;AAOO,IAAM,mBAAmB,CAAC,OAAe,UAC9C,UAAU,OAAO,OAAO,SAAS;;;ACvMnC,IAAM,sBAAsB;AAOrB,IAAM,kBAAkB,CAAC,WAAmB,YAAoB;AACrE,QAAM,UAAU,IAAI,IAAI,UAAU,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AACxD,QAAM,QAAQ,IAAI,IAAI,QAAQ,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AACpD,QAAM,SAAyC,CAAC;AAChD,QAAM,OAAO,CAAC,QAAgB,SAAsB,UAClD,OACG,OAAO,CAAC,SAAS,KAAK,SAAS,cAAc,EAC7C,QAAQ,CAAC,UAAU;AAClB,UAAM,WAAW,MAAM,GAAG,MAAM,oBAAoB,MAAM;AAC1D,QAAI,CAAC,QAAQ,IAAI,QAAQ,EAAG;AAC5B,WAAO;AAAA,MACL,QACI,EAAE,MAAM,UAAU,IAAI,MAAM,GAAG,IAC/B,EAAE,MAAM,MAAM,IAAI,IAAI,SAAS;AAAA,IACrC;AAAA,EACF,CAAC;AACL,OAAK,SAAS,SAAS,IAAI;AAC3B,OAAK,WAAW,OAAO,KAAK;AAC5B,SAAO,OAAO;AAAA,IACZ,CAAC,UAAU,CAAC,MAAM,IAAI,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE;AAAA,EAC5D;AACF;AAEO,IAAM,4BAA4B;AAEzC,IAAM,YAAY,CAAC,MACjB,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,GAAG,CAAC,IAAI;AAEtD,IAAM,OAAO,CAAC,MAAc,IAAY,MAAc,QAAQ,KAAK,QAAQ;AAE3E,IAAM,OAAO,CAAC,UAAgB;AAAA,EAC5B,OAAO,KAAK,OAAO;AAAA,EACnB,QAAQ,KAAK,OAAO;AACtB;AAGA,IAAM,sBAAsB,EAAE,OAAO,KAAK,QAAQ,IAAI;AAKtD,IAAM,UAAU,CAAC,MAAY,eAAuC;AAClE,QAAM,SACH,OAAO,KAAK,OAAO,UAAU,WAAW,KAAK,MAAM,QAAQ,WAC5D,KAAK,UAAU,SACf,oBAAoB;AACtB,QAAM,UACH,OAAO,KAAK,OAAO,WAAW,WAAW,KAAK,MAAM,SAAS,WAC9D,KAAK,UAAU,UACf,oBAAoB;AACtB,QAAM,CAAC,SAAS,OAAO,IAAI,KAAK,UAAU;AAC1C,SAAO;AAAA,IACL,GAAG,KAAK,SAAS,IAAI,UAAU;AAAA,IAC/B,GAAG,KAAK,SAAS,IAAI,UAAU;AAAA,IAC/B;AAAA,IACA;AAAA,EACF;AACF;AAGA,IAAM,qBAAqB,CACzB,MACA,MACA,eACG;AACH,QAAM,CAAC,SAAS,OAAO,IAAI,KAAK,UAAU;AAC1C,SAAO;AAAA,IACL,GAAG,KAAK,IAAI,UAAU,KAAK;AAAA,IAC3B,GAAG,KAAK,IAAI,UAAU,KAAK;AAAA,EAC7B;AACF;AAcO,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV,aAAa,CAAC,GAAG,CAAC;AAAA,EAClB;AACF,MAUM;AACJ,QAAM,gBAAgB,IAAI,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;AACtE,QAAM,YAAY,IAAI,IAAI,QAAQ,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AACxD,QAAM,cAAc,IAAI,IAAI,UAAU,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAC5D,QAAM,YAAY,IAAI,IAAI,QAAQ,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAIxD,QAAM,YAAoD,CAAC;AAC3D,SAAO,QAAQ,CAAC,UAAU;AACxB,UAAM,YAAY,cAAc,IAAI,MAAM,IAAI;AAC9C,UAAM,UAAU,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,MAAM,EAAE;AAC3D,QAAI,CAAC,aAAa,CAAC,QAAS;AAC5B,UAAM,WAAW,QAAQ,WAAW,UAAU;AAC9C,QAAI,OAAO,QAAQ,OAAO,UAAU,UAAU;AAC5C,oBAAc,IAAI,QAAQ,IAAI;AAAA,QAC5B,GAAG;AAAA,QACH,UAAU,mBAAmB,SAAS,UAAU,UAAU;AAAA,QAC1D,OAAO;AAAA,UACL,GAAG,QAAQ;AAAA,UACX,OAAO,SAAS;AAAA,UAChB,QAAQ,SAAS;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,gBAAU,KAAK;AAAA,QACb,MAAM,EAAE,GAAG,WAAW,QAAQ,CAAC,GAAG,CAAC,GAAG,WAAW,gBAAgB;AAAA,QACjE,MAAM;AAAA,QACN,IAAI,QAAQ,SAAS,UAAU;AAAA,MACjC,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACD,QAAM,eAAe,IAAI,IAAI,UAAU,IAAI,CAAC,EAAE,KAAK,MAAM,KAAK,EAAE,CAAC;AAEjE,QAAM,eAAe,UAClB,OAAO,CAAC,SAAS,CAAC,UAAU,IAAI,KAAK,EAAE,KAAK,CAAC,aAAa,IAAI,KAAK,EAAE,CAAC,EACtE,IAAI,CAAC,UAAU,EAAE,GAAG,MAAM,WAAW,UAAU,EAAE;AAEpD,QAAM,QAAQ,CAAC,MAAsB;AACnC,UAAM,QAAQ,QAAQ,IAAI,CAAC,SAAS;AAClC,YAAM,OAAO,cAAc,IAAI,KAAK,EAAE;AACtC,UAAI,CAAC,KAAM,QAAO,EAAE,GAAG,MAAM,WAAW,WAAW;AAEnD,YAAM,OAAa;AAAA,QACjB,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,SAAS,GAAG,CAAC;AAAA,UAC3C,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,SAAS,GAAG,CAAC;AAAA,QAC7C;AAAA,MACF;AAEA,YAAM,WAAW,KAAK,IAAI;AAC1B,YAAM,SAAS,KAAK,IAAI;AACxB,UACE,OAAO,SAAS,UAAU,YAC1B,OAAO,OAAO,UAAU,YACxB,OAAO,SAAS,WAAW,YAC3B,OAAO,OAAO,WAAW,UACzB;AACA,aAAK,QAAQ;AAAA,UACX,GAAG,KAAK;AAAA,UACR,OAAO,KAAK,SAAS,OAAO,OAAO,OAAO,CAAC;AAAA,UAC3C,QAAQ,KAAK,SAAS,QAAQ,OAAO,QAAQ,CAAC;AAAA,QAChD;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAED,cAAU;AAAA,MAAQ,CAAC,EAAE,MAAM,MAAM,GAAG,MAClC,MAAM,KAAK;AAAA,QACT,GAAG;AAAA,QACH,UAAU,EAAE,GAAG,KAAK,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,GAAG,GAAG,CAAC,EAAE;AAAA,QAC/D,OAAO;AAAA,UACL,GAAG,KAAK;AAAA,UACR,OAAO,KAAK,KAAK,OAAO,GAAG,OAAO,CAAC;AAAA,UACnC,QAAQ,KAAK,KAAK,QAAQ,GAAG,QAAQ,CAAC;AAAA,QACxC;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO,CAAC,GAAG,OAAO,GAAG,YAAY;AAAA,EACnC;AAGA,WAAS,MAAM,CAAC,CAAC;AACjB,WAAS;AAAA,IACP,GAAG,QAAQ;AAAA,MAAI,CAAC,SACd,YAAY,IAAI,KAAK,EAAE,IAAI,OAAO,EAAE,GAAG,MAAM,WAAW,WAAW;AAAA,IACrE;AAAA,IACA,GAAG,UACA,OAAO,CAAC,SAAS,CAAC,UAAU,IAAI,KAAK,EAAE,CAAC,EACxC,IAAI,CAAC,UAAU,EAAE,GAAG,MAAM,WAAW,UAAU,EAAE;AAAA,EACtD,CAAC;AAED,QAAM,QAAQ,YAAY,IAAI;AAC9B,MAAI,iBAAiB,sBAAsB,SAAS,KAAK,KAAK;AAC5D,UAAM,IAAI,KAAK,IAAI,IAAI,MAAM,SAAS,yBAAyB;AAC/D,QAAI,IAAI,GAAG;AACT,eAAS,MAAM,UAAU,CAAC,CAAC,CAAC;AAC5B,uBAAiB,sBAAsB,IAAI;AAC3C;AAAA,IACF;AACA,aAAS,OAAO;AAGhB;AAAA,MAAS,CAAC,UACR,MACG,OAAO,CAAC,SAAS,UAAU,IAAI,KAAK,EAAE,CAAC,EACvC;AAAA,QAAI,CAAC,SACJ,KAAK,cAAc,aACf,EAAE,GAAG,MAAM,WAAW,OAAU,IAChC;AAAA,MACN;AAAA,IACJ;AACA,aAAS;AAAA,EACX,CAAC;AAED,SAAO,MAAM,qBAAqB,cAAc;AAClD;AAMO,IAAM,kBAAkB,CAAC,OAAe,iBAAyB;AACtE,QAAM,cAAc,IAAI,IAAI,aAAa,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;AACvE,QAAM,WAAW,MAAM,OAAO,CAAC,SAAS,CAAC,KAAK,QAAQ;AACtD,MAAI,SAAS,WAAW,EAAG,QAAO;AAClC,QAAM,QAAQ,SAAS,IAAI,CAAC,SAAS;AACnC,UAAM,WAAW,YAAY,IAAI,KAAK,EAAE,GAAG,YAAY,KAAK;AAC5D,UAAM,SACH,OAAO,KAAK,OAAO,UAAU,WAAW,KAAK,MAAM,QAAQ,WAC5D,UAAU,SACV;AACF,UAAM,UACH,OAAO,KAAK,OAAO,WAAW,WAC3B,KAAK,MAAM,SACX,WACJ,UAAU,UACV;AACF,WAAO,EAAE,GAAG,KAAK,UAAU,OAAO,OAAO;AAAA,EAC3C,CAAC;AACD,QAAM,IAAI,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC;AACjD,QAAM,IAAI,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC;AACjD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI,KAAK,KAAK,CAAC,IAAI;AAAA,IAC/D,QAAQ,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI,KAAK,MAAM,CAAC,IAAI;AAAA,EACnE;AACF;;;AFjPO,IAAM,gBAAgB,CAAC,UAAkB;AAC9C,QAAM,MAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,MAAI,aAAa,IAAI,SAAS,OAAO,KAAK,CAAC;AAC3C,SAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,GAAG;AAC3D;AAgDA,IAAM,WAAW,CAAI,UAAa;AAElC,IAAM,cAAc,CAAC,MAAY,QAAgB,KAAK,SAAS;AAE/D,IAAM,mBAAmB,CAAC,OAAe,UAAkB;AACzD,QAAM,aAAa,IAAI;AAAA,IACrB,MAAM,OAAO,CAAC,SAAS,KAAK,SAAS,UAAU,EAAE,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,EACxE;AAGA,QAAM,WAAW,oBAAI,IAAkB;AACvC,QAAMC,OAAM,CAAC,SAAe;AAC1B,QAAI,CAAC,SAAS,IAAI,KAAK,EAAE,EAAG,UAAS,IAAI,KAAK,IAAI,IAAI;AAAA,EACxD;AACA,aAAW,QAAQ,OAAO;AACxB,UAAM,EAAE,QAAQ,QAAQ,KAAK,IAAI;AACjC,QAAI,CAAC,WAAW,IAAI,MAAM,KAAK,CAAC,WAAW,IAAI,MAAM,GAAG;AACtD,MAAAA,KAAI,IAAI;AACR;AAAA,IACF;AAEA,UAAM,sBAAsB,MAAM;AAIlC,QAAI,CAAC,qBAAqB;AACxB,MAAAA,KAAI,IAAI;AACR;AAAA,IACF;AAGA,UAAM,kBACJ,qBAAqB,QAAQ,eAAe,cAC5C,qBAAqB,QAAQ,eAAe;AAC9C,UAAM,YAAY,kBACd,+BAA+B,oBAAoB,MAAa,IAChE,+BAA+B,oBAAoB,MAAa;AAEpE,IAAAA;AAAA,MACE,WAAW;AAAA,QACT,IAAI,GAAG,oBAAoB,OAAO,EAAE,IAAI,oBAAoB,OAAO,EAAE;AAAA,QACrE,QAAQ,oBAAoB,OAAO;AAAA,QACnC,QAAQ,oBAAoB,OAAO;AAAA,QACnC,OAAO;AAAA,QACP,GAAI,MAAM,cAAc,EAAE,MAAM,EAAE,aAAa,KAAK,EAAE,IAAI,CAAC;AAAA,MAC7D,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,OAAO,CAAC,SAAS,CAAC,WAAW,IAAI,KAAK,EAAE,CAAC;AAAA,IACtD,OAAO,MAAM,KAAK,SAAS,OAAO,CAAC;AAAA,EACrC;AACF;AAEO,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAACC,WAAUA;AAAA,EAC1B,mBAAmB;AAAA,EACnB,0BAA0B,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,cAAc;AAChB,MAA2B;AACzB,QAAM,kBAAkB,4BAA4B,kBAAkB,IAAI,eAAe,KAAK,EAAE;AAChG,QAAM,kBAAkB,4BAA4B,kBAAkB,IAAI,eAAe,KAAK,EAAE;AAIhG,QAAM,CAAC,QAAQ,QAAI,yBAAS,MAAM;AAChC,QAAI,iBAAkB,QAAO;AAC7B,UAAM,QAAQ;AAAA,MACZ,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,OAAO;AAAA,IACzD;AACA,QAAI,UAAU,KAAK,UAAU,EAAG,QAAO;AACvC,WAAO,UAAU,IAAI,IAAI;AAAA,EAC3B,CAAC;AACD,QAAM,CAAC,cAAc,eAAe,QAAI;AAAA,IACtC,MACE,CAAC,oBACD,CAAC,YACD,aAAa,QAAQ,eAAe,MAAM;AAAA,EAC9C;AACA,QAAM,CAAC,cAAc,eAAe,QAAI;AAAA,IAAS,MAC/C,WACI,aAAa,IACb,aAAa,QAAQ,eAAe,MAAM;AAAA,EAChD;AAEA,QAAM,gBAAY,uBAAO,EAAE,OAAO,MAAM,CAAC;AACzC,QAAM,EAAE,SAAS,UAAU,QAAI,6BAAa;AAE5C,QAAM,wBAAoB,uBAAO,KAAK;AACtC,QAAM,kBAAc,uBAAO,KAAK;AAChC,QAAM,sBAAkB,uBAAiC,MAAS;AAIlE,QAAM,iBAAiB,gBAAgB;AACvC,QAAM,iBAAiB,gBAAgB,gBAAgB;AAGvD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,kCAA8B,uBAAO,wBAAwB;AACnE,8BAA4B,UAAU;AACtC,QAAM,sBAAkB;AAAA,IACtB,CAAC,QAAgB;AACf,wBAAkB,UAAU;AAC5B,YAAM,OAAO,iBAAiB,SAAS,GAAG,IACtC,iBAAiB,OAAO,CAAC,cAAc,cAAc,GAAG,IACxD,CAAC,GAAG,kBAAkB,GAAG;AAC7B,0BAAoB,IAAI;AACxB,kCAA4B,UAAU,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AACA,QAAM,0BAAsB,uBAAO,gBAAgB;AACnD,sBAAoB,UAAU;AAC9B,QAAM,mBAAmB,CAAC,SACxB,iBAAiB,KAAK,CAAC,QAAQ,oBAAoB,QAAQ,MAAM,GAAG,CAAC;AAEvE,QAAM,eAAe,UAAU,QAAQ,MAAM,KAAK,gBAAgB;AAIlE,QAAM,CAAC,sBAAsB,uBAAuB,QAAI;AAAA,IACtD,MAAM,aAAa,QAAQ,mCAAmC,MAAM;AAAA,EACtE;AACA,QAAM,iCAA6B,4BAAY,MAAM;AACnD,UAAM,YAAY,CAAC;AACnB,4BAAwB,SAAS;AACjC,iBAAa;AAAA,MACX;AAAA,MACA,KAAK,UAAU,SAAS;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,oBAAoB,CAAC;AAIzB,gCAAU,MAAM;AAEd,QAAI,YAAY,QAAS;AACzB,UAAM,sBAAsB,MAAM;AAAA,MAChC,CAAC,SACE,kBAAkB,KAAK,SAAS,cAChC,kBAAkB,cAAc,IAAI,KACpC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AACA,QACG,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,gBACxC,qBACA;AACA,gBAAU,UAAU,EAAE,OAAO,MAAM;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,QAAM,+BAA2B,4BAAY,MAAM;AACjD,sBAAkB,UAAU;AAC5B,UAAM,OAAO,CAAC;AACd,oBAAgB,IAAI;AACpB,iBAAa,QAAQ,iBAAiB,KAAK,UAAU,IAAI,CAAC;AAAA,EAC5D,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,+BAA2B,4BAAY,MAAM;AACjD,sBAAkB,UAAU;AAC5B,UAAM,OAAO,CAAC;AACd,oBAAgB,IAAI;AACpB,iBAAa,QAAQ,iBAAiB,KAAK,UAAU,IAAI,CAAC;AAC1D,kBAAc,OAAO,IAAI,CAAC;AAAA,EAC5B,GAAG,CAAC,YAAY,CAAC;AAGjB,QAAM,qBAAiB,4BAAY,CAAC,UAAiB;AACnD,sBAAkB,UAAU;AAC5B,UAAM,OAAO,UAAU;AACvB,oBAAgB,IAAI;AACpB,iBAAa,QAAQ,iBAAiB,KAAK,UAAU,IAAI,CAAC;AAC1D,QAAI,CAAC,MAAM;AACT,sBAAgB,KAAK;AACrB,mBAAa,QAAQ,iBAAiB,OAAO;AAAA,IAC/C;AACA,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,eAAW,uBAAO,KAAK;AAC7B,WAAS,UAAU;AACnB,QAAM,eAAW,uBAAO,KAAK;AAC7B,WAAS,UAAU;AAEnB,QAAM,sBAAkB,uBAAO,YAAY;AAC3C,kBAAgB,UAAU;AAC1B,QAAM,sBAAkB,uBAAO,YAAY;AAC3C,kBAAgB,UAAU;AAC1B,QAAM,qBAAiB,uBAAO,WAAW;AACzC,iBAAe,UAAU;AAEzB,QAAM,gBAAY,uBAAO,CAAC;AAG1B,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,KAAK;AAIpD,QAAM,iBAAa,uBAAO,IAAI;AAC9B,sCAAgB,MAAM;AACpB,UAAM,WAAW,WAAW;AAC5B,eAAW,UAAU;AAErB,UAAM,OAAO,WAAW,iBAAiB;AAEzC,QACE,YACA,CAAC,QACD,CAAC,kBACD,CAAC,kBACD,CAAC;AAED;AAEF,UAAM,MAAM,EAAE,UAAU;AACxB,UAAM,UAAU,CAAC,CAAC,QAAQ,kBAAkB;AAC5C,sBAAkB,UAAU;AAC5B,oBAAgB,UAAU;AAE1B,UAAM,QAAQ,CACZ,EAAE,OAAO,SAAS,OAAO,QAAQ,GACjC,eAAe,UACZ;AACH,UAAI,QAAQ,UAAU,QAAS;AAC/B,YAAM,QAAQ,eAAe,QAAQ,EAAE,OAAO,SAAS,OAAO,QAAQ,CAAC;AACvE,YAAM,SAAS;AAAA,QACb,OAAO,MAAM;AAAA,QACb,OAAO,gBAAgB,QAAQ,MAAM,KAAK;AAAA,MAC5C;AAEA,UAAI,CAAC,SAAS;AACZ,iBAAS,OAAO,KAAK;AACrB,iBAAS,OAAO,KAAK;AAIrB,YAAI,CAAC,YAAY;AACf,kBAAQ,EAAE,SAAS,GAAG,UAAU,KAAK,SAAS,IAAI,CAAC;AACrD;AAAA,MACF;AAIA,YAAM,YAAY,MAAM,SAAS,SAAS;AAC1C,kBAAY,UAAU;AACtB,YAAM,SAAS,gBAAgB,OAAO,OAAO,SAAS;AACtD,UAAI,QAAQ;AACV,kBAAU,QAAQ;AAAA,UAChB,SAAS;AAAA,UACT,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AACA,sBAAgB,UAAU,cAAc;AAAA,QACtC;AAAA,QACA,WAAW,MAAM,SAAS,SAAS;AAAA,QACnC,SAAS,OAAO;AAAA,QAChB,SAAS,OAAO;AAAA,QAChB;AAAA,QACA;AAAA;AAAA;AAAA,QAGA,QAAQ,OAAO,gBAAgB,KAAK,OAAO,OAAO,KAAK,IAAI,CAAC;AAAA,QAC5D;AAAA,QACA,QAAQ,MAAM;AACZ,sBAAY,UAAU;AAGtB,kBAAQ;AAAA,YACN,SAAS;AAAA,YACT,UAAU;AAAA,YACV,SAAS;AAAA,YACT,OAAO,OAAO;AAAA,UAChB,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAGA,QAAI,CAAC,cAAc;AACjB,UAAI,kBAAkB;AACpB,eAAO,MAAM,mBAAmB;AAClC,UAAI,CAAC,kBAAkB,CAAC,eAAgB,QAAO,MAAM,UAAU,OAAO;AAAA,IACxE;AAIA,UAAM,OAAO,gBAAgB,QAAQ,UAAU,OAAO;AACtD,UAAM,QAAQ,iBACT,uBAAuB,iBAAiB,KAAK,OAAO,KAAK,KAAK,IAC/D,iBACE,iBAAiB,KAAK,OAAO,KAAK,KAAK,IACvC;AACN,UAAM,QAAQ,eACV,UAAU,MAAM,OAAO,MAAM,OAAO,gBAAgB,IACpD;AACJ,QAAI,SAAU,gBAAe,IAAI;AACjC,kBAAc,KAAK,EAAE,KAAK,CAAC,WAAW;AACpC,YAAM,QAAQ,IAAI;AAClB,UAAI,SAAU,gBAAe,KAAK;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,gBAAgB,gBAAgB,gBAAgB,CAAC;AAErD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;AGvZO,IAAM,wBAAwB,CACnC,OACA,oBAEA,MAAM,IAAI,CAAC,SAAS;AAGlB,QAAM,aACH,KAAK,MAAM,cACZ,EACE,KAAK,SAAS,eACd,KAAK,SAAS,eACd,KAAK,SAAS,aACd,KAAK,SAAS,UACd,KAAK,SAAS,gBACd,KAAK,MAAM,aAAa;AAG5B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,aAAa,kBAAkB;AAAA,IACzC,MAAM,CAAC,aACH,KAAK,QAAQ,YACb,kBACE,aACA;AAAA,IACN,MAAM;AAAA,MACJ,GAAG,KAAK;AAAA,MACR;AAAA,MACA,iBAAiB,aAAa,kBAAkB;AAAA,MAChD,UAAU,aAAa,kBAAkB;AAAA,IAC3C;AAAA,EACF;AACF,CAAC;;;ACvCH,IAAAC,iBAAsD;AACtD,IAAAC,gBAA8B;AAE9B,IAAAC,wBAcO;AACP,qBAGO;AAiGK,IAAAC,uBAAA;AAhEZ,IAAM,gCACJ;AAAA,EACE,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,EACF,MAAM;AACJ,UAAM,CAAC,cAAc,eAAe,QAAI,yBAEtC,MAAM;AACR,UAAM,kBAAkB,mBAAmB;AAE3C,UAAM,mBAAmB,YAAY;AACnC,UAAI,CAAC,aAAc;AACnB,sBAAgB,QAAQ;AACxB,YAAM,aAAa;AACnB,sBAAgB,MAAM;AAAA,IACxB;AAEA,UAAM,oBAAoB,YAAY;AACpC,UAAI,CAAC,cAAe;AACpB,UACE,CAAC,OAAO;AAAA,QACN;AAAA,MACF,GACA;AACA;AAAA,MACF;AACA,sBAAgB,WAAW;AAC3B,YAAM,UAAU,MAAM,cAAc;AACpC,UAAI,SAAS;AACX,eAAO,SAAS,OAAO;AAAA,MACzB,OAAO;AACL,wBAAgB,MAAM;AAAA,MACxB;AAAA,IACF;AAEA,WACE,gFAEE;AAAA,qDAAc,mBAAb,EACC;AAAA,uDAAc,0BAAb,EAAwB,WAAU,uKACjC;AAAA,wDAAC,iCAAQ,WAAU,mEAAkE;AAAA,UACrF,8CAAC,UAAK,WAAU,sBAAqB,oBAAM;AAAA,UAC3C;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,QAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAc;AAAA,kBACd,gBAAe;AAAA,kBACf,aAAa;AAAA,kBACb,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QACA,8CAAc,sBAAb,EAAoB,WAAW,iBAC9B;AAAA,UAAc;AAAA,UAAb;AAAA,YACC,WAAU;AAAA,YACV,YAAY;AAAA,YACZ,aAAa;AAAA,YAEb;AAAA;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,SAAS;AAAA,kBACT,iBAAiB;AAAA,kBACjB,WAAU;AAAA,kBAEV;AAAA,kEAAC,8BAAK,WAAU,mEAAkE;AAAA,oBAClF,8CAAC,UAAK,WAAU,sBAAqB,+BAAiB;AAAA,oBACtD;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,2EAA2E,gBAAgB,+BAA+B,iCAAiC;AAAA,wBAEtK;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAW,wFAAwF,gBAAgB,aAAa,UAAU;AAAA;AAAA,wBAC5I;AAAA;AAAA,oBACF;AAAA;AAAA;AAAA,cACF;AAAA,cAEC,CAAC,uBACA,gFACE;AAAA,8DAAc,yBAAb,EAAuB,WAAU,6CAA4C;AAAA,gBAE9E;AAAA,kBAAc;AAAA,kBAAb;AAAA,oBACC,SAAS;AAAA,oBACT,iBAAiB;AAAA,oBACjB,WAAU;AAAA,oBAEV;AAAA,oEAAC,6BAAI,WAAU,mEAAkE;AAAA,sBACjF,8CAAC,UAAK,WAAU,sBAAqB,+BAErC;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAW,2EAA2E,kBAAkB,+BAA+B,iCAAiC;AAAA,0BAExK;AAAA,4BAAC;AAAA;AAAA,8BACC,WAAW,wFAAwF,kBAAkB,aAAa,UAAU;AAAA;AAAA,0BAC9I;AAAA;AAAA,sBACF;AAAA;AAAA;AAAA,gBACF;AAAA,iBACF;AAAA,cAGD,eACC;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,SAAS,gBAAgB;AAAA,kBACzB,iBAAiB;AAAA,kBACjB,UAAU;AAAA,kBACV,WAAU;AAAA,kBAEV;AAAA,kEAAC,gCAAO,WAAU,mEAAkE;AAAA,oBACpF,8CAAC,UAAK,WAAU,sBAAqB,2BAAa;AAAA,oBAClD;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,2EAA2E,gBAAgB,eAAe,+BAA+B,iCAAiC;AAAA,wBAErL;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAW,wFAAwF,gBAAgB,eAAe,aAAa,UAAU;AAAA;AAAA,wBAC3J;AAAA;AAAA,oBACF;AAAA;AAAA;AAAA,cACF;AAAA,cAGD,eACC;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,SAAS;AAAA,kBACT,iBAAiB;AAAA,kBACjB,WAAU;AAAA,kBAEV;AAAA,kEAAC,gCAAO,WAAU,mEAAkE;AAAA,oBACpF,8CAAC,UAAK,WAAU,sBAAqB,2BAAa;AAAA,oBAClD;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,2EAA2E,eAAe,+BAA+B,iCAAiC;AAAA,wBAErK;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAW,wFAAwF,eAAe,aAAa,UAAU;AAAA;AAAA,wBAC3I;AAAA;AAAA,oBACF;AAAA;AAAA;AAAA,cACF;AAAA,cAGF;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,SAAS;AAAA,kBACT,iBAAiB;AAAA,kBACjB,WAAU;AAAA,kBAEV;AAAA,kEAAC,6BAAI,WAAU,mEAAkE;AAAA,oBACjF,8CAAC,UAAK,WAAU,sBAAqB,0BAAY;AAAA,oBACjD;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,2EAA2E,cAAc,+BAA+B,iCAAiC;AAAA,wBAEpK;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAW,wFAAwF,cAAc,aAAa,UAAU;AAAA;AAAA,wBAC1I;AAAA;AAAA,oBACF;AAAA;AAAA;AAAA,cACF;AAAA,cAEA,8CAAc,yBAAb,EAAuB,WAAU,6CAA4C;AAAA,cAE9E;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,SAAS;AAAA,kBACT,WAAU;AAAA,kBAEV;AAAA,kEAAC,mCAAU,WAAU,mEAAkE;AAAA,oBACvF,8CAAC,UAAK,WAAU,sBAAqB,yBAAW;AAAA;AAAA;AAAA,cAClD;AAAA,cAEA;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,SAAS,MAAM;AACb,8BAAU,SAAS,gBAAgB;AACnC,+BAAW,MAAM;AACf,4BAAM,cAAc,SAAS;AAAA,wBAC3B;AAAA,sBACF;AACA,mCAAa,MAAM;AAAA,oBACrB,GAAG,EAAE;AAAA,kBACP;AAAA,kBACA,WAAU;AAAA,kBAEV;AAAA,kEAAC,gCAAO,WAAU,mEAAkE;AAAA,oBACpF,8CAAC,UAAK,WAAU,sBAAqB,4BAAc;AAAA;AAAA;AAAA,cACrD;AAAA;AAAA;AAAA,QACF,GACF;AAAA,SACF;AAAA,MAGC,aAAa,KAAK,eACjB;AAAA,QAAc;AAAA,QAAb;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UAEV;AAAA,0DAAC,uCAAc,WAAU,mEAAkE;AAAA,YAC3F,+CAAC,UAAK,WAAU,sBAAqB;AAAA;AAAA,cACtB;AAAA,cAAW;AAAA,eAC1B;AAAA;AAAA;AAAA,MACF;AAAA,MAID,aAAa,gBACZ,+CAAc,mBAAb,EACC;AAAA,uDAAc,0BAAb,EAAwB,WAAU,uKACjC;AAAA,wDAAC,8BAAK,WAAU,mEAAkE;AAAA,UAClF,8CAAC,UAAK,WAAU,sBAAqB,oBAAM;AAAA,UAC3C,8CAAC,UAAK,WAAU,0CAAyC,iBAEzD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,QAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAc;AAAA,kBACd,gBAAe;AAAA,kBACf,aAAa;AAAA,kBACb,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QACA,8CAAc,sBAAb,EAAoB,WAAW,iBAC9B;AAAA,UAAc;AAAA,UAAb;AAAA,YACC,WAAU;AAAA,YACV,YAAY;AAAA,YACZ,aAAa;AAAA,YAEb;AAAA;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,SAAS;AAAA,kBACT,UAAU,iBAAiB;AAAA,kBAC3B,WAAU;AAAA,kBAET;AAAA,qCAAiB,WAChB,8CAAC,iCAAQ,WAAU,gFAA+E,IAElG,8CAAC,8BAAK,WAAU,mEAAkE;AAAA,oBAEpF,8CAAC,UAAK,WAAU,sBACb,2BAAiB,WAAW,cAAc,eAC7C;AAAA;AAAA;AAAA,cACF;AAAA,cACA;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,SAAS;AAAA,kBACT,UAAU,iBAAiB;AAAA,kBAC3B,WAAU;AAAA,kBAET;AAAA,qCAAiB,cAChB,8CAAC,iCAAQ,WAAU,gFAA+E,IAElG,8CAAC,mCAAU,WAAU,mEAAkE;AAAA,oBAEzF,8CAAC,UAAK,WAAU,sBACb,2BAAiB,cACd,iBACA,gBACN;AAAA;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF,GACF;AAAA,SACF;AAAA,MAID,iBACC,gFACE;AAAA,sDAAc,yBAAb,EAAuB,WAAU,6CAA4C;AAAA,QAC9E;AAAA,UAAc;AAAA,UAAb;AAAA,YACC,SAAS;AAAA,YACT,WAAU;AAAA,YAEV;AAAA,4DAAC,kCAAS,WAAU,mEAAkE;AAAA,cACtF,8CAAC,UAAK,WAAU,sBAAqB,4BAAc;AAAA;AAAA;AAAA,QACrD;AAAA,SACF;AAAA,MAIF,8CAAc,yBAAb,EAAuB,WAAU,6CAA4C;AAAA,MAC9E;AAAA,QAAc;AAAA,QAAb;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UAEV;AAAA,0DAAC,8BAAK,WAAU,mEAAkE;AAAA,YAClF,8CAAC,UAAK,WAAU,sBAAqB,6BAAe;AAAA;AAAA;AAAA,MACtD;AAAA,MAEA;AAAA,QAAc;AAAA,QAAb;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UAEV;AAAA,0DAAC,wCAAsB,WAAU,mEAAkE;AAAA,YACnG,8CAAC,UAAK,WAAU,sBAAqB,0BAAY;AAAA;AAAA;AAAA,MACnD;AAAA,MAGA;AAAA,QAAc;AAAA,QAAb;AAAA,UACC,SAAS,MAAM,oBAAoB,IAAI;AAAA,UACvC,WAAU;AAAA,UAEV;AAAA,0DAAC,gCAAO,WAAU,mEAAkE;AAAA,YACpF,8CAAC,UAAK,WAAU,sBAAqB,wBAAU;AAAA;AAAA;AAAA,MACjD;AAAA,MAGA,8CAAc,yBAAb,EAAuB,WAAU,6CAA4C;AAAA,MAC9E;AAAA,QAAc;AAAA,QAAb;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UAEV;AAAA,0DAAC,4CAA0B,WAAU,mEAAkE;AAAA,YACvG,8CAAC,UAAK,WAAU,sBAAqB,gCAAkB;AAAA;AAAA;AAAA,MACzD;AAAA,OACF;AAAA,EAEJ;AACF;AAEF,0BAA0B,cAAc;AAExC,IAAO,oCAAQ;;;AC7Yf,IAAAC,iBAAqB;AACrB,IAAAC,eAA6B;AAec,IAAAC,uBAAA;AAN3C,IAAO,8BAAQ,qBAAK,SAAS,gBAAgB;AAAA,EAC3C;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,kBAAkB,mBAAmB;AAE3C,MAAI,CAAC,SAAS,MAAM,WAAW,EAAG,QAAO,+EAAG,UAAS;AAErD,SACE,+CAAa,mBAAZ,EACC;AAAA,kDAAa,sBAAZ,EAAqB,UAAS;AAAA,IAC/B,8CAAa,qBAAZ,EAAmB,WAAW,iBAC7B;AAAA,MAAa;AAAA,MAAZ;AAAA,QACC,WAAU;AAAA,QACV,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAEjC,gBAAM,IAAI,CAAC,MAAM,UAChB,+CAAC,SACE;AAAA,eAAK,aAAa,QAAQ,KACzB,8CAAa,wBAAZ,EAAsB,WAAU,2BAA0B;AAAA,UAE7D;AAAA,YAAa;AAAA,YAAZ;AAAA,cACC,SAAO;AAAA,cACP,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,KAAK;AAAA,kBACV,GAAI,KAAK,WAAW,EAAE,UAAU,KAAK,SAAS,IAAI,CAAC;AAAA,kBACnD,GAAI,KAAK,WACN,EAAE,QAAQ,UAAU,KAAK,sBAAsB,IAC/C,CAAC;AAAA,kBAEJ,eAAK;AAAA;AAAA,cACR;AAAA;AAAA,UACF;AAAA,aAjBQ,KAkBV,CACD;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ,CAAC;;;ACnDD,IAAAC,iBAA+D;AAE/D,IAAM,kBAAkB;AACxB,IAAM,mBAAmB;AAKlB,IAAM,iBAAiB;AAEvB,SAAS,yBAAyB,aAIvC;AACA,QAAM,eAAe;AAAA,IACnB,GAAG,YAAY,IAAI;AAAA,IACnB,GAAG,YAAY,IAAI;AAAA,IACnB,OAAO,YAAY,QAAQ,iBAAiB;AAAA,IAC5C,QAAQ,YAAY,SAAS,iBAAiB;AAAA,EAChD;AAEA,QAAM,QAAQ,KAAK,IAAI,iBAAiB,KAAK,KAAK,aAAa,KAAK,CAAC;AACrE,QAAM,SAAS,KAAK,IAAI,kBAAkB,KAAK,KAAK,aAAa,MAAM,CAAC;AAExE,QAAM,eAAW,qCAAqB,cAAc,OAAO,QAAQ,KAAK,GAAG,CAAC;AAE5E,SAAO,EAAE,OAAO,QAAQ,SAAS;AACnC;AAQO,SAAS,kBAAkB,SAA2B;AAC3D,SAAO,MAAM,KAAK,IAAI,IAAI,QAAQ,MAAM,kBAAkB,KAAK,CAAC,CAAC,CAAC;AACpE;AAEO,SAAS,eAAe,WAA2C;AACxE,QAAM,kBAAkB,OAAO,QAAQ,SAAS,EAC7C,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,GAAG,IAAI,KAAK,KAAK,GAAG,EAC3C,KAAK,GAAG;AAEX,SAAO;AAAA;AAAA,IAEL,OAAO,eAAe;AAAA;AAAA,IAEtB;AAAA,EACF,EAAE,KAAK,IAAI;AACb;AAEA,SAAS,oBAAoB,OAAwC;AACnE,QAAM,QAAQ,oBAAI,IAAY;AAC9B,aAAW,SAAS,MAAM,KAAK,SAAS,WAAW,GAAG;AACpD,QAAI;AACJ,QAAI;AACF,cAAQ,MAAM;AAAA,IAChB,QAAQ;AACN;AAAA,IACF;AACA,eAAW,QAAQ,MAAM,KAAK,KAAK,GAAG;AACpC,iBAAW,QAAQ,kBAAkB,KAAK,OAAO,GAAG;AAClD,cAAM,IAAI,IAAI;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAEA,QAAM,WAAW,OAAO,iBAAiB,KAAK;AAC9C,QAAM,OAA+B,CAAC;AACtC,aAAW,QAAQ,OAAO;AACxB,UAAM,QAAQ,SAAS,iBAAiB,IAAI,EAAE,KAAK;AACnD,QAAI,MAAO,MAAK,IAAI,IAAI;AAAA,EAC1B;AACA,SAAO;AACT;AAQA,IAAM,8BAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,wBAAwB,UAAmC;AAClE,QAAM,WAA8B,CAAC;AACrC,QAAM,cAAc,SAAS,iBAAiB,YAAY;AAC1D,cAAY,QAAQ,CAAC,YAAY;AAC/B,QAAI,EAAE,mBAAmB,YAAa;AACtC,UAAM,WAAW,OAAO,iBAAiB,OAAO;AAChD,UAAM,gBAAgB,QAAQ,aAAa,OAAO;AAClD,eAAW,YAAY,6BAA6B;AAClD,YAAM,QAAQ,SAAS,iBAAiB,QAAQ;AAChD,UAAI,MAAO,SAAQ,MAAM,YAAY,UAAU,KAAK;AAAA,IACtD;AACA,aAAS,KAAK,MAAM;AAClB,UAAI,kBAAkB,MAAM;AAC1B,gBAAQ,gBAAgB,OAAO;AAAA,MACjC,OAAO;AACL,gBAAQ,aAAa,SAAS,aAAa;AAAA,MAC7C;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO,MAAM,SAAS,QAAQ,CAAC,YAAY,QAAQ,CAAC;AACtD;AAGO,SAAS,mBAAmB,UAAmC;AACpE,QAAM,eAAe,SAAS,cAAc,OAAO;AACnD,eAAa,cAAc,eAAe,oBAAoB,QAAQ,CAAC;AACvE,WAAS,YAAY,YAAY;AACjC,QAAM,mBAAmB,wBAAwB,QAAQ;AACzD,SAAO,MAAM;AACX,qBAAiB;AACjB,iBAAa,OAAO;AAAA,EACtB;AACF;;;ACrIA,IAAAC,kBAAiD;AAIjD,IAAM,oBAAoB;AAC1B,IAAM,qBAAqB;AAE3B,IAAM,eAAkE;AAAA,EACtE,SAAS,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACnC,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACjC,cAAc,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACxC,WAAW,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACrC,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACjC,SAAS,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACnC,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACjC,SAAS,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACnC,WAAW,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACrC,gBAAgB,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAC1C,MAAM,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAChC,QAAQ,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAClC,MAAM,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAChC,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EACjC,mBAAmB,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAC7C,MAAM,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAChC,iBAAiB,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAC3C,OAAO,EAAE,OAAO,mBAAmB,QAAQ,mBAAmB;AAChE;AACA,IAAM,eAAe,EAAE,OAAO,KAAK,QAAQ,IAAI;AAE/C,IAAMC,eAAc,CAAC,SACnB,aAAa,KAAK,QAAQ,EAAE,KAAK;AAE5B,SAAS,cACd,MACA,OACyB;AACzB,QAAM,QACH,KAAK,SAAS,SAIR,CAAC;AACV,QAAM,SAAU,KAAK,SAAS,UAAuB,CAAC;AACtD,QAAM,OAAO;AAAA,IACX,MAAM,KAAK;AAAA,IACX,SAAU,KAAK,SAAS,WAAsB;AAAA,IAC9C,SAAU,KAAK,SAAS,WAAsB;AAAA,IAC9C,YAAY,KAAK,SAAS,eAAe;AAAA,IACzC,OAAO,KAAK,SAAS,UAAU;AAAA,IAC/B,GAAI,MAAM,SAAS,IAAI,EAAE,MAAM,IAAI,CAAC;AAAA,IACpC,GAAI,OAAO,SAAS,IAAI,EAAE,OAAO,IAAI,CAAC;AAAA,EACxC;AAEA,UAAQ,KAAK,MAAM;AAAA,IACjB,KAAK;AACH,aAAO,EAAE,MAAM,QAAQ,OAAO,SAAS,KAAK;AAAA,IAC9C,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,OAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAI,KAAK,SAAS,QAAQ,EAAE,OAAO,KAAK,SAAS,MAAM,IAAI,CAAC;AAAA,UAC5D,GAAI,MAAM,QAAQ,KAAK,SAAS,KAAK,IACjC,EAAE,OAAO,KAAK,SAAS,MAAM,IAC7B,CAAC;AAAA,QACP;AAAA,MACF;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,WAAW;AAAA,UACT,IAAI,KAAK;AAAA,UACT,MAAM,KAAK;AAAA,UACX,MAAO,KAAK,SAAS,QAAmB;AAAA,UACxC,MAAO,KAAK,SAAS,QAAmB;AAAA,UACxC,KAAM,KAAK,SAAS,OAAkB;AAAA,UACtC,aAAc,KAAK,SAAS,eAA0B;AAAA,QACxD;AAAA,MACF;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,SAAS;AAAA,UACP,GAAG;AAAA,UACH,QAAS,KAAK,SAAS,UAAqB;AAAA,UAC5C,GAAI,KAAK,SAAS,SACd,EAAE,QAAQ,KAAK,SAAS,OAAiB,IACzC,CAAC;AAAA,UACL,GAAI,KAAK,SAAS,OAAO,EAAE,MAAM,KAAK,SAAS,KAAe,IAAI,CAAC;AAAA,UACnE,GAAI,MAAM,QAAQ,KAAK,SAAS,WAAW,KAC3C,KAAK,SAAS,YAAY,SAAS,IAC/B,EAAE,aAAa,KAAK,SAAS,YAAwB,IACrD,CAAC;AAAA,QACP;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,SAAS;AAAA,UACP,GAAG;AAAA,UACH,WAAY,KAAK,SAAS,aAA0B,CAAC;AAAA,UACrD,SAAU,KAAK,SAAS,WAAsB;AAAA,UAC9C,GAAI,KAAK,SAAS,oBACd,EAAE,mBAAmB,KAAK,SAAS,kBAA4B,IAC/D,CAAC;AAAA,QACP;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,MAAO,KAAK,SAAS,iBAA4B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO,EAAE,MAAM,QAAQ,OAAO,aAAa,KAAK;AAAA,IAClD,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,MAAO,KAAK,SAAS,iBAA4B;AAAA,QACnD;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,KAAK,GAAG,EAAE;AAAA,MAC3C;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,KAAK,GAAG,EAAE;AAAA,MACzC;AAAA,IACF,KAAK;AACH,aAAO,EAAE,GAAG,MAAM,OAAO,KAAK,OAAO,MAAM,QAAQ,OAAO,IAAI,KAAK,GAAG;AAAA,IACxE,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,gBAAgB,EAAE,OAAO,KAAK,OAAO,GAAG,MAAM,IAAI,KAAK,GAAG;AAAA,MAC5D;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,MAAM,EAAE,GAAG,MAAM,OAAO,KAAK,OAAO,IAAI,KAAK,GAAG;AAAA,MAClD;AAAA,IACF;AACE,aAAO,EAAE,GAAG,MAAM,OAAO,cAAc,KAAK,KAAK;AAAA,EACrD;AACF;AAMA,eAAsB,YACpB,OACA,OACA,EAAE,MAAM,IAAwB,CAAC,GACU;AAC3C,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,EAAE;AAAA,EAChC;AAEA,QAAM,WAAW,IAAI,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AACpD,QAAM,WAAW,IAAI;AAAA,IACnB,MACG;AAAA,MACC,CAAC,MAAM,EAAE,SAAS,YAAY,MAAM,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE;AAAA,IACrE,EACC,IAAI,CAAC,MAAM,EAAE,EAAE;AAAA,EACpB;AAEA,QAAM,cAAsB,MAAM,IAAI,CAAC,SAAS;AAC9C,UAAM,WACJ,KAAK,YAAY,KAAK,aAAa,KAAK,MAAM,SAAS,IAAI,KAAK,QAAQ,IACpE,KAAK,WACL;AACN,UAAM,YAAY;AAAA,MAChB,IAAI,KAAK;AAAA,MACT,UAAU,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,MACvB,GAAI,WAAW,EAAE,UAAU,QAAQ,SAAkB,IAAI,CAAC;AAAA,IAC5D;AACA,QAAI,CAAC,SAAS,IAAI,KAAK,EAAE,GAAG;AAC1B,aAAO;AAAA,QACL,GAAG;AAAA,QACH,MAAM,KAAK;AAAA,QACX,MAAM,cAAc,MAAM,KAAK;AAAA,MACjC;AAAA,IACF;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,MAAM,KAAK;AAAA,UACX,SAAU,KAAK,SAAS,WAAsB;AAAA,UAC9C,SAAU,KAAK,SAAS,WAAsB;AAAA,QAChD;AAAA,MACF;AAAA;AAAA,MAEA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,cAAsB,MACzB,OAAO,CAAC,SAAS,CAAC,SAAS,IAAI,KAAK,MAAM,KAAK,CAAC,SAAS,IAAI,KAAK,MAAM,CAAC,EACzE,IAAI,CAAC,SAAS;AACb,UAAM,aAAa,qBAAqB,MAAM,QAAQ;AACtD,UAAM,aAAa,KAAK,SAAS;AACjC,UAAM,UAAU,KAAK,SAAS;AAC9B,UAAM,kBAAkB,KAAK,SAAS;AACtC,UAAM,cAAc;AAAA,MAClB,MAAM,2BAAW;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AACA,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,QAAQ,KAAK;AAAA,MACb,QAAQ,KAAK;AAAA,MACb,OAAO,kBACH,iBACA,aACE,KAAK,SAAS,SACd,KAAK,SAAS,KAAK;AAAA,MACzB,MAAM,aAAa,cAAc,UAAU,SAAS;AAAA,MACpD,WAAW;AAAA,MACX,GAAI,kBAAkB,EAAE,aAAa,YAAY,IAAI,CAAC;AAAA,MACtD,MAAM,EAAE,UAAU,KAAK,MAAM,SAAS,EAAE,WAAW,EAAE;AAAA,IACvD;AAAA,EACF,CAAC;AAEH,SAAO;AAAA,IACL,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,IACzC,EAAE,QAAQA,aAAY;AAAA,EACxB;AACF;AAEA,IAAM,gBAAgB,oBAAI,IAAI,CAAC,SAAS,WAAW,OAAO,CAAC;AAE3D,SAAS,qBACP,MACA,UACoB;AACpB,QAAM,aAAa,SAAS,IAAI,KAAK,MAAM;AAC3C,MAAI,cAAc,cAAc,IAAI,WAAW,IAAI,GAAG;AACpD,WAAO,GAAG,WAAW,IAAI;AAAA,EAC3B;AACA,QAAM,aAAa,SAAS,IAAI,KAAK,MAAM;AAC3C,MAAI,cAAc,cAAc,IAAI,WAAW,IAAI,GAAG;AACpD,WAAO,GAAG,WAAW,IAAI;AAAA,EAC3B;AACA,SAAO,aAAa,GAAG,WAAW,IAAI,MAAM;AAC9C;;;AC1PA,IAAM,WAAW,CAAC,UAAmB;AACnC,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,SAAS,OAAO,WAAW,KAAK;AACtC,WAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAAA,EAC5C;AACA,SAAO;AACT;AAEO,IAAM,sBAAsB,CAAC,UAAwB;AAAA,EAC1D,OACE,SAAS,KAAK,UAAU,KAAK,KAC7B,SAAS,KAAK,KAAK,KACnB,SAAS,KAAK,OAAO,KAAK,KAC1B;AAAA,EACF,QACE,SAAS,KAAK,UAAU,MAAM,KAC9B,SAAS,KAAK,MAAM,KACpB,SAAS,KAAK,OAAO,MAAM,KAC3B;AACJ;AAEO,IAAM,iBAAiB,CAAC,GAAS,GAAS,MAAM,MACrD,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,OACtB,EAAE,IAAI,EAAE,QAAQ,MAAM,EAAE,KACxB,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,OACvB,EAAE,IAAI,EAAE,SAAS,MAAM,EAAE;AAE3B,IAAM,SAAS,CAAC,MAAoB,IAAI,KAAK,SAAS,MAAY;AAChE,QAAMC,QAAO,oBAAoB,IAAI;AACrC,SAAO;AAAA,IACL,GAAG,KAAK,SAAS;AAAA,IACjB;AAAA,IACA,OAAOA,MAAK;AAAA,IACZ,QAAQA,MAAK;AAAA,EACf;AACF;AAEO,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AACR,MAMM;AACJ,QAAM,eAAe,MAClB,OAAO,CAAC,SAAS,eAAe,IAAI,KAAK,EAAE,CAAC,EAC5C,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,IAAI,EAAE,SAAS,CAAC;AAC7C,QAAM,aAAa,IAAI,IAAI,aAAa,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAC9D,QAAM,gBAAwB;AAAA,IAC5B;AAAA,IACA,GAAG,MACA;AAAA,MACC,CAAC,SACC,CAAC,KAAK,YAAY,KAAK,OAAO,eAAe,CAAC,WAAW,IAAI,KAAK,EAAE;AAAA,IACxE,EACC,IAAI,CAAC,SAAS,OAAO,IAAI,CAAC;AAAA,EAC/B;AACA,QAAM,mBAAmB,oBAAI,IAAsB;AACnD,QAAM,eAAe,gBAAgB,IAAI,gBAAgB,SAAS;AAElE,QAAM,YAAY,CAAC,SAAuB;AACxC,UAAMA,QAAO,oBAAoB,IAAI;AACrC,UAAM,cAAc,KAAK,SAAS,IAAIA,MAAK,SAAS;AACpD,UAAM,gBAAgB,eAAe,eAAe,IAAI;AACxD,QAAI,IACF,gBAAgB,IACZ,KAAK;AAAA,MACH,KAAK,SAAS;AAAA,MACd,gBAAgB,IAAI,gBAAgB,SAAS;AAAA,IAC/C,IACA,KAAK,IAAI,KAAK,SAAS,GAAG,gBAAgB,IAAIA,MAAK,SAAS,GAAG;AACrE,QAAI,WAAW;AAEf,WAAO,WAAW,cAAc,SAAS,GAAG;AAC1C,YAAM,OAAO;AAAA,QACX,GAAG,KAAK,SAAS;AAAA,QACjB;AAAA,QACA,OAAOA,MAAK;AAAA,QACZ,QAAQA,MAAK;AAAA,MACf;AACA,YAAM,YAAY,cAAc;AAAA,QAAK,CAAC,aACpC,eAAe,MAAM,UAAU,GAAG;AAAA,MACpC;AACA,UAAI,CAAC,WAAW;AACd,sBAAc,KAAK,IAAI;AACvB,yBAAiB,IAAI,KAAK,IAAI,EAAE,GAAG,KAAK,UAAU,EAAE,CAAC;AACrD;AAAA,MACF;AAEA,UACE,gBAAgB,IACZ,UAAU,IAAI,UAAU,SAAS,MACjC,UAAU,IAAIA,MAAK,SAAS;AAClC,kBAAY;AAAA,IACd;AAEA,kBAAc,KAAK;AAAA,MACjB,GAAG,KAAK,SAAS;AAAA,MACjB;AAAA,MACA,OAAOA,MAAK;AAAA,MACZ,QAAQA,MAAK;AAAA,IACf,CAAC;AACD,qBAAiB,IAAI,KAAK,IAAI,EAAE,GAAG,KAAK,UAAU,EAAE,CAAC;AAAA,EACvD;AAEA,QAAM,QAAQ,aAAa,OAAO,CAAC,SAAS;AAC1C,UAAMA,QAAO,oBAAoB,IAAI;AACrC,WAAO,KAAK,SAAS,IAAIA,MAAK,SAAS,KAAK;AAAA,EAC9C,CAAC;AACD,QAAM,WAAW,IAAI,IAAI,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AACrD,QAAM,QAAQ,aAAa,OAAO,CAAC,SAAS,CAAC,SAAS,IAAI,KAAK,EAAE,CAAC,EAAE,QAAQ;AAE5E,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS;AAEvB,SAAO;AACT;;;ACtIO,IAAM,8BAA8B,CACzC,OACA,gBAEA,MAAM;AAAA,EACJ,CAAC,SAAS,KAAK,OAAO,eAAe,KAAK,SAAS;AACrD;AAEK,IAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUM;AACJ,QAAM,uBAAuB,aAAa;AAAA,IACxC,CAAC,SAAS,KAAK,OAAO,eAAe,KAAK,aAAa;AAAA,EACzD;AACA,QAAM,cAAc,IAAI,IAAI,qBAAqB,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AACvE,QAAM,gBAAgB,gBACnB,OAAO,CAAC,SAAS,CAAC,YAAY,IAAI,KAAK,EAAE,CAAC,EAC1C,IAAI,CAAC,MAAM,WAAW;AAAA,IACrB,GAAG;AAAA,IACH,UAAU,sBAAsB,MAAM,KAAK;AAAA,EAC7C,EAAE;AAEJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;;;AC1DA,IAAAC,kBAAsC;AACtC,IAAAC,wBAmBO;AACP,IAAAD,kBAAwC;AACxC,IAAAE,UAAwB;AA4JlB,IAAAC,uBAAA;AApJN,IAAM,iBAGF;AAAA,EACF,SAAS,EAAE,MAAM,kCAAY,OAAO,WAAW,OAAO,UAAU;AAAA,EAChE,UAAU,EAAE,MAAM,kCAAY,OAAO,WAAW,OAAO,UAAU;AAAA,EACjE,OAAO,EAAE,MAAM,2BAAK,OAAO,WAAW,OAAO,QAAQ;AAAA,EACrD,QAAQ,EAAE,MAAM,2BAAK,OAAO,WAAW,OAAO,QAAQ;AAAA,EACtD,OAAO,EAAE,MAAM,2BAAK,OAAO,WAAW,OAAO,QAAQ;AAAA,EACrD,QAAQ,EAAE,MAAM,2BAAK,OAAO,WAAW,OAAO,QAAQ;AAAA,EACtD,SAAS,EAAE,MAAM,qCAAe,OAAO,WAAW,OAAO,UAAU;AAAA,EACnE,UAAU,EAAE,MAAM,qCAAe,OAAO,WAAW,OAAO,UAAU;AAAA,EACpE,OAAO,EAAE,MAAM,8BAAQ,OAAO,WAAW,OAAO,QAAQ;AAAA,EACxD,SAAS,EAAE,MAAM,8BAAQ,OAAO,WAAW,OAAO,QAAQ;AAAA,EAC1D,SAAS,EAAE,MAAM,sCAAgB,OAAO,WAAW,OAAO,UAAU;AAAA,EACpE,UAAU,EAAE,MAAM,sCAAgB,OAAO,WAAW,OAAO,UAAU;AAAA,EACrE,MAAM,EAAE,MAAM,gCAAU,OAAO,WAAW,OAAO,OAAO;AAAA,EACxD,iBAAiB,EAAE,MAAM,+BAAS,OAAO,WAAW,OAAO,eAAe;AAAA,EAC1E,gBAAgB,EAAE,MAAM,6BAAO,OAAO,WAAW,OAAO,kBAAkB;AAAA,EAC1E,OAAO,EAAE,MAAM,4BAAM,OAAO,WAAW,OAAO,QAAQ;AAAA,EACtD,MAAM,EAAE,MAAM,mCAAa,OAAO,WAAW,OAAO,OAAO;AAAA,EAC3D,QAAQ,EAAE,MAAM,iCAAW,OAAO,WAAW,OAAO,SAAS;AAAA,EAC7D,SAAS,EAAE,MAAM,iCAAW,OAAO,WAAW,OAAO,SAAS;AAChE;AAEA,SAAS,YAAY,UAAmB;AACtC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,eAAe,QAAQ,KAAK;AACrC;AAMO,SAAS,iBACd,MAC0D;AAC1D,QAAM,IAAI,KAAK;AACf,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACA,aAAW,aAAa,YAAY;AAClC,QAAI,WAAW,SAAS,UAAU,MAAM,SAAS,GAAG;AAClD,aAAO;AAAA,QACL,MAAM,UAAU,QAAQ,KAAK;AAAA,QAC7B,OAAO,UAAU;AAAA,QACjB,UAAU,KAAK,QAAQ;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACA,MAAI,GAAG,SAAS,EAAE,MAAM,SAAS,GAAG;AAClC,WAAO;AAAA,MACL,MAAM,EAAE,QAAQ,KAAK;AAAA,MACrB,OAAO,EAAE;AAAA,MACT,UAAU,KAAK,QAAQ;AAAA,IACzB;AAAA,EACF;AACA,SAAO;AACT;AAMA,IAAMC,SAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAMC,YAGF;AAAA,EACF,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEA,IAAMC,mBAAkB;AAAA,EACtB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,WAAW,SAAS;AACvB;AAEA,SAASC,SAAQ,GAAmB;AAClC,MAAI,IAAI;AACR,WAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,KAAK;AACjC,QAAK,IAAI,KAAK,EAAE,WAAW,CAAC,IAAK;AAAA,EACnC;AACA,SAAO,KAAK,IAAI,CAAC;AACnB;AAEA,SAASC,QAAO,EAAE,MAAM,MAAAC,QAAO,GAAG,GAAoC;AACpE,QAAM,WAAW,KACd,MAAM,KAAK,EACX,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,YAAY,EACZ,MAAM,GAAG,CAAC;AACb,QAAM,CAAC,IAAI,EAAE,IAAIH,iBAAgBC,SAAQ,IAAI,IAAID,iBAAgB,MAAM;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOG;AAAA,QACP,QAAQA;AAAA,QACR,cAAc;AAAA,QACd,YAAY,2BAA2B,EAAE,KAAK,EAAE;AAAA,QAChD,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAY;AAAA,MACd;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU,KAAK,MAAMA,QAAO,IAAI;AAAA,YAChC,YAAY;AAAA,YACZ,OAAO;AAAA,YACP,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,cAAc,EAAE,SAAS,GAAyB;AACzD,QAAM,IAAIJ,UAAS,SAAS,YAAY,CAAC;AACzC,MAAI,CAAC,EAAG,QAAO;AACf,QAAM,WAAW,aAAa,UAAU,aAAa;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,OAAO,EAAE;AAAA,QACT,YAAY,EAAE;AAAA,QACd,QAAQ,aAAa,EAAE,MAAM;AAAA,QAC7B,cAAc;AAAA,QACd,SAAS;AAAA,QACT,eAAe;AAAA,QACf,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,MAEC;AAAA,oBACC,8CAAC,uCAAc,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,GAAG,aAAa,KAAK;AAAA,QAElE,EAAE;AAAA;AAAA;AAAA,EACL;AAEJ;AAMA,SAASK,UAAS,EAAE,MAAM,MAAM,GAAkC;AAChE,QAAM,YAAY,KAAK,WACnBL,UAAS,KAAK,SAAS,YAAY,CAAC,IACpC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MAGC;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,KAAK;AAAA,cACL,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,cAAc;AAAA,cACd,YAAY,UAAU;AAAA,YACxB;AAAA;AAAA,QACF;AAAA,QAIF;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,cAAc;AAAA,YAChB;AAAA,YAEC;AAAA,mBAAK,SACJ,8CAACG,SAAA,EAAO,MAAM,KAAK,QAAQ,MAAM,IAAI,IAErC;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,cAAc;AAAA,oBACd,YAAY;AAAA,oBACZ,QAAQ,aAAaJ,OAAM,GAAG,CAAC;AAAA,oBAC/B,SAAS;AAAA,oBACT,YAAY;AAAA,oBACZ,gBAAgB;AAAA,oBAChB,YAAY;AAAA,kBACd;AAAA,kBAEA,wDAAC,UAAK,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,OAAOA,OAAM,GAAG,EAAE,GAC7D,kBAAQ,GACX;AAAA;AAAA,cACF;AAAA,cAEF,8CAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,EAAE,GAChC,eAAK,UACJ;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,YAAY;AAAA,oBACZ,OAAO;AAAA,oBACP,YAAY;AAAA,kBACd;AAAA,kBAEC,eAAK;AAAA;AAAA,cACR,GAEJ;AAAA,cACC,KAAK,YAAY,8CAAC,iBAAc,UAAU,KAAK,UAAU;AAAA;AAAA;AAAA,QAC5D;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,aAAa,YAAY,IAAI;AAAA,YAC/B;AAAA,YAEC,eAAK;AAAA;AAAA,QACR;AAAA;AAAA;AAAA,EACF;AAEJ;AAaO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,EAAE,WAAW,QAAQ,QAAI,8BAAa;AAC5C,QAAM,CAAC,aAAa,cAAc,QAAI,0BAAS,CAAC;AAChD,QAAM,kBAAkB,mBAAmB;AAE3C,QAAM,aAAa,WAAW,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,MAAM,QAAQ,CAAC;AACxE,QAAM,WAAW,WAAW,WAAW,KAAK,WAAW,CAAC;AAExD,QAAM,qBAAiB;AAAA,IACrB,CAAC,WAAmB;AAClB,YAAM,OAAO,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;AAC9C,UAAI,CAAC,KAAM;AACX,YAAM,OAAO,KAAK,IAAI,QAAQ,GAAG,CAAC;AAClC,gBAAU,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI;AAAA,QACrD;AAAA,QACA,UAAU;AAAA,MACZ,CAAC;AACD,cAAQ;AAAA,IACV;AAAA,IACA,CAAC,OAAO,WAAW,SAAS,OAAO;AAAA,EACrC;AAEA,MAAI,eAAe,EAAG,QAAO;AAE7B,SACE;AAAA,IAAQ;AAAA,IAAP;AAAA,MACC,MAAM;AAAA,MACN,cAAc,CAAC,SAAS;AACtB,YAAI,CAAC,MAAM;AACT,kBAAQ;AACR,yBAAe,CAAC;AAAA,QAClB;AAAA,MACF;AAAA,MAEA,wDAAQ,gBAAP,EAAc,WAAW,iBACxB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,WAAW,UAAU;AAAA,UAE9B;AAAA;AAAA,cAAQ;AAAA,cAAP;AAAA,gBACC,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,YAAY;AAAA,kBACZ,gBAAgB;AAAA,gBAClB;AAAA;AAAA,YACF;AAAA,YAEA;AAAA,cAAQ;AAAA,cAAP;AAAA,gBACC,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,KAAK;AAAA,kBACL,MAAM;AAAA,kBACN,WAAW;AAAA,kBACX,OAAO;AAAA,kBACP,UAAU;AAAA,kBACV,QAAQ;AAAA,kBACR,WAAW;AAAA,kBACX,YAAY;AAAA,kBACZ,cAAc;AAAA,kBACd,WACE;AAAA,kBACF,SAAS;AAAA,kBACT,eAAe;AAAA,kBACf,UAAU;AAAA,kBACV,SAAS;AAAA,gBACX;AAAA,gBAGA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO;AAAA,wBACL,SAAS;AAAA,wBACT,cAAc;AAAA,wBACd,SAAS;AAAA,wBACT,YAAY;AAAA,wBACZ,KAAK;AAAA,wBACL,YAAY;AAAA,sBACd;AAAA,sBAEA;AAAA;AAAA,0BAAC;AAAA;AAAA,4BACC,OAAO;AAAA,8BACL,OAAO;AAAA,8BACP,QAAQ;AAAA,8BACR,cAAc;AAAA,8BACd,YAAY;AAAA,8BACZ,SAAS;AAAA,8BACT,YAAY;AAAA,8BACZ,gBAAgB;AAAA,8BAChB,YAAY;AAAA,4BACd;AAAA,4BAEA;AAAA,8BAAC;AAAA;AAAA,gCACC,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,OAAO,UAAU;AAAA,gCACjD,aAAa;AAAA;AAAA,4BACf;AAAA;AAAA,wBACF;AAAA,wBACA,+CAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,EAAE,GACjC;AAAA;AAAA,4BAAQ;AAAA,4BAAP;AAAA,8BACC,OAAO;AAAA,gCACL,UAAU;AAAA,gCACV,YAAY;AAAA,gCACZ,OAAO;AAAA,gCACP,QAAQ;AAAA,gCACR,YAAY;AAAA,8BACd;AAAA,8BACD;AAAA;AAAA,0BAED;AAAA,0BACA;AAAA,4BAAQ;AAAA,4BAAP;AAAA,8BACC,OAAO;AAAA,gCACL,UAAU;AAAA,gCACV,OAAO;AAAA,gCACP,QAAQ;AAAA,gCACR,WAAW;AAAA,8BACb;AAAA,8BAEC;AAAA;AAAA,gCAAW;AAAA,gCAAM,eAAe,IAAI,MAAM;AAAA,gCAAG;AAAA,gCAAQ;AAAA,gCACrD,WAAW;AAAA,gCAAO;AAAA,gCAClB,WAAW,WAAW,IAAI,MAAM;AAAA;AAAA;AAAA,0BACnC;AAAA,2BACF;AAAA,wBACA,8CAAQ,eAAP,EAAa,SAAO,MACnB;AAAA,0BAAC;AAAA;AAAA,4BACC,OAAO;AAAA,8BACL,OAAO;AAAA,8BACP,QAAQ;AAAA,8BACR,cAAc;AAAA,8BACd,QAAQ;AAAA,8BACR,YAAY;AAAA,8BACZ,SAAS;AAAA,8BACT,YAAY;AAAA,8BACZ,gBAAgB;AAAA,8BAChB,QAAQ;AAAA,8BACR,OAAO;AAAA,8BACP,YAAY;AAAA,4BACd;AAAA,4BACA,cAAW;AAAA,4BAEX,wDAAC,2BAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG;AAAA;AAAA,wBACvC,GACF;AAAA;AAAA;AAAA,kBACF;AAAA,kBAGA,+CAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,GAAG,UAAU,SAAS,GAEzD;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,OAAO;AAAA,0BACP,YAAY;AAAA,0BACZ,aAAa;AAAA,0BACb,WAAW;AAAA,0BACX,YAAY;AAAA,wBACd;AAAA,wBAEC,qBAAW,IAAI,CAAC,OAAO,MAAM;AAC5B,gCAAM,WAAW,MAAM;AACvB,gCAAM,OAAO,YAAY,MAAM,QAAQ;AACvC,gCAAM,WAAW,MAAM,QAAQ;AAC/B,gCAAM,YAAY,MAAM,SAAS;AAEjC,iCACE;AAAA,4BAAC;AAAA;AAAA,8BAEC,SAAS,MAAM,eAAe,CAAC;AAAA,8BAC/B,OAAO;AAAA,gCACL,OAAO;AAAA,gCACP,SAAS;AAAA,gCACT,YAAY,WAAW,UAAU;AAAA,gCACjC,QAAQ;AAAA,gCACR,cAAc;AAAA,gCACd,aAAa,WACT,aAAa,SAAS,KACtB;AAAA,gCACJ,QAAQ;AAAA,gCACR,SAAS;AAAA,gCACT,YAAY;AAAA,gCACZ,KAAK;AAAA,gCACL,WAAW;AAAA,gCACX,YAAY;AAAA,8BACd;AAAA,8BAGA;AAAA;AAAA,kCAAC;AAAA;AAAA,oCACC,OAAO;AAAA,sCACL,OAAO;AAAA,sCACP,QAAQ;AAAA,sCACR,cAAc;AAAA,sCACd,YAAY,WAAW,YAAY,GAAG,SAAS;AAAA,sCAC/C,SAAS;AAAA,sCACT,YAAY;AAAA,sCACZ,gBAAgB;AAAA,sCAChB,YAAY;AAAA,sCACZ,YAAY;AAAA,oCACd;AAAA,oCAEA;AAAA,sCAAC;AAAA;AAAA,wCACC,OAAO;AAAA,0CACL,OAAO;AAAA,0CACP,QAAQ;AAAA,0CACR,OAAO,WAAW,UAAU;AAAA,0CAC5B,YAAY;AAAA,wCACd;AAAA,wCACA,aAAa;AAAA;AAAA,oCACf;AAAA;AAAA,gCACF;AAAA,gCAEA,+CAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,EAAE,GACjC;AAAA;AAAA,oCAAC;AAAA;AAAA,sCACC,OAAO;AAAA,wCACL,UAAU;AAAA,wCACV,YAAY,WAAW,MAAM;AAAA,wCAC7B,OAAO,WAAW,YAAY;AAAA,wCAC9B,YAAY;AAAA,wCACZ,UAAU;AAAA,wCACV,cAAc;AAAA,wCACd,YAAY;AAAA,sCACd;AAAA,sCAEC,gBAAM;AAAA;AAAA,kCACT;AAAA,kCACA;AAAA,oCAAC;AAAA;AAAA,sCACC,OAAO;AAAA,wCACL,UAAU;AAAA,wCACV,OAAO;AAAA,wCACP,YAAY;AAAA,wCACZ,UAAU;AAAA,wCACV,cAAc;AAAA,wCACd,YAAY;AAAA,wCACZ,WAAW;AAAA,sCACb;AAAA,sCAEC;AAAA,8CAAM,SAAS,MAAM;AAAA,wCAAS;AAAA,wCAAU;AAAA,wCACxC,MAAM,MAAM;AAAA,wCAAO;AAAA,wCACnB,MAAM,MAAM,WAAW,IAAI,MAAM;AAAA;AAAA;AAAA,kCACpC;AAAA,mCACF;AAAA,gCAEA;AAAA,kCAAC;AAAA;AAAA,oCACC,OAAO;AAAA,sCACL,OAAO;AAAA,sCACP,QAAQ;AAAA,sCACR,OAAO,WAAW,YAAY;AAAA,sCAC9B,YAAY;AAAA,oCACd;AAAA,oCACA,aAAa;AAAA;AAAA,gCACf;AAAA;AAAA;AAAA,4BAnFK,MAAM;AAAA,0BAoFb;AAAA,wBAEJ,CAAC;AAAA;AAAA,oBACH;AAAA,oBAGA;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,MAAM;AAAA,0BACN,WAAW;AAAA,0BACX,SAAS;AAAA,0BACT,eAAe;AAAA,wBACjB;AAAA,wBAEC,sBACC,gFAEE;AAAA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,SAAS;AAAA,gCACT,cAAc;AAAA,gCACd,SAAS;AAAA,gCACT,YAAY;AAAA,gCACZ,gBAAgB;AAAA,gCAChB,YAAY;AAAA,gCACZ,YAAY;AAAA,8BACd;AAAA,8BAEA;AAAA;AAAA,kCAAC;AAAA;AAAA,oCACC,OAAO;AAAA,sCACL,SAAS;AAAA,sCACT,YAAY;AAAA,sCACZ,KAAK;AAAA,oCACP;AAAA,oCAEE;AAAA,6CAAM;AACN,8CAAM,OAAO,YAAY,SAAS,QAAQ;AAC1C,8CAAM,OAAO,MAAM,QAAQ;AAC3B,8CAAM,QAAQ,MAAM,SAAS;AAC7B,+CACE;AAAA,0CAAC;AAAA;AAAA,4CACC,OAAO;AAAA,8CACL,OAAO;AAAA,8CACP,QAAQ;AAAA,8CACR,cAAc;AAAA,8CACd,YAAY,GAAG,KAAK;AAAA,8CACpB,SAAS;AAAA,8CACT,YAAY;AAAA,8CACZ,gBAAgB;AAAA,8CAChB,YAAY;AAAA,4CACd;AAAA,4CAEA;AAAA,8CAAC;AAAA;AAAA,gDACC,OAAO;AAAA,kDACL,OAAO;AAAA,kDACP,QAAQ;AAAA,kDACR;AAAA,gDACF;AAAA,gDACA,aAAa;AAAA;AAAA,4CACf;AAAA;AAAA,wCACF;AAAA,sCAEJ,GAAG;AAAA,sCACH,+CAAC,SACC;AAAA;AAAA,0CAAC;AAAA;AAAA,4CACC,OAAO;AAAA,8CACL,UAAU;AAAA,8CACV,YAAY;AAAA,8CACZ,OAAO;AAAA,8CACP,YAAY;AAAA,4CACd;AAAA,4CAEC,mBAAS;AAAA;AAAA,wCACZ;AAAA,wCACA;AAAA,0CAAC;AAAA;AAAA,4CACC,OAAO;AAAA,8CACL,UAAU;AAAA,8CACV,OAAO;AAAA,8CACP,WAAW;AAAA,4CACb;AAAA,4CAEC;AAAA,0DAAY,SAAS,QAAQ,GAAG,SAC/B,SAAS;AAAA,8CAAU;AAAA,8CAAI;AAAA,8CACf,SAAS,MAAM;AAAA,8CAAO;AAAA,8CAC/B,SAAS,MAAM,WAAW,IAAI,MAAM;AAAA;AAAA;AAAA,wCACvC;AAAA,yCACF;AAAA;AAAA;AAAA,gCACF;AAAA,gCACA;AAAA,kCAAC;AAAA;AAAA,oCACC,SAAS,MAAM,eAAe,SAAS,MAAM;AAAA,oCAC7C,OAAO;AAAA,sCACL,SAAS;AAAA,sCACT,YAAY;AAAA,sCACZ,KAAK;AAAA,sCACL,SAAS;AAAA,sCACT,cAAc;AAAA,sCACd,QAAQ;AAAA,sCACR,YAAY;AAAA,sCACZ,QAAQ;AAAA,sCACR,UAAU;AAAA,sCACV,YAAY;AAAA,sCACZ,OAAO;AAAA,sCACP,YAAY;AAAA,oCACd;AAAA,oCACA,cAAc,CAAC,MAAM;AACnB,wCAAE,cAAc,MAAM,cAAcA,OAAM,GAAG;AAC7C,wCAAE,cAAc,MAAM,QAAQA,OAAM,GAAG;AAAA,oCACzC;AAAA,oCACA,cAAc,CAAC,MAAM;AACnB,wCAAE,cAAc,MAAM,cAAc;AACpC,wCAAE,cAAc,MAAM,QAAQ;AAAA,oCAChC;AAAA,oCAEA;AAAA,oFAAC,gCAAO,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG;AAAA,sCAAE;AAAA;AAAA;AAAA,gCAE9C;AAAA;AAAA;AAAA,0BACF;AAAA,0BAGA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAO;AAAA,gCACL,MAAM;AAAA,gCACN,WAAW;AAAA,gCACX,SAAS;AAAA,gCACT,SAAS;AAAA,gCACT,eAAe;AAAA,gCACf,KAAK;AAAA,8BACP;AAAA,8BAEC,mBAAS,MAAM,IAAI,CAAC,MAAM,MACzB,8CAACM,WAAA,EAAiB,MAAY,OAAO,KAAtB,CAAyB,CACzC;AAAA;AAAA,0BACH;AAAA,2BACF;AAAA;AAAA,oBAEJ;AAAA,qBACF;AAAA;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF;AAEJ;;;ApFlYkB,IAAAC,uBAAA;AAlMlB,IAAM,4BAA4B;AAGlC,IAAM,6BAA6B;AAGnC,IAAM,cAAgC,CAAC,KAAK,GAAG;AAG/C,IAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGA,IAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAM,2BAA2B;AAAA,EAC/B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AACX;AACA,IAAM,mBAAmB,EAAE,iBAAiB,KAAK;AAEjD,IAAM,gBAAgB;AAAA,EACpB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAChB;AACA,IAAM,6CAA6C;AAAA,EACjD,cAAc;AAAA,EACd,YAAY;AACd;AACA,IAAM,oCAAoC,EAAE,YAAY,OAAO;AAC/D,IAAM,kCAAkC,EAAE,aAAa,QAAQ;AAK/D,IAAM,yBAAyB,oBAAI,IAAI;AAAA,EACrC;AAAA,EACA;AACF,CAAC;AACD,IAAM,oBAAoB,CAAC,SACzB,QAAQ,QAAQ,uBAAuB,IAAI,IAAI;AAGjD,IAAM,4BAA4B;AAClC,IAAM,yBAAyB,CAAC,MAAY,YAAqB;AAC/D,QAAM,WAAW,KAAK,aAAa,IAChC,MAAM,GAAG,EACT,OAAO,CAAC,SAAS,QAAQ,SAAS,yBAAyB;AAC9D,MAAI,QAAS,SAAQ,KAAK,yBAAyB;AACnD,SAAO,QAAQ,SAAS,IAAI,QAAQ,KAAK,GAAG,IAAI;AAClD;AAKA,IAAM,yBAAyB;AAG/B,IAAM,mBAAmB,CAAC,SAAS,gBAAgB,gBAAgB,UAAU;AAG7E,IAAM,kBAAkB;AACxB,IAAM,wBAAwB;AAC9B,IAAM,gBAAgB,CAAC,SAA6B,UAA0B;AAC5E,MAAI;AACF,UAAM,MAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,QAAI,SAAS;AACX,UAAI,aAAa,IAAI,iBAAiB,OAAO;AAC7C,UAAI,aAAa,IAAI,uBAAuB,KAAK;AAAA,IACnD,OAAO;AACL,UAAI,aAAa,OAAO,eAAe;AACvC,UAAI,aAAa,OAAO,qBAAqB;AAAA,IAC/C;AACA,WAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,GAAG;AAAA,EAC3D,QAAQ;AAAA,EAER;AACF;AACA,IAAM,mBAAmB,MAAM;AAC7B,MAAI;AACF,UAAM,SAAS,IAAI,IAAI,OAAO,SAAS,IAAI,EAAE;AAC7C,WAAO;AAAA,MACL,SAAS,OAAO,IAAI,eAAe;AAAA,MACnC,OAAO,OAAO,IAAI,qBAAqB;AAAA,IACzC;AAAA,EACF,QAAQ;AACN,WAAO,EAAE,SAAS,MAAM,OAAO,KAAK;AAAA,EACtC;AACF;AAGA,IAAM,2CAA2C,EAAE,WAAW,GAAG;AAKjE,IAAM,gBAAwC;AAAA,EAC5C,iBAAiB;AAAA,EACjB,kBAAkB;AACpB;AAEA,IAAM,iBAAiB,CAAC,QAAgB,cAAc,GAAG,KAAK;AAI9D,IAAM,eAAyE;AAAA,EAC7E,QAAQ,EAAE,MAAM,2BAAK,YAAY,kBAAkB;AAAA,EACnD,OAAO,EAAE,MAAM,2BAAK,YAAY,eAAe;AAAA,EAC/C,QAAQ,EAAE,MAAM,2BAAK,YAAY,eAAe;AAAA,EAChD,WAAW,EAAE,MAAM,8BAAQ,YAAY,kBAAkB;AAAA,EACzD,cAAc,EAAE,MAAM,8BAAQ,YAAY,kBAAkB;AAAA,EAC5D,UAAU,EAAE,MAAM,kCAAY,YAAY,gBAAgB;AAAA,EAC1D,OAAO,EAAE,MAAM,gCAAU,YAAY,gBAAgB;AAAA,EACrD,UAAU,EAAE,MAAM,qCAAe,YAAY,gBAAgB;AAAA,EAC7D,SAAS,EAAE,MAAM,sBAAAC,QAAY,YAAY,iBAAiB;AAAA,EAC1D,UAAU,EAAE,MAAM,sCAAgB,YAAY,gBAAgB;AAAA,EAC9D,gBAAgB,EAAE,MAAM,6BAAO,YAAY,gBAAgB;AAAA,EAC3D,SAAS,EAAE,MAAM,sBAAAC,OAAW,YAAY,kBAAkB;AAAA,EAC1D,QAAQ,EAAE,MAAM,sBAAAA,OAAW,YAAY,kBAAkB;AAAA,EACzD,OAAO,EAAE,MAAM,4BAAM,YAAY,kBAAkB;AAAA,EACnD,iBAAiB,EAAE,MAAM,4BAAM,YAAY,kBAAkB;AAAA,EAC7D,kBAAkB,EAAE,MAAM,6BAAO,YAAY,kBAAkB;AAAA,EAC/D,MAAM,EAAE,MAAM,gCAAU,YAAY,gBAAgB;AAAA,EACpD,iBAAiB,EAAE,MAAM,6BAAO,YAAY,kBAAkB;AAAA,EAC9D,OAAO,EAAE,MAAM,2BAAK,YAAY,gBAAgB;AAClD;AAEA,IAAM,gBAAgB,CAAC,QAAgB,aAAa,GAAG;AAEvD,IAAM,kBAAc,sBAAK,SAASC,aAAY;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,MAAI,OAAO,KAAK,MAAM,EAAE,WAAW,EAAG,QAAO;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,OAAO,cAAc,kCAAkC;AAAA,MAEvD,wDAAC,SAAI,WAAU,gIACb,wDAAC,QAAG,WAAU,YACX,iBAAO,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,WAAW,CAAC,MAAM;AAC5D,cAAM,aAAa,cAAc,GAAG;AACpC,cAAM,SAAS,WAAW,SAAS,GAAG;AACtC,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,GAAG,SAAS,SAAS,MAAM,IAAI,eAAe,GAAG,CAAC;AAAA,YACzD,WAAW,gKAAgK,SAAS,eAAe,EAAE;AAAA,YACrM,SAAS,MAAM,cAAc,GAAG;AAAA,YAE/B;AAAA,2BACC;AAAA,gBAAC,WAAW;AAAA,gBAAX;AAAA,kBACC,WAAW,oBAAoB,WAAW,UAAU;AAAA,kBACpD,aAAa;AAAA,kBACb,eAAY;AAAA;AAAA,cACd,IAEA,8CAAC,UAAK,WAAW,iBAAiB,UAAU,IAAI;AAAA,cAElD,+CAAC,UAAK,WAAU,oBACb;AAAA,+BAAe,GAAG;AAAA,gBAAE;AAAA,gBAAG;AAAA,gBAAM;AAAA,iBAChC;AAAA;AAAA;AAAA,UAhBK;AAAA,QAiBP;AAAA,MAEJ,CAAC,GACH,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAiFD,IAAM,mBAAmB;AAAA,EACvB,aAAa;AAAA,EACb,QAAQ;AACV;AACA,IAAM,oBAAoB;AAAA,EACxB,MAAM,2BAAW;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AACV;AAGA,IAAM,oBAAoB,CACxB,WACA,eACG;AACH,MAAI,cAAc,SAAS;AACzB,QAAI,eAAe,WAAY,QAAO;AACtC,QAAI,eAAe,UAAW,QAAO;AACrC,WAAO;AAAA,EACT;AACA,MAAI,eAAe,cAAc,eAAe,UAAW,QAAO;AAClE,SAAO;AACT;AAMA,IAAM,kBAAkB,CACtB,OACA,eACA,kBACY;AAEZ,QAAM,MAAM,oBAAI,IAAsB;AACtC,aAAW,KAAK,eAAe;AAC7B,QAAI,CAAC,IAAI,IAAI,EAAE,MAAM,EAAG,KAAI,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC5C,QAAI,IAAI,EAAE,MAAM,EAAG,KAAK,EAAE,MAAM;AAAA,EAClC;AACA,QAAM,UAAU,oBAAI,IAAY,CAAC,KAAK,CAAC;AACvC,QAAM,QAAQ,CAAC,KAAK;AACpB,SAAO,MAAM,SAAS,GAAG;AACvB,UAAM,UAAU,MAAM,MAAM;AAC5B,eAAW,QAAQ,IAAI,IAAI,OAAO,KAAK,CAAC,GAAG;AACzC,UAAI,SAAS,cAAe,QAAO;AACnC,UAAI,CAAC,QAAQ,IAAI,IAAI,GAAG;AACtB,gBAAQ,IAAI,IAAI;AAChB,cAAM,KAAK,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAOA,IAAM,kBAAkB,CACtB,WACA,aACA,eACA,gBACA,oBACW;AACX,QAAM,gBAAgB,UAAU,iBAAiB,CAAC;AAElD,UAAQ,UAAU,YAAY,CAAC,GAC5B,IAAI,CAAC,SAAc;AAClB,UAAM,MAAM,KAAK;AACjB,UAAM,QAAQ,GAAG,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,OAAO;AAChD,UAAM,UAAU,eAAe,IAAI,KAAK;AACxC,UAAM,aAAa,IAAI,cAAc;AACrC,UAAM,QAAQ,kBAAkB,UAAU,WAAW,UAAU;AAE/D,QAAI,UAAU,cAAc,SAAS;AACnC,aAAO;AAAA,QACL,IAAI,GAAG,aAAa,OAAO,OAAO;AAAA,QAClC,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR;AAAA,QACA,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAGA,QAAI,gBAAgB,OAAO,eAAe,aAAa,EAAG,QAAO;AAEjE,WAAO;AAAA,MACL,IAAI,GAAG,OAAO,OAAO,aAAa;AAAA,MAClC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAAA,EACF,CAAC,EACA,OAAO,OAAO;AACnB;AAEA,IAAM,mBAAmB,CAAC;AAAA,EACxB,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,oBAAoB;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,QAAQ,CAAC;AAAA,EACT,OAAO;AAAA,EACP,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,0BAA0B;AAAA,EAC1B;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AAEX,iCAAU,MAAM;AACd,QAAI,YAAY;AACd,oBAAc,UAAU;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAY,yBAAQ,MAAM;AAC9B,UAAM,sBAAsB,CAAC,cAAwC;AACnE,YAAM,cAAU,sBAAK,CAAC,UAAe;AACnC,cAAM,QAAQ,MAAM,MAAM;AAC1B,YAAI,CAAC,OAAO,OAAQ,QAAO,8CAAC,aAAW,GAAG,OAAO;AACjD,eACE,8CAAC,2BAAgB,OACf,wDAAC,aAAW,GAAG,OAAO,GACxB;AAAA,MAEJ,CAAC;AACD,cAAQ,cAAc,mBAAmB,UAAU,eAAe,UAAU,QAAQ,WAAW;AAC/F,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,MACL,SAAS,oBAAoB,mBAAW;AAAA,MACxC,UAAU,oBAAoB,mBAAW;AAAA,MACzC,OAAO,oBAAoB,aAAS;AAAA,MACpC,QAAQ,oBAAoB,aAAS;AAAA,MACrC,WAAW,oBAAoB,iBAAa;AAAA,MAC5C,cAAc,oBAAoB,iBAAa;AAAA,MAC/C,MAAM,oBAAoB,YAAQ;AAAA,MAClC,OAAO,oBAAoB,YAAQ;AAAA,MACnC,OAAO,oBAAoB,iBAAS;AAAA,MACpC,QAAQ,oBAAoB,iBAAS;AAAA,MACrC,SAAS,oBAAoB,mBAAW;AAAA,MACxC,UAAU,oBAAoB,mBAAW;AAAA,MACzC,OAAO,oBAAoB,iBAAS;AAAA,MACpC,SAAS,oBAAoB,iBAAS;AAAA,MACtC,SAAS,oBAAoB,mBAAW;AAAA,MACxC,UAAU,oBAAoB,mBAAW;AAAA,MACzC,QAAQ,oBAAoB,cAAU;AAAA,MACtC,SAAS,oBAAoB,cAAU;AAAA,MACvC,QAAQ,oBAAoB,cAAU;AAAA,MACtC,SAAS,oBAAoB,cAAU;AAAA,MACvC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgB,oBAAoB,sBAAkB;AAAA,MACtD,mBAAmB,oBAAoB,uBAAmB;AAAA,MAC1D,QAAQ,oBAAoB,cAAU;AAAA,MACtC,UAAU,oBAAoB,cAAU;AAAA,MACxC,MAAM,oBAAoB,gBAAQ;AAAA,MAClC,MAAM,oBAAoB,gBAAQ;AAAA,MAClC,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,WAAW,oBAAoB,gBAAQ;AAAA,MACvC,gBAAgB,oBAAoB,mBAAe;AAAA,MACnD,iBAAiB,oBAAoB,mBAAe;AAAA,MACpD,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,UAAM,sBAAK,CAAC,UAAe,8CAAC,oBAAU,GAAG,OAAO,UAAU,MAAM,CAAE;AAAA,MAClE,OAAO,oBAAoB,iBAAS;AAAA,MACpC,cAAc;AAAA,MACd,sBAAsB;AAAA,MACtB,cAAc;AAAA,MACd,UAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,CAAC;AACL,QAAMC,iBAAY;AAAA,IAChB,OACG;AAAA,MACC,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,CAAC,OAAO,UAAU,aAAa,QAAI,+BAAc,YAAY;AACnE,QAAM,CAAC,OAAO,UAAU,aAAa,QAAI,+BAAc,YAAY;AACnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,8BAAa;AACjB,QAAM,eAAW,6BAAY;AAC7B,QAAM,4BAAwB,wBAAO;AAAA,IACnC,OAAO;AAAA,IACP,OAAO;AAAA,EACT,CAAC;AAGD,iCAAU,MAAM;AACd,UAAM,qBAAqB,sBAAsB;AACjD,0BAAsB,UAAU;AAAA,MAC9B,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAIA,QACE,mBAAmB,UAAU,gBAC7B,mBAAmB,UAAU,cAC7B;AACA;AAAA,IACF;AAEA,aAAS,YAAY;AACrB,aAAS,YAAY;AAErB,0BAAsB,MAAM;AAC1B,cAAQ,EAAE,UAAU,KAAK,SAAS,IAAI,CAAC;AAAA,IACzC,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,cAAc,UAAU,UAAU,OAAO,CAAC;AAE5D,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,0BAAS,IAAI;AAE3D,QAAM,mBAAe;AAAA,IACnB,CAAC,QAAgB,sBAAsB,KAAK,eAAe;AAAA,IAC3D,CAAC,eAAe;AAAA,EAClB;AACA,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,0BAAwB,IAAI;AAC5E,QAAM,CAAC,eAAe,gBAAgB,QAAI,0BAAS,KAAK;AACxD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,0BAAS,KAAK;AAC9D,QAAM,CAAC,qBAAqB,sBAAsB,QAAI,0BAAS,KAAK;AACpE,QAAM,CAAC,eAAe,gBAAgB,QAAI,0BAAS,KAAK;AACxD,QAAM,CAAC,aAAa,cAAc,QAAI,0BAAS,KAAK;AACpD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,0BAAS,KAAK;AAC9D,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,0BAAS,KAAK;AAC1D,QAAM,0BAAsB;AAAA,IAC1B,CAAC;AAAA,EACH;AACA,QAAM,CAAC,eAAe,gBAAgB,QAAI,0BAAS,KAAK;AACxD,QAAM,CAAC,eAAe,gBAAgB,QAAI,0BAAwB,IAAI;AACtE,QAAM,CAAC,WAAW,YAAY,QAAI,0BAA6B,IAAI;AACnE,QAAM,mBAAe,wBAA2B,IAAI;AACpD,QAAM,CAAC,eAAe,gBAAgB,QAAI,0BAAyB,OAAO;AAC1E,QAAM,uBAAmB,wBAAuB,OAAO;AACvD,QAAM,sBAAkB,wBAAgD,IAAI;AAE5E,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,0BAAS,KAAK;AAC9D,QAAM,qBAAiB,6BAAY,MAAM,oBAAoB,IAAI,GAAG,CAAC,CAAC;AAItE,QAAM,0BAAsB,wBAAO,CAAC;AAEpC,QAAM,uBAAmB,6BAAY,MAAM;AACzC,wBAAoB,WAAW;AAC/B,QAAI,oBAAoB,YAAY,GAAG;AACrC,0BAAoB,SAAS,UAAU,IAAI,uBAAuB;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAiB,6BAAY,MAAM;AACvC,wBAAoB,UAAU,KAAK,IAAI,GAAG,oBAAoB,UAAU,CAAC;AACzE,QAAI,oBAAoB,YAAY,GAAG;AACrC,0BAAoB,SAAS,UAAU,OAAO,uBAAuB;AAAA,IACvE;AAAA,EACF,GAAG,CAAC,CAAC;AAIL,QAAM,0BAAsB,wBAAkB,CAAC,CAAC;AAEhD,QAAM,2BAAuB;AAAA,IAC3B,CAAC,GAAqB,SAAe;AACnC,YAAM,UAAU,oBAAoB;AACpC,UAAI,CAAC,QAAS;AACd,YAAMC,SAAQ,QAAQ;AAAA,QACpB,aAAa,KAAK,MAAM,iBAAiB,KAAK,MAAM;AAAA,MACtD;AACA,MAAAA,OAAM,QAAQ,CAAC,OAAO,GAAG,UAAU,IAAI,oBAAoB,CAAC;AAC5D,0BAAoB,UAAU,MAAM,KAAKA,MAAK;AAAA,IAChD;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,2BAAuB,6BAAY,MAAM;AAC7C,wBAAoB,QAAQ;AAAA,MAAQ,CAAC,OACnC,GAAG,UAAU,OAAO,oBAAoB;AAAA,IAC1C;AACA,wBAAoB,UAAU,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAKL,QAAM,0BAAsB,wBAAkB,CAAC,CAAC;AAChD,QAAM,0BAAsB,wBAAkB,CAAC,CAAC;AAEhD,QAAM,2BAAuB;AAAA,IAC3B,CAAC,GAAqB,SAAe;AACnC,YAAM,UAAU,oBAAoB;AACpC,UAAI,CAAC,QAAS;AAEd,YAAM,UAAU,oBAAI,IAAY;AAChC,YAAM,UAAqB,CAAC;AAE5B,iBAAW,QAAQ,SAAS,SAAS;AACnC,YAAI,KAAK,WAAW,KAAK,MAAM,KAAK,WAAW,KAAK,GAAI;AACxD,cAAM,KAAK,QAAQ;AAAA,UACjB,8BAA8B,KAAK,EAAE;AAAA,QACvC;AACA,YAAI,IAAI;AACN,aAAG,UAAU,IAAI,oBAAoB;AACrC,kBAAQ,KAAK,EAAE;AAAA,QACjB;AACA,YAAI,KAAK,WAAW,KAAK,GAAI,SAAQ,IAAI,KAAK,MAAM;AACpD,YAAI,KAAK,WAAW,KAAK,GAAI,SAAQ,IAAI,KAAK,MAAM;AAAA,MACtD;AACA,0BAAoB,UAAU;AAG9B,cAAQ,IAAI,KAAK,EAAE;AACnB,YAAM,WAAW,MAAM,KAAK,OAAO,EAChC,IAAI,CAAC,OAAO,aAAa,EAAE,IAAI,EAC/B,KAAK,IAAI;AACZ,UAAI,UAAU;AACZ,cAAM,UAAU,QAAQ,iBAAiB,QAAQ;AACjD,gBAAQ,QAAQ,CAAC,OAAO,GAAG,UAAU,IAAI,oBAAoB,CAAC;AAC9D,4BAAoB,UAAU,MAAM,KAAK,OAAO;AAAA,MAClD;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,2BAAuB,6BAAY,MAAM;AAC7C,wBAAoB,QAAQ;AAAA,MAAQ,CAAC,OACnC,GAAG,UAAU,OAAO,oBAAoB;AAAA,IAC1C;AACA,wBAAoB,UAAU,CAAC;AAC/B,wBAAoB,QAAQ;AAAA,MAAQ,CAAC,OACnC,GAAG,UAAU,OAAO,oBAAoB;AAAA,IAC1C;AACA,wBAAoB,UAAU,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAGL,QAAM,kBAAc;AAAA,IAClB,MAAM,aAAa,KAAK,CAAC,SAAc,KAAK,SAAS,UAAU;AAAA,IAC/D,CAAC,YAAY;AAAA,EACf;AACA,QAAM,kBAAc;AAAA,IAClB,MAAM,aAAa,KAAK,aAAa;AAAA,IACrC,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,kBAAc;AAAA,IAClB,MAAM,aAAa,KAAK,CAAC,SAAe,KAAK,SAAS,WAAW;AAAA,IACjE,CAAC,YAAY;AAAA,EACf;AAGA,QAAM,qBAAiB;AAAA,IACrB,CAAC,SAAe;AACd,YAAM,WAAW,SAAS,SAAS,EAAE,WAAW,IAAI,KAAK,EAAE,GAAG;AAC9D,aAAO,UAAU,SAAS,UAAU,SAChC,EAAE,OAAO,SAAS,OAAO,QAAQ,SAAS,OAAO,IACjD,YAAY,IAAI;AAAA,IACtB;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAIA,QAAM,mBAAe;AAAA,IACnB,CAAC,UACC,iBAAiB,YAAY,UAAU,gBAAgB,KAAK,IAAI;AAAA,IAClE,CAAC;AAAA,EACH;AACA,QAAM,kBAAc,6BAAY,CAAC,UAA4C;AAC3E,UAAM,UAAU,aAAa;AAC7B,UAAM,QAAQ,iBAAiB;AAC/B,UAAM,UAAU,YAAY,MAAM,KAAK;AACvC,QAAI,CAAC,WAAW,CAAC,QAAS,QAAO;AACjC,QAAI,SAAS,YAAY,WAAW,SAAS,UAAU,MAAO,QAAO;AACrE,UAAM,UAAU,gBAAgB,KAAK;AAErC,QAAI,CAAC,WAAW,UAAU,WAAW,YAAY;AAC/C,aAAO;AACT,oBAAgB,UAAU;AAC1B,WAAO,gBAAgB,SAAS,SAAS,EAAE,QAAQ,eAAe,CAAC;AAAA,EACrE,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAY;AAAA,IAChB,MACE,aAAa;AAAA,MAAK,CAAC,SACjB,iBAAiB,SAAS,KAAK,QAAQ,EAAE;AAAA,IAC3C;AAAA,IACF,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,qBAAiB;AAAA,IACrB,MACE,aAAa;AAAA,MAAM,CAAC,SAClB,mBAAmB,SAAS,KAAK,QAAQ,EAAE;AAAA,IAC7C;AAAA,IACF,CAAC,YAAY;AAAA,EACf;AAGA,QAAM,sBAAkB;AAAA,IACtB,MACE,SAAS,UACT,aAAa,KAAK,CAAC,SAAoB,CAAC,CAAC,KAAK,MAAM,WAAW;AAAA,IACjE,CAAC,cAAc,IAAI;AAAA,EACrB;AAEA,QAAM,gBAAY,wBAAoC,CAAC,CAAC;AACxD,QAAM,uBAAmB,6BAAY,CAAC,MAAiB,QAAgB;AACrE,UAAM,UAAU,UAAU,QAAQ,GAAG,GAAG;AACxC,WAAO,UAAU,KAAK,MAAM,OAAO,OAAO,UAAU,KAAK,SAAS;AAAA,EACpE,GAAG,CAAC,CAAC;AACL,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,iBAAiB,mBAAmB,aAAa,MAAM,GAAG,EAAE,CAAC;AAAA,IAC7D,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,EACF,CAAC;AAID,QAAM,kBAAc;AAAA,IAClB,CAAC,iBACC,iBAAiB,cAAc;AAAA,MAC7B,OAAO,SAAS;AAAA,MAChB,OAAO,SAAS;AAAA,MAChB,UAAU,YAAY;AAAA,IACxB,CAAC;AAAA,IACH,CAAC,gBAAgB,UAAU,UAAU,WAAW;AAAA,EAClD;AAQA,QAAM,aAAS,yBAAQ,MAAM;AAC3B,QAAI,YAAa,QAAO,CAAC;AACzB,QAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,UAAW,QAAO,CAAC;AAC7D,UAAM,oBAAoB,CAAC,UAAiB;AAC1C,UAAI,WAAY,aAAY,KAAK;AACjC,qBAAe,KAAK;AAAA,IACtB;AAEA,UAAM,YAAY,CAAC,CAAC,iBAAiB,CAAC;AACtC,WAAO;AAAA,MACL;AAAA,QACE,aAAa,iBAAiB;AAAA,QAC9B,QAAQ,cAAe,CAAC,iBAAiB;AAAA,QACzC,gBACE,CAAC,iBAAiB,CAAC,iBACf,2EACA;AAAA,QACN,UAAU,MAAM;AACd,cAAI,iBAAiB,CAAC,WAAY,aAAY,IAAI;AAAA,QACpD;AAAA,MACF;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QACE,CAAC,cAAc,CAAC,mBAAmB,gBAAgB,CAAC;AAAA,QACtD,gBAAgB,YACZ,SACA;AAAA,QACJ,UAAU,MAAM,kBAAkB,CAAC;AAAA,MACrC;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,CAAC,cAAc,eAAe,CAAC;AAAA;AAAA,QAEvC,gBACE,cAAc,cACV,SACA;AAAA,QACN,UAAU,MAAM,kBAAkB,CAAC;AAAA,MACrC;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAc;AAAA,IAClB,MACE,kBACI;AAAA,MACE;AAAA,QACE,OAAO,uBACH,iDACA;AAAA,QACJ,MAAM,8CAAC,mCAAU,WAAU,WAAU;AAAA,QACrC,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF,IACA,CAAC;AAAA,IACP,CAAC,iBAAiB,sBAAsB,0BAA0B;AAAA,EACpE;AACA,QAAM,gBAAY,wBAA4B,IAAI;AAClD,QAAM,0BAAsB,wBAAuB,IAAI;AACvD,QAAM,6BAAyB,wBAA2B,IAAI;AAG9D,QAAM,eAAW,wBAAO,KAAK;AAC7B,WAAS,UAAU;AACnB,QAAM,eAAW,wBAAO,KAAK;AAC7B,WAAS,UAAU;AAEnB,QAAM,uBAAmB,wBAAO,CAAC;AACjC,QAAM,sBAAkB,wBAAO,YAAY;AAC3C,kBAAgB,UAAU;AAS1B,QAAM,wBAAoB,wBAAO,EAAE;AACnC,QAAM,yBAAyB,GAAG,MAC/B,IAAI,CAAC,MAAM,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAC9B,KAAK,GAAG,CAAC,IAAI,MAAM,IAAI,CAAC,MAAM,GAAG,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,GAAG,CAAC;AACrE,MAAI,2BAA2B,kBAAkB,SAAS;AACxD,sBAAkB,UAAU;AAAA,EAC9B;AACA,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,kBAAkB,iBAAiB,QAAI,yBAAQ,MAAM;AAC3D,UAAM,iBAAiB,IAAI;AAAA,MACzB,MACG,OAAO,CAAC,MAAM,kBAAkB,EAAE,IAAI,KAAK,eAAe,CAAC,CAAC,EAC5D,IAAI,CAAC,MAAM,EAAE,EAAE;AAAA,IACpB;AACA,WAAO;AAAA,MACL,kBAAkB,MAAM,OAAO,CAAC,MAAM,CAAC,eAAe,IAAI,EAAE,EAAE,CAAC;AAAA,MAC/D,kBAAkB,MAAM;AAAA,QACtB,CAAC,MAAM,CAAC,eAAe,IAAI,EAAE,MAAM,KAAK,CAAC,eAAe,IAAI,EAAE,MAAM;AAAA,MACtE;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAMC,qBAAgB,6BAAY,MAAM;AACtC,UAAM,UAAU,oBAAoB;AACpC,QAAI,CAAC,QAAS;AACd,YAAQ,UAAU,IAAI,qBAAqB;AAC3C,eAAW,MAAM,QAAQ,UAAU,OAAO,qBAAqB,GAAG,GAAG;AAAA,EACvE,GAAG,CAAC,CAAC;AAEL,QAAM,uCAAmC;AAAA,IACvC,CACE,aACA,gBACG;AACH,YAAM,UAAU;AAChB,YAAM,kBAAkB;AAAA,QACtB,GAAG,YAAY,IAAI;AAAA,QACnB,GAAG,YAAY,IAAI;AAAA,QACnB,OAAO,YAAY,QAAQ,UAAU;AAAA,QACrC,QAAQ,YAAY,SAAS,UAAU;AAAA,MACzC;AACA,YAAM,kBAAkB,IAAI;AAAA,QAC1B,qBAAqB,iBAAiB,IAAI,EACvC,OAAO,CAAC,SAAS,KAAK,OAAO,eAAe,CAAC,KAAK,QAAQ,EAC1D,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,MAC1B;AAEA,UAAI,gBAAgB,SAAS,EAAG;AAEhC,eAAS,CAAC,iBAAiB;AACzB,cAAM,mBAAmB,sBAAsB;AAAA,UAC7C,OAAO;AAAA,UACP,gBAAgB;AAAA,UAChB;AAAA,UACA;AAAA,QACF,CAAC;AAED,eAAO,aAAa,IAAI,CAAC,SAAS;AAChC,gBAAM,kBAAkB,iBAAiB,IAAI,KAAK,EAAE;AACpD,cAAI,CAAC,gBAAiB,QAAO;AAC7B,iBAAO,EAAE,GAAG,MAAM,UAAU,gBAAgB;AAAA,QAC9C,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,sBAAsB,QAAQ;AAAA,EACjC;AAIA,QAAM,0BAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,YAAM,SAAS,EAAE;AACjB,YAAM,cAAc,OAAO;AAAA,QACzB;AAAA,MACF;AACA,UAAI,CAAC,YAAa;AAClB,QAAE,gBAAgB;AAGlB,YAAM,cAAc,OAAO,QAAQ,WAAW;AAC9C,UAAI,CAAC,YAAa;AAClB,YAAM,cAAc,YAAY,aAAa,SAAS;AACtD,UAAI,CAAC,YAAa;AAElB,YAAM,eAAe,SAAS;AAC9B,YAAM,eAAe,SAAS;AAG9B,YAAM,eAAe,aAAa,KAAK,CAAC,MAAM,EAAE,OAAO,WAAW;AAClE,UAAI,CAAC,gBAAgB,CAAC,kBAAkB,aAAa,IAAI,EAAG;AAE5D,uBAAiB;AAMjB,YAAM,UAAW,aAAa,KAAa;AAS3C,YAAM,eACJ,SAAS,QACT,aAAa;AAAA,QACX,CAAC,MACC,EAAE,OAAO,gBACR,EAAE,SAAS,kBACV,EAAE,SAAS,WACX,EAAE,SAAS;AAAA,MACjB;AACF,UAAI,CAAC,aAAc;AACnB,YAAM,gBACJ,SAAS,SACT,aAAa;AAAA,QACX,CAAC,SACC,KAAK,WAAW,eAAe,KAAK,WAAW;AAAA,MACnD;AAEF,YAAM,eAAe,IAAI;AAAA,QACvB,aAAa,OAAO,CAAC,MAAM,EAAE,aAAa,WAAW,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE;AAAA,MACxE;AAOA,YAAM,eAAe,aAAa;AAClC,YAAM,iBAAiB,IAAI;AAAA,QACzB,UAAU,QAAQ,UAAU,aAAa,IAAI,CAAC,MAAY,EAAE,EAAE;AAAA,MAChE;AACA,YAAM,oBAAoB,IAAI;AAAA,SAC1B,aAAa,iBAA2B,CAAC,GACxC,IAAI,CAAC,MAAW,EAAE,EAAE,EACpB,OAAO,CAAC,OAAe,CAAC,eAAe,IAAI,EAAE,CAAC;AAAA,MACnD;AAEA,YAAM,mBAAmB,CAAC,SACxB,KAAK,GAAG,WAAW,GAAG,WAAW,IAAI;AAGvC,MAAAA,eAAc;AAKd,eAAS,CAAC,SAAS;AAEjB,cAAM,YAAY,aACf;AAAA,UACC,CAAC,SACC,CAAC,aAAa,IAAI,KAAK,MAAM,KAC7B,CAAC,aAAa,IAAI,KAAK,MAAM,KAC7B,CAAC,iBAAiB,IAAI;AAAA,QAC1B,EACC,OAAO,aAAa;AAGvB,cAAM,oBAAoB,oBAAI,IAAY;AAC1C,mBAAW,QAAQ,WAAW;AAC5B,4BAAkB,IAAI,KAAK,MAAM;AACjC,4BAAkB,IAAI,KAAK,MAAM;AAAA,QACnC;AAEA,cAAM,UAAU,KACb;AAAA,UACC,CAAC,MACC,EAAE,OAAO,eACT,CAAC,aAAa,IAAI,EAAE,EAAE,KACtB,EAAE,kBAAkB,IAAI,EAAE,EAAE,KAAK,CAAC,kBAAkB,IAAI,EAAE,EAAE;AAAA,QAChE,EACC,IAAI,CAAC,MAAM;AACV,gBAAM,kBAAkB,SAAS,gBAAgB,EAAE,EAAE;AACrD,cAAI,CAAC,mBAAmB,EAAE,SAAU,QAAO;AAC3C,iBAAO,EAAE,GAAG,GAAG,UAAU,gBAAgB;AAAA,QAC3C,CAAC;AACH,cAAM,OAAO;AAAA,UACX,GAAG;AAAA,UACH;AAAA,YACE,GAAG;AAAA,YACH,UACE,SAAS,gBAAgB,WAAW,KAAK,aAAa;AAAA,UAC1D;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AACD,eAAS,CAAC,SAAS;AACjB,cAAM,UAAU,KAAK;AAAA,UACnB,CAAC,SACC,CAAC,aAAa,IAAI,KAAK,MAAM,KAC7B,CAAC,aAAa,IAAI,KAAK,MAAM,KAC7B,CAAC,iBAAiB,IAAI;AAAA,QAC1B;AAEA,eAAO,CAAC,GAAG,SAAS,GAAG,aAAa,EAAE,IAAI,CAAC,SAAS;AAClD,gBAAM,QAAQ,SAAS,aAAa,KAAK,EAAE;AAC3C,iBAAO,QAAQ,EAAE,GAAG,MAAM,MAAM,EAAE,GAAG,KAAK,MAAM,MAAM,EAAE,IAAI;AAAA,QAC9D,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,cAAc,cAAc,UAAU,UAAUA,cAAa;AAAA,EAChE;AAGA,iCAAU,MAAM;AACd,QAAI,aAAa,aAAa,SAAS,GAAG;AACxC,YAAM,YAAsD,CAAC;AAC7D,mBAAa,QAAQ,CAAC,SAAe;AACnC,kBAAU,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MAChE,CAAC;AACD,0BAAoB,UAAU;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAG5B,QAAM,4BAAwB,6BAAY,MAAM;AAC9C,QAAI,CAAC,UAAW;AAChB,UAAM,UAAU,oBAAoB;AACpC,QAAI,OAAO,KAAK,OAAO,EAAE,WAAW,EAAG;AAEvC,UAAM,aAAa,SAAS,QAAQ,KAAK,CAAC,SAAS;AACjD,YAAM,aAAa,QAAQ,KAAK,EAAE;AAClC,aACE,eACC,KAAK,IAAI,KAAK,SAAS,IAAI,WAAW,CAAC,IAAI,6BAC1C,KAAK,IAAI,KAAK,SAAS,IAAI,WAAW,CAAC,IAAI;AAAA,IAEjD,CAAC;AAED,wBAAoB,UAAU;AAAA,EAChC,GAAG,CAAC,SAAS,CAAC;AAGd,QAAM,wBAAoB;AAAA,IACxB,CAAC,YAA0B;AACzB,oBAAc,OAAO;AAErB,YAAM,aAAa,QAAQ;AAAA,QACzB,CAAC,WAAW,OAAO,SAAS,cAAc,CAAC,OAAO;AAAA,MACpD;AACA,UAAI,YAAY;AAEd,mBAAW,uBAAuB,CAAC;AAAA,MACrC;AAAA,IACF;AAAA,IACA,CAAC,eAAe,qBAAqB;AAAA,EACvC;AAEA,QAAM,yBAAqB,6BAAY,MAAM;AAC3C;AAAA,MAAS,CAAC,QACR,IAAI,IAAI,CAAC,SAAS;AAChB,aAAK,QAAQ,EAAE,GAAG,KAAK,OAAO,SAAS,EAAE;AACzC,eAAO;AAAA,UACL,GAAG;AAAA,UACH,WAAW,uBAAuB,MAAM,KAAK;AAAA,UAC7C,UAAU;AAAA,UACV,UAAU;AAAA,QACZ;AAAA,MACF,CAAC;AAAA,IACH;AACA;AAAA,MAAS,CAAC,QACR,IAAI,IAAI,CAAC,SAAS;AAChB,aAAK,QAAQ,EAAE,GAAG,KAAK,OAAO,SAAS,EAAE;AACzC,aAAK,aAAa,EAAE,GAAG,KAAK,YAAY,SAAS,EAAE;AACnD,eAAO;AAAA,UACL,GAAG;AAAA,UACH,MAAM,EAAE,GAAG,KAAK,MAAM,SAAS,GAAG,UAAU,gBAAgB;AAAA,UAC5D,UAAU;AAAA,QACZ;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,UAAU,UAAU,eAAe,CAAC;AAExC,iCAAU,MAAM;AACd,QAAI,CAAC,YAAa;AAClB,UAAM,aAAa,SAAS,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,WAAW;AAC1E,QAAI,CAAC,WAAY;AAEjB;AAAA,MAAS,CAAC,QACR,IAAI,IAAI,CAAC,UAAU;AAAA,QACjB,GAAG;AAAA,QACH,UAAU,KAAK,OAAO;AAAA,MACxB,EAAE;AAAA,IACJ;AAEA,0BAAsB,MAAM;AAC1B,cAAQ;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,QACT,OAAO,CAAC,UAAU;AAAA,MACpB,CAAC;AAAA,IACH,CAAC;AAAA,EACH,GAAG,CAAC,aAAa,gBAAgB,SAAS,QAAQ,CAAC;AAEnD,iCAAU,MAAM;AACd,QAAI,gBAAgB,KAAM;AAC1B,0BAAsB,MAAM;AAC1B,cAAQ,EAAE,UAAU,KAAK,SAAS,IAAI,CAAC;AAAA,IACzC,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,OAAO,CAAC;AAE1B,QAAM,sBAAkB;AAAA,IACtB,CAAC,GAAQ,SAAe;AAEtB,UAAI,aAAa;AACf,oBAAY,IAAI;AAChB;AAAA,MACF;AAKA,YAAM,SAAS,SAAS,QAAQ;AAAA,QAC9B,CAAC,SAAe,KAAK,SAAS;AAAA,MAChC;AACA,YAAM,qBAAqB,SAAS,QAAQ;AAAA,QAC1C,CAAC,MAAY,EAAE,SAAS;AAAA,MAC1B;AACA,YAAM,oBACH,KAAK,SAAS,WAAW,KAAK,SAAS,WACxC,MAAM,QAAS,KAAK,MAAc,aAAa,KAC9C,KAAK,KAAa,cAAc,SAAS;AAC5C,WAAK,UAAU,uBAAuB,CAAC,iBAAkB;AAEzD,UAAI,oBAAoB,aAAa,QAAS;AAC9C,UAAI,eAAe,IAAI,EAAG;AAG1B,UAAI,KAAK,SAAS,YAAY,KAAK,SAAS,UAAW;AAGvD,UAAI,KAAK,SAAS,YAAY,KAAK,SAAS,UAAW;AAEvD,UAAI,KAAK,SAAS,gBAAiB;AAEnC,UAAI,KAAK,SAAS,eAAgB;AAClC,UAAI,kBAAkB,KAAK,IAAI,EAAG;AAGlC,UAAI,KAAK,SAAS,gBAAgB;AAChC,cAAM,YAAY,KAAK;AACvB,cAAM,cAAc,KAAK;AACzB,cAAM,mBAAmB;AAAA,UACvB,SAAS;AAAA,UACT;AAAA,QACF;AACA,YAAI,kBAAkB,SAAS,wBAAwB;AACrD,gBAAM,WAAY,kBAA0B;AAC5C,gBAAM,QACJ,UAAU,SACT,iBAAiB,OAAO,SACzB;AACF,gBAAM,SACJ,UAAU,UACT,iBAAiB,OAAO,UACzB;AAEF;AAAA,YACE,iBAAiB,SAAS,IAAI,QAAQ;AAAA,YACtC,iBAAiB,SAAS,IAAI,SAAS;AAAA,YACvC;AAAA,cACE,UAAU;AAAA,cACV,MAAM,KAAK,IAAI,KAAK,IAAI,QAAQ,GAAG,IAAI,GAAG,CAAC;AAAA,YAC7C;AAAA,UACF;AACA;AAAA,QACF;AAEA,cAAM,gBAAgB,GAAG,UAAU,QAAQ,EAAE,IAAI,UAAU,QAAQ,OAAO;AAG1E,cAAM,aAAa,UAAU,UAAU,UAAU;AACjD,cAAM,iBAAiB;AACvB,cAAM,kBAAkB,aAAa,MAAM;AAM3C,cAAM,oBAAoB,SAAS,QAAQ;AAAA,UACzC,CAAC,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW;AAAA,QAClD;AACA,cAAM,sBAAsB,SAAS,QAAQ,IAAI,CAAC,MAAM,EAAE,EAAE;AAC5D,cAAM,4BAA4B,OAAO;AAAA,UACvC,SAAS,QAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;AAAA,QACvD;AAEA,cAAM,wBAA8B;AAAA,UAClC,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,UAAU,KAAK;AAAA,UACf,MAAM;AAAA,YACJ,WAAW,UAAU;AAAA,YACrB,WAAW,UAAU;AAAA,YACrB,cAAc;AAAA,YACd,YAAY;AAAA,YACZ,gBAAgB;AAAA,cACd;AAAA,cACA,OAAO;AAAA,cACP,SAAS;AAAA,cACT,eAAe;AAAA,YACjB;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,UACV;AAAA,QACF;AAGA,cAAM,cAAsB,UAAU,YAAY,CAAC,GAAG;AAAA,UACpD,CAAC,MAAW,UAAkB;AAC5B,kBAAM,MAAM,KAAK;AACjB,kBAAM,QAAQ,GAAG,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,OAAO;AAChD,mBAAO;AAAA,cACL,IAAI,GAAG,WAAW,KAAK,KAAK;AAAA,cAC5B,MAAM,IAAI;AAAA,cACV,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,UAAU,EAAE,GAAG,IAAI,GAAG,KAAK,QAAQ,IAAI;AAAA,cACvC,MAAM;AAAA,gBACJ,MAAM,UAAU,QAAQ;AAAA,gBACxB,SAAS,EAAE,GAAG,IAAI,KAAK;AAAA,cACzB;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAGA,cAAM,iBAAiB,oBAAI,IAAoB;AAC/C,mBAAW,QAAQ,UAAU,YAAY,CAAC,GAAG;AAC3C,gBAAM,MAAM,KAAK;AACjB,gBAAM,QAAQ,GAAG,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,OAAO;AAChD,yBAAe,IAAI,OAAO,GAAG,WAAW,KAAK,KAAK,EAAE;AAAA,QACtD;AAMA,cAAM,aAAa;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAMA,cAAM,iBAAiB,gBAAgB;AACvC,cAAM,iBAAiB,iBACnB,IAAI;AAAA,WACD,UAAU,iBAAiB,CAAC,GAC1B,OAAO,CAAC,MAAW,EAAE,SAAS,UAAU,EACxC,IAAI,CAAC,MAAW,EAAE,EAAE;AAAA,QACzB,IACA,oBAAI,IAAY;AAEpB,cAAM,mBAA2B,UAAU,iBAAiB,CAAC,GAAG;AAAA,UAC9D,CAAC,MAAW,CAAC,eAAe,IAAI,EAAE,EAAE;AAAA,QACtC;AAEA,cAAM,cAAc,oBAAI,IAAY;AACpC,cAAM,mBAA2B,UAAU,iBAAiB,CAAC,GAC1D,IAAI,CAAC,OAAY;AAAA,UAChB,GAAG;AAAA,UACH,MAAM;AAAA,UACN,QAAQ,eAAe,IAAI,EAAE,MAAM,KAAK,EAAE;AAAA,UAC1C,QAAQ,eAAe,IAAI,EAAE,MAAM,KAAK,EAAE;AAAA,UAC1C,IAAI,GAAG,WAAW,KAAK,EAAE,EAAE;AAAA,QAC7B,EAAE,EACD,OAAO,CAAC,MAAY;AACnB,cAAI,YAAY,IAAI,EAAE,EAAE,EAAG,QAAO;AAClC,sBAAY,IAAI,EAAE,EAAE;AAEpB,cAAI,eAAe,IAAI,EAAE,MAAM,KAAK,eAAe,IAAI,EAAE,MAAM;AAC7D,mBAAO;AACT,iBAAO;AAAA,QACT,CAAC;AAGH,QAAAA,eAAc;AAGd,iBAAS,CAAC,SAAS;AACjB,gBAAM,cACJ,UAAU,cAAc,UACpB,KAAK,SAAS,IAAI,iBAAiB,MACnC,KAAK,SAAS,IAAI;AACxB,gBAAM,cAAc,KAAK,SAAS,IAAI;AACtC,iBAAO,gCAAgC;AAAA,YACrC,cAAc;AAAA,YACd;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,uBAAuB,CAAC,iBAAiB,WAAW;AAAA,cAClD,GAAG;AAAA,cACH,GAAG,cAAc,QAAQ;AAAA,YAC3B;AAAA,UACF,CAAC;AAAA,QACH,CAAC;AACD,iBAAS,CAAC,SAAS;AACjB,gBAAM,UAAU,KAAK;AAAA,YACnB,CAAC,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW;AAAA,UAClD;AACA,iBAAO,CAAC,GAAG,SAAS,GAAG,YAAY,GAAG,eAAe;AAAA,QACvD,CAAC;AAGD,8BAAsB,MAAM;AAC1B,cAAI,wBAAwB;AAAA,YAC1B,GAAG,KAAK,SAAS;AAAA,YACjB,GAAG,KAAK,SAAS;AAAA,YACjB,OAAO;AAAA,YACP,QAAQ;AAAA,UACV;AAEA,mBAAS,CAAC,SAAS;AACjB,kBAAM,WAAW,KAAK,OAAO,CAAC,MAAM,EAAE,aAAa,WAAW;AAC9D,gBAAI,SAAS,WAAW,EAAG,QAAO;AAGlC,kBAAM,eAAe,SAAS,IAAI,CAAC,MAAM;AACvC,oBAAM,KAAK,SAAS;AAAA,gBAClB,aAAa,EAAE,EAAE;AAAA,cACnB;AACA,qBAAO;AAAA,gBACL,IAAI,EAAE;AAAA,gBACN,GAAG,IAAI,eAAe;AAAA,gBACtB,GAAG,IAAI,gBAAgB;AAAA,cACzB;AAAA,YACF,CAAC;AAED,kBAAM,UAAU;AAChB,kBAAM,UAAU;AAChB,kBAAM,MAAM;AACZ,kBAAM,cACJ,aAAa,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,GAAG,CAAC,IAC5C,OAAO,aAAa,SAAS;AAC/B,kBAAM,mBAAmB,UAAU,cAAc,UAAU;AAE3D,gBAAI,WAAW,UAAU;AACzB,oCAAwB;AAAA,cACtB,GAAG,KAAK,SAAS;AAAA,cACjB,GAAG,KAAK,SAAS;AAAA,cACjB,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAEA,mBAAO,KAAK,IAAI,CAAC,MAAM;AAErB,kBAAI,EAAE,OAAO,aAAa;AACxB,wCAAwB;AAAA,kBACtB,GAAG,EAAE,SAAS;AAAA,kBACd,GAAG,EAAE,SAAS;AAAA,kBACd,OAAO;AAAA,kBACP,QAAQ;AAAA,gBACV;AACA,uBAAO;AAAA,kBACL,GAAG;AAAA,kBACH,OAAO;AAAA,oBACL,GAAG,EAAE;AAAA,oBACL,QAAQ;AAAA,kBACV;AAAA,gBACF;AAAA,cACF;AACA,kBAAI,EAAE,aAAa,YAAa,QAAO;AACvC,oBAAM,IAAI,aAAa,KAAK,CAACC,OAAMA,GAAE,OAAO,EAAE,EAAE;AAChD,kBAAI,CAAC,EAAG,QAAO;AACf,oBAAM,IAAI,KAAK,IAAI,IAAI,iBAAiB,EAAE,KAAK,CAAC;AAChD,oBAAM,IAAI;AACV,0BAAY,EAAE,IAAI;AAClB,qBAAO,EAAE,GAAG,GAAG,UAAU,EAAE,GAAG,EAAE,EAAE;AAAA,YACpC,CAAC;AAAA,UACH,CAAC;AAED,gCAAsB,MAAM;AAC1B,kBAAM,YAAY,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,WAAW;AAC7D,kBAAM,WAAY,WAAmB;AACrC,kBAAM,QACJ,UAAU,SACT,WAAW,OAAO,SACnB;AACF,kBAAM,SACJ,UAAU,UACT,WAAW,OAAO,UACnB,sBAAsB;AACxB,kBAAM,SAAS;AAAA,cACb,GAAG,WAAW,SAAS,KAAK,sBAAsB;AAAA,cAClD,GAAG,WAAW,SAAS,KAAK,sBAAsB;AAAA,cAClD;AAAA,cACA;AAAA,YACF;AAEA,6CAAiC,aAAa,MAAM;AACpD,sBAAU,OAAO,IAAI,QAAQ,GAAG,OAAO,IAAI,SAAS,GAAG;AAAA,cACrD,UAAU;AAAA,cACV,MAAM,KAAK,IAAI,KAAK,IAAI,QAAQ,GAAG,IAAI,GAAG,CAAC;AAAA,YAC7C,CAAC;AAAA,UACH,CAAC;AAAA,QACH,CAAC;AAED;AAAA,MACF;AAGA,UAAI,kBAAkB;AACpB,cAAM,WAAW,KAAK;AACtB,cAAM,aAAa,KAAK;AACxB,cAAM,eAAsB,SAAS,iBAAiB,CAAC;AACvD,cAAM,eAAsB,SAAS,iBAAiB,CAAC;AAEvD,cAAM,aAAqB,aAAa,IAAI,CAAC,WAAW;AAAA,UACtD,GAAG;AAAA,UACH,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,UAAU,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,QACzB,EAAE;AAMF,cAAM,oBAAoB,SAAS,QAAQ;AAAA,UACzC,CAAC,MAAM,EAAE,WAAW,cAAc,EAAE,WAAW;AAAA,QACjD;AACA,cAAM,sBAAsB,SAAS,QAAQ,IAAI,CAAC,MAAM,EAAE,EAAE;AAE5D,cAAM,wBAAwB,OAAO;AAAA,UACnC,SAAS,QACN,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ,EACzB,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC;AAAA,QAClC;AACA,cAAM,qBAAqB,OAAO;AAAA,UAChC,SAAS,QACN,OAAO,CAAC,MAAM,EAAE,MAAM,KAAK,EAC3B,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,KAAM,KAAkB,CAAC;AAAA,QAClD;AAEA,cAAM,wBAA8B;AAAA,UAClC,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,UAAU,KAAK;AAAA,UACf,MAAM;AAAA,YACJ,UAAU,SAAS,MAAM,QAAQ,SAAS,MAAM,MAAM;AAAA,YACtD,SAAS,SAAS,MAAM,WAAW,SAAS,MAAM,MAAM;AAAA,YACxD,gBAAgB;AAAA,cACd;AAAA,cACA,OAAO;AAAA,cACP,SAAS;AAAA,cACT,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA;AAAA,UAEA,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,UAAU;AAAA,UACZ;AAAA,QACF;AAEA,cAAM,WAAW,IAAI,IAAI,WAAW,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;AACpD,cAAM,cAAc,oBAAI,IAAY;AACpC,cAAM,cAAc,oBAAI,IAAY;AACpC,mBAAW,KAAK,cAAc;AAC5B,cAAI,SAAS,IAAI,EAAE,MAAM,EAAG,aAAY,IAAI,EAAE,MAAM;AACpD,cAAI,SAAS,IAAI,EAAE,MAAM,EAAG,aAAY,IAAI,EAAE,MAAM;AAAA,QACtD;AACA,cAAM,gBAAgB,WACnB,IAAI,CAAC,MAAM,EAAE,EAAE,EACf,OAAO,CAAC,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;AACtC,cAAM,mBAAmB,WACtB,IAAI,CAAC,MAAM,EAAE,EAAE,EACf,OAAO,CAAC,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;AAKtC,cAAM,eAAe,SAAS;AAC9B,cAAM,mBAAmB,aAAa;AAAA,UACpC,CAAC,MAAY,EAAE,WAAW;AAAA,QAC5B;AACA,cAAM,iBAAiB,aAAa;AAAA,UAClC,CAAC,MAAY,EAAE,WAAW;AAAA,QAC5B;AAEA,cAAM,uBAA+B,CAAC;AACtC,mBAAW,KAAK,kBAAkB;AAChC,qBAAW,WAAW,cAAc,SAAS,IACzC,gBACA,CAAC,UAAU,GAAG;AAChB,iCAAqB,KAAK;AAAA,cACxB,GAAG;AAAA,cACH,IAAI,GAAG,EAAE,EAAE,SAAS,OAAO;AAAA,cAC3B,QAAQ;AAAA,YACV,CAAC;AAAA,UACH;AAAA,QACF;AACA,cAAM,qBAA6B,CAAC;AACpC,mBAAW,KAAK,gBAAgB;AAC9B,qBAAW,cAAc,iBAAiB,SAAS,IAC/C,mBACA,CAAC,UAAU,GAAG;AAChB,+BAAmB,KAAK;AAAA,cACtB,GAAG;AAAA,cACH,IAAI,GAAG,EAAE,EAAE,WAAW,UAAU;AAAA,cAChC,QAAQ;AAAA,YACV,CAAC;AAAA,UACH;AAAA,QACF;AAIA,cAAM,MAAM,EAAE,iBAAiB;AAC/B,cAAM,eAAe,SAAS;AAC9B,sBAAc;AAAA,UACZ,OAAO;AAAA,YACL,GAAG,aAAa,OAAO,CAAC,MAAM,EAAE,OAAO,UAAU;AAAA,YACjD;AAAA,YACA,GAAG;AAAA,UACL;AAAA,UACA,OAAO;AAAA,YACL,GAAG,aAAa;AAAA,cACd,CAAC,MAAM,EAAE,WAAW,cAAc,EAAE,WAAW;AAAA,YACjD;AAAA,YACA,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAG;AAAA,UACL;AAAA,QACF,CAAC,EAAE,KAAK,CAAC,aAAa;AACpB,cAAI,QAAQ,iBAAiB,QAAS;AACtC,UAAAD,eAAc;AACd,mBAAS,SAAS,KAAK;AACvB,mBAAS,SAAS,KAAK;AAEvB,kBAAQ,EAAE,UAAU,KAAK,SAAS,IAAI,CAAC;AAAA,QACzC,CAAC;AAED;AAAA,MACF;AAKA,UAAI,qBAAqB,YAAY;AACnC;AAAA,MACF;AAGA,uBAAiB,KAAK,EAAE;AACxB,uBAAiB,IAAI;AAAA,IACvB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,4BAAwB,6BAAY,MAAM;AAC9C,uBAAmB,CAAC,SAAS;AAC3B,YAAM,OAAO,CAAC;AACd,mBAAa;AAAA,QACX;AAAA,QACA,KAAK,UAAU,IAAI;AAAA,MACrB;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAGL,QAAM,oBAAgB,6BAAY,MAAM;AACtC,YAAQ,EAAE,SAAS,GAAG,UAAU,KAAK,SAAS,IAAI,CAAC;AAAA,EACrD,GAAG,CAAC,OAAO,CAAC;AAIZ,iCAAU,MAAM;AAGd,QAAI,yBAAyB;AAC3B,yBAAmB,KAAK;AACxB;AAAA,IACF;AAEA,QAAI,aAAa,QAAW;AAC1B,yBAAmB,QAAQ;AAC3B;AAAA,IACF;AAEA,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,eAAe,UAAU,IAAI,SAAS;AAE5C,QAAI,iBAAiB,QAAQ;AAC3B,yBAAmB,IAAI;AAAA,IACzB,WAAW,iBAAiB,SAAS;AACnC,yBAAmB,KAAK;AAAA,IAC1B,OAAO;AAEL,YAAM,wBAAwB,aAAa;AAAA,QACzC;AAAA,MACF;AACA,UAAI,0BAA0B,MAAM;AAClC,2BAAmB,0BAA0B,MAAM;AAAA,MACrD,OAAO;AAEL,2BAAmB,aAAa,UAAU,0BAA0B;AAAA,MACtE;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,yBAAyB,aAAa,MAAM,CAAC;AAE3D,iCAAU,MAAM;AACd,aAAS,CAAC,QAAQ,sBAAsB,KAAK,eAAe,CAAC;AAAA,EAC/D,GAAG,CAAC,eAAe,CAAC;AAEpB,iCAAU,MAAM;AAEd,QAAI,eAAgB;AACpB,eAAW,MAAM;AACf,cAAQ,EAAE,SAAS,GAAG,UAAU,IAAI,CAAC;AAAA,IACvC,GAAG,GAAG;AAAA,EACR,GAAG,CAAC,CAAC;AAGL,QAAM,0BAAsB,6BAAY,MAAM;AAC5C,QAAI;AACF,aAAO,iBAAiB,SAAS,SAAS,SAAS,SAAS;AAAA,QAC1D,eAAe;AAAA,QACf,WAAW;AAAA,MACb,CAAC;AAAA,IACH,SAAS,OAAO;AACd,cAAQ,MAAM,kCAAkC,KAAK;AACrD,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,CAAC;AAML,iCAAU,MAAM;AAEd,QAAI,aAAc;AAGlB,UAAM,0BAA0B,MAA0B;AAExD,YAAM,YAAY;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,iBAAW,YAAY,WAAW;AAChC,cAAM,UAAU,SAAS,cAAc,QAAQ;AAC/C,YAAI,QAAS,QAAO;AAAA,MACtB;AAEA,aAAO;AAAA,IACT;AAGA,QAAI,CAAC,uBAAuB,SAAS;AACnC,6BAAuB,UAAU,wBAAwB;AAAA,IAC3D;AAEA,UAAM,cAAc,CAAC,UAAsB;AAEzC,UAAI,CAAC,MAAM,WAAW,CAAC,MAAM,YAAY,CAAC,MAAM,SAAS;AACvD,cAAM,eAAe;AAErB,cAAM,sBAAsB,uBAAuB;AAEnD,YAAI,qBAAqB;AACvB,8BAAoB,SAAS;AAAA,YAC3B,KAAK,MAAM;AAAA,YACX,MAAM,MAAM;AAAA,YACZ,UAAU;AAAA,UACZ,CAAC;AAAA,QACH,OAAO;AAEL,iBAAO,SAAS;AAAA,YACd,KAAK,MAAM;AAAA,YACX,MAAM,MAAM;AAAA,YACZ,UAAU;AAAA,UACZ,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAEA,UAAM,UAAU,oBAAoB;AACpC,QAAI,SAAS;AACX,cAAQ,iBAAiB,SAAS,aAAa,EAAE,SAAS,MAAM,CAAC;AACjE,aAAO,MAAM;AACX,gBAAQ,oBAAoB,SAAS,WAAW;AAAA,MAClD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,sBAAkB,6BAAY,MAAM;AACxC,cAAU,SAAS,gBAAgB;AACnC,uBAAmB;AACnB,YAAQ,EAAE,SAAS,GAAG,UAAU,IAAI,CAAC;AAAA,EACvC,GAAG,CAAC,oBAAoB,OAAO,CAAC;AAEhC,QAAM,uBAAmB;AAAA,IACvB,CAAC,SAAe;AACd,sBAAgB,MAAM,IAAI;AAAA,IAC5B;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AAEA,QAAM,wBAAoB,6BAAY,MAAM;AAC1C,uBAAmB;AACnB,YAAQ,EAAE,SAAS,GAAG,UAAU,IAAI,CAAC;AAAA,EACvC,GAAG,CAAC,oBAAoB,OAAO,CAAC;AAEhC,QAAM,oBAAgB,6BAAY,CAAC,SAAiB,aAAsB;AACxE,UAAM,IAAI,SAAS,cAAc,GAAG;AACpC,MAAE,aAAa,YAAY,GAAG,YAAY,cAAc,MAAM;AAC9D,MAAE,aAAa,QAAQ,OAAO;AAC9B,MAAE,MAAM;AAAA,EACV,GAAG,CAAC,CAAC;AAEL,QAAM,eAAW,6BAAY,MAAM;AACjC,WAAO,cAAc,IAAI,YAAY,wBAAwB,CAAC;AAAA,EAChE,GAAG,CAAC,CAAC;AAGL,QAAM,uBAAmB,6BAAY,YAA8B;AACjE,QAAI,CAAC,eAAe,CAAC,aAAc,QAAO;AAG1C,QAAI,aAAa,QAAS,QAAO;AAEjC,UAAM,YAAsD,CAAC;AAC7D,aAAS,QAAQ,QAAQ,CAAC,SAAS;AACjC,UAAI,eAAe,IAAI,EAAG;AAC1B,gBAAU,KAAK,EAAE,IAAI;AAAA,QACnB,GAAG,KAAK,SAAS;AAAA,QACjB,GAAG,KAAK,SAAS;AAAA,MACnB;AAAA,IACF,CAAC;AAED,WAAO,MAAM,aAAa,aAAa,SAAS;AAAA,EAClD,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,QAAM,wBAAoB,6BAAY,YAA8B;AAClE,QAAI,CAAC,eAAe,CAAC,cAAe,QAAO;AAC3C,WAAO,MAAM,cAAc,WAAW;AAAA,EACxC,GAAG,CAAC,aAAa,aAAa,CAAC;AAG/B,QAAM,4BAAwB,6BAAY,YAAY;AACpD,sBAAkB,IAAI;AACtB,UAAM,UAAU,MAAM,iBAAiB;AACvC,sBAAkB,KAAK;AACvB,QAAI,SAAS;AAEX,YAAM,YAAsD,CAAC;AAC7D,eAAS,QAAQ,QAAQ,CAAC,SAAS;AACjC,kBAAU,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MAChE,CAAC;AACD,0BAAoB,UAAU;AAC9B,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,iCAA6B,6BAAY,YAAY;AACzD,UAAM,OAAO,oBAAoB;AACjC,UAAM,gBAAgB,IAAI;AAAA,EAC5B,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,yBAAqB,6BAAY,YAAY;AACjD,UAAM,MAAM,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AACnE,UAAM,gBAAgB,GAAG;AACzB,2BAAuB,IAAI;AAC3B,eAAW,MAAM,uBAAuB,KAAK,GAAG,GAAI;AAAA,EACtD,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,6BAAY,MAAM;AACzC,QAAI,CAAC,SAAS,mBAAmB;AAC/B,0BAAoB,SAAS,kBAAkB,EAAE,MAAM,CAAC,QAAQ;AAC9D,gBAAQ;AAAA,UACN,gDAAgD,IAAI,OAAO,KAAK,IAAI,IAAI;AAAA,QAC1E;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,eAAS,eAAe;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,iCAAU,MAAM;AACd,UAAM,yBAAyB,MAAM;AACnC,uBAAiB,CAAC,CAAC,SAAS,iBAAiB;AAC7C,iBAAW,MAAM;AACf,gBAAQ,EAAE,UAAU,IAAI,CAAC;AAAA,MAC3B,GAAG,GAAG;AAAA,IACR;AAEA,aAAS,iBAAiB,oBAAoB,sBAAsB;AACpE,WAAO,MAAM;AACX,eAAS,oBAAoB,oBAAoB,sBAAsB;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,yBAAqB,6BAAY,MAAM;AAG3C,UAAM,kBAAc,gCAAe,SAAS,GAAG;AAAA,MAC7C,YAAY,SAAS,SAAS,EAAE;AAAA,IAClC,CAAC;AACD,UAAM,EAAE,OAAO,QAAQ,SAAS,IAAI,yBAAyB,WAAW;AAGxE,UAAM,WAAW,SAAS;AAAA,MACxB;AAAA,IACF;AACA,QAAI,SAAU,UAAS,MAAM,UAAU;AAEvC,UAAM,kBAAkB,SAAS;AAAA,MAC/B;AAAA,IACF;AACA,UAAM,qBAAqB,mBAAmB,eAAe;AAE7D,oCAAM,iBAAiB;AAAA,MACrB,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,QACL,OAAO,GAAG,KAAK;AAAA,QACf,QAAQ,GAAG,MAAM;AAAA,QACjB,WAAW,aAAa,SAAS,CAAC,OAAO,SAAS,CAAC,aAAa,SAAS,IAAI;AAAA,MAC/E;AAAA,IACF,CAAC,EACE,KAAK,CAAC,YAAoB;AACzB,oBAAc,SAAS,KAAK;AAAA,IAC9B,CAAC,EACA,QAAQ,MAAM;AACb,yBAAmB;AACnB,UAAI,SAAU,UAAS,MAAM,UAAU;AAAA,IACzC,CAAC;AAAA,EACL,GAAG,CAAC,UAAU,UAAU,eAAe,KAAK,CAAC;AAE7C,QAAM,qCAAiC,6BAAY,CAACD,WAAuB;AACzE,UAAM,eAAe;AAAA,MACnB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,cAAc;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,cAAc;AAAA,MACd,sBAAsB;AAAA,IACxB;AAEA,QAAI,mBAEA,CAAC;AAGL,UAAM,eAAe;AAAA,MACnB,GAAG,IAAI;AAAA,QACLA,OACG;AAAA,UACC,CAAC,SAAS,KAAK,KAAK,SAAS,KAAK,KAAK,OAAO,SAAS;AAAA,QACzD,EACC,IAAI,CAAC,SAAS,KAAK,KAAK,OAAO,EAAE;AAAA,MACtC;AAAA,IACF;AAEA,iBAAa,QAAQ,CAAC,YAAY;AAChC,YAAM,QAAQA,OAAM;AAAA,QAClB,CAAC,SAAS,KAAK,KAAK,SAAS,KAAK,KAAK,OAAO,OAAO;AAAA,MACvD;AACA,uBAAiB,GAAG,OAAO,WAAW,IAAI;AAAA,QACxC,OAAO,MAAM;AAAA,QACb,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,iBAAiBA,OAAM;AAAA,MAC3B,CACE,KAOA,SACG;AACH,cAAM,aAAa,KAAK;AAExB,YAAI,cAAc,CAAC,iBAAiB,SAAS,UAAU,GAAG;AACxD,cAAI,IAAI,UAAU,GAAG;AACnB,gBAAI,UAAU,EAAE,SAAS;AAAA,UAC3B,OAAO;AACL,gBAAI,UAAU,IAAI;AAAA,cAChB,OAAO;AAAA,cACP,YACE,aAAa,UAAuC,KACpD;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAEA,WAAO,EAAE,GAAG,kBAAkB,GAAG,eAAe;AAAA,EAClD,GAAG,CAAC,CAAC;AAIL,QAAM,mBAAe,wBAAO,EAAE;AAC9B,QAAM,oBAAoB,MACvB,IAAI,CAAC,MAAiB,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,KAAK,OAAO,MAAM,EAAE,EAAE,EACnE,KAAK,GAAG;AACX,MAAI,sBAAsB,aAAa,SAAS;AAC9C,iBAAa,UAAU;AAAA,EACzB;AACA,QAAM,YAAY,aAAa;AAE/B,QAAM,kBAAc;AAAA,IAClB,MAAM,+BAA+B,KAAK;AAAA,IAC1C,CAAC,gCAAgC,SAAS;AAAA,EAC5C;AAIA,QAAM,oBAAgB,wBAA2C,IAAI;AACrE,QAAM,aAAS,yBAAQ,MAAM;AAC3B,kBAAc,YAAd,cAAc,UAAY,+BAA+B,YAAY;AACrE,WAAO,OAAO,cAAc,SAAS,WAAW;AAChD,WAAO,OAAO;AAAA,MACZ,OAAO,QAAQ,cAAc,OAAO,EAAE;AAAA,QACpC,CAAC,CAAC,GAAG,MAAM,OAAO,eAAe,iBAAiB,SAAS,GAAG;AAAA,MAChE;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,gBAAgB,CAAC;AAClC,YAAU,UAAU;AAIpB,QAAM,oBAAgB,wBAAO,EAAE;AAC/B,QAAM,qBAAqB,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,GAAG;AAC1D,MAAI,uBAAuB,cAAc,SAAS;AAChD,kBAAc,UAAU;AAAA,EAC1B;AACA,QAAM,aAAa,cAAc;AAEjC,QAAM,kBAAc;AAAA,IAClB,MAAM,MAAM,OAAO,CAAC,SAAS,CAAC,eAAe,IAAI,CAAC;AAAA,IAClD,CAAC,UAAU;AAAA,EACb;AAIA,QAAM,oBAAgB,yBAAQ,MAAM;AAClC,UAAM,SAKA,CAAC;AACP,eAAW,QAAQ,OAAO;AACxB,YAAM,SAAS,iBAAiB,IAAI;AACpC,UAAI,QAAQ;AACV,eAAO,KAAK;AAAA,UACV,QAAQ,KAAK;AAAA,UACb,MAAM,OAAO;AAAA,UACb,OAAO,OAAO;AAAA,UACd,UAAU,OAAO;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,sBAAkB;AAAA,IACtB,MAAM,cAAc,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,MAAM,QAAQ,CAAC;AAAA,IAC9D,CAAC,aAAa;AAAA,EAChB;AAGA,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,0BAAmB,CAAC,CAAC;AAErE,QAAM,0BAAsB,wBAAiB,CAAC,CAAC;AAI/C,QAAM,uBAAmB;AAAA,IACvB,CACE,QACA,eACA,QAAkB,SAAS,CAAC,MAAM,IAAI,CAAC,MACpC;AACH,UAAI,WAAW,MAAM;AACnB,2BAAmB;AACnB,4BAAoB,CAAC,CAAC;AACtB,4BAAoB,UAAU,CAAC;AAC/B,4BAAoB,IAAI;AACxB,YAAI,eAAe;AACjB,qBAAW,MAAM;AACf,oBAAQ,EAAE,UAAU,KAAK,SAAS,IAAI,CAAC;AAAA,UACzC,GAAG,GAAG;AAAA,QACR;AACA;AAAA,MACF;AAGA,YAAMA,SAAQ,SAAS;AACvB,YAAMG,SAAQ,SAAS;AACvB,YAAM,aAAaH,OAAM,KAAK,CAAC,SAAe,KAAK,OAAO,MAAM;AAChE,UAAI,CAAC,WAAY;AAEjB,YAAM,SAAS,IAAI,IAAI,KAAK;AAC5B,YAAM,cAAc,oBAAI,IAAY;AACpC,YAAM,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,UAAU;AACxC,cAAM,SAAS,MAAM,KAAK;AAC1B,QAAAG,OAAM,QAAQ,CAAC,SAAe;AAC5B,cAAI,KAAK,WAAW,UAAU,KAAK,WAAW;AAC5C,wBAAY,IAAI,KAAK,EAAE;AAAA,QAC3B,CAAC;AAAA,MACH,CAAC;AACD,YAAM,YAAYA,OAAM,OAAO,CAAC,SAAe,KAAK,WAAW,MAAM;AACrE,YAAM,cAAc,IAAI,IAAI,UAAU,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;AAEhE,YAAM,YAAY,CAAC,SACjB,OAAO,IAAI,KAAK,EAAE,KAAK,eAAe,IAAI,IACtC,IACA,YAAY,IAAI,KAAK,EAAE,IACrB,OACA;AACR;AAAA,QACEH,OAAM,IAAI,CAAC,UAAgB;AAAA,UACzB,GAAG;AAAA,UACH,WAAW,uBAAuB,MAAM,KAAK,OAAO,MAAM;AAAA,UAC1D,OAAO,EAAE,GAAG,KAAK,OAAO,SAAS,UAAU,IAAI,EAAE;AAAA,QACnD,EAAE;AAAA,MACJ;AACA;AAAA,QACEG,OAAM,IAAI,CAAC,SAAe;AACxB,gBAAM,SAAS,KAAK,WAAW;AAC/B,gBAAM,MAAM,UAAU,YAAY,IAAI,KAAK,EAAE;AAC7C,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,MAAM,EAAE,GAAG,KAAK,MAAM,SAAS,MAAM,IAAI,MAAM,UAAU,OAAO;AAAA,YAChE,OAAO;AAAA,cACL,GAAG,KAAK;AAAA,cACR,SAAS,MAAM,IAAI;AAAA,cACnB,aAAa,MAAM,IAAI;AAAA,YACzB;AAAA,YACA,YAAY,EAAE,GAAG,KAAK,YAAY,SAAS,MAAM,IAAI,KAAK;AAAA,YAC1D,UAAU;AAAA,UACZ;AAAA,QACF,CAAC;AAAA,MACH;AACA,0BAAoB,KAAK;AACzB,0BAAoB,UAAU;AAI9B,YAAM,SAAS,oBAAoB,SAAS,sBAAsB;AAClE,UAAI,CAAC,OAAQ;AACb,YAAM,aAAS,gCAAe,CAAC,QAAQ,GAAG,WAAW,GAAG;AAAA,QACtD,YAAY,SAAS,SAAS,EAAE;AAAA,MAClC,CAAC;AACD,YAAM,YAAY,KAAK,IAAI,wBAAwB,OAAO,SAAS,IAAI;AACvE;AAAA,YACE;AAAA,UACE;AAAA,UACA,OAAO;AAAA,UACP,OAAO,SAAS;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,EAAE,UAAU,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,oBAAoB,aAAa,QAAQ;AAAA,EAChE;AAIA,QAAM,sBAAkB;AAAA,IACtB,MACE,cACI,eAAe;AAAA,MAAO,CAAC,YACrB,aAAa,cAAc,OAAO;AAAA,IACpC,IACA,CAAC;AAAA,IACP,CAAC,aAAa,YAAY;AAAA,EAC5B;AACA,QAAM,qBAAiB;AAAA,IACrB,MACE,OAAO;AAAA,MACL,gBAAgB,IAAI,CAAC,YAAY;AAAA,QAC/B;AAAA,QACA,YAAY,cAAc,OAAO;AAAA,MACnC,CAAC;AAAA,IACH;AAAA,IACF,CAAC,iBAAiB,YAAY;AAAA,EAChC;AAEA,QAAM,CAAC,eAAe,gBAAgB,QAAI,0BAAS,CAAC;AAEpD,QAAM,kBAAc,wBAAO,CAAC;AAC5B,QAAM,4BAAwB;AAAA,IAC5B,CACE,WACA,QAAwB,iBAAiB,YACtC;AAEH,YAAM,UACJ,UAAU,WAAW,cAAc,kBAC/B,WACA;AACN,UACE,YAAY,aAAa,WACzB,UAAU,iBAAiB;AAE3B;AACF,YAAM,UAAU,gBAAgB,WAAW;AAAA,QACzC,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,MAClB;AACA,sBAAgB,UAAU,UAAU,UAAU;AAC9C,mBAAa,UAAU;AACvB,uBAAiB,UAAU;AAC3B,mBAAa,OAAO;AACpB,uBAAiB,KAAK;AAEtB,YAAM,MAAM,EAAE,YAAY;AAC1B,YAAM,OAAO,CAAC,SAA2C;AACvD,YAAI,QAAQ,YAAY,QAAS;AACjC,QAAAF,eAAc;AACd,iBAAS,KAAK,KAAK;AACnB,iBAAS,KAAK,KAAK;AAEnB,yBAAiB,CAAC,UAAU,QAAQ,CAAC;AAAA,MACvC;AACA,UAAI,CAAC,QAAS,MAAK,OAAO;AAAA,eACjB,UAAU,WAAW,YAAY;AACxC,aAAK,gBAAgB,SAAS,SAAS,EAAE,QAAQ,eAAe,CAAC,CAAC;AAAA;AAElE,uBAAe,SAAS,SAAS,EAAE,QAAQ,eAAe,CAAC,EAAE,KAAK,IAAI;AAExE,oBAAc,SAAS,KAAK;AAAA,IAC9B;AAAA,IACA,CAACA,gBAAe,UAAU,UAAU,cAAc;AAAA,EACpD;AAMA,iCAAU,MAAM;AACd,QAAI,kBAAkB,EAAG;AACzB,UAAM,QAAQ,oBAAoB;AAClC,QAAI,MAAM,SAAS,GAAG;AACpB,uBAAiB,MAAM,MAAM,SAAS,CAAC,GAAG,OAAO,KAAK;AAAA,IACxD,OAAO;AACL,yBAAmB;AACnB,cAAQ,EAAE,UAAU,KAAK,SAAS,IAAI,CAAC;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAIlB,QAAM,uBAAmB,qCAAoB;AAC7C,QAAM,oBAAgB,wBAAO,KAAK;AAClC,iCAAU,MAAM;AACd,QAAI,CAAC,oBAAoB,cAAc,QAAS;AAChD,kBAAc,UAAU;AAExB,UAAM,UAAU,iBAAiB;AACjC,UAAM,UAAU,QAAQ,WAAW;AACnC,UAAM,QAAQ,QAAQ,SAAS;AAC/B,QACE,cAAc,OAAO,KACrB,aAAa,cAAc,OAAO,KAClC,iBAAiB,KAAK,GACtB;AACA,4BAAsB,SAAS,KAAK;AAAA,IACtC;AAAA,EAEF,GAAG,CAAC,gBAAgB,CAAC;AACrB,QAAM,sBAAsB,CAAC;AAC7B,QAAM,sBAAsB,sBACxB,gVACA;AACJ,QAAM,oBAAoB,sBACtB,wIACA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,MAEA,yDAAC,2BAAwB,OAAO,oBAAoB,SACjD;AAAA,wBACC,gFAEE;AAAA,yDAAC,SAAI,WAAU,wIACb;AAAA,0DAAC,SAAI,WAAU,uBAEb,yDAAc,oBAAb,EACC;AAAA,4DAAc,uBAAb,EAAqB,SAAO,MAC3B;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,kBACX,cAAW;AAAA,kBAEV;AAAA,6BACC,8CAAC,UAAK,WAAU,uEACb,iBACH;AAAA,oBAEF,8CAAC,sCAAa,WAAW,mBAAmB;AAAA;AAAA;AAAA,cAC9C,GACF;AAAA,cACA,8CAAc,sBAAb,EAAoB,WAAW,oBAAoB,SAClD;AAAA,gBAAc;AAAA,gBAAb;AAAA,kBACC,WAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,OAAM;AAAA,kBACN,aAAa;AAAA,kBAEb;AAAA,kEAAc,qBAAb,EAAmB,WAAU,8EAA6E;AAAA,oBAC3G;AAAA,sBAAC;AAAA;AAAA,wBACC;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA,qBAAqB;AAAA,wBACrB;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA,cAAc,YAAY,SAAY;AAAA,wBACtC,eAAe;AAAA;AAAA,oBACjB;AAAA;AAAA;AAAA,cACF,GACF;AAAA,eACF,GACF;AAAA,YACC,SAAS,UAAU,cAClB,8CAAC,SAAI,WAAU,uCACZ,WAAC,iBACA,8CAAC,SAAI,WAAU,QACb;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,OAAO;AAAA,gBACP,cAAc;AAAA,gBACd,SAAS;AAAA;AAAA,YACX,GACF,GAEJ;AAAA,aAEJ;AAAA,UAEA,8CAAC,SAAI,WAAU,mCACb;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF,GACF;AAAA,WACF,IAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,YAAY,kBAAkB,mBAAmB;AAAA,YACjD,WAAWF;AAAA,YACX,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YAGA,SAAS,CAAC;AAAA,YACV,gBAAgB;AAAA,YAChB,iBAAiB,gBAAgB;AAAA,YACjC,eAAe;AAAA,YACf;AAAA,YACA,kBAAkB;AAAA,YAClB,kBAAkB;AAAA,YAClB,oBAAoB,mCAAmB;AAAA,YACvC,YAAY;AAAA,YAGZ,sBAAsB;AAAA,YACtB,aAAa;AAAA,YACb,kBAAkB;AAAA,YAClB,kBAAkB;AAAA,YAClB,aAAa;AAAA,YACb,aAAa;AAAA,YACb,WAAW;AAAA,YACX,iBAAiB;AAAA,YACjB,gBAAgB;AAAA,YAChB;AAAA,YACA,WAAW,WAAW,cAAc,mBAAmB,EAAE,GACvD,mBAAmB,uBACf,+BACA,EACN;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAS;AAAA,kBACT,WAAU;AAAA,kBAEV;AAAA,mEAAC,SAAI,WAAU,mEACb;AAAA,oEAAC,SAAI,WAAU,uBAEZ,sBACC,+CAAc,oBAAb,EACC;AAAA,sEAAc,uBAAb,EAAqB,SAAO,MAC3B;AAAA,0BAAC;AAAA;AAAA,4BACC,WAAW;AAAA,4BACX,cAAW;AAAA,4BAEV;AAAA,uCACC,8CAAC,UAAK,WAAU,uEACb,iBACH;AAAA,8BAEF,8CAAC,sCAAa,WAAW,mBAAmB;AAAA;AAAA;AAAA,wBAC9C,GACF;AAAA,wBACA;AAAA,0BAAc;AAAA,0BAAb;AAAA,4BACC,WAAW,oBAAoB;AAAA,4BAE/B;AAAA,8BAAc;AAAA,8BAAb;AAAA,gCACC,WAAU;AAAA,gCACV,YAAY;AAAA,gCACZ,OAAM;AAAA,gCACN,aAAa;AAAA,gCAEb;AAAA,gFAAc,qBAAb,EAAmB,WAAU,8EAA6E;AAAA,kCAC3G;AAAA,oCAAC;AAAA;AAAA,sCACC;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA,qBAAqB;AAAA,sCACrB;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCAGA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA;AAAA,sCACA,cACE,YAAY,SAAY;AAAA,sCAE1B,eAAe;AAAA,sCACf,YAAY;AAAA,sCACZ,aAAa;AAAA;AAAA,kCACf;AAAA;AAAA;AAAA,4BACF;AAAA;AAAA,wBACF;AAAA,yBACF,GAEJ;AAAA,sBACC,SAAS,UAAU,cAClB,8CAAC,SAAI,WAAU,uCACZ,WAAC,iBACA,8CAAC,SAAI,WAAW,gBAAgB,SAAS,QACvC;AAAA,wBAAC;AAAA;AAAA,0BACC,KAAK;AAAA,0BACL,OAAO;AAAA,0BACP,cAAc;AAAA,0BACd,SAAS;AAAA;AAAA,sBACX,GACF,GAEJ;AAAA,uBAEJ;AAAA,oBACC,MAAM,SAAS,KACd,8CAAC,SAAI,WAAU,yBACb,yDAAC,SAAI,WAAU,oCACb;AAAA,oEAAC,UAAK,WAAU,gEACd,wDAAC,qCAAY,WAAU,iDAAgD,GACzE;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,MAAM;AAAA,4BAAK,CAAC,SACV,OAAO,SAAS,KAAK,SAAS,KAAK,GAAG;AAAA,0BACxC,GAAG,OAAO,MAAM,CAAC,EAAE;AAAA,0BAErB,UAAU,CAAC,MAAM;AACf,gCAAI,YAAY;AACd,yCAAW,EAAE,OAAO,KAAK;AAAA,4BAC3B,OAAO;AACL,qCAAO,SAAS,OAAO,EAAE,OAAO;AAAA,4BAClC;AAAA,0BACF;AAAA,0BACA,WAAU;AAAA,0BACV,OAAO,EAAE,UAAU,KAAK,QAAQ,OAAO;AAAA,0BAEtC,gBAAM,IAAI,CAAC,SACV,8CAAC,YAAsB,OAAO,KAAK,KAChC,eAAK,SADK,KAAK,GAElB,CACD;AAAA;AAAA,sBACH;AAAA,sBACA,8CAAC,UAAK,WAAU,wCACd;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAU;AAAA,0BACV,MAAK;AAAA,0BACL,QAAO;AAAA,0BACP,aAAY;AAAA,0BACZ,SAAQ;AAAA,0BAER;AAAA,4BAAC;AAAA;AAAA,8BACC,eAAc;AAAA,8BACd,gBAAe;AAAA,8BACf,GAAE;AAAA;AAAA,0BACJ;AAAA;AAAA,sBACF,GACF;AAAA,uBACF,GACF;AAAA;AAAA;AAAA,cAEJ;AAAA,cAEC,qBACC,8CAAC,8BAAW,OAAM,qBAAoB,KAAK,IAAI;AAAA,cAEhD,qBAAqB,8CAAC,4BAAS;AAAA,cAC/B,SAAS,UACR;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,OAAO;AAAA,kBACP;AAAA,kBACA;AAAA,kBAEA,qBACE,2BAA2B,MAAM,WAAW;AAAA,kBAE9C;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,cAED,eACC;AAAA,gBAAC;AAAA;AAAA,kBACC,iBAAiB;AAAA,kBACjB,UAAQ;AAAA,kBACR,UAAQ;AAAA,kBACR,OAAO;AAAA;AAAA,cACT;AAAA,cAED,gBAAgB,SAAS,KACxB;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAS;AAAA,kBAET,OACE,SAAS,UAAU,aACf,2CACA;AAAA,kBAGN;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS;AAAA,sBACT,QAAQ;AAAA,sBACR,OAAO;AAAA,sBACP,OAAO;AAAA,sBACP,UAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA,cAED,eAAe,uBACd,8CAAC,6BAAkB,OAAO,kBAAkB;AAAA,cAE7C,eAAe,uBACd,8CAAC,yBAAM,UAAS,eACd;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,OAAO;AAAA,kBACP,qBAAqB;AAAA,kBACrB,cAAc;AAAA,kBACd;AAAA;AAAA,cACF,GACF;AAAA,cAGD,aAAa,oBAAoB,CAAC,aACjC;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OACE,eAAe,sBACX,6CACA;AAAA,kBAGN,yDAAC,SAAI,WAAU,iIACb;AAAA,kEAAC,UAAK,WAAU,iDAAgD,4BAEhE;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,SAAS;AAAA,wBACT,UAAU;AAAA,wBACV,WAAU;AAAA,wBAET,2BAAiB,cAAc;AAAA;AAAA,oBAClC;AAAA,qBACF;AAAA;AAAA,cACF;AAAA,cAED,cACC;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,YAAY;AAAA,kBACZ;AAAA,kBACA,eAAe;AAAA;AAAA,cACjB;AAAA;AAAA;AAAA,QAEJ;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,YACR,SAAS,MAAM;AACb,+BAAiB,KAAK;AAAA,YACxB;AAAA,YACA,eAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAWA;AAAA;AAAA,QACb;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,YAAY;AAAA,YACZ,QAAQ;AAAA,YACR,SAAS,MAAM,oBAAoB,KAAK;AAAA,YACxC;AAAA;AAAA,QACF;AAAA,QAGC,oBACC,gFACE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAM,oBAAoB,KAAK;AAAA,cACxC,OAAO,EAAE,WAAW,wBAAwB;AAAA;AAAA,UAC9C;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,WAAW,+BAA+B;AAAA,cAEnD;AAAA,8DAAC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASR;AAAA,gBAEA,+CAAC,SAAI,WAAU,yCACb;AAAA,gEAAC,QAAG,WAAU,yDAAwD,wBAEtE;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS,MAAM,oBAAoB,KAAK;AAAA,sBACxC,WAAU;AAAA,sBACV,cAAW;AAAA,sBAEX,wDAAC,sCAAa,WAAU,sBAAqB;AAAA;AAAA,kBAC/C;AAAA,mBACF;AAAA,gBAEA,8CAAC,OAAE,WAAU,sDAAqD,iFAGlE;AAAA,gBAEA,+CAAC,SAAI,WAAU,cACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,UAAQ;AAAA,sBACR,OACE,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAAA,sBAEzD,WAAU;AAAA;AAAA,kBACZ;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS;AAAA,sBACT,WAAW,0FACT,sBACI,4BACA,wDACN;AAAA,sBACA,cAAY,sBAAsB,YAAY;AAAA,sBAE7C;AAAA,8CACC,8CAAC,mCAAU,WAAU,WAAU,IAE/B,8CAAC,uCAAc,WAAU,WAAU;AAAA,wBAErC,8CAAC,UAAM,gCAAsB,YAAY,QAAO;AAAA;AAAA;AAAA,kBAClD;AAAA,mBACF;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AA8EA,IAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,oBAAoB;AAAA,EACpB,QAAQ,CAAC;AAAA,EACT,OAAO;AAAA,EACP;AAAA,EACA,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AAEpB,QAAM,CAAC,aAAa,cAAc,QAAI,0BAG5B,IAAI;AACd,iCAAU,MAAM;AACd,QAAI,CAAC,MAAO,QAAO,eAAe,IAAI;AACtC,QAAI,UAAU;AACd,gBAAY,MAAM,OAAO,MAAM,OAAO;AAAA,MACpC,OAAO,MAAM,SAAS;AAAA,IACxB,CAAC,EAAE,KAAK,CAAC,WAAW;AAClB,UAAI,QAAS,gBAAe,MAAM;AAAA,IACpC,CAAC;AACD,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AACV,QAAM,QAAQ,aAAa,SAAS,aAAa,CAAC;AAClD,QAAM,QAAQ,aAAa,SAAS,aAAa,CAAC;AAGlD,QAAM,QAAQ,aAAa,OAAO;AAClC,QAAM,aACJ,mBAAmB,SACf,iBACA,OAAO,SAAS,WAAW;AACjC,QAAM,aACJ,mBAAmB,SACf,iBACA,OAAO,SAAS,WAAW;AACjC,QAAM,WAAW,gBAAgB,OAAO,SAAS;AACjD,QAAM,CAAC,MAAM,OAAO,QAAI,0BAAS,IAAI;AACrC,QAAM,CAAC,YAAY,aAAa,QAAI,0BAAS,IAAI;AACjD,QAAM,wBAAwB,YAAY,GAAG,EAAE;AAI/C,QAAM,CAAC,cAAc,eAAe,QAAI,0BAAS,MAAM;AACrD,QAAI,CAAC,cAAe,QAAO;AAC3B,UAAM,QAAQ,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,OAAO;AACrE,WAAO,UAAU,QAAQ,UAAU;AAAA,EACrC,CAAC;AAED,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,0BAA0B;AACtE,QAAM,yBAAqB;AAAA,IACzB,CAAC,MAAe,SAA0B;AACxC,wBAAkB,IAAI;AACtB,sBAAgB,IAAI;AACpB,UAAI,KAAM,eAAc,CAAC;AAAA,IAC3B;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,WAAW,eAAe,gBAAgB;AAEhD,QAAM,uBAAmB,wBAAiB,CAAC,CAAC;AAC5C,QAAM,mCAA+B,6BAAY,CAAC,SAAmB;AACnE,qBAAiB,UAAU;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,iCAAU,MAAM;AAEd,YAAQ,SAAS,eAAe,qBAAqB,CAAC;AAAA,EACxD,GAAG,CAAC,CAAC;AAEL,iCAAU,MAAM;AACd,UAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,UAAM,QAAQ,UAAU,IAAI,OAAO;AACnC,QAAI,UAAU,QAAQ;AACpB,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,QAAS,SAAS,CAAC,YAAc,QAAO;AAE7C,SACE,8CAAC,SACE;AAAA;AAAA,IAEC,+CAAC,qCACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,SAAS;AAAA,UAC1B,OAAO,UAAU,SAAS;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,YAAY;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,WAAW,SAAS,cAAc;AAAA,UAC/C;AAAA,UACA,yBAAyB,2BAA2B,CAAC,CAAC;AAAA,UACtD,eAAe,eAAe;AAAA,UAC9B,YAAY,CAAC,CAAC;AAAA,UACd,gBAAgB;AAAA,UAChB;AAAA,UACA,qBAAqB,WAAW,SAAY;AAAA,UAC5C,yBAAyB,iBAAiB;AAAA,UAC1C;AAAA,UACA,WAAW,WAAW,SAAY;AAAA,UAClC,0BAA0B;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEC,cACC,+CAAC,SAAI,WAAU,wBAAuB,IAAG,qBACtC;AAAA,uBACC,8CAAC,SAAI,WAAU,0BACb,wDAAC,UAAK,WAAU,oEACb,uBACH,GACF;AAAA,QAGD,QACC,+CAAC,SAAI,WAAU,+CAEb;AAAA,wDAAC,UAAK;AAAA,UACN;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV;AAAA,cAEC;AAAA;AAAA,gBAAU;AAAA;AAAA;AAAA,UACb;AAAA,WACF;AAAA,SAEJ;AAAA,SAhEoB,WAAW,aAAa,OAkEhD;AAAA,IACA;AAAA,EACF,GACF;AAEJ;AAGA,IAAO,oBAAQ;;;AqFxgGR,IAAM,iBAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEO,IAAM,cACX;AAAA,EACE,OAAO;AAAA,EACP,MAAMK;AAAA,EACN,OAAOA;AAAA,EACP,gBAAgBA;AAAA,EAChB,OAAOA;AACT;;;AC3IK,IAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,MAAM;AACR;;;ACLO,IAAM,2BAA2B,CACtC,SACwB;AACxB,QAAM,YAA6C;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAGA,QAAM,QAAQ,KAAK,MAAM,IAAI,CAAC,SAAe;AAC3C,QAAI,WAAW,KAAK;AACpB,UAAM,iBAAiB,OAAO;AAAA,MAC5B;AAAA,IACF;AAGA,UAAM,oBAAoB,eAAe;AAAA,MAAK,CAAC,aAC7C,UAAU,SAAS,QAAQ;AAAA,IAC7B;AAEA,QAAI,qBAAqB,SAAS,iBAAiB,GAAG;AACpD,YAAM,eAAe,SAAS,iBAAiB;AAC/C,iBAAW;AAAA,QACT,GAAG;AAAA,QACH,CAAC,iBAAiB,GAAG;AAAA,UACnB,IAAI,cAAc;AAAA,UAClB,MAAM,cAAc;AAAA,UACpB,SAAS,cAAc;AAAA,UACvB,SAAS,cAAc;AAAA,QACzB;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,QACJ,GAAG;AAAA;AAAA,QAEH,QAAQ;AAAA,QACR,QAAQ;AAAA;AAAA,QAER,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,KAAK,MAAM,IAAI,CAAC,SAAe;AAC3C,WAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;","names":["config_default","import_react","import_lucide_react","DropdownMenu","import_react","import_lucide_react","CustomIcon","import_react","import_react","import_jsx_runtime","OwnerIndicator","import_react","import_lucide_react","import_react","import_react","import_jsx_runtime","size","NotesIndicator","import_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_jsx_runtime","SpecBadges","MiniEnvelope","ServiceMessageFlow","GlowHandle","import_react","import_lucide_react","import_jsx_runtime","classNames","GlowHandle","import_react","import_lucide_react","import_jsx_runtime","classNames","GlowHandle","import_react","import_lucide_react","import_react","import_react","import_jsx_runtime","MethodBadge","StatusCodes","ApiPath","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","import_react","import_lucide_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_lucide_react","import_react","import_react","import_jsx_runtime","size","GlowHandle","classNames","import_react","import_lucide_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","config_default","import_react","import_lucide_react","import_jsx_runtime","classNames","import_react","import_lucide_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","config_default","import_react","import_lucide_react","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","BoxesIcon","GroupIcon","import_react","import_lucide_react","import_jsx_runtime","GroupIcon","ServerIcon","BoxIcon","BoxesIcon","import_react","import_lucide_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","config_default","import_react","import_jsx_runtime","classNames","import_react","import_lucide_react","import_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","config_default","import_react","import_lucide_react","import_lucide_react","import_jsx_runtime","import_jsx_runtime","classNames","import_react","import_lucide_react","import_jsx_runtime","CONTAINER_STYLE","HEADER_STYLE","BADGE_STYLE","VERSION_STYLE","import_react","ContextMenu","import_react","import_jsx_runtime","classNames","import_react","import_solid","import_jsx_runtime","classNames","import_react","import_jsx_runtime","classNames","import_react","ContextMenu","import_react","import_jsx_runtime","ServerIcon","import_react","import_lucide_react","import_react","import_jsx_runtime","classNames","ServerIcon","MessageSquareIcon","BoxIcon","DatabaseIcon","GroupIcon","import_react","import_lucide_react","import_jsx_runtime","import_react","ContextMenu","import_jsx_runtime","classNames","GlowHandle","import_react","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","GlowHandle","classNames","import_react","import_lucide_react","import_jsx_runtime","CARD_STYLE","import_react","import_lucide_react","import_jsx_runtime","CONTAINER_STYLE","HEADER_STYLE","BADGE_STYLE","HEADER_CONTENT_STYLE","COLLAPSE_BUTTON_STYLE","CONTAINER_STYLE","HEADER_STYLE","BADGE_STYLE","HEADER_CONTENT_STYLE","import_react","import_react","import_jsx_runtime","import_react","a","b","zIndex","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","messageColor","import_react","import_jsx_runtime","import_react","import_lucide_react","import_jsx_runtime","suggestions","SearchIcon","import_react","import_lucide_react","import_jsx_runtime","start","next","import_react","import_jsx_runtime","Badge","import_react","import_lucide_react","import_jsx_runtime","CanvasToolbar","import_react","import_lucide_react","import_react","import_lucide_react","import_react","import_jsx_runtime","import_jsx_runtime","import_react","Dialog","import_lucide_react","import_react","import_react","import_react","import_lucide_react","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","edgeTypes","import_jsx_runtime","edgeTypes","import_react","import_lucide_react","import_jsx_runtime","import_react","import_react","message","isCrossDomain","add","edges","import_react","DropdownMenu","import_lucide_react","import_jsx_runtime","import_react","ContextMenu","import_jsx_runtime","import_react","import_react","getNodeSize","size","import_react","import_lucide_react","Dialog","import_jsx_runtime","AMBER","PRIORITY","AVATAR_PALETTES","hashStr","Avatar","size","NoteCard","import_jsx_runtime","SearchIcon","GroupIcon","LegendPanel","edgeTypes","nodes","animateLayout","m","edges","config_default"]}