Grow settings panel when Claude dir picker expands

Author: farouqaldori

ClaudeIsland/Core/ClaudeDirSelector.swift

@@ -0,0 +1,32 @@
+//
+//  ClaudeDirSelector.swift
+//  ClaudeIsland
+//
+//  Manages the expand/collapse state of the Claude directory picker row,
+//  so NotchViewModel can grow the settings panel when the picker is open
+//  (matching SoundSelector / ScreenSelector behavior).
+//
+
+import Combine
+import Foundation
+
+@MainActor
+class ClaudeDirSelector: ObservableObject {
+    static let shared = ClaudeDirSelector()
+
+    @Published var isPickerExpanded: Bool = false
+
+    /// Height of a single option row (matches SoundOptionRowInline style).
+    private let rowHeight: CGFloat = 32
+
+    /// Number of option rows the picker shows (Auto-detect + Choose folder…).
+    private let optionCount: Int = 2
+
+    private init() {}
+
+    /// Extra height needed when the picker is expanded.
+    var expandedPickerHeight: CGFloat {
+        guard isPickerExpanded else { return 0 }
+        return CGFloat(optionCount) * rowHeight + 8  // +8 for padding
+    }
+}

ClaudeIsland/Core/NotchViewModel.swift

@@ -50,6 +50,7 @@ class NotchViewModel: ObservableObject {
 
     private let screenSelector = ScreenSelector.shared
     private let soundSelector = SoundSelector.shared
+    private let claudeDirSelector = ClaudeDirSelector.shared
 
     // MARK: - Geometry
 
@@ -76,7 +77,10 @@ class NotchViewModel: ObservableObject {
             // Picker expansion deltas added on top when expanded.
             return CGSize(
                 width: min(screenRect.width * 0.4, 480),
-                height: 540 + screenSelector.expandedPickerHeight + soundSelector.expandedPickerHeight
+                height: 540
+                    + screenSelector.expandedPickerHeight
+                    + soundSelector.expandedPickerHeight
+                    + claudeDirSelector.expandedPickerHeight
             )
         case .instances:
             return CGSize(
@@ -119,6 +123,10 @@ class NotchViewModel: ObservableObject {
         soundSelector.$isPickerExpanded
             .sink { [weak self] _ in self?.objectWillChange.send() }
             .store(in: &cancellables)
+
+        claudeDirSelector.$isPickerExpanded
+            .sink { [weak self] _ in self?.objectWillChange.send() }
+            .store(in: &cancellables)
     }
 
     // MARK: - Event Handling

ClaudeIsland/UI/Components/ClaudeDirPickerRow.swift

@@ -12,16 +12,18 @@ import AppKit
 import SwiftUI
 
 struct ClaudeDirPickerRow: View {
+    @ObservedObject private var selector = ClaudeDirSelector.shared
     @State private var currentValue: String = AppSettings.claudeDirectoryName
-    @State private var isExpanded: Bool = false
     @State private var isHovered: Bool = false
 
+    private var isExpanded: Bool { selector.isPickerExpanded }
+
     var body: some View {
         VStack(spacing: 0) {
             // Main row - shows current selection
             Button {
                 withAnimation(.easeInOut(duration: 0.2)) {
-                    isExpanded.toggle()
+                    selector.isPickerExpanded.toggle()
                 }
             } label: {
                 HStack(spacing: 10) {