fix(browser): restore zoom scaling for native view bounds

[benjaminshafii]

Problem

After #2020, the embedded browser view is misaligned within its panel whenever the app zoom is not 100%. At zoom 1.0 it's pixel-perfect; at any other zoom the native view no longer lines up with the panel chrome.

Root cause

#2020 removed the * zoom multiply from computeBounds, on the assumption that getBoundingClientRect() already reports coordinates in the native view's coordinate space. That assumption is wrong.

Zoom is applied via Electron's webContents.setZoomFactor (see __setZoomFactor in main.mjs). Under setZoomFactor(f), the page is scaled so getBoundingClientRect() / innerWidth report CSS pixels divided by the zoom factor. WebContentsView.setBounds, however, takes window device-independent pixels — a content area whose size does not change with page zoom.

Verified live via a temporary debug IPC (getContentBounds / view getBounds):

	zoom 1.0	zoom 1.5
innerWidth	1180	786 (= 1180 / 1.5)
window contentBounds.width	1180	1180 (unchanged)

So renderer rects must be multiplied back by the zoom factor (786 × 1.5 = 1180) to map into native DIP. Removing the multiply under-scaled the view at zoom ≠ 1.

Fix

Restore the zoom multiplication in computeBounds and getNativeMenuPoint (extracted into a small getZoomFactor() helper), while keeping the rounded-edge width/height derivation from #2020 that avoids a 1px seam. At zoom = 1 the output is identical to current dev.

Testing

pnpm --filter @openwork/app typecheck → exit 0.

Verified live via CDP at zoom 1.0 and 1.5 by comparing the panel chrome rect (×zoom) to the actual native WebContentsView bounds:

• zoom 1.0: view {x:705, y:81, w:431, h:739} — matches placeholder exactly.
• zoom 1.5: view {x:745, y:122, w:369, h:698} — leftAligned: true, rightAligned: true, chrome-bottom→view-top gap: 0. Right edge (1114) leaves exactly the 66 DIP (44 CSS × 1.5) rail.
• Bounds auto-resync on a live zoom change (ResizeObserver fires, no manual nudge needed): autoSynced: true.

Reproduce

1. pnpm dev, open a session.
2. Zoom the app (Cmd +) to e.g. 150%.
3. Click the Globe rail button → browser opens on Google and the web view fills the panel flush with the chrome (no offset/gap).

Notes

• Follow-up to fix(browser): open new tabs on Google, auto-open pane, fix view centering #2020 (which fixed the default URL + auto-open but regressed the zoom math).

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
openwork-app	Ready	Preview, Comment	Jun 1, 2026 9:02pm
openwork-den	Ready	Preview, Comment	Jun 1, 2026 9:02pm
openwork-den-worker-proxy	Ready	Preview, Comment	Jun 1, 2026 9:02pm
openwork-landing	Ready	Preview, Comment, Open in v0	Jun 1, 2026 9:02pm

[cubic-dev-ai]

No issues found across 1 file

_{Re-trigger cubic}