Revert "fix: show single handle per node, rely on arrow for direction"

This reverts commit b5b4f1b1c6.
This commit is contained in:
David Kaya
2026-03-24 23:21:15 +01:00
parent b5b4f1b1c6
commit 9b689e1411
@@ -66,11 +66,8 @@ const handleStyles = {
hidden: '!size-0 !border-0 !bg-transparent !min-w-0 !min-h-0',
};
/* Every node shows a single visible handle (circle).
The arrow marker on each edge indicates flow direction.
- user-input: source on right (visible)
- user-output: target on left (visible)
- others: source on right (visible), target on left (hidden but functional) */
/* user-input: source only (no incoming handle)
user-output: target only (no outgoing handle) */
export const UserInputNode = memo(function UserInputNode({ data, selected }: NodeProps) {
const nodeData = data as unknown as GraphNodeData;
@@ -98,7 +95,7 @@ export const SystemNode = memo(function SystemNode({ data, selected }: NodeProps
const nodeData = data as unknown as GraphNodeData;
return (
<>
<Handle type="target" position={Position.Left} className={handleStyles.hidden} />
<Handle type="target" position={Position.Left} className={handleStyles.system} />
<GraphNodeContent data={nodeData} selected={selected ?? false} />
<Handle type="source" position={Position.Right} className={handleStyles.system} />
</>
@@ -109,7 +106,7 @@ export const AgentNode = memo(function AgentNode({ data, selected }: NodeProps)
const nodeData = data as unknown as GraphNodeData;
return (
<>
<Handle type="target" position={Position.Left} className={handleStyles.hidden} />
<Handle type="target" position={Position.Left} className={handleStyles.agent} />
<GraphNodeContent data={nodeData} selected={selected ?? false} />
<Handle type="source" position={Position.Right} className={handleStyles.agent} />
</>