lint: change folder names

2026-03-12 11:21:10 +01:00
parent 86238b7efc
commit 4184a60706
35 changed files with 104 additions and 105 deletions
--- a/frontend/src/components/graph/NodeFooterEdgeIndicators.tsx
+++ b/frontend/src/components/graph/NodeFooterEdgeIndicators.tsx
@@ -0,0 +1,63 @@
+import React, { useContext, useMemo } from 'react'
+import FlowContext from '../../lib/graph/flowContext'
+import { ArrowDownLeft, ArrowUpRight } from 'lucide-react'
+import { NodeHelpPopover } from './NodeHelpPopover'
+import { getNodeType, getNodeClassificationLabel } from '../../lib/graph/nodeRegistry'
+
+type Props = {
+    nodeId: string
+    nodeType: string
+    children?: React.ReactNode
+}
+
+export function NodeFooterEdgeIndicators({ nodeId, nodeType, children }: Props) {
+    const ctx = useContext(FlowContext)
+    const edges = ctx?.edges ?? []
+
+    const { inputs, outputs } = useMemo(() => {
+        let inputs = 0
+        let outputs = 0
+        for (const e of edges) {
+            if (e.target === nodeId) inputs += 1
+            if (e.source === nodeId) outputs += 1
+        }
+        return { inputs, outputs }
+    }, [edges, nodeId])
+
+    const descriptor = getNodeType(nodeType)
+    const showInput = descriptor?.hasInput ?? false
+    const showOutput = descriptor?.hasOutput ?? false
+    const classificationLabel = getNodeClassificationLabel(nodeType)
+
+    return (
+        <div className="flex items-center gap-2 w-full text-xs text-muted-foreground">
+            {showInput && (
+                <span className="flex items-center gap-1 shrink-0" title="Input connections">
+                    <ArrowDownLeft className="size-3.5" />
+                    <span>{inputs}</span>
+                </span>
+            )}
+            {showOutput && (
+                <span className="flex items-center gap-1 shrink-0" title="Output connections">
+                    <ArrowUpRight className="size-3.5" />
+                    <span>{outputs}</span>
+                </span>
+            )}
+            {children != null && (
+                <>
+                    {(showInput || showOutput) && <span className="shrink-0">|</span>}
+                    <span className="min-w-0 truncate">{children}</span>
+                </>
+            )}
+            {classificationLabel != null && (
+                <>
+                    {(showInput || showOutput || children != null) && <span className="shrink-0">|</span>}
+                    <span className="shrink-0" title="Node classification">{classificationLabel}</span>
+                </>
+            )}
+            <span className="shrink-0 ml-auto">
+                <NodeHelpPopover nodeType={nodeType} />
+            </span>
+        </div>
+    )
+}