LABS-354 Bring Chia Wallet to foreground when Wallet Connect confirmation dialog shows (#2808)

* LABS-354: Focus GUI on wallet connect request

* LABS-354: Addressed Windows issue

* LABS-354: Added `app.focus()`

Author: ChiaMineJP

packages/gui/src/@types/AppService.ts

@@ -49,6 +49,9 @@ type AppService = {
   subscribeToMultipleDownloadProgress: (callback: (...args: unknown[]) => void) => () => void;
   subscribeToErrorDownloadingUrl: (callback: (...args: unknown[]) => void) => () => void;
   subscribeToMultipleDownloadDone: (callback: (...args: unknown[]) => void) => () => void;
+
+  // Window operations
+  focusWindow: () => Promise<void>;
 };
 
 export default AppService;

packages/gui/src/electron/constants/AppAPI.ts

@@ -37,6 +37,8 @@ enum AppAPI {
   ON_MULTIPLE_DOWNLOAD_PROGRESS = `${API.APP}:onMultipleDownloadProgress`,
   ON_ERROR_DOWNLOADING_URL = `${API.APP}:onErrorDownloadingUrl`,
   ON_MULTIPLE_DOWNLOAD_DONE = `${API.APP}:onMultipleDownloadDone`,
+
+  FOCUS_WINDOW = `${API.APP}:focusWindow`,
 }
 
 export default AppAPI;

packages/gui/src/electron/main.tsx

@@ -432,6 +432,26 @@ if (ensureSingleInstance() && ensureCorrectEnvironment()) {
       tasks.forEach((task) => task(mainWindow!));
     });
 
+    ipcMainHandle(AppAPI.FOCUS_WINDOW, () => {
+      if (mainWindow) {
+        if (mainWindow.isMinimized()) {
+          mainWindow.restore();
+        }
+        mainWindow.show();
+        // On macOS, app.focus() brings the entire application to the foreground
+        if (process.platform === 'darwin') {
+          app.focus({ steal: true });
+        }
+        mainWindow.focus();
+        // On Windows, focus() alone may not bring window to foreground due to OS restrictions.
+        // Using setAlwaysOnTop temporarily ensures the window comes to front.
+        if (process.platform === 'win32') {
+          mainWindow.setAlwaysOnTop(true);
+          mainWindow.setAlwaysOnTop(false);
+        }
+      }
+    });
+
     decidedToClose = false;
     const mainWindowState = windowStateKeeper({
       defaultWidth: 1200,

packages/gui/src/electron/preload.ts

@@ -66,6 +66,8 @@ contextBridge.exposeInMainWorld(API.APP, {
     onIpcEvent(AppAPI.ON_ERROR_DOWNLOADING_URL, callback),
   subscribeToMultipleDownloadDone: (callback: (...args: unknown[]) => void) =>
     onIpcEvent(AppAPI.ON_MULTIPLE_DOWNLOAD_DONE, callback),
+
+  focusWindow: () => invokeWithCustomErrors(AppAPI.FOCUS_WINDOW),
 });
 
 contextBridge.exposeInMainWorld(API.PREFERENCES, {

packages/gui/src/hooks/useWalletConnectCommand.tsx

@@ -122,6 +122,8 @@ export default function useWalletConnectCommand(options: UseWalletConnectCommand
       if (hasPermissions) {
         return true;
       }
+      // Bring the window to foreground when showing approval dialog
+      await window.appAPI.focusWindow();
       const isConfirmed = await openDialog(
         <WalletConnectRequestPermissionsConfirmDialog
           topic={topic}
@@ -135,6 +137,8 @@ export default function useWalletConnectCommand(options: UseWalletConnectCommand
       return isConfirmed;
     }
 
+    // Bring the window to foreground when showing approval dialog
+    await window.appAPI.focusWindow();
     const isConfirmed = await openDialog(
       <WalletConnectConfirmDialog
         topic={topic}