dedicated interactivity/click-through toggle

README.md

@@ -65,6 +65,7 @@ All it takes is modest JavaScript/TypeScript knowledge and understanding of the
 The application uses unidentifiable global keyboard shortcuts that won't be detected by browsers or other applications:
 
 - Toggle Window Visibility: [Control or Cmd + B]
+- Toggle Window Interactivity: [Control or Cmd + U]
 - Move Window: [Control or Cmd + Arrow keys]
 - Take Screenshot: [Control or Cmd + H]
 - Delete Last Screenshot: [Control or Cmd + L]
@@ -145,6 +146,7 @@ chmod +x stealth-run.sh
 ```
 
 **IMPORTANT**: The application window will be invisible by default! Use Ctrl+B (or Cmd+B on Mac) to toggle visibility.
+               The application window will be non-interactive by default! Use Ctrl+U (or Cmd+U on Mac) to toggle interactivity.
 
 ### Building Distributable Packages
 
@@ -244,6 +246,7 @@ The packaged applications will be available in the `release` directory.
 5. **Window Management**
    - Move window using [Control or Cmd + Arrow keys]
    - Toggle visibility with [Control or Cmd + B]
+   - Toggle interactivity with [Control or Cmd + U]
    - Adjust opacity with [Control or Cmd + [] and [Control or Cmd + ]]
    - Window remains invisible to specified screen sharing applications
    - Start a new problem using [Control or Cmd + R]

electron/main.ts

@@ -17,6 +17,7 @@
   // Window management properties
   mainWindow: null as BrowserWindow | null,
   isWindowVisible: false,
+  isWindowClickThrough: true,
   windowPosition: null as { x: number; y: number } | null,
   windowSize: null as { width: number; height: number } | null,
   screenWidth: 0,
@@ -81,6 +82,7 @@
   setView: (view: "queue" | "solutions" | "debug") => void
   isVisible: () => boolean
   toggleMainWindow: () => void
+  toggleClickThrough: () =>void
   moveWindowLeft: () => void
   moveWindowRight: () => void
   moveWindowUp: () => void
@@ -101,6 +103,7 @@
   takeScreenshot: () => Promise<string>
   getView: () => "queue" | "solutions" | "debug"
   toggleMainWindow: () => void
+  toggleClickThrough: () => void
   clearQueues: () => void
   setView: (view: "queue" | "solutions" | "debug") => void
   moveWindowLeft: () => void
@@ -138,6 +141,7 @@
     setView,
     isVisible: () => state.isWindowVisible,
     toggleMainWindow,
+    toggleClickThrough,
     moveWindowLeft: () =>
       moveWindowHorizontal((x) =>
         Math.max(-(state.windowSize?.width || 0) / 2, x - state.step)
@@ -239,6 +243,7 @@
   }
 
   state.mainWindow = new BrowserWindow(windowSettings)
+  state.mainWindow.setIgnoreMouseEvents(true, { forward: true });
 
   // Add more detailed logging for window events
   state.mainWindow.webContents.on("did-finish-load", () => {
@@ -269,7 +274,7 @@
       const indexPath = path.join(__dirname, "../dist/index.html")
       console.log("Falling back to:", indexPath)
       if (fs.existsSync(indexPath)) {
         state.mainWindow.loadFile(indexPath)
       } else {
         console.error("Could not find index.html in dist folder")
       }
@@ -390,11 +395,11 @@
 // Window visibility functions
 function hideMainWindow(): void {
   if (!state.mainWindow?.isDestroyed()) {
     const bounds = state.mainWindow.getBounds();
     state.windowPosition = { x: bounds.x, y: bounds.y };
     state.windowSize = { width: bounds.width, height: bounds.height };
     state.mainWindow.setIgnoreMouseEvents(true, { forward: true });
     state.mainWindow.setOpacity(0);
     state.isWindowVisible = false;
     console.log('Window hidden, opacity set to 0');
   }
@@ -403,18 +408,18 @@
 function showMainWindow(): void {
   if (!state.mainWindow?.isDestroyed()) {
     if (state.windowPosition && state.windowSize) {
       state.mainWindow.setBounds({
         ...state.windowPosition,
         ...state.windowSize
       });
     }
-    state.mainWindow.setIgnoreMouseEvents(false);
+    //state.mainWindow.setIgnoreMouseEvents(false);
     state.mainWindow.setAlwaysOnTop(true, "screen-saver", 1);
     state.mainWindow.setVisibleOnAllWorkspaces(true, {
       visibleOnFullScreen: true
     });
     state.mainWindow.setContentProtection(true);
     state.mainWindow.setOpacity(0); // Set opacity to 0 before showing
     state.mainWindow.showInactive(); // Use showInactive instead of show+focus
     state.mainWindow.setOpacity(1); // Then set opacity to 1 after showing
     state.isWindowVisible = true;
@@ -431,6 +436,34 @@
   }
 }
 
+
+function enableClickThrough(): void {
+  if (!state.mainWindow?.isDestroyed()) {
+    state.mainWindow.setIgnoreMouseEvents(true, { forward: true });
+    state.isWindowClickThrough=true;
+    console.log('Window is click-through');
+  }
+}
+
+function disableClickThrough(): void {
+  if (!state.mainWindow?.isDestroyed()) {
+    state.mainWindow.setIgnoreMouseEvents(false);
+    state.isWindowClickThrough=false;
+    console.log('Window is not click-through');
+  }
+}
+
+//dedicated toggle for interactivity with main-window
+//so that the mouse interactions with the main-window can be turned off and pointer will stay as it is
+function toggleClickThrough(): void {
+  console.log(`Toggling window. Current state: ${state.isWindowClickThrough ? 'click-through' : 'not click-through'}`);
+  if (state.isWindowClickThrough) {
+    disableClickThrough();
+  } else {
+    enableClickThrough();
+  }
+}
+
 // Window movement functions
 function moveWindowHorizontal(updateFn: (x: number) => number): void {
   if (!state.mainWindow) return
@@ -543,6 +576,7 @@
       takeScreenshot,
       getView,
       toggleMainWindow,
+      toggleClickThrough,
       clearQueues,
       setView,
       moveWindowLeft: () =>
@@ -692,6 +726,7 @@
   hideMainWindow,
   showMainWindow,
   toggleMainWindow,
+  toggleClickThrough,
   setWindowDimensions,
   moveWindowHorizontal,
   moveWindowVertical,

electron/shortcuts.ts

@@ -148,6 +148,14 @@ export class ShortcutsHelper {
         mainWindow.webContents.setZoomLevel(currentZoom + 0.5)
       }
     })
+
+    globalShortcut.register("CommandOrControl+U", () => {
+      console.log("Command/Ctrl + U pressed. Click-through enabled.")
+      const mainWindow = this.deps.getMainWindow()
+      if (mainWindow) {
+        this.deps.toggleClickThrough()
+      }
+    })
 
     // Delete last screenshot shortcut
     globalShortcut.register("CommandOrControl+L", () => {

src/components/Settings/SettingsDialog.tsx

@@ -463,6 +463,9 @@ export function SettingsDialog({ open: externalOpen, onOpenChange }: SettingsDia
               <div className="grid grid-cols-2 gap-y-2 text-xs">
                 <div className="text-white/70">Toggle Visibility</div>
                 <div className="text-white/90 font-mono">Ctrl+B / Cmd+B</div>
+
+                <div className="text-white/70">Toggle Interactivity</div>
+                <div className="text-white/90 font-mono">Ctrl+U / Cmd+U</div>
 
                 <div className="text-white/70">Take Screenshot</div>
                 <div className="text-white/90 font-mono">Ctrl+H / Cmd+H</div>