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

components/SettingsPage.tsx

@@ -2,7 +2,7 @@
  * Settings Page - Standalone settings window content
  * This component is rendered in a separate Electron window
  */
-import { AppWindow, FileType, Keyboard, Palette, Puzzle, Sparkles, TerminalSquare, X } from "lucide-react";
+import { AppWindow, FileType, Keyboard, Monitor, Palette, Puzzle, Sparkles, TerminalSquare, X } from "lucide-react";
 import React, { lazy, Suspense, useCallback, useEffect, useMemo, useState } from "react";
 import { useAISettingsState } from "../application/state/useAISettingsState";
 import { useAvailableFonts } from "../application/state/fontStore";
@@ -33,6 +33,7 @@ const LazySettingsAITab = lazy(() => import("./settings/tabs/SettingsAITab"));
 const LazySettingsSystemTab = lazy(() => import("./settings/tabs/SettingsSystemTab"));
 const LazySettingsTerminalTab = lazy(() => import("./settings/tabs/SettingsTerminalTab"));
 const LazySettingsPluginsTab = lazy(() => import("./settings/tabs/SettingsPluginsTab"));
+const LazySettingsMonitoringTab = lazy(() => import("./settings/tabs/SettingsMonitoringTab"));
 
 const isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform);
 
@@ -418,6 +419,13 @@ const SettingsPageContent: React.FC<{ settings: SettingsState; appLock?: AppLock
                             <Sparkles size={14} className={settingsTabIconClassName} />
                             <span className={settingsTabLabelClassName}>{t("settings.tab.ai")}</span>
                         </TabsTrigger>
+                        <TabsTrigger
+                            value="monitoring"
+                            className={settingsTabTriggerClassName}
+                        >
+                            <Monitor size={14} className={settingsTabIconClassName} />
+                            <span className={settingsTabLabelClassName}>监控大屏</span>
+                        </TabsTrigger>
                     </TabsList>
                 </div>
 
@@ -536,6 +544,11 @@ const SettingsPageContent: React.FC<{ settings: SettingsState; appLock?: AppLock
                             <SettingsAITabContainer />
                         </SettingsLazyTab>
                     )}
+                    {mountedTabs.has("monitoring") && (
+                        <SettingsLazyTab value="monitoring">
+                            <LazySettingsMonitoringTab />
+                        </SettingsLazyTab>
+                    )}
                     {mountedTabs.has("plugins") && pluginRuntimeAvailable && (
                         <SettingsLazyTab value="plugins">
                             <LazySettingsPluginsTab />