chore: 保存 Agent 安全优化前基线

src/components/desktop/DesktopSessionView.tsx

@@ -1,18 +1,10 @@
 import { useCallback, useEffect, useRef, useState, type KeyboardEvent, type MouseEvent } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  Cast,
-  ClipboardPaste,
-  FolderInput,
-  FolderOpen,
-  Maximize2,
-  Minimize2,
-  Monitor,
-  RefreshCw,
-} from 'lucide-react'
+import { Cast, ClipboardPaste, FolderInput, FolderOpen, Maximize2, Minimize2, Monitor, RefreshCw } from 'lucide-react'
 import { useTabStore } from '../../stores/tabStore'
 import { useSessionStore } from '../../stores/sessionStore'
 import { useDesktopFullscreenStore } from '../../stores/desktopFullscreenStore'
+import StatusDot from '../common/StatusDot'
 import type {
   DesktopFrameEvent,
   DesktopPointerButton,
@@ -96,9 +88,7 @@ export default function DesktopSessionView({ tabId, isActive }: DesktopSessionVi
   const tab = useTabStore((state) => state.tabs.find((item) => item.id === tabId))
   const sessions = useSessionStore((state) => state.sessions)
   const updateTabStatus = useTabStore((state) => state.updateTabStatus)
-  const fullscreenActive = useDesktopFullscreenStore(
-    (state) => state.active && state.tabId === tabId
-  )
+  const fullscreenActive = useDesktopFullscreenStore((state) => state.active && state.tabId === tabId)
   const enterFullscreen = useDesktopFullscreenStore((state) => state.enter)
   const exitFullscreen = useDesktopFullscreenStore((state) => state.exit)
   const toggleFullscreen = useDesktopFullscreenStore((state) => state.toggle)
@@ -126,18 +116,14 @@ export default function DesktopSessionView({ tabId, isActive }: DesktopSessionVi
         const local = sessions.find((item) => item.id === tab.sessionId)
         if (local) {
           if (!cancelled) {
-            setResolvedConfig(
-              protocol === 'rdp' ? sessionToRdpConfig(local) : sessionToVncConfig(local)
-            )
+            setResolvedConfig(protocol === 'rdp' ? sessionToRdpConfig(local) : sessionToVncConfig(local))
           }
           return
         }
         const response = await window.opsxApi?.sessionGetById?.(tab.sessionId)
         if (!cancelled && response?.success && response.session) {
           setResolvedConfig(
-            protocol === 'rdp'
-              ? sessionToRdpConfig(response.session)
-              : sessionToVncConfig(response.session)
+            protocol === 'rdp' ? sessionToRdpConfig(response.session) : sessionToVncConfig(response.session)
           )
         }
       }
@@ -548,11 +534,7 @@ export default function DesktopSessionView({ tabId, isActive }: DesktopSessionVi
     event.preventDefault()
 
     const isPasteChord =
-      pressed &&
-      (event.metaKey || event.ctrlKey) &&
-      event.code === 'KeyV' &&
-      !event.altKey &&
-      !event.shiftKey
+      pressed && (event.metaKey || event.ctrlKey) && event.code === 'KeyV' && !event.altKey && !event.shiftKey
 
     if (isPasteChord) {
       // Do not forward Ctrl/Cmd+V — sync remote clipboard then native injects Ctrl+V.
@@ -597,10 +579,7 @@ export default function DesktopSessionView({ tabId, isActive }: DesktopSessionVi
   }
 
   const Icon = protocol === 'rdp' ? Monitor : Cast
-  const hostLabel =
-    resolvedConfig && 'host' in resolvedConfig
-      ? resolvedConfig.host
-      : tab?.title
+  const hostLabel = resolvedConfig && 'host' in resolvedConfig ? resolvedConfig.host : tab?.title
   const connected = tab?.connectionStatus === 'connected'
 
   const toolBtn =
@@ -610,8 +589,8 @@ export default function DesktopSessionView({ tabId, isActive }: DesktopSessionVi
     <div
       className={`flex items-center gap-2 px-2.5 py-1.5 text-xs ${
         fullscreenActive
-          ? 'rounded-b-lg border border-t-0 border-dark-700/60 bg-dark-900/95 shadow-lg shadow-black/40 backdrop-blur'
-          : 'border-b border-dark-700/50 bg-dark-800/80'
+          ? 'border-dark-700/60 bg-dark-900/95 rounded-b-lg border border-t-0 shadow-lg shadow-black/40 backdrop-blur'
+          : 'border-dark-700/50 bg-dark-800/80 border-b'
       }`}
       onMouseEnter={() => {
         if (fullscreenActive) {
@@ -636,11 +615,7 @@ export default function DesktopSessionView({ tabId, isActive }: DesktopSessionVi
       {tab?.connectionStatus === 'connecting' ? (
         <RefreshCw className="h-3 w-3 flex-shrink-0 animate-spin text-yellow-400" />
       ) : (
-        <span
-          className={`h-1.5 w-1.5 flex-shrink-0 rounded-full ${
-            connected ? 'bg-green-500' : tab?.connectionStatus === 'error' ? 'bg-red-500' : 'bg-dark-500'
-          }`}
-        />
+        <StatusDot state={connected ? 'connected' : tab?.connectionStatus === 'error' ? 'error' : 'disconnected'} />
       )}
       <span className="min-w-0 flex-1 truncate text-txt-muted">{statusMessage}</span>
       {error && <span className="max-w-[30%] truncate text-red-400">{error}</span>}
@@ -739,7 +714,7 @@ export default function DesktopSessionView({ tabId, isActive }: DesktopSessionVi
         <canvas
           ref={canvasRef}
           tabIndex={0}
-          className="cursor-default outline-none shadow-lg shadow-black/40"
+          className="cursor-default shadow-lg shadow-black/40 outline-none"
           onContextMenu={(event) => event.preventDefault()}
           onMouseMove={(event) => mapPointer(event)}
           onMouseDown={(event) => mapPointer(event, true)}