diff --git a/src/components/nodes/BaseNode.tsx b/src/components/nodes/BaseNode.tsx index e1426075..4160d480 100644 --- a/src/components/nodes/BaseNode.tsx +++ b/src/components/nodes/BaseNode.tsx @@ -126,7 +126,7 @@ export function BaseNode({ />
{/* Model selector: Browse button + current model display */}
diff --git a/src/components/nodes/GenerateAudioNode.tsx b/src/components/nodes/GenerateAudioNode.tsx index 632518af..15e5236b 100644 --- a/src/components/nodes/GenerateAudioNode.tsx +++ b/src/components/nodes/GenerateAudioNode.tsx @@ -390,6 +390,7 @@ export function GenerateAudioNode({ id, data, selected }: NodeProps {/* Model selector: Browse button + current model display */}
diff --git a/src/components/nodes/GenerateImageNode.tsx b/src/components/nodes/GenerateImageNode.tsx index 24992770..8950b669 100644 --- a/src/components/nodes/GenerateImageNode.tsx +++ b/src/components/nodes/GenerateImageNode.tsx @@ -757,6 +757,7 @@ export function GenerateImageNode({ id, data, selected }: NodeProps {/* Gemini-specific controls */} {isGeminiProvider && currentModelId && ( diff --git a/src/components/nodes/GenerateVideoNode.tsx b/src/components/nodes/GenerateVideoNode.tsx index d1d8a5eb..106d050f 100644 --- a/src/components/nodes/GenerateVideoNode.tsx +++ b/src/components/nodes/GenerateVideoNode.tsx @@ -820,6 +820,7 @@ export function GenerateVideoNode({ id, data, selected }: NodeProps {/* External provider parameters - reuse ModelParameters component */} {nodeData.selectedModel?.modelId && !isVeoModel(nodeData.selectedModel.modelId) && ( diff --git a/src/components/nodes/InlineParameterPanel.tsx b/src/components/nodes/InlineParameterPanel.tsx index 60e29bbf..fc2e3b3d 100644 --- a/src/components/nodes/InlineParameterPanel.tsx +++ b/src/components/nodes/InlineParameterPanel.tsx @@ -7,6 +7,7 @@ interface InlineParameterPanelProps { onToggle: () => void; children: ReactNode; nodeId: string; + selected?: boolean; } /** @@ -18,9 +19,16 @@ export function InlineParameterPanel({ onToggle, children, nodeId, + selected = false, }: InlineParameterPanelProps) { + // When expanded + selected, overlap with BaseNode ring using negative margin + // so the two rings merge into one continuous outline + const ringClass = expanded && selected + ? "ring-2 ring-blue-500/40 rounded-b-lg -mt-[3px] pt-[3px]" + : ""; + return ( -
+
{/* Settings toggle button — no background when collapsed, floats below node edge */}