From 2f6611b0884991e3b362593089855a0393af3702 Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Tue, 3 Mar 2026 20:52:40 +1300
Subject: [PATCH] fix: show handles on all nodes including OutputNode

Use overflow-visible unconditionally on BaseNode outer wrapper so
handles are never clipped. Content clipping is already handled by each
node's content div (overflow-hidden/overflow-clip). Add rounded-lg to
OutputNode's content container for rounded corners on edge-to-edge media.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/nodes/BaseNode.tsx   | 2 +-
 src/components/nodes/OutputNode.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/nodes/BaseNode.tsx b/src/components/nodes/BaseNode.tsx
index 1cea947c..d1093d1f 100644
--- a/src/components/nodes/BaseNode.tsx
+++ b/src/components/nodes/BaseNode.tsx
@@ -74,7 +74,7 @@ export function BaseNode({
       />
       <div
         className={`
-          h-full w-full flex flex-col ${fullBleed ? "overflow-visible" : "overflow-clip"}
+          h-full w-full flex flex-col overflow-visible
           ${fullBleed ? "rounded-lg" : "bg-neutral-800 rounded-lg shadow-lg border"}
           ${fullBleed ? "" : (isCurrentlyExecuting || isExecuting ? "border-blue-500 ring-1 ring-blue-500/20" : "border-neutral-700/60")}
           ${fullBleed ? "" : (hasError ? "border-red-500" : "")}
diff --git a/src/components/nodes/OutputNode.tsx b/src/components/nodes/OutputNode.tsx
index 021c909b..2dc3de9a 100644
--- a/src/components/nodes/OutputNode.tsx
+++ b/src/components/nodes/OutputNode.tsx
@@ -112,7 +112,7 @@ export function OutputNode({ id, data, selected }: NodeProps<OutputNodeType>) {
         id={id}
         selected={selected}
         isExecuting={isRunning}
-        contentClassName="flex-1 min-h-0 overflow-clip relative"
+        contentClassName="flex-1 min-h-0 overflow-clip rounded-lg relative"
         className="min-w-[200px]"
       >
         <Handle