feat: add Groq Cloud Whisper Large v3 and v3 Turbo voice models

Add Groq API key input (DPAPI-secured) in the voice model settings panel
to enable cloud-based speech-to-text via Groq's Whisper Large v3 and
Whisper Large v3 Turbo models. Fix NoteWindow mic button not working
with Groq models by passing the API key to the recognizer factory.

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

Author: devohmycode

ActionPanel.cs

@@ -638,7 +638,8 @@ internal static Button CreateButton(ActionItem action, Action handler)
 
     public static void ShowVoiceModelsPanel(Flyout flyout, string? currentModelId,
         XamlRoot xamlRoot,
-        Action<SttModelInfo> onSelectModel, Action<SttModelInfo> onDeleteModel, Action onBack, Action onRebuild)
+        Action<SttModelInfo> onSelectModel, Action<SttModelInfo> onDeleteModel, Action onBack, Action onRebuild,
+        AiManager? aiManager = null)
     {
         var panel = CreateSubPanelWithHeader(Lang.T("voice_model"), onBack);
 
@@ -664,9 +665,159 @@ public static void ShowVoiceModelsPanel(Flyout flyout, string? currentModelId,
         foreach (var model in SttModels.Available.Where(m => m.Languages == "Anglais"))
             panel.Children.Add(CreateModelItem(model, currentModelId, flyout, xamlRoot, onSelectModel, onDeleteModel, onRebuild));
 
+        // Groq Cloud section
+        if (aiManager != null)
+        {
+            panel.Children.Add(CreateSeparator());
+            panel.Children.Add(new TextBlock
+            {
+                Text = Lang.T("groq_cloud_section"),
+                Style = (Style)Application.Current.Resources["CaptionTextBlockStyle"],
+                Opacity = 0.6,
+                Margin = new Thickness(10, 8, 0, 4)
+            });
+
+            var hasKey = aiManager.HasApiKey("groq");
+
+            // API key input
+            var keyBlock = new StackPanel { Margin = new Thickness(10, 4, 10, 4), Spacing = 3 };
+
+            var nameRow = new Grid();
+            nameRow.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) });
+            nameRow.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto });
+
+            var nameText = new TextBlock
+            {
+                Text = Lang.T("groq_api_key"),
+                FontSize = 12,
+                FontWeight = Microsoft.UI.Text.FontWeights.SemiBold,
+                VerticalAlignment = VerticalAlignment.Center,
+            };
+            Grid.SetColumn(nameText, 0);
+
+            var statusIcon = new FontIcon
+            {
+                Glyph = hasKey ? "\uE73E" : "\uE785",
+                FontSize = 12,
+                Foreground = hasKey
+                    ? new SolidColorBrush(Windows.UI.Color.FromArgb(255, 108, 203, 95))
+                    : (Brush)Application.Current.Resources["TextFillColorTertiaryBrush"],
+                VerticalAlignment = VerticalAlignment.Center,
+            };
+            Grid.SetColumn(statusIcon, 1);
+            nameRow.Children.Add(nameText);
+            nameRow.Children.Add(statusIcon);
+            keyBlock.Children.Add(nameRow);
+
+            var keyRow = new Grid();
+            keyRow.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) });
+            keyRow.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto });
+
+            var keyBox = new PasswordBox
+            {
+                PlaceholderText = Lang.T("groq_api_key_placeholder"),
+                Password = aiManager.GetApiKey("groq"),
+                FontSize = 11,
+                MaxWidth = 200,
+                HorizontalAlignment = HorizontalAlignment.Stretch,
+            };
+            Grid.SetColumn(keyBox, 0);
+
+            var saveKeyBtn = new Button
+            {
+                Content = new FontIcon { Glyph = "\uE73E", FontSize = 12 },
+                Padding = new Thickness(8, 4, 8, 4),
+                Margin = new Thickness(4, 0, 0, 0),
+            };
+            Grid.SetColumn(saveKeyBtn, 1);
+
+            saveKeyBtn.Click += (_, _) =>
+            {
+                aiManager.SetApiKey("groq", keyBox.Password);
+                var nowHasKey = aiManager.HasApiKey("groq");
+                statusIcon.Glyph = nowHasKey ? "\uE73E" : "\uE785";
+                statusIcon.Foreground = nowHasKey
+                    ? new SolidColorBrush(Windows.UI.Color.FromArgb(255, 108, 203, 95))
+                    : (Brush)Application.Current.Resources["TextFillColorTertiaryBrush"];
+                onRebuild();
+            };
+
+            keyRow.Children.Add(keyBox);
+            keyRow.Children.Add(saveKeyBtn);
+            keyBlock.Children.Add(keyRow);
+            panel.Children.Add(keyBlock);
+
+            // Groq cloud models (only show if key exists)
+            if (hasKey)
+            {
+                foreach (var model in SttModels.Available.Where(m => m.Engine == SttEngine.GroqCloud))
+                    panel.Children.Add(CreateGroqModelItem(model, currentModelId, onSelectModel, flyout));
+            }
+        }
+
         flyout.Content = panel;
     }
 
+    private static UIElement CreateGroqModelItem(SttModelInfo model, string? currentModelId,
+        Action<SttModelInfo> onSelect, Flyout parentFlyout)
+    {
+        var isCurrent = model.Id == currentModelId;
+
+        var btn = new Button
+        {
+            HorizontalAlignment = HorizontalAlignment.Stretch,
+            HorizontalContentAlignment = HorizontalAlignment.Stretch,
+            Background = new SolidColorBrush(Microsoft.UI.Colors.Transparent),
+            BorderThickness = new Thickness(0),
+            Padding = new Thickness(10, 7, 10, 7),
+            CornerRadius = new CornerRadius(5),
+            Tag = model.Name
+        };
+
+        var grid = new Grid { ColumnSpacing = 8 };
+        grid.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) });
+        grid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto });
+
+        var textPanel = new StackPanel { Spacing = 1 };
+        textPanel.Children.Add(new TextBlock
+        {
+            Text = model.Name,
+            FontSize = 13,
+            FontWeight = isCurrent
+                ? Microsoft.UI.Text.FontWeights.SemiBold
+                : Microsoft.UI.Text.FontWeights.Normal,
+        });
+        textPanel.Children.Add(new TextBlock
+        {
+            Text = isCurrent ? $"Groq — {Lang.T("model_active")}" : $"Groq — {Lang.T("groq_cloud_model")}",
+            FontSize = 11,
+            Opacity = isCurrent ? 0.85 : 0.45
+        });
+        Grid.SetColumn(textPanel, 0);
+        grid.Children.Add(textPanel);
+
+        var icon = new FontIcon
+        {
+            Glyph = isCurrent ? "\uE73E" : "\uE753", // checkmark or cloud
+            FontSize = isCurrent ? 14 : 12,
+            Foreground = isCurrent
+                ? new SolidColorBrush(Windows.UI.Color.FromArgb(255, 108, 203, 95))
+                : (Brush)Application.Current.Resources["TextFillColorTertiaryBrush"],
+            VerticalAlignment = VerticalAlignment.Center
+        };
+        Grid.SetColumn(icon, 1);
+        grid.Children.Add(icon);
+
+        btn.Content = grid;
+        btn.Click += (_, _) =>
+        {
+            onSelect(model);
+            parentFlyout.Hide();
+        };
+
+        return btn;
+    }
+
     private static UIElement CreateModelItem(SttModelInfo model, string? currentModelId,
         Flyout parentFlyout, XamlRoot xamlRoot, Action<SttModelInfo> onSelect, Action<SttModelInfo> onDelete, Action onRebuild)
     {

Lang.cs

@@ -216,6 +216,11 @@ public static class Lang
             ["note_saved"] = "Note saved!",
             ["voice_model_not_configured"] = "Voice model not configured",
             ["configure_model_hint"] = "Configure a model in Settings → Model",
+            ["groq_cloud_section"] = "Groq Cloud (Whisper)",
+            ["groq_api_key"] = "Groq API Key",
+            ["groq_api_key_placeholder"] = "gsk_...",
+            ["groq_cloud_model"] = "Cloud — API",
+            ["groq_key_required"] = "Groq API key required",
 
             // ── Tooltips ────────────────────────────────────────
             ["tip_new"] = "New",
@@ -508,6 +513,11 @@ public static class Lang
             ["note_saved"] = "Note enregistrée !",
             ["voice_model_not_configured"] = "Modèle vocal non configuré",
             ["configure_model_hint"] = "Configurez un modèle dans Paramètres → Modèle",
+            ["groq_cloud_section"] = "Groq Cloud (Whisper)",
+            ["groq_api_key"] = "Clé API Groq",
+            ["groq_api_key_placeholder"] = "gsk_...",
+            ["groq_cloud_model"] = "Cloud — API",
+            ["groq_key_required"] = "Clé API Groq requise",
 
             // ── Tooltips ────────────────────────────────────────
             ["tip_new"] = "Nouveau",

MainWindow.xaml.cs

@@ -507,7 +507,9 @@ private void OpenVoiceNote()
             return;
         }
 
-        _voiceNoteWindow = new VoiceNoteWindow(_notes);
+        _aiManager ??= new AiManager();
+        _aiManager.Load();
+        _voiceNoteWindow = new VoiceNoteWindow(_notes, _aiManager);
         _voiceNoteWindow.NoteCreated += () => DispatcherQueue.TryEnqueue(() => RefreshCurrentView());
         _voiceNoteWindow.Closed += (_, _) => _voiceNoteWindow = null;
         _voiceNoteWindow.Activate();
@@ -597,6 +599,9 @@ private void Settings_Click(object sender, RoutedEventArgs e)
 
     private void ShowVoiceModelsInSettings(Flyout flyout)
     {
+        _aiManager ??= new AiManager();
+        _aiManager.Load();
+
         var settingsDir = Path.Combine(
             Environment.GetFolderPath(Environment.SpecialFolder.LocalApplicationData), "NoteUI");
         var settingsPath = Path.Combine(settingsDir, "voice_settings.json");
@@ -647,7 +652,8 @@ void RebuildModelsPanel()
                     // Re-show main settings
                     Settings_Click(SettingsButton, new RoutedEventArgs());
                 },
-                onRebuild: RebuildModelsPanel);
+                onRebuild: RebuildModelsPanel,
+                aiManager: _aiManager);
         }
 
         RebuildModelsPanel();

NoteWindow.xaml.cs

@@ -1503,9 +1503,32 @@ private void StartVoiceRecording()
             return;
         }
 
+        // For Groq cloud models, check API key
+        string? groqKey = null;
+        if (model.Engine == SttEngine.GroqCloud)
+        {
+            try { _aiManager ??= new AiManager(); _aiManager.Load(); } catch { }
+            groqKey = _aiManager?.GetApiKey("groq");
+            if (string.IsNullOrWhiteSpace(groqKey))
+            {
+                var tip = new TeachingTip
+                {
+                    Title = Lang.T("groq_key_required"),
+                    Subtitle = Lang.T("configure_model_hint"),
+                    IsLightDismissEnabled = true,
+                    PreferredPlacement = TeachingTipPlacementMode.Top,
+                    Target = VoiceButton,
+                };
+                RootGrid.Children.Add(tip);
+                tip.IsOpen = true;
+                tip.Closed += (_, _) => RootGrid.Children.Remove(tip);
+                return;
+            }
+        }
+
         try
         {
-            _voiceRecognizer = SpeechRecognizerFactory.Create(model);
+            _voiceRecognizer = SpeechRecognizerFactory.Create(model, groqKey);
         }
         catch
         {