diff --git a/src/renderer/components/pattern-graph/GraphNodes.tsx b/src/renderer/components/pattern-graph/GraphNodes.tsx
index 1e7d10f..c2c44b6 100644
--- a/src/renderer/components/pattern-graph/GraphNodes.tsx
+++ b/src/renderer/components/pattern-graph/GraphNodes.tsx
@@ -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} />
     </>