From 197bff39fc60ec827bbbcd5ab4d78bd19ad1d5de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 18:11:06 +0100
Subject: [PATCH] fix: show Plus button only when effects panel is expanded
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Plus button now conditionally rendered based on track.effectsExpanded
- Matches automation controls behavior
- Cleaner UI when panel is collapsed

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/tracks/TrackList.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/components/tracks/TrackList.tsx b/components/tracks/TrackList.tsx
index 4034fa9..4393a05 100644
--- a/components/tracks/TrackList.tsx
+++ b/components/tracks/TrackList.tsx
@@ -660,16 +660,18 @@ export function TrackList({
                           ))}
                         </div>
 
-                        {/* Add effect button */}
-                        <Button
-                          variant="ghost"
-                          size="icon-sm"
-                          onClick={() => setEffectBrowserTrackId(track.id)}
-                          title="Add effect"
-                          className="h-5 w-5 flex-shrink-0"
-                        >
-                          <Plus className="h-3 w-3" />
-                        </Button>
+                        {/* Add effect button - only visible when expanded */}
+                        {track.effectsExpanded && (
+                          <Button
+                            variant="ghost"
+                            size="icon-sm"
+                            onClick={() => setEffectBrowserTrackId(track.id)}
+                            title="Add effect"
+                            className="h-5 w-5 flex-shrink-0"
+                          >
+                            <Plus className="h-3 w-3" />
+                          </Button>
+                        )}
 
                         {/* Show/hide toggle */}
                         <Button