feat: shimmering generate button (#49)

meetingnotes/ViewModels/MeetingViewModel.swift

@@ -26,6 +26,13 @@ class MeetingViewModel: ObservableObject {
     @Published var isValidatingKey = false // Indicates API key validation in progress
     @Published var isStartingRecording = false // Indicates recording start in progress
     
+    // Computed property to determine if Generate button should animate
+    var shouldAnimateGenerateButton: Bool {
+        let generateButtonEnabled = !meeting.transcript.isEmpty && !isGeneratingNotes && !isRecording && !isStartingRecording
+        let noEnhancedNotesYet = meeting.generatedNotes.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty
+        return generateButtonEnabled && noEnhancedNotesYet
+    }
+    
     // Computed property that always uses the direct RecordingSessionManager check
     var isRecording: Bool {
         return recordingSessionManager.isRecordingMeeting(meeting.id)

meetingnotes/Views/MeetingListView.swift

@@ -241,6 +241,8 @@ struct MeetingDetailContentView: View {
     
     var body: some View {
         VStack(alignment: .leading, spacing: 20) {
+
+            VStack(alignment: .leading, spacing: 8) {
                 // Meeting Title with Menu
                 HStack {
                     TextField("Meeting Title", text: $viewModel.meeting.title)
@@ -283,7 +285,7 @@ struct MeetingDetailContentView: View {
                     Spacer()
                     
                     // Right: Generate and Recording Buttons
-                HStack(spacing: 12) {
+                    HStack(spacing: 8) {
                         // Generate Button (Dropdown)
                         Menu {
                             ForEach(viewModel.templates) { template in
@@ -308,6 +310,15 @@ struct MeetingDetailContentView: View {
                             .frame(minWidth: 110, minHeight: 36)
                             .background(Color.green.opacity(0.1))
                             .cornerRadius(8)
+                            .overlay(
+                                // Shimmer overlay when ready
+                                Group {
+                                    if viewModel.shouldAnimateGenerateButton {
+                                        ShimmerOverlay()
+                                            .clipShape(RoundedRectangle(cornerRadius: 8))
+                                    }
+                                }
+                            )
                         }
                         .buttonStyle(.plain)
                         .disabled(viewModel.meeting.transcript.isEmpty || viewModel.isGeneratingNotes || viewModel.isRecording || viewModel.isStartingRecording)
@@ -331,11 +342,12 @@ struct MeetingDetailContentView: View {
                         .help(cannotStartRecording ? "Another meeting is currently being recorded" : "Start or stop recording for this meeting")
                     }
                 }
+            }
             
             // Content Area with Tab-specific Headers
             VStack(alignment: .leading, spacing: 8) {
                 // Tab Header with Copy and Edit buttons
-                HStack {
+                HStack(spacing: 8) {
                     Text(viewModel.selectedTab.rawValue)
                         .font(.headline)
                         .foregroundColor(.secondary)
@@ -489,6 +501,35 @@ struct MeetingDetailContentView: View {
     }
 }
 
+// MARK: - Shimmer Overlay
+struct ShimmerOverlay: View {
+    @State private var animate: Bool = false
+
+    var body: some View {
+        GeometryReader { geo in
+            let width = geo.size.width
+            let height = geo.size.height
+            RoundedRectangle(cornerRadius: 8)
+                .fill(
+                    LinearGradient(
+                        gradient: Gradient(colors: [Color.clear, Color.green.opacity(0.1), Color.clear]),
+                        startPoint: UnitPoint(x: animate ? 2.5 : -1, y: 0.5),
+                        endPoint: UnitPoint(x: animate ? 3.5 : 0, y: 0.5)
+                    )
+                )
+                .frame(width: width, height: height)
+                .onAppear {
+                    animate = true
+                }
+                .animation(
+                    Animation.linear(duration: 1.5).repeatForever(autoreverses: false),
+                    value: animate
+                )
+        }
+        .allowsHitTesting(false)
+    }
+}
+
 #Preview {
     MeetingListView(settingsViewModel: SettingsViewModel())
 }