event.preventDefault()}
+ >
+
+
+
+
+
+
+
+
+
+
+ Nodes:
+
+
+
+
+
+
+
+
+ Edges:
+
+
+
+
+
+ {tooltip.visible && (
+
+ {tooltip.content}
+
+ )}
+
+ {contextMenu.visible && (
+
+
+ {contextMenu.nodeLabel}
+
+
+
+ Configure this expansion before adding it to the graph request.
+
+
+
+
+
+ Threshold
+ {contextMenu.threshold.toFixed(1)}
+
+
setContextMenu((prev) => ({
+ ...prev,
+ threshold: Number(Number(event.target.value).toFixed(1)),
+ }))}
+ />
+
+
+
+
+ Depth
+ {contextMenu.maxLevels}
+
+
setContextMenu((prev) => ({
+ ...prev,
+ maxLevels: Number(event.target.value),
+ }))}
+ />
+
+
+
+ Regulation mode
+
+
+
+
+
+
+ )}
+
+
+
Selected edges
+
+
+
+
+ {selectedEdges.length === 0
+ ? (
+
+ Click multiple edges to inspect each correlation value.
+
+ )
+ : (
+
+ {selectedEdges.map((edge) => (
+
+
+
+ {edge.source} -> {edge.target}
+
+
Direction: {edge.direction}
+
Correlation: {edge.correlation}
+
+
+
+ ))}
+
+ )}
+
+
+ {traversalMode === 'outgoing'
+ ? 'Depth levels'
+ : traversalMode === 'incoming'
+ ? 'Upstream regulation levels'
+ : 'Relationship levels'}
+
+
+ {!selectedRootNode
+ ? (
+
+ Select a node to calculate levels.
+
+ )
+ : (
+
+
+ Root node: {selectedRootNode}
+
+
+
+ Search limit: {maxLevels} level{maxLevels > 1 ? 's' : ''}
+
+
+ {(traversalMode === 'outgoing' || traversalMode === 'both') && (
+
+
+ Regulates
+
+
+ {depthSummary.length === 0
+ ? (
+
+ No visible regulated nodes match the current filter.
+
+ )
+ : (
+ depthSummary.map((item) => (
+
+
+
+ Level {item.depth}
+
+
{item.nodes.join(', ')}
+
+ ))
+ )}
+
+ )}
+
+ {(traversalMode === 'incoming' || traversalMode === 'both') && (
+
+
+ Regulated by
+
+
+ {incomingSummary.length === 0
+ ? (
+
+ No visible regulators match the current filter.
+
+ )
+ : (
+ incomingSummary.map((item) => (
+
+
+
+ Level {item.depth}
+
+
{item.nodes.join(', ')}
+
+ ))
+ )}
+
+ )}
+
+ )}
+