feat: Add microphone selection UI and persist user choice for audio input.

Author: ciro-maciel

application/src/index.html

@@ -167,18 +167,34 @@ <h2 class="modal-title">⚠️ Permissões Necessárias</h2>
         </div>
       </div>
 
-      <!-- New Model Selection Section -->
+      <!-- Audio Settings Section (Model + Microphone) -->
       <div class="controls-suite" style="margin-top: 12px;">
-        <div class="control-group full-width">
-            <label class="control-label">Modelo de Transcrição</label>
-            
+        <!-- Microphone Selection -->
+        <div class="control-group" style="flex: 1;">
+            <label class="control-label">Microfone</label>
+            <div class="model-selector-container">
+                <select id="microphone-select" class="model-select">
+                    <option value="" disabled selected>Carregando...</option>
+                </select>
+            </div>
+        </div>
+
+        <div class="divider-vertical"></div>
+
+        <!-- Model Selection -->
+        <div class="control-group" style="flex: 1;">
+            <label class="control-label">Modelo</label>
             <div class="model-selector-container">
                 <select id="model-select" class="model-select">
-                    <option value="" disabled selected>Carregando modelos...</option>
+                    <option value="" disabled selected>Carregando...</option>
                 </select>
             </div>
+        </div>
+      </div>
 
-            <!-- Model Info & Action -->
+      <!-- Model Info Panel (separate row) -->
+      <div class="controls-suite" style="margin-top: 8px;">
+        <div class="control-group full-width">
             <div id="model-info-panel" class="model-info-panel hidden">
                 <p id="model-description" class="model-description">Descrição do modelo...</p>
 

application/src/main.js

@@ -167,6 +167,22 @@ ipcMain.handle("set-pre-heat-microphone", async (event, enabled) => {
   }
 });
 
+ipcMain.handle("get-microphone-config", () => {
+  return store.get("selectedMicrophone", null);
+});
+
+ipcMain.handle("set-microphone", async (event, deviceId) => {
+  try {
+    CONFIG.selectedMicrophone = deviceId;
+    store.set("selectedMicrophone", deviceId);
+    log.info(`Storage: Microphone set to: ${deviceId}`);
+    return true;
+  } catch (e) {
+    log.error("Failed to set microphone:", e);
+    return false;
+  }
+});
+
 ipcMain.on("audio-level", (event, level) => {
   const overlayWindow = getOverlayWindow();
   if (overlayWindow && !overlayWindow.isDestroyed()) {

application/src/main/core.js

@@ -72,6 +72,7 @@ export function loadConfig() {
     model: store.get("model", "tiny"),
     audioDevice: store.get("audioDevice", "default"),
     preHeatMicrophone: store.get("preHeatMicrophone"),
+    selectedMicrophone: store.get("selectedMicrophone", null),
     audioFile: path.join(app.getPath("temp"), "recording.wav"),
     audio: {
       rate: 16000,

application/src/preload.js

@@ -24,6 +24,10 @@ contextBridge.exposeInMainWorld("api", {
   setPreHeatMicrophone: (enabled) =>
     ipcRenderer.invoke("set-pre-heat-microphone", enabled),
 
+  // Microphone selection
+  getMicrophoneConfig: () => ipcRenderer.invoke("get-microphone-config"),
+  setMicrophone: (deviceId) => ipcRenderer.invoke("set-microphone", deviceId),
+
   // Permission management
   checkPermissions: () => ipcRenderer.invoke("check-permissions"),
   openSettings: (pane) => ipcRenderer.invoke("open-settings", pane),

application/src/renderer.js

@@ -9,6 +9,7 @@ import {
   startAudioRecording,
   stopAudioRecording,
   setLogCallback,
+  getAvailableMicrophones,
 } from "./renderer/audio.js";
 
 import {
@@ -54,6 +55,7 @@ const stepMic = document.getElementById("step-mic");
 const stepAccessibility = document.getElementById("step-accessibility");
 const autoLaunchToggle = document.getElementById("auto-launch-toggle");
 const preHeatToggle = document.getElementById("pre-heat-toggle");
+const microphoneSelect = document.getElementById("microphone-select");
 const modelSelect = document.getElementById("model-select");
 const modelInfoPanel = document.getElementById("model-info-panel");
 const modelDescription = document.getElementById("model-description");
@@ -102,9 +104,12 @@ async function init() {
   );
 
   if (permissions.microphone && config.preHeatMicrophone !== false) {
-    await warmUpMicrophone();
+    await warmUpMicrophone(config.selectedMicrophone);
   }
 
+  // Load microphones list
+  await loadMicrophones(config.selectedMicrophone);
+
   currentHotkey = config.hotkey;
   updateHotkeyDisplay(
     currentHotkey,
@@ -150,7 +155,8 @@ async function init() {
       if (success) {
         if (enabled) {
           log("🔥 Pré-aquecimento ativado. Ligando microfone...");
-          await warmUpMicrophone();
+          const savedMic = await window.api.getMicrophoneConfig();
+          await warmUpMicrophone(savedMic);
         } else {
           log("❄️ Pré-aquecimento desativado. Microfone desligado.");
           await stopMicrophone();
@@ -162,6 +168,27 @@ async function init() {
     });
   }
 
+  // Microphone selection handler
+  if (microphoneSelect) {
+    microphoneSelect.addEventListener("change", async (e) => {
+      const deviceId = e.target.value;
+      const success = await window.api.setMicrophone(deviceId);
+
+      if (success) {
+        const selectedLabel = e.target.selectedOptions[0]?.text || deviceId;
+        log(`🎤 Microfone alterado: ${selectedLabel}`);
+
+        // Restart microphone if pre-heat is enabled
+        if (preHeatToggle && preHeatToggle.checked) {
+          await stopMicrophone();
+          await warmUpMicrophone(deviceId);
+        }
+      } else {
+        log("❌ Falha ao salvar microfone", "error");
+      }
+    });
+  }
+
   // Models
   await loadModels(config.model);
 
@@ -200,6 +227,50 @@ async function init() {
   }
 }
 
+// ============================================================================
+// MICROPHONES
+// ============================================================================
+
+async function loadMicrophones(savedDeviceId = null) {
+  if (!microphoneSelect) return;
+
+  try {
+    const mics = await getAvailableMicrophones();
+
+    microphoneSelect.innerHTML = "";
+
+    if (mics.length === 0) {
+      const option = document.createElement("option");
+      option.value = "";
+      option.textContent = "Nenhum microfone encontrado";
+      option.disabled = true;
+      microphoneSelect.appendChild(option);
+      return;
+    }
+
+    mics.forEach((mic) => {
+      const option = document.createElement("option");
+      option.value = mic.deviceId;
+      option.textContent = mic.label;
+
+      if (savedDeviceId && mic.deviceId === savedDeviceId) {
+        option.selected = true;
+      }
+
+      microphoneSelect.appendChild(option);
+    });
+
+    // If no saved preference, select first available
+    if (!savedDeviceId && mics.length > 0) {
+      microphoneSelect.value = mics[0].deviceId;
+    }
+
+    log(`🎤 ${mics.length} microfone(s) encontrado(s)`);
+  } catch (err) {
+    log("❌ Erro ao carregar microfones: " + err.message, "error");
+  }
+}
+
 // ============================================================================
 // MODELS
 // ============================================================================

application/src/renderer/audio.js

@@ -35,7 +35,20 @@ function log(msg, type = null) {
 // MICROPHONE WARMUP (Pre-heat for instant recording)
 // ============================================================================
 
-export async function warmUpMicrophone() {
+/**
+ * Get list of available audio input devices
+ */
+export async function getAvailableMicrophones() {
+  const devices = await navigator.mediaDevices.enumerateDevices();
+  return devices
+    .filter((d) => d.kind === "audioinput")
+    .map((d) => ({
+      deviceId: d.deviceId,
+      label: d.label || `Microfone ${d.deviceId.slice(0, 8)}`,
+    }));
+}
+
+export async function warmUpMicrophone(preferredDeviceId = null) {
   if (
     audioContext &&
     audioContext.state === "running" &&
@@ -49,14 +62,23 @@ export async function warmUpMicrophone() {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const audioInputs = devices.filter((d) => d.kind === "audioinput");
 
-    let selectedDeviceId = "default";
-    const specificMic = audioInputs.find(
-      (d) => d.deviceId !== "default" && d.deviceId !== "communications"
-    );
+    let selectedDeviceId = preferredDeviceId || "default";
 
-    if (specificMic) {
-      selectedDeviceId = specificMic.deviceId;
-      log(`🎯 Microfone selecionado: ${specificMic.label}`);
+    // If no preference, find a specific mic (not default/communications)
+    if (!preferredDeviceId) {
+      const specificMic = audioInputs.find(
+        (d) => d.deviceId !== "default" && d.deviceId !== "communications"
+      );
+      if (specificMic) {
+        selectedDeviceId = specificMic.deviceId;
+      }
+    }
+
+    const selectedMic = audioInputs.find(
+      (d) => d.deviceId === selectedDeviceId
+    );
+    if (selectedMic) {
+      log(`🎯 Microfone selecionado: ${selectedMic.label}`);
     }
 
     warmStream = await navigator.mediaDevices.getUserMedia({