Ensure overlay modal grabs input

src/renderer/error-recovery.test.ts

@@ -190,3 +190,38 @@ test('resolvePlatformInfo supports secondary layer and disables mouse-ignore tog
     });
   }
 });
+
+test('resolvePlatformInfo supports modal layer and disables mouse-ignore toggles', () => {
+  const previousWindow = (globalThis as { window?: unknown }).window;
+  const previousNavigator = (globalThis as { navigator?: unknown }).navigator;
+
+  Object.defineProperty(globalThis, 'window', {
+    configurable: true,
+    value: {
+      electronAPI: {
+        getOverlayLayer: () => 'modal',
+      },
+      location: { search: '' },
+    },
+  });
+  Object.defineProperty(globalThis, 'navigator', {
+    configurable: true,
+    value: {
+      platform: 'MacIntel',
+      userAgent: 'Mozilla/5.0 (Macintosh)',
+    },
+  });
+
+  try {
+    const info = resolvePlatformInfo();
+    assert.equal(info.overlayLayer, 'modal');
+    assert.equal(info.isModalLayer, true);
+    assert.equal(info.shouldToggleMouseIgnore, false);
+  } finally {
+    Object.defineProperty(globalThis, 'window', { configurable: true, value: previousWindow });
+    Object.defineProperty(globalThis, 'navigator', {
+      configurable: true,
+      value: previousNavigator,
+    });
+  }
+});

src/renderer/error-recovery.ts

@@ -17,7 +17,7 @@ export type RendererRecoverySnapshot = {
   isOverlayInteractive: boolean;
   isOverSubtitle: boolean;
   invisiblePositionEditMode: boolean;
-  overlayLayer: 'visible' | 'invisible' | 'secondary';
+  overlayLayer: 'visible' | 'invisible' | 'secondary' | 'modal';
 };
 
 type NormalizedRendererError = {

src/renderer/modals/kiku.ts

@@ -110,6 +110,7 @@ export function createKikuModal(
 
     setKikuPreviewError(null);
     ctx.dom.kikuPreviewJson.textContent = '';
+    window.electronAPI.notifyOverlayModalClosed('kiku');
 
     ctx.state.kikuPendingChoice = null;
     ctx.state.kikuPreviewCompactData = null;

src/renderer/style.css

@@ -567,6 +567,16 @@ body.layer-secondary #secondarySubContainer {
   justify-content: center;
 }
 
+body.layer-modal #subtitleContainer,
+body.layer-modal #secondarySubContainer {
+  display: none !important;
+  pointer-events: none !important;
+}
+
+body.layer-modal #overlay {
+  justify-content: center;
+}
+
 #secondarySubRoot {
   text-align: center;
   font-size: 24px;

src/renderer/utils/platform.ts

@@ -1,9 +1,10 @@
-export type OverlayLayer = 'visible' | 'invisible' | 'secondary';
+export type OverlayLayer = 'visible' | 'invisible' | 'secondary' | 'modal';
 
 export type PlatformInfo = {
   overlayLayer: OverlayLayer;
   isInvisibleLayer: boolean;
   isSecondaryLayer: boolean;
+  isModalLayer: boolean;
   isLinuxPlatform: boolean;
   isMacOSPlatform: boolean;
   shouldToggleMouseIgnore: boolean;
@@ -16,7 +17,10 @@ export function resolvePlatformInfo(): PlatformInfo {
   const overlayLayerFromPreload = window.electronAPI.getOverlayLayer();
   const queryLayer = new URLSearchParams(window.location.search).get('layer');
   const overlayLayerFromQuery: OverlayLayer | null =
-    queryLayer === 'visible' || queryLayer === 'invisible' || queryLayer === 'secondary'
+    queryLayer === 'visible' ||
+    queryLayer === 'invisible' ||
+    queryLayer === 'secondary' ||
+    queryLayer === 'modal'
       ? queryLayer
       : null;
 
@@ -24,12 +28,14 @@ export function resolvePlatformInfo(): PlatformInfo {
     overlayLayerFromQuery ??
     (overlayLayerFromPreload === 'visible' ||
       overlayLayerFromPreload === 'invisible' ||
-      overlayLayerFromPreload === 'secondary'
+      overlayLayerFromPreload === 'secondary' ||
+      overlayLayerFromPreload === 'modal'
       ? overlayLayerFromPreload
       : 'visible');
 
   const isInvisibleLayer = overlayLayer === 'invisible';
   const isSecondaryLayer = overlayLayer === 'secondary';
+  const isModalLayer = overlayLayer === 'modal';
   const isLinuxPlatform = navigator.platform.toLowerCase().includes('linux');
   const isMacOSPlatform =
     navigator.platform.toLowerCase().includes('mac') || /mac/i.test(navigator.userAgent);
@@ -38,9 +44,10 @@ export function resolvePlatformInfo(): PlatformInfo {
     overlayLayer,
     isInvisibleLayer,
     isSecondaryLayer,
+    isModalLayer,
     isLinuxPlatform,
     isMacOSPlatform,
-    shouldToggleMouseIgnore: !isLinuxPlatform && !isSecondaryLayer,
+    shouldToggleMouseIgnore: !isLinuxPlatform && !isSecondaryLayer && !isModalLayer,
     invisiblePositionEditToggleCode: 'KeyP',
     invisiblePositionStepPx: 1,
     invisiblePositionStepFastPx: 4,