fix: hide three-dot icon when expanded menu is open

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/GroupsOverlay.tsx

@@ -438,16 +438,18 @@ function GroupControls({ groupId, zoom }: GroupControlsProps) {
               </div>
             )}
 
-            {/* Three-dot menu toggle */}
+            {/* Three-dot menu toggle - hidden when menu is open */}
-            <button
+            {!showMenu && (
-              onClick={(e) => { e.stopPropagation(); setShowMenu(!showMenu); if (showMenu) setShowColorPicker(false); }}
+              <button
-              className="w-6 h-6 rounded-md flex flex-col items-center justify-center gap-[2px] hover:bg-white/20 transition-colors"
+                onClick={(e) => { e.stopPropagation(); setShowMenu(true); }}
-              title="Group options"
+                className="w-6 h-6 rounded-md flex flex-col items-center justify-center gap-[2px] hover:bg-white/20 transition-colors"
-            >
+                title="Group options"
-              <div className="w-[3px] h-[3px] rounded-full bg-white/70" />
+              >
-              <div className="w-[3px] h-[3px] rounded-full bg-white/70" />
+                <div className="w-[3px] h-[3px] rounded-full bg-white/70" />
-              <div className="w-[3px] h-[3px] rounded-full bg-white/70" />
+                <div className="w-[3px] h-[3px] rounded-full bg-white/70" />
-            </button>
+                <div className="w-[3px] h-[3px] rounded-full bg-white/70" />
+              </button>
+            )}
           </div>
         </div>
       </div>