moving stuff around

Author: l2fprod

Flitro/Sidebar/BackgroundColorPanelCoordinator.swift

@@ -1,4 +1,5 @@
 import SwiftUI
+import AppKit
 
 struct ColorSelectionSection: View {
     let title: String
@@ -71,4 +72,36 @@ struct ColorSelectionSection: View {
         .padding(.horizontal, 20)
         .padding(.vertical, 12)
     }
-} 
+}
+
+class ColorPanelCoordinator: NSObject {
+    var onColorChanged: ((Color) -> Void)?
+    private var colorPanel: NSColorPanel?
+    
+    func showColorPanel(initialColor: Color) {
+        colorPanel = NSColorPanel()
+        colorPanel?.color = NSColor(initialColor)
+        colorPanel?.setTarget(self)
+        colorPanel?.setAction(#selector(colorChanged))
+        colorPanel?.makeKeyAndOrderFront(nil)
+    }
+    
+    @objc func colorChanged() {
+        guard let colorPanel = colorPanel else { return }
+        let newColor = Color(colorPanel.color)
+        onColorChanged?(newColor)
+    }
+    
+    func closeColorPanel() {
+        colorPanel?.close()
+        colorPanel = nil
+    }
+}
+
+class BackgroundColorPanelCoordinator: ColorPanelCoordinator {
+    static let shared = BackgroundColorPanelCoordinator()
+}
+
+class ForegroundColorPanelCoordinator: ColorPanelCoordinator {
+    static let shared = ForegroundColorPanelCoordinator()
+}

Flitro/Sidebar/ColorPanelCoordinator.swift

@@ -196,4 +196,43 @@ struct IconSelectorView: View {
             hasCustomBackgroundColor = newColor != .clear
         }
     }
-} 
+}
+
+struct IconGridItem: View {
+    let iconName: String?
+    let isSelected: Bool
+    let hasCustomBackgroundColor: Bool
+    let selectedBackgroundColor: Color
+    let hasCustomForegroundColor: Bool
+    let selectedForegroundColor: Color
+    let onTap: () -> Void
+    
+    var body: some View {
+        Button(action: onTap) {
+            VStack(spacing: 4) {
+                ZStack {
+                    if hasCustomBackgroundColor {
+                        RoundedRectangle(cornerRadius: 8)
+                            .fill(selectedBackgroundColor)
+                            .frame(width: 40, height: 40)
+                    }
+                    if let iconName = iconName, let icon = Ph(rawValue: iconName) {
+                        icon.regular
+                            .font(.title2)
+                            .foregroundColor(hasCustomForegroundColor ? selectedForegroundColor : .primary)
+                    } else {
+                        Image(systemName: "folder")
+                            .font(.title2)
+                            .foregroundColor(hasCustomForegroundColor ? selectedForegroundColor : .blue)
+                    }
+                }
+                .frame(width: 40, height: 40)
+                .overlay(
+                    RoundedRectangle(cornerRadius: 8)
+                        .stroke(isSelected ? Color.blue : Color.clear, lineWidth: 2)
+                )
+            }
+        }
+        .buttonStyle(.plain)
+    }
+}