Fix floating timer widget: increase size and enable reactive updates

- Increase window size from 150x100 to 180x160 to prevent button clipping
- Refactor FloatingTimerView to take AppState directly for reactive updates
- Remove AnyView type-erasure to enable proper @observable tracking
- Remove unused updateView() method from controller

Amp-Thread-ID: https://ampcode.com/threads/T-019c1b0b-acc4-7570-99b5-0308ea608699
Co-authored-by: Amp <amp@ampcode.com>

Author: colmarius

MobCrew/MobCrew/Features/FloatingTimer/FloatingTimerController.swift

@@ -3,7 +3,7 @@ import SwiftUI
 
 final class FloatingTimerController {
     private var window: FloatingTimerWindow?
-    private var hostingView: NSHostingView<AnyView>?
+    private var hostingView: NSHostingView<FloatingTimerView>?
 
     private let appState: AppState
 
@@ -38,17 +38,9 @@ final class FloatingTimerController {
     private func createWindow() {
         let window = FloatingTimerWindow()
 
-        let view = FloatingTimerView(
-            displayTime: appState.timerState.displayTime,
-            driverName: appState.roster.driver?.name,
-            navigatorName: appState.roster.navigator?.name,
-            isRunning: appState.timerState.isRunning,
-            onToggle: { [weak self] in
-                self?.appState.toggleTimer()
-            }
-        )
+        let view = FloatingTimerView(appState: appState)
 
-        let hostingView = NSHostingView(rootView: AnyView(view))
+        let hostingView = NSHostingView(rootView: view)
         hostingView.frame = window.contentView?.bounds ?? .zero
         hostingView.autoresizingMask = [.width, .height]
 
@@ -58,22 +50,6 @@ final class FloatingTimerController {
         self.hostingView = hostingView
     }
 
-    func updateView() {
-        guard let hostingView = hostingView else { return }
-        
-        let view = FloatingTimerView(
-            displayTime: appState.timerState.displayTime,
-            driverName: appState.roster.driver?.name,
-            navigatorName: appState.roster.navigator?.name,
-            isRunning: appState.timerState.isRunning,
-            onToggle: { [weak self] in
-                self?.appState.toggleTimer()
-            }
-        )
-        
-        hostingView.rootView = AnyView(view)
-    }
-    
     private func positionWindow() {
         guard let window = window,
               let screen = NSScreen.main else { return }

MobCrew/MobCrew/Features/FloatingTimer/FloatingTimerView.swift

@@ -1,29 +1,25 @@
 import SwiftUI
 
 struct FloatingTimerView: View {
-    let displayTime: String
-    let driverName: String?
-    let navigatorName: String?
-    let isRunning: Bool
-    let onToggle: () -> Void
+    let appState: AppState
 
     var body: some View {
         VStack(spacing: 8) {
-            Text(displayTime)
+            Text(appState.timerState.displayTime)
                 .font(.system(size: 36, weight: .bold, design: .monospaced))
                 .foregroundStyle(.white)
 
             VStack(spacing: 6) {
-                RoleLabel(role: "Driver", name: driverName, isDriver: true)
-                RoleLabel(role: "Navigator", name: navigatorName, isDriver: false)
+                RoleLabel(role: "Driver", name: appState.roster.driver?.name, isDriver: true)
+                RoleLabel(role: "Navigator", name: appState.roster.navigator?.name, isDriver: false)
             }
 
-            Button(action: onToggle) {
-                Image(systemName: isRunning ? "pause.fill" : "play.fill")
+            Button(action: { appState.toggleTimer() }) {
+                Image(systemName: appState.timerState.isRunning ? "pause.fill" : "play.fill")
                     .font(.system(size: 16, weight: .semibold))
                     .foregroundStyle(.white)
                     .frame(width: 32, height: 32)
-                    .background(isRunning ? Color.orange : Color.green)
+                    .background(appState.timerState.isRunning ? Color.orange : Color.green)
                     .clipShape(Circle())
             }
             .buttonStyle(.plain)
@@ -58,13 +54,7 @@ private struct RoleLabel: View {
 }
 
 #Preview {
-    FloatingTimerView(
-        displayTime: "05:00",
-        driverName: "Alice",
-        navigatorName: "Bob",
-        isRunning: false,
-        onToggle: {}
-    )
-    .padding()
-    .background(Color.gray)
+    FloatingTimerView(appState: AppState())
+        .padding()
+        .background(Color.gray)
 }

MobCrew/MobCrew/Features/FloatingTimer/FloatingTimerWindow.swift

@@ -2,7 +2,7 @@ import AppKit
 
 final class FloatingTimerWindow: NSPanel {
 
-    init(contentRect: NSRect = NSRect(x: 0, y: 0, width: 150, height: 100)) {
+    init(contentRect: NSRect = NSRect(x: 0, y: 0, width: 180, height: 160)) {
         super.init(
             contentRect: contentRect,
             styleMask: [.borderless, .nonactivatingPanel],