Title: Add interface zoom (⌘+ / ⌘- / ⌘0) to scale the whole app up or down · Issue #68 · modelstudioai/openwork · GitHub
Open Graph Title: Add interface zoom (⌘+ / ⌘- / ⌘0) to scale the whole app up or down · Issue #68 · modelstudioai/openwork
X Title: Add interface zoom (⌘+ / ⌘- / ⌘0) to scale the whole app up or down · Issue #68 · modelstudioai/openwork
Description: Problem or Motivation Every mainstream desktop app that OpenWork is benchmarked against exposes an interface zoom control that scales the entire UI up or down, driven by the platform-standard keyboard shortcuts ⌘+ / ⌘- / ⌘0 (Ctrl on Wind...
Open Graph Description: Problem or Motivation Every mainstream desktop app that OpenWork is benchmarked against exposes an interface zoom control that scales the entire UI up or down, driven by the platform-standard keybo...
X Description: Problem or Motivation Every mainstream desktop app that OpenWork is benchmarked against exposes an interface zoom control that scales the entire UI up or down, driven by the platform-standard keybo...
Opengraph URL: https://github.com/modelstudioai/openwork/issues/68
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Add interface zoom (⌘+ / ⌘- / ⌘0) to scale the whole app up or down","articleBody":"## Problem or Motivation\n\nEvery mainstream desktop app that OpenWork is benchmarked against exposes an **interface zoom** control that scales the *entire* UI up or down, driven by the platform-standard keyboard shortcuts **⌘+ / ⌘- / ⌘0** (Ctrl on Windows/Linux):\n\n- **Claude Desktop** — View → Zoom In / Zoom Out / Actual Size (⌘+ / ⌘- / ⌘0).\n- **VS Code** — View → Appearance → Zoom In/Out/Reset (same shortcuts).\n- **Codex desktop / ChatGPT desktop / Slack / Discord** — all ship the same ⌘+/⌘-/⌘0 zoom.\n\nOpenWork has **no interface zoom** today. `grep -rn \"setZoomLevel\\|zoomFactor\\|webFrame\\|zoom\" apps/electron/src` finds nothing, and there is no `⌘+/⌘-/⌘0` binding in the action registry (`apps/electron/src/renderer/actions/definitions.ts`). Users on high-DPI displays who want everything (sidebar, chat, settings, dialogs) larger — or users who want to fit more on screen — have no way to do it. This is an accessibility and comfort gap, and a basic desktop-app expectation.\n\n\u003e Note: this is distinct from any per-surface \"chat text size\" / \"conversation width\" proposals — interface zoom scales the **whole** renderer (sidebars, navigator, settings, dialogs, composer), not just message text.\n\n## Proposed Solution\n\nA renderer-only, frontend-only interface-zoom preference:\n\n- A **`ZoomProvider`** (renderer context, mirrors the merged `ReduceMotionProvider` pattern) that owns a discrete zoom factor from a Chrome-like step list (50%–200%), applies it by setting `document.documentElement.style.zoom`, and persists it in `localStorage` (`craft-zoom-level`) so it survives restarts. No IPC, no backend, no `config.json`.\n- Three new **action-registry** entries — `view.zoomIn` (`mod+=`), `view.zoomOut` (`mod+-`), `view.zoomReset` (`mod+0`) — under the existing **View** category. Registering them means they automatically appear in the **Command Palette (⌘K)** and the **Settings → Keyboard Shortcuts** reference for free.\n- A **Zoom** control in **Settings → Appearance → Interface**: a `−` / percentage / `+` stepper with a **Reset** affordance, for discoverability and mouse-only users (parallels Claude Desktop's View menu entries).\n- i18n keys added to all **7** locales (`en`, `de`, `es`, `hu`, `ja`, `pl`, `zh-Hans`).\n\n**Feasibility: frontend-only.** CSS `zoom` on `\u003chtml\u003e` is a Chromium-native property that scales the whole tree including portalled dialogs; persistence reuses the existing `lib/local-storage.ts` helper; the shortcuts reuse the existing action-registry/hotkey infrastructure. The qwen-code backend is untouched.\n\n## Acceptance criteria (what the CDP assertion will check)\n\nDriving the real built app over CDP, entirely in the draft/no-session state (Settings only, no backend):\n\n1. Open **Settings → Appearance → Interface**; the **Zoom** control renders, showing **100%** initially, with **no** inline `zoom` style on `\u003chtml\u003e`.\n2. Click **Zoom in** → the percentage rises (e.g. 110%), `document.documentElement.style.zoom` becomes the matching factor, and `localStorage[\"craft-zoom-level\"]` persists it.\n3. Click **Reset** → back to **100%**, the inline `zoom` style is cleared, and the persisted value returns to the default — proving it applies, persists, and reverts, not merely renders.\n\n## Alternatives Considered\n\n- **Electron `webFrame.setZoomFactor`** (native webContents zoom): would require exposing `webFrame` through the preload bridge and does not persist across reloads on its own. The CSS-`zoom` approach is purely renderer, persists via the existing localStorage helper, and is trivially assertable over CDP — strictly simpler for a frontend-only change.\n\n_Filed by the autonomous desktop-feature loop (`loop-bot`)._","author":{"url":"https://github.com/DragonnZhang","@type":"Person","name":"DragonnZhang"},"datePublished":"2026-07-08T01:22:32.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/68/openwork/issues/68"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:933bb888-15af-e566-ac7f-7678340405a4 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | D906:11304E:200DCD7:2BF4387:6A541138 |
| html-safe-nonce | 3317832ab5394837d51c919c146d18b8d24c65dd77d179a74dc901bc23e8ae31 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJEOTA2OjExMzA0RToyMDBEQ0Q3OjJCRjQzODc6NkE1NDExMzgiLCJ2aXNpdG9yX2lkIjoiOTAzOTY1OTg2MzQzMzgxMDIzMiIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | dcbc982b195e91d39f7bff031f0c6f4123057eac762a4dd3e2ea9214daad94dd |
| hovercard-subject-tag | issue:4833498879 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/modelstudioai/openwork/68/issue_layout |
| twitter:image | https://opengraph.githubassets.com/723cdbb1d4e2ed41e1b83a4f33a06722128cb57798848ac4be3e58066b57c6cd/modelstudioai/openwork/issues/68 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/723cdbb1d4e2ed41e1b83a4f33a06722128cb57798848ac4be3e58066b57c6cd/modelstudioai/openwork/issues/68 |
| og:image:alt | Problem or Motivation Every mainstream desktop app that OpenWork is benchmarked against exposes an interface zoom control that scales the entire UI up or down, driven by the platform-standard keybo... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | DragonnZhang |
| hostname | github.com |
| expected-hostname | github.com |
| None | b9a586c06a05a7a86fc7e3f4dbd03e42f6869085879aa184aa6369456dbd50fb |
| turbo-cache-control | no-preview |
| go-import | github.com/modelstudioai/openwork git https://github.com/modelstudioai/openwork.git |
| octolytics-dimension-user_id | 283556804 |
| octolytics-dimension-user_login | modelstudioai |
| octolytics-dimension-repository_id | 1256697754 |
| octolytics-dimension-repository_nwo | modelstudioai/openwork |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 1256697754 |
| octolytics-dimension-repository_network_root_nwo | modelstudioai/openwork |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 07a982c1d40157c619b364352b704c3ce66bb332 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width