feat: add monitoring settings tab, workbench view, and inspection alert improvements

application/state/useAISettingsState.ts

@@ -293,12 +293,27 @@ export function useAISettingsState() {
     const handleLocalStateChanged = (event: Event) => {
       syncFromStorageKey((event as CustomEvent<{ key?: string }>).detail?.key ?? null);
     };
+    // 远程浏览器改 AI 设置 → 主进程 broadcast → preload 更新 localStorage 并 dispatch 此事件
+    // 这里遍历 changedEntries 中所有 AI_ 开头的 key，逐个刷新 React state
+    const handleBatchSync = (event: Event) => {
+      const detail = (event as CustomEvent).detail;
+      if (!detail || typeof detail !== 'object') return;
+      const entries = detail.changedEntries as Record<string, unknown> | undefined;
+      if (!entries) return;
+      for (const key of Object.keys(entries)) {
+        if (key.startsWith('netcatty_ai_') || key.startsWith('netcatty.ai')) {
+          syncFromStorageKey(key);
+        }
+      }
+    };
 
     window.addEventListener('storage', handleStorage);
     window.addEventListener(AI_STATE_CHANGED_EVENT, handleLocalStateChanged);
+    window.addEventListener('netcatty-settings-batch', handleBatchSync);
     return () => {
       window.removeEventListener('storage', handleStorage);
       window.removeEventListener(AI_STATE_CHANGED_EVENT, handleLocalStateChanged);
+      window.removeEventListener('netcatty-settings-batch', handleBatchSync);
     };
   }, []);