feat: add auto-fix for browser media pause permissions

Author: AVP-Dev

src-tauri/src/lib.rs

@@ -1007,6 +1007,40 @@ async fn open_mac_settings() -> Result<(), String> {
     Ok(())
 }
 
+#[tauri::command]
+async fn fix_browser_permissions() -> Result<(), String> {
+    #[cfg(target_os = "macos")]
+    {
+        let bundles = vec![
+            "com.google.Chrome",
+            "com.google.Chrome.canary",
+            "company.thebrowser.Browser", // Arc
+            "com.apple.Safari",
+            "ru.yandex.desktop.yandex-browser",
+            "com.brave.Browser",
+            "com.microsoft.edgemac",
+            "com.vivaldi.Vivaldi"
+        ];
+        
+        for bundle in bundles {
+            let _ = std::process::Command::new("defaults")
+                .args(["write", bundle, "AllowJavaScriptFromAppleEvents", "-bool", "true"])
+                .status();
+        }
+        
+        // Specially for Safari: also enable Develop menu so the user sees the result
+        let _ = std::process::Command::new("defaults")
+            .args(["write", "com.apple.Safari", "IncludeDevelopMenu", "-bool", "true"])
+            .status();
+            
+        Ok(())
+    }
+    #[cfg(not(target_os = "macos"))]
+    {
+        Ok(())
+    }
+}
+
 // ── Toggle window ─────────────────────────────────────────────────────────────
 fn toggle_window<R: Runtime>(app: &AppHandle<R>) {
     if let Some(w) = app.get_webview_window("main") {
@@ -1283,6 +1317,7 @@ pub fn run() {
             download_whisper_model,
             delete_whisper_model,
             open_mac_settings,
+            fix_browser_permissions,
             reset_window_position,
             get_start_minimized,
             set_start_minimized,

src/components/SettingsPanel.tsx

@@ -99,6 +99,8 @@ export const CONTENT = {
             autoPauseBrowserChrome: 'Chrome → View → Developer → Allow JavaScript from Apple Events',
             autoPauseBrowserSafari: 'Safari → Develop → Allow JavaScript from Apple Events',
             autoPauseBrowserNote: 'Music и Spotify работают без дополнительных настроек.',
+            autoPauseBrowserFixBtn: 'Разрешить автоматически (Beta)',
+            autoPauseBrowserFixSuccess: 'Готово! Перезапустите браузеры.',
             accessibility: 'macOS: Универсальный доступ',
             accessibilityDesc: 'Для автовставки необходимо разрешение «Универсальный доступ» для NYX Vox.',
             accessibilityBtn: 'Открыть настройки',
@@ -245,6 +247,8 @@ export const CONTENT = {
             autoPauseBrowserChrome: 'Chrome → View → Developer → Allow JavaScript from Apple Events',
             autoPauseBrowserSafari: 'Safari → Develop → Allow JavaScript from Apple Events',
             autoPauseBrowserNote: 'Music and Spotify work without extra setup.',
+            autoPauseBrowserFixBtn: 'Allow Automatically (Beta)',
+            autoPauseBrowserFixSuccess: 'Done! Restart your browsers.',
             accessibility: 'macOS: Accessibility',
             accessibilityDesc: 'Auto-paste requires Accessibility permission for NYX Vox in System Settings.',
             accessibilityBtn: 'Open Settings',
@@ -337,6 +341,7 @@ export function SettingsPanel({ onClose, autoPaste, clearOnPaste, onToggleAutoPa
     const [tab, setTab] = useState<Tab>('guide');
     const [lang, setLang] = useState<Lang>('ru');
     const [showFeedback, setShowFeedback] = useState(false);
+    const [browserFixed, setBrowserFixed] = useState(false);
     const [sttMode, setSttMode] = useState<'deepgram' | 'whisper' | 'groq'>('deepgram');
     const [dgLanguage, setDgLanguage] = useState<'auto' | 'ru' | 'en'>('auto');
     const [whisperLanguage, setWhisperLanguage] = useState<'auto' | 'ru' | 'en'>('ru');
@@ -641,6 +646,24 @@ export function SettingsPanel({ onClose, autoPaste, clearOnPaste, onToggleAutoPa
                                                     <code className="text-[10px] text-white/50 font-mono leading-relaxed">{c.settings.autoPauseBrowserSafari}</code>
                                                 </div>
                                             </div>
+                                            <div className="pt-1">
+                                                <button
+                                                    onClick={async () => {
+                                                        if (window.__TAURI_INTERNALS__) {
+                                                            await invoke('fix_browser_permissions');
+                                                            setBrowserFixed(true);
+                                                            setTimeout(() => setBrowserFixed(false), 5000);
+                                                        }
+                                                    }}
+                                                    className={`w-full py-2 px-3 rounded-lg text-[10px] font-bold transition-all border ${
+                                                        browserFixed 
+                                                            ? 'bg-emerald-500/20 border-emerald-500/30 text-emerald-400' 
+                                                            : 'bg-sky-500/10 border-sky-500/20 text-sky-300 hover:bg-sky-500/20'
+                                                    }`}
+                                                >
+                                                    {browserFixed ? c.settings.autoPauseBrowserFixSuccess : c.settings.autoPauseBrowserFixBtn}
+                                                </button>
+                                            </div>
                                             <p className="text-[10px] text-white/25 italic">{c.settings.autoPauseBrowserNote}</p>
                                         </div>
                                     )}