feat: implement floating chat window system with performance optimization

src/main/events.ts

@@ -177,6 +177,7 @@ export const MEETING_EVENTS = {
 // 悬浮按钮相关事件
 export const FLOATING_BUTTON_EVENTS = {
   CLICKED: 'floating-button:clicked', // 悬浮按钮被点击
+  RIGHT_CLICKED: 'floating-button:right-clicked', // 悬浮按钮被右键点击
   VISIBILITY_CHANGED: 'floating-button:visibility-changed', // 悬浮按钮显示状态改变
   POSITION_CHANGED: 'floating-button:position-changed', // 悬浮按钮位置改变
   ENABLED_CHANGED: 'floating-button:enabled-changed' // 悬浮按钮启用状态改变

src/main/presenter/floatingButtonPresenter/FloatingButtonWindow.ts

@@ -170,6 +170,10 @@ export class FloatingButtonWindow {
     return this.window !== null && !this.window.isDestroyed()
   }
 
+  public getWindow(): BrowserWindow | null {
+    return this.window
+  }
+
   /**
    * 计算悬浮按钮位置
    */

src/main/presenter/floatingButtonPresenter/index.ts

@@ -1,9 +1,9 @@
 import { FloatingButtonWindow } from './FloatingButtonWindow'
 import { FloatingButtonConfig, FloatingButtonState, DEFAULT_FLOATING_BUTTON_CONFIG } from './types'
 import { ConfigPresenter } from '../configPresenter'
-import { ipcMain } from 'electron'
+import { ipcMain, Menu, app } from 'electron'
 import { FLOATING_BUTTON_EVENTS } from '@/events'
-import { handleShowHiddenWindow } from '@/utils'
+import { presenter } from '../index'
 
 export class FloatingButtonPresenter {
   private floatingWindow: FloatingButtonWindow | null = null
@@ -48,6 +48,7 @@ export class FloatingButtonPresenter {
     this.config.enabled = false
 
     ipcMain.removeAllListeners(FLOATING_BUTTON_EVENTS.CLICKED)
+    ipcMain.removeAllListeners(FLOATING_BUTTON_EVENTS.RIGHT_CLICKED)
     if (this.floatingWindow) {
       this.floatingWindow.destroy()
       this.floatingWindow = null
@@ -107,12 +108,40 @@ export class FloatingButtonPresenter {
    */
   private async createFloatingWindow(): Promise<void> {
     ipcMain.removeAllListeners(FLOATING_BUTTON_EVENTS.CLICKED)
+    ipcMain.removeAllListeners(FLOATING_BUTTON_EVENTS.RIGHT_CLICKED)
 
-    ipcMain.on(FLOATING_BUTTON_EVENTS.CLICKED, () => {
+    ipcMain.on(FLOATING_BUTTON_EVENTS.CLICKED, async () => {
       try {
-        // 触发内置事件处理器
-        handleShowHiddenWindow(true)
-      } catch {}
+        let floatingButtonPosition: { x: number; y: number; width: number; height: number } | null =
+          null
+        if (this.floatingWindow && this.floatingWindow.exists()) {
+          const buttonWindow = this.floatingWindow.getWindow()
+          if (buttonWindow && !buttonWindow.isDestroyed()) {
+            const bounds = buttonWindow.getBounds()
+            floatingButtonPosition = {
+              x: bounds.x,
+              y: bounds.y,
+              width: bounds.width,
+              height: bounds.height
+            }
+          }
+        }
+        if (floatingButtonPosition) {
+          await presenter.windowPresenter.toggleFloatingChatWindow(floatingButtonPosition)
+        } else {
+          await presenter.windowPresenter.toggleFloatingChatWindow()
+        }
+      } catch (error) {
+        console.error('Failed to handle floating button click:', error)
+      }
+    })
+
+    ipcMain.on(FLOATING_BUTTON_EVENTS.RIGHT_CLICKED, () => {
+      try {
+        this.showContextMenu()
+      } catch (error) {
+        console.error('Failed to handle floating button right click:', error)
+      }
     })
 
     if (!this.floatingWindow) {
@@ -122,5 +151,86 @@ export class FloatingButtonPresenter {
 
     // 悬浮按钮创建后立即显示
     this.floatingWindow.show()
+
+    this.preCreateFloatingChatWindow()
+  }
+
+  private preCreateFloatingChatWindow(): void {
+    try {
+      presenter.windowPresenter.createFloatingChatWindow().catch((error) => {
+        console.error('Failed to pre-create floating chat window:', error)
+      })
+      console.log('Started pre-creating floating chat window in background')
+    } catch (error) {
+      console.error('Error starting pre-creation of floating chat window:', error)
+    }
+  }
+
+  private showContextMenu(): void {
+    const template = [
+      {
+        label: '打开主窗口',
+        click: () => {
+          this.openMainWindow()
+        }
+      },
+      {
+        type: 'separator' as const
+      },
+      {
+        label: '退出应用',
+        click: () => {
+          this.exitApplication()
+        }
+      }
+    ]
+
+    const contextMenu = Menu.buildFromTemplate(template)
+
+    if (this.floatingWindow && this.floatingWindow.exists()) {
+      const buttonWindow = this.floatingWindow.getWindow()
+      if (buttonWindow && !buttonWindow.isDestroyed()) {
+        contextMenu.popup({ window: buttonWindow })
+        return
+      }
+    }
+
+    const mainWindow = presenter.windowPresenter.mainWindow
+    if (mainWindow) {
+      contextMenu.popup({ window: mainWindow })
+    } else {
+      contextMenu.popup()
+    }
+  }
+
+  private openMainWindow(): void {
+    try {
+      const windowPresenter = presenter.windowPresenter
+      if (windowPresenter) {
+        const mainWindow = windowPresenter.mainWindow
+        if (mainWindow && !mainWindow.isDestroyed()) {
+          if (mainWindow.isMinimized()) {
+            mainWindow.restore()
+          }
+          mainWindow.show()
+          mainWindow.focus()
+          console.log('Main window opened from floating button context menu')
+        } else {
+          windowPresenter.createShellWindow({ initialTab: { url: 'local://chat' } })
+          console.log('Created new main window from floating button context menu')
+        }
+      }
+    } catch (error) {
+      console.error('Failed to open main window from floating button:', error)
+    }
+  }
+
+  private exitApplication(): void {
+    try {
+      console.log('Exiting application from floating button context menu')
+      app.quit()
+    } catch (error) {
+      console.error('Failed to exit application from floating button:', error)
+    }
   }
 }

src/main/presenter/tabPresenter.ts

@@ -942,4 +942,40 @@ export class TabPresenter implements ITabPresenter {
       }
     }
   }
+
+  registerFloatingWindow(webContentsId: number, webContents: Electron.WebContents): void {
+    try {
+      console.log(`TabPresenter: Registering floating window as virtual tab, ID: ${webContentsId}`)
+      if (this.tabs.has(webContentsId)) {
+        console.warn(`TabPresenter: Tab ${webContentsId} already exists, skipping registration`)
+        return
+      }
+      const virtualView = {
+        webContents: webContents,
+        setVisible: () => {},
+        setBounds: () => {},
+        getBounds: () => ({ x: 0, y: 0, width: 400, height: 600 })
+      } as any
+      this.webContentsToTabId.set(webContentsId, webContentsId)
+      this.tabs.set(webContentsId, virtualView)
+      console.log(
+        `TabPresenter: Virtual tab registered successfully for floating window ${webContentsId}`
+      )
+    } catch (error) {
+      console.error('TabPresenter: Failed to register floating window:', error)
+    }
+  }
+
+  unregisterFloatingWindow(webContentsId: number): void {
+    try {
+      console.log(`TabPresenter: Unregistering floating window virtual tab, ID: ${webContentsId}`)
+      this.webContentsToTabId.delete(webContentsId)
+      this.tabs.delete(webContentsId)
+      console.log(
+        `TabPresenter: Virtual tab unregistered successfully for floating window ${webContentsId}`
+      )
+    } catch (error) {
+      console.error('TabPresenter: Failed to unregister floating window:', error)
+    }
+  }
 }