@xyo-network/react-node-renderer 2.81.10 → 2.83.0

package/dist/browser/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/module/CardParser.tsx","../../src/components/module/graph/GraphFlexBox.tsx","../../src/contexts/CytoscapeInstance/Context.ts","../../src/contexts/CytoscapeInstance/Provider.tsx","../../src/contexts/CytoscapeInstance/use.ts","../../src/hooks/cytoscape/elements/useCytoscapeElements.ts","../../src/Cytoscape/CytoscapeElements.ts","../../src/Cytoscape/lib/encodeSvg.ts","../../src/Cytoscape/lib/iconMap.ts","../../src/Cytoscape/lib/layout/ColaLayout.ts","../../src/Cytoscape/lib/layout/ConcentricLayout.ts","../../src/Cytoscape/lib/parseModuleType.ts","../../src/Cytoscape/CytoscapeIcons.tsx","../../src/Cytoscape/CytoscapeStyles.ts","../../src/hooks/cytoscape/elements/useHoveredNode.tsx","../../src/hooks/cytoscape/elements/useNewElements.tsx","../../src/hooks/cytoscape/elements/useRenderNewElements.tsx","../../src/hooks/cytoscape/elements/useSelectedElement.tsx","../../src/hooks/cytoscape/elements/useElements.tsx","../../src/hooks/cytoscape/useCytoscapeOptions.ts","../../src/hooks/cytoscape/useCytoscapeStyle.tsx","../../src/hooks/cytoscape/useIcons.tsx","../../src/hooks/cytoscape/useModuleDetails.tsx","../../src/hooks/cytoscape/useRelationalGraphOptions.tsx","../../src/components/cytoscape-extensions/WithExtensions.tsx","../../src/components/relational/graph/Graph.tsx","../../src/components/relational/graph/ProvidedNodeRenderer.tsx","../../src/components/module/graph/DetailsFlexbox.tsx","../../src/components/module/graph/node/Hover.tsx","../../src/components/module/graph/node/hooks/useNodeElement.tsx","../../src/components/module/graph/Popper.tsx"],"sourcesContent":["import { asArchivistInstance, isArchivistInstance } from '@xyo-network/archivist-model'\nimport { asDivinerInstance, isDivinerInstance } from '@xyo-network/diviner-model'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { ArchivistCard } from '@xyo-network/react-archivist'\nimport { DivinerCard, ModuleCard } from '@xyo-network/react-module'\nimport React from 'react'\n\nexport interface ModuleCardParserProps {\n  mod?: ModuleInstance\n}\n\nexport const ModuleCardParser: React.FC<ModuleCardParserProps> = ({ mod }) => {\n  switch (true) {\n    case isArchivistInstance(mod): {\n      return <ArchivistCard mod={asArchivistInstance(mod)} />\n    }\n    case isDivinerInstance(mod): {\n      return <DivinerCard mod={asDivinerInstance(mod)} />\n    }\n    default: {\n      return <ModuleCard mod={mod} />\n    }\n  }\n}\n","import { Button } from '@mui/material'\nimport { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport React, { useRef } from 'react'\n\nimport { CytoscapeInstanceProvider } from '../../../contexts/index.ts'\nimport { useElements, useModuleDetails, useRelationalGraphOptions } from '../../../hooks/index.ts'\nimport { WithExtensions } from '../../cytoscape-extensions/index.ts'\nimport { NodeRelationalGraphFlexBox } from '../../relational/index.ts'\nimport { DetailsFlexbox } from './DetailsFlexbox.tsx'\nimport { ModuleGraphNodeHover } from './node/index.ts'\nimport { StyledModuleHoverPopper } from './Popper.tsx'\n\nexport interface ModuleGraphFlexBoxProps extends FlexBoxProps {\n  disableModuleDetails?: boolean\n  hideActions?: boolean\n  layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola'\n  layoutOptions?: object\n  rootModule?: WeakRef<ModuleInstance> | null\n}\n\nexport const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActions, rootModule, disableModuleDetails, ...props }) => {\n  const cytoscapeRef = useRef<HTMLDivElement>(null)\n  const { handleToggleLabels, hideLabels, options } = useRelationalGraphOptions(rootModule ?? undefined)\n  const { hoveredNode, setHoveredNode, toggleSelectedElement } = useElements(hideLabels)\n\n  const { mod, onModuleDetails } = useModuleDetails(rootModule, () => setHoveredNode(undefined))\n\n  return (\n    <WithExtensions>\n      <NodeRelationalGraphFlexBox\n        actions={\n          mod\n            ? null\n            : hideActions\n              ? null\n              : (\n                  <Button size=\"small\" onClick={handleToggleLabels} variant=\"contained\">\n                    Toggle Labels\n                  </Button>\n                )\n\n        }\n        showDetails={!!mod}\n        detail={<DetailsFlexbox onClose={() => onModuleDetails(null)} />}\n        options={options}\n        ref={cytoscapeRef}\n        width=\"100%\"\n        {...props}\n      >\n        <ModuleGraphNodeHover node={hoveredNode}>\n          {element => (\n            <StyledModuleHoverPopper\n              anchorEl={element}\n              container={cytoscapeRef.current}\n              node={hoveredNode}\n              onClose={() => setHoveredNode(undefined)}\n              onModuleExplore={toggleSelectedElement}\n              onModuleDetails={disableModuleDetails ? undefined : onModuleDetails}\n              placement=\"top\"\n              open\n            />\n          )}\n        </ModuleGraphNodeHover>\n      </NodeRelationalGraphFlexBox>\n    </WithExtensions>\n  )\n}\n\nexport const ModuleGraphFlexBoxWithProvider: React.FC<ModuleGraphFlexBoxProps> = (props) => {\n  return (\n    <CytoscapeInstanceProvider>\n      <ModuleGraphFlexBox {...props} />\n    </CytoscapeInstanceProvider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceState } from './State.ts'\n\nexport const CytoscapeInstanceContext = createContextEx<CytoscapeInstanceState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport { Core } from 'cytoscape'\nimport React, { useEffect, useState } from 'react'\n\nimport { CytoscapeInstanceContext } from './Context.ts'\n\nexport interface CytoscapeInstanceProviderProps extends WithChildren {\n  defaultInstance?: WeakRef<Core>\n}\n\nexport const CytoscapeInstanceProvider: React.FC<CytoscapeInstanceProviderProps> = ({ children, defaultInstance }) => {\n  const [cy, setCy] = useState<WeakRef<Core> | undefined>(defaultInstance)\n  useEffect(() => {\n    setCy(defaultInstance)\n  }, [defaultInstance])\n\n  // eslint-disable-next-line @eslint-react/no-unstable-context-value\n  return <CytoscapeInstanceContext.Provider value={{ cy, provided: true, setCy }}>{children}</CytoscapeInstanceContext.Provider>\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceContext } from './Context.ts'\n\nexport const useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, 'CytoscapeInstance', required)\n","import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { EventUnsubscribeFunction } from '@xyo-network/module-events'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { ElementDefinition } from 'cytoscape'\nimport { useEffect, useState } from 'react'\n\nimport { CytoscapeElements } from '../../../Cytoscape/index.ts'\n\nexport const useCytoscapeElements = (mod?: WeakRef<ModuleInstance> | null) => {\n  const [elements, setElements] = useState<ElementDefinition[]>([])\n\n  useAsyncEffect(\n\n    async () => {\n      const moduleInstance = mod?.deref()\n      if (moduleInstance) {\n        const newElements = (await CytoscapeElements.buildElements(moduleInstance)) ?? []\n        setElements(newElements)\n      }\n    },\n    [mod],\n  )\n\n  useEffect(() => {\n    let attachedListener: EventUnsubscribeFunction | undefined\n    let detachedListener: EventUnsubscribeFunction | undefined\n\n    if (mod && isNodeInstance(mod)) {\n      attachedListener = mod.on('moduleAttached', async () => {\n        const newElements = (await CytoscapeElements.buildElements(mod)) ?? []\n        setElements(newElements)\n      })\n      detachedListener = mod.on('moduleDetached', async () => {\n        const newElements = (await CytoscapeElements.buildElements(mod)) ?? []\n        setElements(newElements)\n      })\n    }\n\n    return () => {\n      attachedListener?.()\n      detachedListener?.()\n    }\n  }, [mod])\n\n  return elements\n}\n","import { exists } from '@xylabs/exists'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { ElementDefinition } from 'cytoscape'\n\nimport { parseModuleType } from './lib/index.ts'\n\ninterface ModuleInfo {\n  children: ModuleInfo[]\n  depth: number\n  mod: ModuleInstance\n}\n\nexport const CytoscapeElements = {\n  MaxNameLength: 20,\n\n  buildEdge(rootNode: ElementDefinition, newNode: ElementDefinition, properties?: { [key: string]: unknown }) {\n    return {\n      data: {\n        id: `${rootNode.data.id}/${newNode.data.id}`,\n        source: rootNode.data.id,\n        target: newNode.data.id,\n        ...properties,\n      },\n    }\n  },\n\n  async buildElements(mod: ModuleInstance): Promise<ElementDefinition[]> {\n    const info = await CytoscapeElements.recurseNodes(mod)\n    const newElements: ElementDefinition[] = await this.buildElementsFromInfo(info, undefined, ['activeNode'])\n\n    return newElements\n  },\n\n  async buildElementsFromInfo(info: ModuleInfo, root?: ElementDefinition, classes: string[] = []): Promise<ElementDefinition[]> {\n    const newNode = CytoscapeElements.buildNode(info.mod, { childCount: info.children.length, depth: info.depth }, classes)\n    const newEdge = root ? CytoscapeElements.buildEdge(root, newNode, { depth: info.depth, siblingCount: info.children.length }) : undefined\n    const newElements: ElementDefinition[] = [newNode]\n    if (newEdge) {\n      newElements.push(newEdge)\n    }\n\n    for (const childInfo of info.children) {\n      newElements.push(...(await this.buildElementsFromInfo(childInfo, newNode)))\n    }\n\n    return newElements\n  },\n\n  buildNode(mod: ModuleInstance, properties?: { [key: string]: unknown }, classes?: string[]): ElementDefinition {\n    const { address, id } = mod\n    return {\n      classes,\n      data: {\n        address,\n        id: address,\n        name: id,\n        type: parseModuleType(mod),\n        ...properties,\n      },\n    }\n  },\n\n  buildRootNode: (mod: ModuleInstance): ElementDefinition => {\n    return CytoscapeElements.buildNode(mod, {}, ['activeNode'])\n  },\n\n  normalizeName(name?: string) {\n    if (!name) return\n    if (name.length > this.MaxNameLength) return `${name.slice(0, 20)}...`\n    return name\n  },\n\n  async recurseNodes(root: ModuleInstance, maxDepth = 10, depth = 1): Promise<ModuleInfo> {\n    const info: ModuleInfo = { children: [], depth, mod: root }\n\n    if (maxDepth > 0) {\n      const children = await root.resolve('*', { direction: 'down', maxDepth: 1 })\n      info.children = (\n        await Promise.all(\n          children.map(async (child) => {\n            // don't re add the root module that was passed in\n            if (child.address !== root.address) {\n              return await this.recurseNodes(child, maxDepth - 1, depth + 1)\n            }\n          }),\n        )\n      ).filter(exists)\n    }\n\n    return info\n  },\n}\n","import { ReactElement } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { renderToStaticMarkup } from 'react-dom/server'\n\nconst dataUri = 'data:image/svg+xml,'\n\nexport const encodeSvg = (reactElement: ReactElement, color?: string) => {\n  const svgString = renderToStaticMarkup(reactElement)\n\n  const doc = new DOMParser().parseFromString(svgString, 'text/html')\n  const svgElement = doc.querySelectorAll('svg')[0]\n  if (svgElement) {\n    svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\n    svgElement.setAttribute('height', '100')\n    svgElement.style.fill = color ?? 'black'\n  }\n\n  return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`\n}\n","import { CyNodeModuleTypes } from './CyNodeModuleTypes.ts'\n\nexport const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({\n  archivist: '',\n  bridge: '',\n  diviner: '',\n\n  module: '',\n  node: '',\n  sentinel: '',\n  witness: '',\n})\n","export const ColaLayout = {\n  centerGraph: false,\n  convergenceThreshold: 0.01,\n  name: 'cola',\n}\n","import { LayoutOptions } from 'cytoscape'\n\nexport const ConcentricLayout: LayoutOptions = {\n  concentric: function (node) {\n    return node.degree(false)\n  },\n  levelWidth: function () {\n    return 2\n  },\n  minNodeSpacing: 75,\n  name: 'concentric',\n}\n","import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel-model'\nimport { isWitnessModule } from '@xyo-network/witness-model'\n\nimport { CyNodeModuleTypes } from './CyNodeModuleTypes.ts'\n\nexport const parseModuleType = (mod?: ModuleInstance): CyNodeModuleTypes => {\n  let type: CyNodeModuleTypes = 'module'\n  if (mod) {\n    if (isArchivistInstance(mod)) {\n      type = 'archivist'\n    } else if (isBridgeInstance(mod)) {\n      type = 'bridge'\n    } else if (isDivinerInstance(mod)) {\n      type = 'diviner'\n    } else if (isNodeInstance(mod)) {\n      type = 'node'\n    } else if (isSentinelInstance(mod)) {\n      type = 'sentinel'\n    } else if (isWitnessModule(mod)) {\n      type = 'witness'\n    } else {\n      type = 'module'\n    }\n  }\n  return type\n}\n","import {\n  BubbleChartRounded as BubbleChartRoundedIcon,\n  Hub as HubIcon,\n  InsertLinkRounded as InsertLinkRoundedIcon,\n  Inventory2Rounded as Inventory2RoundedIcon,\n  QuestionMarkRounded as QuestionMarkRoundedIcon,\n  TimerRounded as TimerRoundedIcon,\n  VisibilityRounded as VisibilityRoundedIcon,\n} from '@mui/icons-material'\nimport { SvgIconTypeMap } from '@mui/material'\n// eslint-disable-next-line import/no-internal-modules\nimport { OverridableComponent } from '@mui/material/OverridableComponent.js'\n\nimport { CyNodeModuleTypes } from './lib/index.ts'\n\nexport const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {\n  archivist: Inventory2RoundedIcon,\n  bridge: InsertLinkRoundedIcon,\n  diviner: BubbleChartRoundedIcon,\n\n  module: QuestionMarkRoundedIcon,\n  node: HubIcon,\n  sentinel: TimerRoundedIcon,\n  witness: VisibilityRoundedIcon,\n}\n","import { Stylesheet } from 'cytoscape'\n\nimport { CyNodeModuleTypes } from './lib/index.ts'\n\nexport const NodeWithName = (color?: string, outlineColor?: string): Stylesheet => ({\n  selector: 'node[name]',\n  style: {\n    color,\n    'font-family': 'Lexend Deca, Helvetica, sans-serif',\n    'font-size': 12,\n    'overlay-padding': '6px',\n    'text-halign': 'center',\n    'text-outline-color': outlineColor,\n    'text-outline-width': '1px',\n    'text-valign': 'top',\n  },\n})\n\nexport const Node = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels = false): Stylesheet => ({\n  selector: 'node',\n  style: {\n    'background-color': bgColor,\n    'background-height': '75%',\n    'background-image': elem => icons[elem.data('type') as CyNodeModuleTypes],\n    'background-width': '24',\n    'label': hideLabels ? undefined : 'data(name)',\n    'shape': 'round-rectangle',\n  },\n})\n\nexport const NodeAsRoot = (bgColor?: string) => ({\n  selector: '.activeNode',\n  style: {\n    'background-color': bgColor,\n  },\n})\n\nexport const EdgeStyled = (lineColor?: string, targetArrowColor?: string) => ({\n  selector: 'edge',\n  style: {\n    'curve-style': 'bezier',\n    'line-color': lineColor,\n    'line-opacity': 0.1,\n    'target-arrow-color': targetArrowColor,\n    'target-arrow-shape': 'triangle',\n    'width': 3,\n  },\n})\n","import { NodeCollection, NodeSingular } from 'cytoscape'\nimport { Dispatch, SetStateAction, useCallback, useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.ts'\n\nexport const useHoveredNode = (renderedElements?: NodeCollection): [NodeSingular | undefined, Dispatch<SetStateAction<NodeSingular | undefined>>] => {\n  const { cy } = useCytoscapeInstance(true)\n  const [hoveredNode, setHoveredNode] = useState<NodeSingular>()\n\n  const nodeListener = useCallback((node: NodeSingular) => {\n    node.on('mouseover tap', () => {\n      setHoveredNode(node)\n    })\n  }, [])\n\n  useEffect(() => {\n    if (renderedElements) {\n      // eslint-disable-next-line unicorn/no-array-for-each\n      renderedElements.nodes().forEach(nodeListener)\n    }\n  }, [nodeListener, renderedElements])\n\n  useEffect(() => {\n    cy?.deref()?.ready(() => {\n      // eslint-disable-next-line unicorn/no-array-for-each\n      cy?.deref()?.nodes().forEach(nodeListener)\n    })\n  }, [cy, nodeListener])\n\n  return [hoveredNode, setHoveredNode]\n}\n","import { useWeakModuleFromNode } from '@xyo-network/react-node'\nimport { NodeSingular } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { useCytoscapeElements } from './useCytoscapeElements.ts'\n\nexport const useNewElements = (selectedElement?: NodeSingular) => {\n  const selectedAddress = useMemo(() => {\n    const { address: selectedAddress } = selectedElement?.data() ?? {}\n    return selectedAddress\n  }, [selectedElement])\n\n  const [mod] = useWeakModuleFromNode(selectedAddress)\n  const newElements = useCytoscapeElements(mod)\n\n  return newElements\n}\n","import { CollectionReturnValue, ElementDefinition } from 'cytoscape'\nimport { useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.ts'\nimport { ColaLayout } from '../../../Cytoscape/index.ts'\n\nexport const useRenderNewElements = (newElements: ElementDefinition[] = [], hideLabels?: boolean) => {\n  const { cy } = useCytoscapeInstance(true)\n  const [renderedElements, setRenderedElements] = useState<CollectionReturnValue>()\n\n  useEffect(() => {\n    if (newElements.length > 1) {\n      const renderedElements = cy?.deref()?.add(newElements)\n      setRenderedElements(renderedElements)\n      cy?.deref()?.layout(ColaLayout).run()\n    }\n  }, [cy, hideLabels, newElements])\n\n  return renderedElements\n}\n","import { NodeSingular } from 'cytoscape'\nimport { useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../../contexts/index.ts'\n\nexport const useSelectedElement = () => {\n  const [selectedElement, setSelectedElement] = useState<NodeSingular>()\n  const { cy } = useCytoscapeInstance(true)\n\n  const updateStyles = (element: NodeSingular) => {\n    const nodes = cy?.deref()?.nodes()\n    nodes?.toggleClass('activeNode', false)\n    element.toggleClass('activeNode', true)\n  }\n\n  const toggleSelectedElement = (address?: string) => {\n    const selectedNode = cy?.deref()?.nodes(`[id=\"${address}\"]`)?.[0]\n    if (selectedNode) {\n      setSelectedElement(selectedNode)\n      updateStyles(selectedNode)\n    }\n  }\n\n  return { selectedElement, toggleSelectedElement }\n}\n","import { useHoveredNode } from './useHoveredNode.tsx'\nimport { useNewElements } from './useNewElements.tsx'\nimport { useRenderNewElements } from './useRenderNewElements.tsx'\nimport { useSelectedElement } from './useSelectedElement.tsx'\n\nexport const useElements = (hideLabels: boolean) => {\n  const { selectedElement, toggleSelectedElement } = useSelectedElement()\n  const newElements = useNewElements(selectedElement)\n  const renderedElements = useRenderNewElements(newElements, hideLabels)\n  const [hoveredNode, setHoveredNode] = useHoveredNode(renderedElements)\n\n  return { hoveredNode, setHoveredNode, toggleSelectedElement }\n}\n","import { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { ConcentricLayout } from '../../Cytoscape/index.ts'\nimport { useCytoscapeStyle } from './useCytoscapeStyle.tsx'\n\nexport const useCytoscapeOptions = (\n  elements: CytoscapeOptions['elements'],\n  style?: CytoscapeOptions['style'],\n  layout?: CytoscapeOptions['layout'],\n) => {\n  const defaultStyle = useCytoscapeStyle()\n\n  const resolvedLayout = layout ?? ConcentricLayout\n  const resolvedStyle = style ?? defaultStyle\n\n  const options = useMemo<CytoscapeOptions | undefined>(() => {\n    if (elements && resolvedLayout && resolvedStyle) {\n      return {\n        elements,\n        layout: resolvedLayout,\n        style: resolvedStyle,\n      }\n    }\n  }, [elements, layout, style])\n\n  return options\n}\n","import { useTheme } from '@mui/material'\nimport { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { EdgeStyled, Node, NodeAsRoot, NodeWithName } from '../../Cytoscape/index.ts'\nimport { useIcons } from './useIcons.tsx'\n\nexport const useCytoscapeStyle = (hideLabels = false) => {\n  const theme = useTheme()\n  const icons = useIcons()\n\n  const style: CytoscapeOptions['style'] = useMemo(\n    () => [\n      Node(icons, theme.palette.primary.main, hideLabels),\n      NodeWithName(theme.palette.text.primary, theme.palette.getContrastText(theme.palette.text.primary)),\n      NodeAsRoot(theme.palette.secondary.main),\n      EdgeStyled(theme.palette.divider, theme.palette.divider),\n    ],\n    [icons, hideLabels, theme],\n  )\n\n  return style\n}\n","import { useTheme } from '@mui/material'\nimport React, { useMemo } from 'react'\n\nimport { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape/index.ts'\n\nexport const useIcons = () => {\n  const theme = useTheme()\n  const icons = useMemo(() => {\n    const iconMap = generateIconMap()\n    // eslint-disable-next-line unicorn/no-array-reduce\n    return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {\n      const icon = <IconComponent fontSize=\"small\" />\n      acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))\n      return acc\n    }, iconMap)\n  }, [theme.palette])\n\n  return icons\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../contexts/index.ts'\n\nexport const useModuleDetails = (rootModule?: WeakRef<ModuleInstance> | null, onFoundModule?: () => void) => {\n  const { cy } = useCytoscapeInstance()\n  const [moduleAddress, setModuleAddress] = useState<string | null>()\n\n  const [foundModule] = usePromise(async () => {\n    if (moduleAddress === null) return null\n    const rootModuleInstance = rootModule?.deref()\n    if (moduleAddress && rootModuleInstance) {\n      const foundModule = await rootModuleInstance.resolve(moduleAddress)\n      return foundModule ?? null\n    }\n  }, [moduleAddress, rootModule])\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(() => {\n      if (moduleAddress === null) {\n        // cytoscape tries to center prematurely without it :(\n        setTimeout(() => {\n          cy?.deref()?.center()\n        }, 100)\n      } else if (foundModule && cy) {\n        const node = cy?.deref()?.nodes(`[id=\"${moduleAddress}\"]`)?.[0]\n        // cy.pan(newPan)\n        // cytoscape tries to center prematurely without it :(\n        setTimeout(() => {\n          cy?.deref()?.center(node)\n        }, 100)\n      }\n    })\n\n    const container = cy?.deref()?.container()\n    if (container) {\n      resizeObserver.observe(container)\n    }\n\n    return () => {\n      if (container) resizeObserver.unobserve(container)\n    }\n  }, [cy, moduleAddress, foundModule, rootModule])\n\n  useEffect(() => {\n    if (foundModule) {\n      onFoundModule?.()\n    }\n  }, [cy, moduleAddress, foundModule, onFoundModule])\n\n  // eslint-disable-next-line complexity\n  const onModuleDetails = (address?: string | null) => {\n    const moduleNode = cy?.deref()?.nodes(`[id=\"${address}\"]`)\n    const rootModuleNode = cy?.deref()?.nodes(`[id=\"${rootModule?.deref()?.address}\"]`)\n    const foundModuleNode = cy?.deref()?.nodes(`[id=\"${foundModule?.address}\"]`)\n    const notModuleNode = cy?.deref()?.nodes(`[id != \"${address}\"]`)\n\n    if (address) {\n      // address was passed so we set the node to active styles\n      moduleNode?.toggleClass('activeNode', true)\n      notModuleNode?.toggleClass('activeNode', false)\n    } else {\n      // no address was passes so we reset the state\n      notModuleNode?.toggleClass('activeNode', false)\n      const activeNode = foundModuleNode?.length ? foundModuleNode : rootModuleNode\n      activeNode?.toggleClass('activeNode', true)\n    }\n    setModuleAddress(address)\n  }\n\n  return { mod: foundModule, onModuleDetails }\n}\n","import { ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ConcentricLayout } from '../../Cytoscape/index.ts'\nimport { useCytoscapeElements } from './elements/index.ts'\nimport { useCytoscapeOptions } from './useCytoscapeOptions.ts'\nimport { useCytoscapeStyle } from './useCytoscapeStyle.tsx'\n\nexport const useRelationalGraphOptions = (mod?: WeakRef<ModuleInstance>) => {\n  const [hideLabels, setHideLabels] = useState(true)\n\n  const handleToggleLabels = () => {\n    setHideLabels(oldValue => !oldValue)\n  }\n\n  const elements = useCytoscapeElements(mod)\n  const style = useCytoscapeStyle(hideLabels)\n  const options = useCytoscapeOptions(elements, style, ConcentricLayout)\n\n  return { handleToggleLabels, hideLabels, options }\n}\n","import cytoscape from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport coseBilkent from 'cytoscape-cose-bilkent'\nimport dagre from 'cytoscape-dagre'\nimport euler from 'cytoscape-euler'\nimport React, { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {\n  const [initialized, setInitialized] = useState(false)\n  useEffect(() => {\n    cytoscape.use(cola)\n    cytoscape.use(dagre)\n    cytoscape.use(coseBilkent)\n    cytoscape.use(euler)\n    setInitialized(true)\n  }, [])\n\n  return <>{initialized ? children : undefined}</>\n}\n","import { Box, Button, ButtonGroup, Card, CardHeader, CardProps, Paper, useTheme } from '@mui/material'\nimport { Address, asAddress } from '@xylabs/hex'\nimport { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { useWeakModuleFromNode } from '@xyo-network/react-node'\nimport cytoscape, { Core, NodeSingular } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport coseBilkentLayout from 'cytoscape-cose-bilkent'\nimport dagre from 'cytoscape-dagre'\nimport eulerLayout from 'cytoscape-euler'\nimport React, { forwardRef, useEffect, useRef, useState } from 'react'\n\nimport { NodeRelationalGraphProps } from '../../lib/index.ts'\n\nconst applyLayout = (cy?: cytoscape.Core, name = 'cola', options?: object) => {\n  cy?.layout({ name, ...options }).run()\n}\n\nconst loadLayout = (layout = 'cola') => {\n  switch (layout) {\n    case 'dagre': {\n      cytoscape.use(dagre)\n      break\n    }\n    case 'euler': {\n      cytoscape.use(eulerLayout)\n      break\n    }\n    case 'cose-bilkent': {\n      cytoscape.use(coseBilkentLayout)\n      break\n    }\n    case 'cola': {\n      cytoscape.use(cola)\n      break\n    }\n  }\n}\n\ntype ModuleHoverDetailsProps = CardProps & {\n  address: Address\n  name: string\n}\n\nconst ModuleHoverDetails: React.FC<ModuleHoverDetailsProps> = ({ name, address, ...props }) => {\n  return (\n    <Card elevation={3} {...props}>\n      <CardHeader\n        avatar={(\n          <Paper elevation={6} sx={{ bgcolor: '#fff', p: 1 }}>\n            <Identicon value={address} size={24} />\n          </Paper>\n        )}\n        title={name}\n        subheader={address}\n      />\n    </Card>\n  )\n}\n\nexport const NodeRelationalGraphFlexBox = forwardRef<HTMLDivElement, NodeRelationalGraphProps>(\n  ({ actions, children, node, layout, layoutOptions, showDetails, detail, options, onHover, ...props }, ref) => {\n    const theme = useTheme()\n    const [cy, setCy] = useState<Core>()\n    const cytoscapeRef = useRef<HTMLDivElement>()\n    const [hoverPosition, setHoverBoundingBox] = useState<{ x1: number; x2: number; y1: number; y2: number }>()\n    const [hoverAddress, setHoverAddress] = useState<Address>()\n\n    const [moduleInstance] = useWeakModuleFromNode(hoverAddress, { node })\n\n    useEffect(() => {\n      cy?.on('mouseover tap', ({ target }) => {\n        const cyNode = target as NodeSingular\n        const bb = cyNode?.renderedBoundingBox?.()\n        setHoverBoundingBox(bb)\n        const id = cyNode.id?.()\n        if (id) {\n          if (id.includes('/')) {\n            setHoverAddress(undefined)\n            onHover?.()\n          } else {\n            setHoverAddress(asAddress(id))\n            onHover?.(asAddress(id))\n          }\n        }\n      })\n    }, [onHover, cy])\n\n    const handleReset = () => {\n      cy?.reset()\n      applyLayout(cy, layout ?? 'euler', layoutOptions)\n    }\n\n    useEffect(() => {\n      let newCy: Core | undefined\n      const container = cytoscapeRef.current\n      if (container) {\n        newCy = cytoscape({\n          container,\n          ...options,\n        })\n        setCy(newCy)\n      }\n      return () => {\n        newCy?.destroy()\n        setCy(undefined)\n      }\n    }, [options, cytoscapeRef, layoutOptions])\n\n    useEffect(() => {\n      if (cy) {\n        loadLayout(layout)\n        applyLayout(cy, layout ?? 'euler', layoutOptions)\n      }\n    }, [cy, layoutOptions, layout])\n\n    return (\n      <FlexCol id=\"relational-graph-wrapper\" ref={ref} {...props}>\n        {hoverAddress && hoverPosition\n          ? (\n              <Box position=\"absolute\" top={hoverPosition.y1} left={hoverPosition.x1} zIndex={100}>\n                <ModuleHoverDetails address={hoverAddress} name={moduleInstance?.deref()?.id ?? 'Unknown'} />\n              </Box>\n            )\n          : null}\n        <FlexRow justifyContent=\"start\" width=\"100%\">\n          {actions === null\n            ? null\n            : actions\n              ? (\n                  <ButtonGroup>\n                    {actions}\n                    <Button size=\"small\" variant=\"contained\" onClick={handleReset}>\n                      Reset View\n                    </Button>\n                  </ButtonGroup>\n                )\n              : (\n                  <Button size=\"small\" variant=\"contained\" onClick={handleReset}>\n                    Reset\n                  </Button>\n                )}\n        </FlexRow>\n        <FlexGrowRow width=\"100%\" alignItems=\"start\">\n          {showDetails\n            ? (\n                <FlexCol height=\"100%\" width=\"85%\">\n                  {detail}\n                </FlexCol>\n              )\n            : null}\n          <FlexCol\n            justifyContent=\"start\"\n            classes=\"cytoscape-wrap\"\n            width={showDetails ? '15%' : '100%'}\n            height={showDetails ? '50%' : '100%'}\n            border={showDetails ? `1px solid ${theme.palette.divider}` : undefined}\n          >\n            {/* Cytoscape Element */}\n            <FlexCol alignItems=\"stretch\" position=\"absolute\" width=\"100%\" height=\"100%\" ref={cytoscapeRef} />\n            {children}\n          </FlexCol>\n        </FlexGrowRow>\n      </FlexCol>\n    )\n  },\n)\n\nNodeRelationalGraphFlexBox.displayName = 'NodeRelationalGraph'\n\n/** @deprecated */\nexport const NodeRelationalGraph = NodeRelationalGraphFlexBox\n","import { AccountInstance } from '@xyo-network/account-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useWeakProvidedNode } from '@xyo-network/react-node'\nimport React from 'react'\n\nimport { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks/index.ts'\nimport { NodeRelationalGraphProps } from '../../lib/index.ts'\nimport { NodeRelationalGraphFlexBox } from './Graph.tsx'\n\nexport interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {\n  account?: AccountInstance\n  layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola'\n  layoutOptions?: object\n  node?: WeakRef<NodeInstance>\n}\n\nexport const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps> = ({ node, ...props }) => {\n  const [providedNode] = useWeakProvidedNode()\n  const elements = useCytoscapeElements(node ?? providedNode)\n  const options = useCytoscapeOptions(elements)\n\n  return <NodeRelationalGraphFlexBox alignItems=\"stretch\" flexGrow={1} height=\"100%\" options={options} {...props} />\n}\n","import { CancelRounded } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface DetailsFlexboxProps extends FlexBoxProps {\n  onClose?: () => void\n}\n\nexport const DetailsFlexbox: React.FC<DetailsFlexboxProps> = ({ children, onClose }) => {\n  return (\n    <FlexGrowCol alignItems=\"end\" justifyContent=\"start\" id=\"module-detail\" width=\"100%\" p={2} gap={2}>\n      <FlexRow justifyContent=\"end\">\n        <IconButton onClick={onClose} size=\"small\">\n          <CancelRounded />\n        </IconButton>\n      </FlexRow>\n      {children}\n    </FlexGrowCol>\n  )\n}\n","import { PopperProps, styled } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeSingular } from 'cytoscape'\nimport React, { ReactElement } from 'react'\n\nimport { useNodeElement } from './hooks/index.ts'\n\nexport interface ModuleHoverProps {\n  children?: (anchorElement?: PopperProps['anchorEl'], container?: PopperProps['container']) => ReactElement\n  node?: NodeSingular\n}\n\nexport const ModuleGraphNodeHover: React.FC<ModuleHoverProps> = ({ children, node }) => {\n  const { boundingBox, ref, currentElement } = useNodeElement(node)\n\n  return (\n    <>\n      <StyledNodeGhostElementFlexCol ref={ref} left={boundingBox?.x1} height={boundingBox?.h} top={boundingBox?.y1} width={boundingBox?.w} />\n      {node\n        ? <>{children?.(currentElement)}</>\n        : null}\n    </>\n  )\n}\n\nconst StyledNodeGhostElementFlexCol = styled(FlexCol, { name: 'StyledNodeGhostElementFlexCol' })(() => ({\n  // For easier debugging of the 'ghost' element that matches the hovered cytoscape node\n  // backgroundColor: '#fff',\n  // opacity: 0.25,\n\n  cursor: 'pointer',\n  pointerEvents: 'none',\n  position: 'absolute',\n}))\n","import { PopperProps } from '@mui/material'\nimport { NodeSingular } from 'cytoscape'\nimport { useEffect, useRef, useState } from 'react'\n\nexport const useNodeElement = (node?: NodeSingular) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [currentElement, setCurrentElement] = useState<PopperProps['anchorEl'] | null>(null)\n  const [boundingBox, setBoundingBox] = useState(node?.renderedBoundingBox())\n\n  // Ensure first render clears the previous element when node changes to avoid flicker\n  useEffect(() => {\n    setCurrentElement(null)\n  }, [node])\n\n  useEffect(() => {\n    if (node) {\n      setBoundingBox(node.renderedBoundingBox())\n    }\n\n    const listener = () => {\n      setBoundingBox(node?.renderedBoundingBox())\n    }\n\n    node?.on('position', listener)\n\n    return () => {\n      node?.off('position', undefined, listener)\n    }\n  }, [node])\n\n  // Once boundingBox state is set and applied to the layout, update the ref\n  useEffect(() => {\n    setCurrentElement(ref.current)\n  }, [boundingBox])\n\n  return { boundingBox, currentElement, ref }\n}\n","import { CancelRounded } from '@mui/icons-material'\nimport { Button, Card, CardActions, CardHeader, IconButton, Paper, Popper, PopperProps, styled } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { NodeSingular } from 'cytoscape'\nimport React from 'react'\n\nexport interface ModuleHoverPopperProps extends PopperProps {\n  node?: NodeSingular\n  onClose?: () => void\n  onModuleDetails?: (address?: string) => void\n  onModuleExplore?: (address?: string) => void\n}\n\nexport const ModuleHoverPopper: React.FC<ModuleHoverPopperProps> = ({ anchorEl, onClose, onModuleDetails, onModuleExplore, node, ...props }) => {\n  const { address, name } = node?.data() ?? {}\n  return (\n    <>\n      {anchorEl\n        ? (\n            <Popper anchorEl={anchorEl} {...props}>\n              <Card elevation={3}>\n                <CardHeader\n                  action={\n                    onClose\n                      ? (\n                          <IconButton size=\"small\" onClick={onClose}>\n                            <CancelRounded />\n                          </IconButton>\n                        )\n                      : null\n                  }\n                  avatar={(\n                    <Paper elevation={6} sx={{ bgcolor: '#fff', p: 1 }}>\n                      <Identicon value={address} size={24} />\n                    </Paper>\n                  )}\n                  title={name}\n                  subheader={address}\n                />\n                <StyledCardActions>\n                  {onModuleDetails\n                    ? (\n                        <Button onClick={() => onModuleDetails?.(address)} size=\"small\" variant=\"contained\">\n                          Details\n                        </Button>\n                      )\n                    : null}\n                  {onModuleExplore\n                    ? (\n                        <Button onClick={() => onModuleExplore?.(address)} size=\"small\" variant=\"contained\">\n                          Explore\n                        </Button>\n                      )\n                    : null}\n                </StyledCardActions>\n              </Card>\n            </Popper>\n          )\n        : null}\n    </>\n  )\n}\n\nexport const StyledModuleHoverPopper = styled(ModuleHoverPopper, { name: 'StyledComponents' })(() => ({\n  zIndex: 2,\n}))\n\nexport const StyledCardActions = styled(CardActions, { name: 'StyledCardActions' })(() => ({\n  display: 'flex',\n  justifyContent: 'center',\n}))\n"],"mappings":";;;;AAAA,SAASA,qBAAqBC,2BAA2B;AACzD,SAASC,mBAAmBC,yBAAyB;AAErD,SAASC,qBAAqB;AAC9B,SAASC,aAAaC,kBAAkB;AACxC,OAAOC,WAAW;AAMX,IAAMC,mBAAoD,wBAAC,EAAEC,IAAG,MAAE;AACvE,UAAQ,MAAA;IACN,KAAKC,oBAAoBD,GAAAA,GAAM;AAC7B,aAAO,sBAAA,cAACE,eAAAA;QAAcF,KAAKG,oBAAoBH,GAAAA;;IACjD;IACA,KAAKI,kBAAkBJ,GAAAA,GAAM;AAC3B,aAAO,sBAAA,cAACK,aAAAA;QAAYL,KAAKM,kBAAkBN,GAAAA;;IAC7C;IACA,SAAS;AACP,aAAO,sBAAA,cAACO,YAAAA;QAAWP;;IACrB;EACF;AACF,GAZiE;;;ACXjE,SAASQ,UAAAA,eAAc;AAGvB,OAAOC,WAASC,UAAAA,eAAc;;;ACH9B,SAASC,uBAAuB;AAIzB,IAAMC,2BAA2BD,gBAAAA;;;ACFxC,OAAOE,UAASC,WAAWC,gBAAgB;AAQpC,IAAMC,4BAAsE,wBAAC,EAAEC,UAAUC,gBAAe,MAAE;AAC/G,QAAM,CAACC,IAAIC,KAAAA,IAASC,SAAoCH,eAAAA;AACxDI,YAAU,MAAA;AACRF,UAAMF,eAAAA;EACR,GAAG;IAACA;GAAgB;AAGpB,SAAO,gBAAAK,OAAA,cAACC,yBAAyBC,UAAQ;IAACC,OAAO;MAAEP;MAAIQ,UAAU;MAAMP;IAAM;KAAIH,QAAAA;AACnF,GARmF;;;ACVnF,SAASW,oBAAoB;AAItB,IAAMC,uBAAuB,wBAACC,WAAW,UAAUC,aAAaC,0BAA0B,qBAAqBF,QAAAA,GAAlF;;;ACJpC,SAASG,sBAAsB;AAG/B,SAASC,kBAAAA,uBAAsB;AAE/B,SAASC,aAAAA,YAAWC,YAAAA,iBAAgB;;;ACLpC,SAASC,cAAc;;;ACEvB,SAASC,4BAA4B;AAErC,IAAMC,UAAU;AAET,IAAMC,YAAY,wBAACC,cAA4BC,UAAAA;AACpD,QAAMC,YAAYC,qBAAqBH,YAAAA;AAEvC,QAAMI,MAAM,IAAIC,UAAAA,EAAYC,gBAAgBJ,WAAW,WAAA;AACvD,QAAMK,aAAaH,IAAII,iBAAiB,KAAA,EAAO,CAAA;AAC/C,MAAID,YAAY;AACdA,eAAWE,aAAa,SAAS,4BAAA;AACjCF,eAAWE,aAAa,UAAU,KAAA;AAClCF,eAAWG,MAAMC,OAAOV,SAAS;EACnC;AAEA,SAAO,GAAGH,OAAAA,GAAUc,OAAOC,mBAAmBN,WAAWO,SAAS,CAAA;AACpE,GAZyB;;;ACJlB,IAAMC,kBAA2D,8BAAO;EAC7EC,WAAW;EACXC,QAAQ;EACRC,SAAS;EAETC,QAAQ;EACRC,MAAM;EACNC,UAAU;EACVC,SAAS;AACX,IATwE;;;ACFjE,IAAMC,aAAa;EACxBC,aAAa;EACbC,sBAAsB;EACtBC,MAAM;AACR;;;ACFO,IAAMC,mBAAkC;EAC7CC,YAAY,gCAAUC,MAAI;AACxB,WAAOA,KAAKC,OAAO,KAAA;EACrB,GAFY;EAGZC,YAAY,kCAAA;AACV,WAAO;EACT,GAFY;EAGZC,gBAAgB;EAChBC,MAAM;AACR;;;ACXA,SAASC,uBAAAA,4BAA2B;AACpC,SAASC,wBAAwB;AACjC,SAASC,qBAAAA,0BAAyB;AAElC,SAASC,sBAAsB;AAC/B,SAASC,0BAA0B;AACnC,SAASC,uBAAuB;AAIzB,IAAMC,kBAAkB,wBAACC,QAAAA;AAC9B,MAAIC,OAA0B;AAC9B,MAAID,KAAK;AACP,QAAIE,qBAAoBF,GAAAA,GAAM;AAC5BC,aAAO;IACT,WAAWE,iBAAiBH,GAAAA,GAAM;AAChCC,aAAO;IACT,WAAWG,mBAAkBJ,GAAAA,GAAM;AACjCC,aAAO;IACT,WAAWI,eAAeL,GAAAA,GAAM;AAC9BC,aAAO;IACT,WAAWK,mBAAmBN,GAAAA,GAAM;AAClCC,aAAO;IACT,WAAWM,gBAAgBP,GAAAA,GAAM;AAC/BC,aAAO;IACT,OAAO;AACLA,aAAO;IACT;EACF;AACA,SAAOA;AACT,GApB+B;;;ALExB,IAAMO,oBAAoB;EAC/BC,eAAe;EAEfC,UAAUC,UAA6BC,SAA4BC,YAAuC;AACxG,WAAO;MACLC,MAAM;QACJC,IAAI,GAAGJ,SAASG,KAAKC,EAAE,IAAIH,QAAQE,KAAKC,EAAE;QAC1CC,QAAQL,SAASG,KAAKC;QACtBE,QAAQL,QAAQE,KAAKC;QACrB,GAAGF;MACL;IACF;EACF;EAEA,MAAMK,cAAcC,KAAmB;AACrC,UAAMC,OAAO,MAAMZ,kBAAkBa,aAAaF,GAAAA;AAClD,UAAMG,cAAmC,MAAM,KAAKC,sBAAsBH,MAAMI,QAAW;MAAC;KAAa;AAEzG,WAAOF;EACT;EAEA,MAAMC,sBAAsBH,MAAkBK,MAA0BC,UAAoB,CAAA,GAAE;AAC5F,UAAMd,UAAUJ,kBAAkBmB,UAAUP,KAAKD,KAAK;MAAES,YAAYR,KAAKS,SAASC;MAAQC,OAAOX,KAAKW;IAAM,GAAGL,OAAAA;AAC/G,UAAMM,UAAUP,OAAOjB,kBAAkBE,UAAUe,MAAMb,SAAS;MAAEmB,OAAOX,KAAKW;MAAOE,cAAcb,KAAKS,SAASC;IAAO,CAAA,IAAKN;AAC/H,UAAMF,cAAmC;MAACV;;AAC1C,QAAIoB,SAAS;AACXV,kBAAYY,KAAKF,OAAAA;IACnB;AAEA,eAAWG,aAAaf,KAAKS,UAAU;AACrCP,kBAAYY,KAAI,GAAK,MAAM,KAAKX,sBAAsBY,WAAWvB,OAAAA,CAAAA;IACnE;AAEA,WAAOU;EACT;EAEAK,UAAUR,KAAqBN,YAAyCa,SAAkB;AACxF,UAAM,EAAEU,SAASrB,GAAE,IAAKI;AACxB,WAAO;MACLO;MACAZ,MAAM;QACJsB;QACArB,IAAIqB;QACJC,MAAMtB;QACNuB,MAAMC,gBAAgBpB,GAAAA;QACtB,GAAGN;MACL;IACF;EACF;EAEA2B,eAAe,wBAACrB,QAAAA;AACd,WAAOX,kBAAkBmB,UAAUR,KAAK,CAAC,GAAG;MAAC;KAAa;EAC5D,GAFe;EAIfsB,cAAcJ,MAAa;AACzB,QAAI,CAACA,KAAM;AACX,QAAIA,KAAKP,SAAS,KAAKrB,cAAe,QAAO,GAAG4B,KAAKK,MAAM,GAAG,EAAA,CAAA;AAC9D,WAAOL;EACT;EAEA,MAAMhB,aAAaI,MAAsBkB,WAAW,IAAIZ,QAAQ,GAAC;AAC/D,UAAMX,OAAmB;MAAES,UAAU,CAAA;MAAIE;MAAOZ,KAAKM;IAAK;AAE1D,QAAIkB,WAAW,GAAG;AAChB,YAAMd,WAAW,MAAMJ,KAAKmB,QAAQ,KAAK;QAAEC,WAAW;QAAQF,UAAU;MAAE,CAAA;AAC1EvB,WAAKS,YACH,MAAMiB,QAAQC,IACZlB,SAASmB,IAAI,OAAOC,UAAAA;AAElB,YAAIA,MAAMb,YAAYX,KAAKW,SAAS;AAClC,iBAAO,MAAM,KAAKf,aAAa4B,OAAON,WAAW,GAAGZ,QAAQ,CAAA;QAC9D;MACF,CAAA,CAAA,GAEFmB,OAAOC,MAAAA;IACX;AAEA,WAAO/B;EACT;AACF;;;AM3FA,SACEgC,sBAAsBC,wBACtBC,OAAOC,SACPC,qBAAqBC,uBACrBC,qBAAqBC,uBACrBC,uBAAuBC,yBACvBC,gBAAgBC,kBAChBC,qBAAqBC,6BAChB;AAOA,IAAMC,YAAwF;EACnGC,WAAWR;EACXS,QAAQX;EACRY,SAAShB;EAETiB,QAAQT;EACRU,MAAMhB;EACNiB,UAAUT;EACVU,SAASR;AACX;;;ACpBO,IAAMS,eAAe,wBAACC,OAAgBC,kBAAuC;EAClFC,UAAU;EACVC,OAAO;IACLH;IACA,eAAe;IACf,aAAa;IACb,mBAAmB;IACnB,eAAe;IACf,sBAAsBC;IACtB,sBAAsB;IACtB,eAAe;EACjB;AACF,IAZ4B;AAcrB,IAAMG,OAAO,wBAACC,OAA0CC,SAAkBC,aAAa,WAAuB;EACnHL,UAAU;EACVC,OAAO;IACL,oBAAoBG;IACpB,qBAAqB;IACrB,oBAAoBE,wBAAAA,SAAQH,MAAMG,KAAKC,KAAK,MAAA,CAAA,GAAxBD;IACpB,oBAAoB;IACpB,SAASD,aAAaG,SAAY;IAClC,SAAS;EACX;AACF,IAVoB;AAYb,IAAMC,aAAa,wBAACL,aAAsB;EAC/CJ,UAAU;EACVC,OAAO;IACL,oBAAoBG;EACtB;AACF,IAL0B;AAOnB,IAAMM,aAAa,wBAACC,WAAoBC,sBAA+B;EAC5EZ,UAAU;EACVC,OAAO;IACL,eAAe;IACf,cAAcU;IACd,gBAAgB;IAChB,sBAAsBC;IACtB,sBAAsB;IACtB,SAAS;EACX;AACF,IAV0B;;;AR5BnB,IAAMC,uBAAuB,wBAACC,QAAAA;AACnC,QAAM,CAACC,UAAUC,WAAAA,IAAeC,UAA8B,CAAA,CAAE;AAEhEC,iBAEE,YAAA;AACE,UAAMC,iBAAiBL,KAAKM,MAAAA;AAC5B,QAAID,gBAAgB;AAClB,YAAME,cAAe,MAAMC,kBAAkBC,cAAcJ,cAAAA,KAAoB,CAAA;AAC/EH,kBAAYK,WAAAA;IACd;EACF,GACA;IAACP;GAAI;AAGPU,EAAAA,WAAU,MAAA;AACR,QAAIC;AACJ,QAAIC;AAEJ,QAAIZ,OAAOa,gBAAeb,GAAAA,GAAM;AAC9BW,yBAAmBX,IAAIc,GAAG,kBAAkB,YAAA;AAC1C,cAAMP,cAAe,MAAMC,kBAAkBC,cAAcT,GAAAA,KAAS,CAAA;AACpEE,oBAAYK,WAAAA;MACd,CAAA;AACAK,yBAAmBZ,IAAIc,GAAG,kBAAkB,YAAA;AAC1C,cAAMP,cAAe,MAAMC,kBAAkBC,cAAcT,GAAAA,KAAS,CAAA;AACpEE,oBAAYK,WAAAA;MACd,CAAA;IACF;AAEA,WAAO,MAAA;AACLI,yBAAAA;AACAC,yBAAAA;IACF;EACF,GAAG;IAACZ;GAAI;AAER,SAAOC;AACT,GArCoC;;;ASRpC,SAAmCc,aAAaC,aAAAA,YAAWC,YAAAA,iBAAgB;AAIpE,IAAMC,iBAAiB,wBAACC,qBAAAA;AAC7B,QAAM,EAAEC,GAAE,IAAKC,qBAAqB,IAAA;AACpC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,UAAAA;AAEtC,QAAMC,eAAeC,YAAY,CAACC,SAAAA;AAChCA,SAAKC,GAAG,iBAAiB,MAAA;AACvBL,qBAAeI,IAAAA;IACjB,CAAA;EACF,GAAG,CAAA,CAAE;AAELE,EAAAA,WAAU,MAAA;AACR,QAAIV,kBAAkB;AAEpBA,uBAAiBW,MAAK,EAAGC,QAAQN,YAAAA;IACnC;EACF,GAAG;IAACA;IAAcN;GAAiB;AAEnCU,EAAAA,WAAU,MAAA;AACRT,QAAIY,MAAAA,GAASC,MAAM,MAAA;AAEjBb,UAAIY,MAAAA,GAASF,MAAAA,EAAQC,QAAQN,YAAAA;IAC/B,CAAA;EACF,GAAG;IAACL;IAAIK;GAAa;AAErB,SAAO;IAACH;IAAaC;;AACvB,GAzB8B;;;ACL9B,SAASW,6BAA6B;AAEtC,SAASC,eAAe;AAIjB,IAAMC,iBAAiB,wBAACC,oBAAAA;AAC7B,QAAMC,kBAAkBC,QAAQ,MAAA;AAC9B,UAAM,EAAEC,SAASF,iBAAe,IAAKD,iBAAiBI,KAAAA,KAAU,CAAC;AACjE,WAAOH;EACT,GAAG;IAACD;GAAgB;AAEpB,QAAM,CAACK,GAAAA,IAAOC,sBAAsBL,eAAAA;AACpC,QAAMM,cAAcC,qBAAqBH,GAAAA;AAEzC,SAAOE;AACT,GAV8B;;;ACL9B,SAASE,aAAAA,YAAWC,YAAAA,iBAAgB;AAK7B,IAAMC,uBAAuB,wBAACC,cAAmC,CAAA,GAAIC,eAAAA;AAC1E,QAAM,EAAEC,GAAE,IAAKC,qBAAqB,IAAA;AACpC,QAAM,CAACC,kBAAkBC,mBAAAA,IAAuBC,UAAAA;AAEhDC,EAAAA,WAAU,MAAA;AACR,QAAIP,YAAYQ,SAAS,GAAG;AAC1B,YAAMJ,oBAAmBF,IAAIO,MAAAA,GAASC,IAAIV,WAAAA;AAC1CK,0BAAoBD,iBAAAA;AACpBF,UAAIO,MAAAA,GAASE,OAAOC,UAAAA,EAAYC,IAAAA;IAClC;EACF,GAAG;IAACX;IAAID;IAAYD;GAAY;AAEhC,SAAOI;AACT,GAboC;;;ACLpC,SAASU,YAAAA,iBAAgB;AAIlB,IAAMC,qBAAqB,6BAAA;AAChC,QAAM,CAACC,iBAAiBC,kBAAAA,IAAsBC,UAAAA;AAC9C,QAAM,EAAEC,GAAE,IAAKC,qBAAqB,IAAA;AAEpC,QAAMC,eAAe,wBAACC,YAAAA;AACpB,UAAMC,QAAQJ,IAAIK,MAAAA,GAASD,MAAAA;AAC3BA,WAAOE,YAAY,cAAc,KAAA;AACjCH,YAAQG,YAAY,cAAc,IAAA;EACpC,GAJqB;AAMrB,QAAMC,wBAAwB,wBAACC,YAAAA;AAC7B,UAAMC,eAAeT,IAAIK,MAAAA,GAASD,MAAM,QAAQI,OAAAA,IAAW,IAAI,CAAA;AAC/D,QAAIC,cAAc;AAChBX,yBAAmBW,YAAAA;AACnBP,mBAAaO,YAAAA;IACf;EACF,GAN8B;AAQ9B,SAAO;IAAEZ;IAAiBU;EAAsB;AAClD,GAnBkC;;;ACA3B,IAAMG,cAAc,wBAACC,eAAAA;AAC1B,QAAM,EAAEC,iBAAiBC,sBAAqB,IAAKC,mBAAAA;AACnD,QAAMC,cAAcC,eAAeJ,eAAAA;AACnC,QAAMK,mBAAmBC,qBAAqBH,aAAaJ,UAAAA;AAC3D,QAAM,CAACQ,aAAaC,cAAAA,IAAkBC,eAAeJ,gBAAAA;AAErD,SAAO;IAAEE;IAAaC;IAAgBP;EAAsB;AAC9D,GAP2B;;;ACJ3B,SAASS,WAAAA,gBAAe;;;ACDxB,SAASC,YAAAA,iBAAgB;AAEzB,SAASC,WAAAA,gBAAe;;;ACFxB,SAASC,gBAAgB;AACzB,OAAOC,UAASC,WAAAA,gBAAe;AAIxB,IAAMC,WAAW,6BAAA;AACtB,QAAMC,QAAQC,SAAAA;AACd,QAAMC,QAAQC,SAAQ,MAAA;AACpB,UAAMC,UAAUC,gBAAAA;AAEhB,WAAOC,OAAOC,QAAQC,SAAAA,EAAWC,OAAO,CAACC,KAAK,CAACC,MAAMC,aAAAA,MAAc;AACjE,YAAMC,OAAO,gBAAAC,OAAA,cAACF,eAAAA;QAAcG,UAAS;;AACrCL,UAAIC,IAAAA,IAA6BK,UAAUH,MAAMb,MAAMiB,QAAQC,gBAAgBlB,MAAMiB,QAAQE,KAAKC,OAAO,CAAA;AACzG,aAAOV;IACT,GAAGN,OAAAA;EACL,GAAG;IAACJ,MAAMiB;GAAQ;AAElB,SAAOf;AACT,GAbwB;;;ADEjB,IAAMmB,oBAAoB,wBAACC,aAAa,UAAK;AAClD,QAAMC,QAAQC,UAAAA;AACd,QAAMC,QAAQC,SAAAA;AAEd,QAAMC,QAAmCC,SACvC,MAAM;IACJC,KAAKJ,OAAOF,MAAMO,QAAQC,QAAQC,MAAMV,UAAAA;IACxCW,aAAaV,MAAMO,QAAQI,KAAKH,SAASR,MAAMO,QAAQK,gBAAgBZ,MAAMO,QAAQI,KAAKH,OAAO,CAAA;IACjGK,WAAWb,MAAMO,QAAQO,UAAUL,IAAI;IACvCM,WAAWf,MAAMO,QAAQS,SAAShB,MAAMO,QAAQS,OAAO;KAEzD;IAACd;IAAOH;IAAYC;GAAM;AAG5B,SAAOI;AACT,GAfiC;;;ADD1B,IAAMa,sBAAsB,wBACjCC,UACAC,OACAC,WAAAA;AAEA,QAAMC,eAAeC,kBAAAA;AAErB,QAAMC,iBAAiBH,UAAUI;AACjC,QAAMC,gBAAgBN,SAASE;AAE/B,QAAMK,UAAUC,SAAsC,MAAA;AACpD,QAAIT,YAAYK,kBAAkBE,eAAe;AAC/C,aAAO;QACLP;QACAE,QAAQG;QACRJ,OAAOM;MACT;IACF;EACF,GAAG;IAACP;IAAUE;IAAQD;GAAM;AAE5B,SAAOO;AACT,GArBmC;;;AGNnC,SAASE,kBAAkB;AAE3B,SAASC,aAAAA,YAAWC,YAAAA,iBAAgB;AAI7B,IAAMC,mBAAmB,wBAACC,YAA6CC,kBAAAA;AAC5E,QAAM,EAAEC,GAAE,IAAKC,qBAAAA;AACf,QAAM,CAACC,eAAeC,gBAAAA,IAAoBC,UAAAA;AAE1C,QAAM,CAACC,WAAAA,IAAeC,WAAW,YAAA;AAC/B,QAAIJ,kBAAkB,KAAM,QAAO;AACnC,UAAMK,qBAAqBT,YAAYU,MAAAA;AACvC,QAAIN,iBAAiBK,oBAAoB;AACvC,YAAMF,eAAc,MAAME,mBAAmBE,QAAQP,aAAAA;AACrD,aAAOG,gBAAe;IACxB;EACF,GAAG;IAACH;IAAeJ;GAAW;AAE9BY,EAAAA,WAAU,MAAA;AACR,UAAMC,iBAAiB,IAAIC,eAAe,MAAA;AACxC,UAAIV,kBAAkB,MAAM;AAE1BW,mBAAW,MAAA;AACTb,cAAIQ,MAAAA,GAASM,OAAAA;QACf,GAAG,GAAA;MACL,WAAWT,eAAeL,IAAI;AAC5B,cAAMe,OAAOf,IAAIQ,MAAAA,GAASQ,MAAM,QAAQd,aAAAA,IAAiB,IAAI,CAAA;AAG7DW,mBAAW,MAAA;AACTb,cAAIQ,MAAAA,GAASM,OAAOC,IAAAA;QACtB,GAAG,GAAA;MACL;IACF,CAAA;AAEA,UAAME,YAAYjB,IAAIQ,MAAAA,GAASS,UAAAA;AAC/B,QAAIA,WAAW;AACbN,qBAAeO,QAAQD,SAAAA;IACzB;AAEA,WAAO,MAAA;AACL,UAAIA,UAAWN,gBAAeQ,UAAUF,SAAAA;IAC1C;EACF,GAAG;IAACjB;IAAIE;IAAeG;IAAaP;GAAW;AAE/CY,EAAAA,WAAU,MAAA;AACR,QAAIL,aAAa;AACfN,sBAAAA;IACF;EACF,GAAG;IAACC;IAAIE;IAAeG;IAAaN;GAAc;AAGlD,QAAMqB,kBAAkB,wBAACC,YAAAA;AACvB,UAAMC,aAAatB,IAAIQ,MAAAA,GAASQ,MAAM,QAAQK,OAAAA,IAAW;AACzD,UAAME,iBAAiBvB,IAAIQ,MAAAA,GAASQ,MAAM,QAAQlB,YAAYU,MAAAA,GAASa,OAAAA,IAAW;AAClF,UAAMG,kBAAkBxB,IAAIQ,MAAAA,GAASQ,MAAM,QAAQX,aAAagB,OAAAA,IAAW;AAC3E,UAAMI,gBAAgBzB,IAAIQ,MAAAA,GAASQ,MAAM,WAAWK,OAAAA,IAAW;AAE/D,QAAIA,SAAS;AAEXC,kBAAYI,YAAY,cAAc,IAAA;AACtCD,qBAAeC,YAAY,cAAc,KAAA;IAC3C,OAAO;AAELD,qBAAeC,YAAY,cAAc,KAAA;AACzC,YAAMC,aAAaH,iBAAiBI,SAASJ,kBAAkBD;AAC/DI,kBAAYD,YAAY,cAAc,IAAA;IACxC;AACAvB,qBAAiBkB,OAAAA;EACnB,GAjBwB;AAmBxB,SAAO;IAAEQ,KAAKxB;IAAae;EAAgB;AAC7C,GAnEgC;;;ACLhC,SAASU,YAAAA,iBAAgB;AAOlB,IAAMC,4BAA4B,wBAACC,QAAAA;AACxC,QAAM,CAACC,YAAYC,aAAAA,IAAiBC,UAAS,IAAA;AAE7C,QAAMC,qBAAqB,6BAAA;AACzBF,kBAAcG,CAAAA,aAAY,CAACA,QAAAA;EAC7B,GAF2B;AAI3B,QAAMC,WAAWC,qBAAqBP,GAAAA;AACtC,QAAMQ,QAAQC,kBAAkBR,UAAAA;AAChC,QAAMS,UAAUC,oBAAoBL,UAAUE,OAAOI,gBAAAA;AAErD,SAAO;IAAER;IAAoBH;IAAYS;EAAQ;AACnD,GAZyC;;;ACRzC,OAAOG,eAAe;AACtB,OAAOC,UAAU;AACjB,OAAOC,iBAAiB;AACxB,OAAOC,WAAW;AAClB,OAAOC,WAAW;AAClB,OAAOC,UAA4BC,aAAAA,YAAWC,YAAAA,iBAAgB;AAEvD,IAAMC,iBAA8C,wBAAC,EAAEC,SAAQ,MAAE;AACtE,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,UAAS,KAAA;AAC/CC,EAAAA,WAAU,MAAA;AACRC,cAAUC,IAAIC,IAAAA;AACdF,cAAUC,IAAIE,KAAAA;AACdH,cAAUC,IAAIG,WAAAA;AACdJ,cAAUC,IAAII,KAAAA;AACdR,mBAAe,IAAA;EACjB,GAAG,CAAA,CAAE;AAEL,SAAO,gBAAAS,OAAA,cAAAA,OAAA,UAAA,MAAGV,cAAcD,WAAWY,MAAAA;AACrC,GAX2D;;;ACP3D,SAASC,KAAKC,QAAQC,aAAaC,MAAMC,YAAuBC,OAAOC,YAAAA,iBAAgB;AACvF,SAAkBC,iBAAiB;AACnC,SAASC,SAASC,aAAaC,eAAe;AAC9C,SAASC,iBAAiB;AAC1B,SAASC,yBAAAA,8BAA6B;AACtC,OAAOC,gBAAuC;AAC9C,OAAOC,WAAU;AACjB,OAAOC,uBAAuB;AAC9B,OAAOC,YAAW;AAClB,OAAOC,iBAAiB;AACxB,OAAOC,UAASC,YAAYC,aAAAA,YAAWC,QAAQC,YAAAA,iBAAgB;AAI/D,IAAMC,cAAc,wBAACC,IAAqBC,OAAO,QAAQC,YAAAA;AACvDF,MAAIG,OAAO;IAAEF;IAAM,GAAGC;EAAQ,CAAA,EAAGE,IAAAA;AACnC,GAFoB;AAIpB,IAAMC,aAAa,wBAACF,SAAS,WAAM;AACjC,UAAQA,QAAAA;IACN,KAAK,SAAS;AACZG,MAAAA,WAAUC,IAAIC,MAAAA;AACd;IACF;IACA,KAAK,SAAS;AACZF,MAAAA,WAAUC,IAAIE,WAAAA;AACd;IACF;IACA,KAAK,gBAAgB;AACnBH,MAAAA,WAAUC,IAAIG,iBAAAA;AACd;IACF;IACA,KAAK,QAAQ;AACXJ,MAAAA,WAAUC,IAAII,KAAAA;AACd;IACF;EACF;AACF,GAnBmB;AA0BnB,IAAMC,qBAAwD,wBAAC,EAAEX,MAAMY,SAAS,GAAGC,MAAAA,MAAO;AACxF,SACE,gBAAAC,OAAA,cAACC,MAAAA;IAAKC,WAAW;IAAI,GAAGH;KACtB,gBAAAC,OAAA,cAACG,YAAAA;IACCC,QACE,gBAAAJ,OAAA,cAACK,OAAAA;MAAMH,WAAW;MAAGI,IAAI;QAAEC,SAAS;QAAQC,GAAG;MAAE;OAC/C,gBAAAR,OAAA,cAACS,WAAAA;MAAUC,OAAOZ;MAASa,MAAM;;IAGrCC,OAAO1B;IACP2B,WAAWf;;AAInB,GAd8D;AAgBvD,IAAMgB,6BAA6BC,2BACxC,CAAC,EAAEC,SAASC,UAAUC,MAAM9B,QAAQ+B,eAAeC,aAAaC,QAAQlC,SAASmC,SAAS,GAAGvB,MAAAA,GAASwB,QAAAA;AACpG,QAAMC,QAAQC,UAAAA;AACd,QAAM,CAACxC,IAAIyC,KAAAA,IAASC,UAAAA;AACpB,QAAMC,eAAeC,OAAAA;AACrB,QAAM,CAACC,eAAeC,mBAAAA,IAAuBJ,UAAAA;AAC7C,QAAM,CAACK,cAAcC,eAAAA,IAAmBN,UAAAA;AAExC,QAAM,CAACO,cAAAA,IAAkBC,uBAAsBH,cAAc;IAAEd;EAAK,CAAA;AAEpEkB,EAAAA,WAAU,MAAA;AACRnD,QAAIoD,GAAG,iBAAiB,CAAC,EAAEC,OAAM,MAAE;AACjC,YAAMC,SAASD;AACf,YAAME,KAAKD,QAAQE,sBAAAA;AACnBV,0BAAoBS,EAAAA;AACpB,YAAME,KAAKH,OAAOG,KAAE;AACpB,UAAIA,IAAI;AACN,YAAIA,GAAGC,SAAS,GAAA,GAAM;AACpBV,0BAAgBW,MAAAA;AAChBtB,oBAAAA;QACF,OAAO;AACLW,0BAAgBY,UAAUH,EAAAA,CAAAA;AAC1BpB,oBAAUuB,UAAUH,EAAAA,CAAAA;QACtB;MACF;IACF,CAAA;EACF,GAAG;IAACpB;IAASrC;GAAG;AAEhB,QAAM6D,cAAc,6BAAA;AAClB7D,QAAI8D,MAAAA;AACJ/D,gBAAYC,IAAIG,UAAU,SAAS+B,aAAAA;EACrC,GAHoB;AAKpBiB,EAAAA,WAAU,MAAA;AACR,QAAIY;AACJ,UAAMC,YAAYrB,aAAasB;AAC/B,QAAID,WAAW;AACbD,cAAQzD,WAAU;QAChB0D;QACA,GAAG9D;MACL,CAAA;AACAuC,YAAMsB,KAAAA;IACR;AACA,WAAO,MAAA;AACLA,aAAOG,QAAAA;AACPzB,YAAMkB,MAAAA;IACR;EACF,GAAG;IAACzD;IAASyC;IAAcT;GAAc;AAEzCiB,EAAAA,WAAU,MAAA;AACR,QAAInD,IAAI;AACNK,iBAAWF,MAAAA;AACXJ,kBAAYC,IAAIG,UAAU,SAAS+B,aAAAA;IACrC;EACF,GAAG;IAAClC;IAAIkC;IAAe/B;GAAO;AAE9B,SACE,gBAAAY,OAAA,cAACoD,SAAAA;IAAQV,IAAG;IAA2BnB;IAAW,GAAGxB;KAClDiC,gBAAgBF,gBAEX,gBAAA9B,OAAA,cAACqD,KAAAA;IAAIC,UAAS;IAAWC,KAAKzB,cAAc0B;IAAIC,MAAM3B,cAAc4B;IAAIC,QAAQ;KAC9E,gBAAA3D,OAAA,cAACH,oBAAAA;IAAmBC,SAASkC;IAAc9C,MAAMgD,gBAAgB0B,MAAAA,GAASlB,MAAM;QAGpF,MACJ,gBAAA1C,OAAA,cAAC6D,SAAAA;IAAQC,gBAAe;IAAQC,OAAM;KACnC/C,YAAY,OACT,OACAA,UAEI,gBAAAhB,OAAA,cAACgE,aAAAA,MACEhD,SACD,gBAAAhB,OAAA,cAACiE,QAAAA;IAAOtD,MAAK;IAAQuD,SAAQ;IAAYC,SAASrB;KAAa,YAAA,CAAA,IAMjE,gBAAA9C,OAAA,cAACiE,QAAAA;IAAOtD,MAAK;IAAQuD,SAAQ;IAAYC,SAASrB;KAAa,OAAA,CAAA,GAKzE,gBAAA9C,OAAA,cAACoE,aAAAA;IAAYL,OAAM;IAAOM,YAAW;KAClCjD,cAEK,gBAAApB,OAAA,cAACoD,SAAAA;IAAQkB,QAAO;IAAOP,OAAM;KAC1B1C,MAAAA,IAGL,MACJ,gBAAArB,OAAA,cAACoD,SAAAA;IACCU,gBAAe;IACfS,SAAQ;IACRR,OAAO3C,cAAc,QAAQ;IAC7BkD,QAAQlD,cAAc,QAAQ;IAC9BoD,QAAQpD,cAAc,aAAaI,MAAMiD,QAAQC,OAAO,KAAK9B;KAG7D,gBAAA5C,OAAA,cAACoD,SAAAA;IAAQiB,YAAW;IAAUf,UAAS;IAAWS,OAAM;IAAOO,QAAO;IAAO/C,KAAKK;MACjFX,QAAAA,CAAAA,CAAAA;AAKX,CAAA;AAGFH,2BAA2B6D,cAAc;AAGlC,IAAMC,sBAAsB9D;;;ACzKnC,SAAS+D,2BAA2B;AACpC,OAAOC,YAAW;AAaX,IAAMC,uBAA4D,wBAAC,EAAEC,MAAM,GAAGC,MAAAA,MAAO;AAC1F,QAAM,CAACC,YAAAA,IAAgBC,oBAAAA;AACvB,QAAMC,WAAWC,qBAAqBL,QAAQE,YAAAA;AAC9C,QAAMI,UAAUC,oBAAoBH,QAAAA;AAEpC,SAAO,gBAAAI,OAAA,cAACC,4BAAAA;IAA2BC,YAAW;IAAUC,UAAU;IAAGC,QAAO;IAAON;IAAmB,GAAGL;;AAC3G,GANyE;;;AChBzE,SAASY,qBAAqB;AAC9B,SAASC,kBAAkB;AAC3B,SAAuBC,aAAaC,WAAAA,gBAAe;AACnD,OAAOC,YAAW;AAMX,IAAMC,iBAAgD,wBAAC,EAAEC,UAAUC,QAAO,MAAE;AACjF,SACE,gBAAAC,OAAA,cAACC,aAAAA;IAAYC,YAAW;IAAMC,gBAAe;IAAQC,IAAG;IAAgBC,OAAM;IAAOC,GAAG;IAAGC,KAAK;KAC9F,gBAAAP,OAAA,cAACQ,UAAAA;IAAQL,gBAAe;KACtB,gBAAAH,OAAA,cAACS,YAAAA;IAAWC,SAASX;IAASY,MAAK;KACjC,gBAAAX,OAAA,cAACY,eAAAA,IAAAA,CAAAA,CAAAA,GAGJd,QAAAA;AAGP,GAX6D;;;ACT7D,SAAsBe,cAAc;AACpC,SAASC,WAAAA,gBAAe;AAExB,OAAOC,YAA6B;;;ACDpC,SAASC,aAAAA,YAAWC,UAAAA,SAAQC,YAAAA,kBAAgB;AAErC,IAAMC,iBAAiB,wBAACC,SAAAA;AAC7B,QAAMC,MAAMC,QAAuB,IAAA;AACnC,QAAM,CAACC,gBAAgBC,iBAAAA,IAAqBC,WAAyC,IAAA;AACrF,QAAM,CAACC,aAAaC,cAAAA,IAAkBF,WAASL,MAAMQ,oBAAAA,CAAAA;AAGrDC,EAAAA,WAAU,MAAA;AACRL,sBAAkB,IAAA;EACpB,GAAG;IAACJ;GAAK;AAETS,EAAAA,WAAU,MAAA;AACR,QAAIT,MAAM;AACRO,qBAAeP,KAAKQ,oBAAmB,CAAA;IACzC;AAEA,UAAME,WAAW,6BAAA;AACfH,qBAAeP,MAAMQ,oBAAAA,CAAAA;IACvB,GAFiB;AAIjBR,UAAMW,GAAG,YAAYD,QAAAA;AAErB,WAAO,MAAA;AACLV,YAAMY,IAAI,YAAYC,QAAWH,QAAAA;IACnC;EACF,GAAG;IAACV;GAAK;AAGTS,EAAAA,WAAU,MAAA;AACRL,sBAAkBH,IAAIa,OAAO;EAC/B,GAAG;IAACR;GAAY;AAEhB,SAAO;IAAEA;IAAaH;IAAgBF;EAAI;AAC5C,GAhC8B;;;ADQvB,IAAMc,uBAAmD,wBAAC,EAAEC,UAAUC,KAAI,MAAE;AACjF,QAAM,EAAEC,aAAaC,KAAKC,eAAc,IAAKC,eAAeJ,IAAAA;AAE5D,SACE,gBAAAK,OAAA,cAAAA,OAAA,UAAA,MACE,gBAAAA,OAAA,cAACC,+BAAAA;IAA8BJ;IAAUK,MAAMN,aAAaO;IAAIC,QAAQR,aAAaS;IAAGC,KAAKV,aAAaW;IAAIC,OAAOZ,aAAaa;MACjId,OACG,gBAAAK,OAAA,cAAAA,OAAA,UAAA,MAAGN,WAAWI,cAAAA,CAAAA,IACd,IAAA;AAGV,GAXgE;AAahE,IAAMG,gCAAgCS,OAAOC,UAAS;EAAEC,MAAM;AAAgC,CAAA,EAAG,OAAO;;;;EAKtGC,QAAQ;EACRC,eAAe;EACfC,UAAU;AACZ,EAAA;;;AEjCA,SAASC,iBAAAA,sBAAqB;AAC9B,SAASC,UAAAA,SAAQC,QAAAA,OAAMC,aAAaC,cAAAA,aAAYC,cAAAA,aAAYC,SAAAA,QAAOC,QAAqBC,UAAAA,eAAc;AACtG,SAASC,aAAAA,kBAAiB;AAE1B,OAAOC,YAAW;AASX,IAAMC,oBAAsD,wBAAC,EAAEC,UAAUC,SAASC,iBAAiBC,iBAAiBC,MAAM,GAAGC,MAAAA,MAAO;AACzI,QAAM,EAAEC,SAASC,KAAI,IAAKH,MAAMI,KAAAA,KAAU,CAAC;AAC3C,SACE,gBAAAC,OAAA,cAAAA,OAAA,UAAA,MACGT,WAEK,gBAAAS,OAAA,cAACC,QAAAA;IAAOV;IAAqB,GAAGK;KAC9B,gBAAAI,OAAA,cAACE,OAAAA;IAAKC,WAAW;KACf,gBAAAH,OAAA,cAACI,aAAAA;IACCC,QACEb,UAEM,gBAAAQ,OAAA,cAACM,aAAAA;MAAWC,MAAK;MAAQC,SAAShB;OAChC,gBAAAQ,OAAA,cAACS,gBAAAA,IAAAA,CAAAA,IAGL;IAENC,QACE,gBAAAV,OAAA,cAACW,QAAAA;MAAMR,WAAW;MAAGS,IAAI;QAAEC,SAAS;QAAQC,GAAG;MAAE;OAC/C,gBAAAd,OAAA,cAACe,YAAAA;MAAUC,OAAOnB;MAASU,MAAM;;IAGrCU,OAAOnB;IACPoB,WAAWrB;MAEb,gBAAAG,OAAA,cAACmB,mBAAAA,MACE1B,kBAEK,gBAAAO,OAAA,cAACoB,SAAAA;IAAOZ,SAAS,6BAAMf,kBAAkBI,OAAAA,GAAxB;IAAkCU,MAAK;IAAQc,SAAQ;KAAY,SAAA,IAItF,MACH3B,kBAEK,gBAAAM,OAAA,cAACoB,SAAAA;IAAOZ,SAAS,6BAAMd,kBAAkBG,OAAAA,GAAxB;IAAkCU,MAAK;IAAQc,SAAQ;KAAY,SAAA,IAItF,IAAA,CAAA,CAAA,IAKZ,IAAA;AAGV,GAhDmE;AAkD5D,IAAMC,0BAA0BC,QAAOjC,mBAAmB;EAAEQ,MAAM;AAAmB,CAAA,EAAG,OAAO;EACpG0B,QAAQ;AACV,EAAA;AAEO,IAAML,oBAAoBI,QAAOE,aAAa;EAAE3B,MAAM;AAAoB,CAAA,EAAG,OAAO;EACzF4B,SAAS;EACTC,gBAAgB;AAClB,EAAA;;;A7BjDO,IAAMC,qBAAwD,wBAAC,EAAEC,aAAaC,YAAYC,sBAAsB,GAAGC,MAAAA,MAAO;AAC/H,QAAMC,eAAeC,QAAuB,IAAA;AAC5C,QAAM,EAAEC,oBAAoBC,YAAYC,QAAO,IAAKC,0BAA0BR,cAAcS,MAAAA;AAC5F,QAAM,EAAEC,aAAaC,gBAAgBC,sBAAqB,IAAKC,YAAYP,UAAAA;AAE3E,QAAM,EAAEQ,KAAKC,gBAAe,IAAKC,iBAAiBhB,YAAY,MAAMW,eAAeF,MAAAA,CAAAA;AAEnF,SACE,gBAAAQ,QAAA,cAACC,gBAAAA,MACC,gBAAAD,QAAA,cAACE,4BAAAA;IACCC,SACEN,MACI,OACAf,cACE,OAEE,gBAAAkB,QAAA,cAACI,SAAAA;MAAOC,MAAK;MAAQC,SAASlB;MAAoBmB,SAAQ;OAAY,eAAA;IAMhFC,aAAa,CAAC,CAACX;IACfY,QAAQ,gBAAAT,QAAA,cAACU,gBAAAA;MAAeC,SAAS,6BAAMb,gBAAgB,IAAA,GAAtB;;IACjCR;IACAsB,KAAK1B;IACL2B,OAAM;IACL,GAAG5B;KAEJ,gBAAAe,QAAA,cAACc,sBAAAA;IAAqBC,MAAMtB;KACzBuB,CAAAA,YACC,gBAAAhB,QAAA,cAACiB,yBAAAA;IACCC,UAAUF;IACVG,WAAWjC,aAAakC;IACxBL,MAAMtB;IACNkB,SAAS,6BAAMjB,eAAeF,MAAAA,GAArB;IACT6B,iBAAiB1B;IACjBG,iBAAiBd,uBAAuBQ,SAAYM;IACpDwB,WAAU;IACVC,MAAAA;;AAOd,GA9CqE;AAgD9D,IAAMC,iCAAoE,wBAACvC,UAAAA;AAChF,SACE,gBAAAe,QAAA,cAACyB,2BAAAA,MACC,gBAAAzB,QAAA,cAACnB,oBAAuBI,KAAAA,CAAAA;AAG9B,GANiF;","names":["asArchivistInstance","isArchivistInstance","asDivinerInstance","isDivinerInstance","ArchivistCard","DivinerCard","ModuleCard","React","ModuleCardParser","mod","isArchivistInstance","ArchivistCard","asArchivistInstance","isDivinerInstance","DivinerCard","asDivinerInstance","ModuleCard","Button","React","useRef","createContextEx","CytoscapeInstanceContext","React","useEffect","useState","CytoscapeInstanceProvider","children","defaultInstance","cy","setCy","useState","useEffect","React","CytoscapeInstanceContext","Provider","value","provided","useContextEx","useCytoscapeInstance","required","useContextEx","CytoscapeInstanceContext","useAsyncEffect","isNodeInstance","useEffect","useState","exists","renderToStaticMarkup","dataUri","encodeSvg","reactElement","color","svgString","renderToStaticMarkup","doc","DOMParser","parseFromString","svgElement","querySelectorAll","setAttribute","style","fill","window","encodeURIComponent","outerHTML","generateIconMap","archivist","bridge","diviner","module","node","sentinel","witness","ColaLayout","centerGraph","convergenceThreshold","name","ConcentricLayout","concentric","node","degree","levelWidth","minNodeSpacing","name","isArchivistInstance","isBridgeInstance","isDivinerInstance","isNodeInstance","isSentinelInstance","isWitnessModule","parseModuleType","mod","type","isArchivistInstance","isBridgeInstance","isDivinerInstance","isNodeInstance","isSentinelInstance","isWitnessModule","CytoscapeElements","MaxNameLength","buildEdge","rootNode","newNode","properties","data","id","source","target","buildElements","mod","info","recurseNodes","newElements","buildElementsFromInfo","undefined","root","classes","buildNode","childCount","children","length","depth","newEdge","siblingCount","push","childInfo","address","name","type","parseModuleType","buildRootNode","normalizeName","slice","maxDepth","resolve","direction","Promise","all","map","child","filter","exists","BubbleChartRounded","BubbleChartRoundedIcon","Hub","HubIcon","InsertLinkRounded","InsertLinkRoundedIcon","Inventory2Rounded","Inventory2RoundedIcon","QuestionMarkRounded","QuestionMarkRoundedIcon","TimerRounded","TimerRoundedIcon","VisibilityRounded","VisibilityRoundedIcon","CyIconSet","archivist","bridge","diviner","module","node","sentinel","witness","NodeWithName","color","outlineColor","selector","style","Node","icons","bgColor","hideLabels","elem","data","undefined","NodeAsRoot","EdgeStyled","lineColor","targetArrowColor","useCytoscapeElements","mod","elements","setElements","useState","useAsyncEffect","moduleInstance","deref","newElements","CytoscapeElements","buildElements","useEffect","attachedListener","detachedListener","isNodeInstance","on","useCallback","useEffect","useState","useHoveredNode","renderedElements","cy","useCytoscapeInstance","hoveredNode","setHoveredNode","useState","nodeListener","useCallback","node","on","useEffect","nodes","forEach","deref","ready","useWeakModuleFromNode","useMemo","useNewElements","selectedElement","selectedAddress","useMemo","address","data","mod","useWeakModuleFromNode","newElements","useCytoscapeElements","useEffect","useState","useRenderNewElements","newElements","hideLabels","cy","useCytoscapeInstance","renderedElements","setRenderedElements","useState","useEffect","length","deref","add","layout","ColaLayout","run","useState","useSelectedElement","selectedElement","setSelectedElement","useState","cy","useCytoscapeInstance","updateStyles","element","nodes","deref","toggleClass","toggleSelectedElement","address","selectedNode","useElements","hideLabels","selectedElement","toggleSelectedElement","useSelectedElement","newElements","useNewElements","renderedElements","useRenderNewElements","hoveredNode","setHoveredNode","useHoveredNode","useMemo","useTheme","useMemo","useTheme","React","useMemo","useIcons","theme","useTheme","icons","useMemo","iconMap","generateIconMap","Object","entries","CyIconSet","reduce","acc","name","IconComponent","icon","React","fontSize","encodeSvg","palette","getContrastText","text","primary","useCytoscapeStyle","hideLabels","theme","useTheme","icons","useIcons","style","useMemo","Node","palette","primary","main","NodeWithName","text","getContrastText","NodeAsRoot","secondary","EdgeStyled","divider","useCytoscapeOptions","elements","style","layout","defaultStyle","useCytoscapeStyle","resolvedLayout","ConcentricLayout","resolvedStyle","options","useMemo","usePromise","useEffect","useState","useModuleDetails","rootModule","onFoundModule","cy","useCytoscapeInstance","moduleAddress","setModuleAddress","useState","foundModule","usePromise","rootModuleInstance","deref","resolve","useEffect","resizeObserver","ResizeObserver","setTimeout","center","node","nodes","container","observe","unobserve","onModuleDetails","address","moduleNode","rootModuleNode","foundModuleNode","notModuleNode","toggleClass","activeNode","length","mod","useState","useRelationalGraphOptions","mod","hideLabels","setHideLabels","useState","handleToggleLabels","oldValue","elements","useCytoscapeElements","style","useCytoscapeStyle","options","useCytoscapeOptions","ConcentricLayout","cytoscape","cola","coseBilkent","dagre","euler","React","useEffect","useState","WithExtensions","children","initialized","setInitialized","useState","useEffect","cytoscape","use","cola","dagre","coseBilkent","euler","React","undefined","Box","Button","ButtonGroup","Card","CardHeader","Paper","useTheme","asAddress","FlexCol","FlexGrowRow","FlexRow","Identicon","useWeakModuleFromNode","cytoscape","cola","coseBilkentLayout","dagre","eulerLayout","React","forwardRef","useEffect","useRef","useState","applyLayout","cy","name","options","layout","run","loadLayout","cytoscape","use","dagre","eulerLayout","coseBilkentLayout","cola","ModuleHoverDetails","address","props","React","Card","elevation","CardHeader","avatar","Paper","sx","bgcolor","p","Identicon","value","size","title","subheader","NodeRelationalGraphFlexBox","forwardRef","actions","children","node","layoutOptions","showDetails","detail","onHover","ref","theme","useTheme","setCy","useState","cytoscapeRef","useRef","hoverPosition","setHoverBoundingBox","hoverAddress","setHoverAddress","moduleInstance","useWeakModuleFromNode","useEffect","on","target","cyNode","bb","renderedBoundingBox","id","includes","undefined","asAddress","handleReset","reset","newCy","container","current","destroy","FlexCol","Box","position","top","y1","left","x1","zIndex","deref","FlexRow","justifyContent","width","ButtonGroup","Button","variant","onClick","FlexGrowRow","alignItems","height","classes","border","palette","divider","displayName","NodeRelationalGraph","useWeakProvidedNode","React","ProvidedNodeRenderer","node","props","providedNode","useWeakProvidedNode","elements","useCytoscapeElements","options","useCytoscapeOptions","React","NodeRelationalGraphFlexBox","alignItems","flexGrow","height","CancelRounded","IconButton","FlexGrowCol","FlexRow","React","DetailsFlexbox","children","onClose","React","FlexGrowCol","alignItems","justifyContent","id","width","p","gap","FlexRow","IconButton","onClick","size","CancelRounded","styled","FlexCol","React","useEffect","useRef","useState","useNodeElement","node","ref","useRef","currentElement","setCurrentElement","useState","boundingBox","setBoundingBox","renderedBoundingBox","useEffect","listener","on","off","undefined","current","ModuleGraphNodeHover","children","node","boundingBox","ref","currentElement","useNodeElement","React","StyledNodeGhostElementFlexCol","left","x1","height","h","top","y1","width","w","styled","FlexCol","name","cursor","pointerEvents","position","CancelRounded","Button","Card","CardActions","CardHeader","IconButton","Paper","Popper","styled","Identicon","React","ModuleHoverPopper","anchorEl","onClose","onModuleDetails","onModuleExplore","node","props","address","name","data","React","Popper","Card","elevation","CardHeader","action","IconButton","size","onClick","CancelRounded","avatar","Paper","sx","bgcolor","p","Identicon","value","title","subheader","StyledCardActions","Button","variant","StyledModuleHoverPopper","styled","zIndex","CardActions","display","justifyContent","ModuleGraphFlexBox","hideActions","rootModule","disableModuleDetails","props","cytoscapeRef","useRef","handleToggleLabels","hideLabels","options","useRelationalGraphOptions","undefined","hoveredNode","setHoveredNode","toggleSelectedElement","useElements","mod","onModuleDetails","useModuleDetails","React","WithExtensions","NodeRelationalGraphFlexBox","actions","Button","size","onClick","variant","showDetails","detail","DetailsFlexbox","onClose","ref","width","ModuleGraphNodeHover","node","element","StyledModuleHoverPopper","anchorEl","container","current","onModuleExplore","placement","open","ModuleGraphFlexBoxWithProvider","CytoscapeInstanceProvider"]}

package/package.json

@@ -10,26 +10,26 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/exists": "^3.6.4",
-    "@xylabs/hex": "^3.6.4",
-    "@xylabs/react-async-effect": "^3.4.1",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/react-identicon": "^3.4.1",
-    "@xylabs/react-promise": "^3.4.1",
-    "@xylabs/react-shared": "^3.4.1",
-    "@xyo-network/account-model": "^2.110.9",
-    "@xyo-network/archivist-model": "^2.110.9",
-    "@xyo-network/bridge-model": "^2.110.9",
-    "@xyo-network/diviner-model": "^2.110.9",
-    "@xyo-network/module-events": "^2.110.9",
-    "@xyo-network/module-model": "^2.110.9",
-    "@xyo-network/node-model": "^2.110.9",
-    "@xyo-network/react-archivist": "^2.81.10",
-    "@xyo-network/react-module": "^2.81.10",
-    "@xyo-network/react-node": "^2.81.10",
-    "@xyo-network/react-shared": "^2.81.10",
-    "@xyo-network/sentinel-model": "^2.110.9",
-    "@xyo-network/witness-model": "^2.110.9",
+    "@xylabs/exists": "^3.6.12",
+    "@xylabs/hex": "^3.6.12",
+    "@xylabs/react-async-effect": "^3.4.2",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/react-identicon": "^3.4.2",
+    "@xylabs/react-promise": "^3.4.2",
+    "@xylabs/react-shared": "^3.4.2",
+    "@xyo-network/account-model": "^2.111.3",
+    "@xyo-network/archivist-model": "^2.111.3",
+    "@xyo-network/bridge-model": "^2.111.3",
+    "@xyo-network/diviner-model": "^2.111.3",
+    "@xyo-network/module-events": "^2.111.3",
+    "@xyo-network/module-model": "^2.111.3",
+    "@xyo-network/node-model": "^2.111.3",
+    "@xyo-network/react-archivist": "^2.83.0",
+    "@xyo-network/react-module": "^2.83.0",
+    "@xyo-network/react-node": "^2.83.0",
+    "@xyo-network/react-shared": "^2.83.0",
+    "@xyo-network/sentinel-model": "^2.111.3",
+    "@xyo-network/witness-model": "^2.111.3",
     "cytoscape": "^3.30.1",
     "cytoscape-cola": "^2.5.1",
     "cytoscape-cose-bilkent": "^4.1.0",
@@ -44,53 +44,37 @@
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.20",
+    "@storybook/react": "^8.2.7",
     "@types/cytoscape": "^3.21.5",
     "@types/cytoscape-dagre": "^2.3.3",
     "@types/cytoscape-euler": "^1.2.3",
     "@types/react-dom": "^18.3.0",
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
-    "@xylabs/tsconfig-react": "^3.12.4",
-    "@xyo-network/archivist": "^2.110.9",
-    "@xyo-network/bridge-http": "^2.110.9",
-    "@xyo-network/bridge-model": "^2.110.9",
-    "@xyo-network/id-plugin": "^2.99.4",
-    "@xyo-network/node-memory": "^2.110.9",
-    "@xyo-network/react-storybook": "^2.81.10",
-    "@xyo-network/react-wallet": "^2.81.10",
-    "@xyo-network/sentinel": "^2.110.9",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.7",
+    "@xyo-network/archivist": "^2.111.3",
+    "@xyo-network/bridge-http": "^2.111.3",
+    "@xyo-network/bridge-model": "^2.111.3",
+    "@xyo-network/id-plugin": "^2.99.6",
+    "@xyo-network/node-memory": "^2.111.3",
+    "@xyo-network/react-storybook": "^2.83.0",
+    "@xyo-network/react-wallet": "^2.83.0",
+    "@xyo-network/sentinel": "^2.111.3",
     "typescript": "^5.5.4"
   },
   "description": "Common React library for all XYO projects that use React",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
       },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
-      "default": "./dist/browser/index.js"
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -112,6 +96,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.10",
+  "version": "2.83.0",
   "type": "module"
 }

package/src/Cytoscape/CytoscapeElements.ts

@@ -2,7 +2,7 @@ import { exists } from '@xylabs/exists'
 import { ModuleInstance } from '@xyo-network/module-model'
 import { ElementDefinition } from 'cytoscape'
 
-import { parseModuleType } from './lib/index.js'
+import { parseModuleType } from './lib/index.ts'
 
 interface ModuleInfo {
   children: ModuleInfo[]

package/src/Cytoscape/CytoscapeIcons.tsx

@@ -11,14 +11,13 @@ import { SvgIconTypeMap } from '@mui/material'
 // eslint-disable-next-line import/no-internal-modules
 import { OverridableComponent } from '@mui/material/OverridableComponent.js'
 
-import { CyNodeModuleTypes } from './lib/index.js'
+import { CyNodeModuleTypes } from './lib/index.ts'
 
-// eslint-disable-next-line @typescript-eslint/ban-types
 export const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {
   archivist: Inventory2RoundedIcon,
   bridge: InsertLinkRoundedIcon,
   diviner: BubbleChartRoundedIcon,
-  // eslint-disable-next-line id-denylist
+
   module: QuestionMarkRoundedIcon,
   node: HubIcon,
   sentinel: TimerRoundedIcon,

package/src/Cytoscape/CytoscapeStyles.ts

@@ -1,6 +1,6 @@
 import { Stylesheet } from 'cytoscape'
 
-import { CyNodeModuleTypes } from './lib/index.js'
+import { CyNodeModuleTypes } from './lib/index.ts'
 
 export const NodeWithName = (color?: string, outlineColor?: string): Stylesheet => ({
   selector: 'node[name]',
@@ -21,10 +21,10 @@ export const Node = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string,
   style: {
     'background-color': bgColor,
     'background-height': '75%',
-    'background-image': (elem) => icons[elem.data('type') as CyNodeModuleTypes],
+    'background-image': elem => icons[elem.data('type') as CyNodeModuleTypes],
     'background-width': '24',
-    label: hideLabels ? undefined : 'data(name)',
-    shape: 'round-rectangle',
+    'label': hideLabels ? undefined : 'data(name)',
+    'shape': 'round-rectangle',
   },
 })
 
@@ -43,6 +43,6 @@ export const EdgeStyled = (lineColor?: string, targetArrowColor?: string) => ({
     'line-opacity': 0.1,
     'target-arrow-color': targetArrowColor,
     'target-arrow-shape': 'triangle',
-    width: 3,
+    'width': 3,
   },
 })

package/src/Cytoscape/index.ts

@@ -1,4 +1,4 @@
-export * from './CytoscapeElements.js'
-export * from './CytoscapeIcons.js'
-export * from './CytoscapeStyles.js'
-export * from './lib/index.js'
+export * from './CytoscapeElements.ts'
+export * from './CytoscapeIcons.tsx'
+export * from './CytoscapeStyles.ts'
+export * from './lib/index.ts'

package/src/Cytoscape/lib/iconMap.ts

@@ -1,10 +1,10 @@
-import { CyNodeModuleTypes } from './CyNodeModuleTypes.js'
+import { CyNodeModuleTypes } from './CyNodeModuleTypes.ts'
 
 export const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({
   archivist: '',
   bridge: '',
   diviner: '',
-  // eslint-disable-next-line id-denylist
+
   module: '',
   node: '',
   sentinel: '',

package/src/Cytoscape/lib/index.ts

@@ -1,5 +1,5 @@
-export * from './CyNodeModuleTypes.js'
-export * from './encodeSvg.js'
-export * from './iconMap.js'
-export * from './layout/index.js'
-export * from './parseModuleType.js'
+export * from './CyNodeModuleTypes.ts'
+export * from './encodeSvg.ts'
+export * from './iconMap.ts'
+export * from './layout/index.ts'
+export * from './parseModuleType.ts'

package/src/Cytoscape/lib/layout/index.ts

@@ -1,2 +1,2 @@
-export * from './ColaLayout.js'
-export * from './ConcentricLayout.js'
+export * from './ColaLayout.ts'
+export * from './ConcentricLayout.ts'

package/src/Cytoscape/lib/parseModuleType.ts

@@ -6,7 +6,7 @@ import { isNodeInstance } from '@xyo-network/node-model'
 import { isSentinelInstance } from '@xyo-network/sentinel-model'
 import { isWitnessModule } from '@xyo-network/witness-model'
 
-import { CyNodeModuleTypes } from './CyNodeModuleTypes.js'
+import { CyNodeModuleTypes } from './CyNodeModuleTypes.ts'
 
 export const parseModuleType = (mod?: ModuleInstance): CyNodeModuleTypes => {
   let type: CyNodeModuleTypes = 'module'

package/src/components/cytoscape-extensions/WithExtensions.tsx

@@ -3,7 +3,7 @@ import cola from 'cytoscape-cola'
 import coseBilkent from 'cytoscape-cose-bilkent'
 import dagre from 'cytoscape-dagre'
 import euler from 'cytoscape-euler'
-import { PropsWithChildren, useEffect, useState } from 'react'
+import React, { PropsWithChildren, useEffect, useState } from 'react'
 
 export const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {
   const [initialized, setInitialized] = useState(false)

package/src/components/cytoscape-extensions/index.ts

@@ -1 +1 @@
-export * from './WithExtensions.js'
+export * from './WithExtensions.tsx'

package/src/components/index.ts

@@ -1,3 +1,3 @@
-export * from './lib/index.js'
-export * from './module/index.js'
-export * from './relational/index.js'
+export * from './lib/index.ts'
+export * from './module/index.ts'
+export * from './relational/index.ts'

package/src/components/lib/index.ts

@@ -1 +1 @@
-export * from './RelationalGraphProps.js'
+export * from './RelationalGraphProps.ts'

package/src/components/module/CardParser.stories.tsx

@@ -1,8 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react'
 import { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'
 import { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'
+import React from 'react'
 
-import { ModuleCardParser } from './CardParser.js'
+import { ModuleCardParser } from './CardParser.tsx'
 
 const meta: Meta<typeof ModuleCardParser> = {
   component: ModuleCardParser,
@@ -10,7 +11,6 @@ const meta: Meta<typeof ModuleCardParser> = {
   title: 'node/renderer/ModuleCardParser',
 }
 
-// eslint-disable-next-line import/no-default-export
 export default meta
 type Story = StoryObj<typeof ModuleCardParser>
 

package/src/components/module/CardParser.tsx

@@ -3,6 +3,7 @@ import { asDivinerInstance, isDivinerInstance } from '@xyo-network/diviner-model
 import { ModuleInstance } from '@xyo-network/module-model'
 import { ArchivistCard } from '@xyo-network/react-archivist'
 import { DivinerCard, ModuleCard } from '@xyo-network/react-module'
+import React from 'react'
 
 export interface ModuleCardParserProps {
   mod?: ModuleInstance

package/src/components/module/graph/DetailsFlexbox.tsx

@@ -1,6 +1,7 @@
 import { CancelRounded } from '@mui/icons-material'
 import { IconButton } from '@mui/material'
 import { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
+import React from 'react'
 
 export interface DetailsFlexboxProps extends FlexBoxProps {
   onClose?: () => void
@@ -10,7 +11,7 @@ export const DetailsFlexbox: React.FC<DetailsFlexboxProps> = ({ children, onClos
   return (
     <FlexGrowCol alignItems="end" justifyContent="start" id="module-detail" width="100%" p={2} gap={2}>
       <FlexRow justifyContent="end">
-        <IconButton onClick={onClose} size={'small'}>
+        <IconButton onClick={onClose} size="small">
           <CancelRounded />
         </IconButton>
       </FlexRow>

package/src/components/module/graph/GraphFlexBox.stories.tsx

@@ -9,9 +9,9 @@ import { NodeProvider, useWeakProvidedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { ModuleGraphFlexBoxWithProvider } from './GraphFlexBox.js'
+import { ModuleGraphFlexBoxWithProvider } from './GraphFlexBox.tsx'
 
 const nodeUrl = 'http://localhost:8080/node'
 
@@ -19,7 +19,7 @@ const MemoryNodeDecorator: Decorator = (Story, args) => {
   const [node, setNode] = useState<MemoryNode>()
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     async () => {
       try {
         const node = await MemoryNode.create({ config: { name: 'GlobalNode', schema: NodeConfigSchema } })
@@ -66,13 +66,12 @@ const MemoryNodeDecorator: Decorator = (Story, args) => {
   )
 }
 
-// eslint-disable-next-line import/no-default-export
 export default {
   component: ModuleGraphFlexBoxWithProvider,
   title: 'node/renderer/ModuleGraphFlexBoxWithProvider',
 } as Meta
 
-const Template: StoryFn<typeof ModuleGraphFlexBoxWithProvider> = (props) => <ModuleGraphFlexBoxWithProvider {...props} />
+const Template: StoryFn<typeof ModuleGraphFlexBoxWithProvider> = props => <ModuleGraphFlexBoxWithProvider {...props} />
 
 const TemplateWithProvidedModule: StoryFn<typeof ModuleGraphFlexBoxWithProvider> = (props) => {
   const [node] = useWeakProvidedNode()

package/src/components/module/graph/GraphFlexBox.tsx

@@ -1,15 +1,15 @@
 import { Button } from '@mui/material'
 import { FlexBoxProps } from '@xylabs/react-flexbox'
 import { ModuleInstance } from '@xyo-network/module-model'
-import { useRef } from 'react'
+import React, { useRef } from 'react'
 
-import { CytoscapeInstanceProvider } from '../../../contexts/index.js'
-import { useElements, useModuleDetails, useRelationalGraphOptions } from '../../../hooks/index.js'
-import { WithExtensions } from '../../cytoscape-extensions/index.js'
-import { NodeRelationalGraphFlexBox } from '../../relational/index.js'
-import { DetailsFlexbox } from './DetailsFlexbox.js'
-import { ModuleGraphNodeHover } from './node/index.js'
-import { StyledModuleHoverPopper } from './Popper.js'
+import { CytoscapeInstanceProvider } from '../../../contexts/index.ts'
+import { useElements, useModuleDetails, useRelationalGraphOptions } from '../../../hooks/index.ts'
+import { WithExtensions } from '../../cytoscape-extensions/index.ts'
+import { NodeRelationalGraphFlexBox } from '../../relational/index.ts'
+import { DetailsFlexbox } from './DetailsFlexbox.tsx'
+import { ModuleGraphNodeHover } from './node/index.ts'
+import { StyledModuleHoverPopper } from './Popper.tsx'
 
 export interface ModuleGraphFlexBoxProps extends FlexBoxProps {
   disableModuleDetails?: boolean
@@ -30,12 +30,15 @@ export const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActi
     <WithExtensions>
       <NodeRelationalGraphFlexBox
         actions={
-          mod ? null
-          : hideActions ?
-            null
-          : <Button size={'small'} onClick={handleToggleLabels} variant="contained">
-              Toggle Labels
-            </Button>
+          mod
+            ? null
+            : hideActions
+              ? null
+              : (
+                  <Button size="small" onClick={handleToggleLabels} variant="contained">
+                    Toggle Labels
+                  </Button>
+                )
 
         }
         showDetails={!!mod}
@@ -46,7 +49,7 @@ export const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActi
         {...props}
       >
         <ModuleGraphNodeHover node={hoveredNode}>
-          {(element) => (
+          {element => (
             <StyledModuleHoverPopper
               anchorEl={element}
               container={cytoscapeRef.current}
@@ -54,7 +57,7 @@ export const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActi
               onClose={() => setHoveredNode(undefined)}
               onModuleExplore={toggleSelectedElement}
               onModuleDetails={disableModuleDetails ? undefined : onModuleDetails}
-              placement={'top'}
+              placement="top"
               open
             />
           )}