From a047a4a3a66175c2459115b327946f7498414119 Mon Sep 17 00:00:00 2001
From: hrsvrn <harshvardhanvatsa@gmail.com>
Date: Fri, 26 Jun 2026 03:49:58 +0530
Subject: [PATCH] feat(electron): add Cmd/Ctrl +/-/0 zoom shortcuts for the
 renderer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The app sets no application menu, so it relied on Electron's default menu
for the zoom accelerators — and on Linux that menu bar is suppressed by the
frameless `hiddenInset` title bar, leaving the shortcuts unhandled. Wire
them directly via `before-input-event`: Cmd/Ctrl + (+/=) zooms in,
(-/_) zooms out, and 0 resets, clamped to zoom levels -3..3.
`event.preventDefault()` stops the keystroke from leaking into the editor.
---
 apps/x/apps/main/src/main.ts | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/apps/x/apps/main/src/main.ts b/apps/x/apps/main/src/main.ts
index f28433592..450d0f9e9 100644
--- a/apps/x/apps/main/src/main.ts
+++ b/apps/x/apps/main/src/main.ts
@@ -216,6 +216,38 @@ function configureSessionPermissions(targetSession: Session): void {
   });
 }
 
+// Wire Ctrl/Cmd + (+ / − / 0) to zoom the renderer in/out/reset.
+// The app sets no application menu, so the default menu's zoom roles aren't
+// available — and on Linux the menu bar is suppressed by the frameless
+// `hiddenInset` title bar — so handle the accelerators directly here.
+// `event.preventDefault()` stops the keystroke from leaking into the editor.
+function setupZoomShortcuts(win: BrowserWindow) {
+  const ZOOM_STEP = 0.5; // zoom-level units (factor = 1.2 ^ level, ~9.5% per step)
+  const MIN_ZOOM_LEVEL = -3;
+  const MAX_ZOOM_LEVEL = 3;
+  const wc = win.webContents;
+
+  wc.on("before-input-event", (event, input) => {
+    if (input.type !== "keyDown") return;
+    // Cmd on macOS, Ctrl elsewhere.
+    if (!(process.platform === "darwin" ? input.meta : input.control)) return;
+
+    // input.key is the produced character: "+"/"=" share a physical key (as do
+    // "-"/"_"), and numpad +/- produce the same characters, so this covers both.
+    const key = input.key;
+    if (key === "+" || key === "=") {
+      wc.setZoomLevel(Math.min(wc.getZoomLevel() + ZOOM_STEP, MAX_ZOOM_LEVEL));
+      event.preventDefault();
+    } else if (key === "-" || key === "_") {
+      wc.setZoomLevel(Math.max(wc.getZoomLevel() - ZOOM_STEP, MIN_ZOOM_LEVEL));
+      event.preventDefault();
+    } else if (key === "0") {
+      wc.setZoomLevel(0);
+      event.preventDefault();
+    }
+  });
+}
+
 function createWindow() {
   const win = new BrowserWindow({
     width: 1280,
@@ -292,6 +324,9 @@ function createWindow() {
   // The WebContentsView is created lazily on first `browser:setVisible`.
   browserViewManager.attach(win);
 
+  // Cmd/Ctrl + (+ / − / 0) zoom shortcuts for the renderer UI.
+  setupZoomShortcuts(win);
+
   if (app.isPackaged) {
     win.loadURL("app://-/index.html");
   } else {