Skip to content

feat(viewer): add a focus mode that leaves only the canvas - #40

Merged
hyamero merged 3 commits into
stagingfrom
feat/focus-mode
Oct 2, 2026
Merged

hyamero merged 3 commits into
stagingfrom
feat/focus-mode

Conversation

@hyamero

@hyamero hyamero commented Oct 2, 2026

Copy link
Copy Markdown
Member

Adds a focus mode to the viewer: the canvas alone, with everything on it still working.

  • Z, or Focus in the toolbar, hides the header, view tabs, inspector and identity card. The canvas fills the window and re-fits the diagram. Selecting, search, trace, route, play and zoom keep working; a selection's details show once focus ends.
  • H, in focus, hides the toolbar too. One eye button stays as the way back. Leaving focus always restores the toolbar.
  • Focus isn't kept in share links. On phone widths the Focus button is hidden so the toolbar stays on one row.

The site's viewer docs, keyboard list and search cover focus mode and the Z and H keys. The visual baselines are updated for the new toolbar button, from CI's update-visual run.

Tests: e2e/focus.spec.ts covers entering and leaving focus, the re-fit, selection while focused, hiding and showing the toolbar, and ignoring the keys while typing in search.

@vercel

vercel Bot commented Oct 2, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
stackmap-site Ready Ready Preview Oct 2, 2026 8:31am UTC

@hyamero
hyamero merged commit 54b3a7c into staging Oct 2, 2026
7 checks passed
@hyamero
hyamero deleted the feat/focus-mode branch October 2, 2026 08:38
@github-actions

github-actions Bot commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 0.2.0-rc.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions

github-actions Bot commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 0.2.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

This branch was successfully deployed

1 active deployment
Preview — 84da542d Deployed Oct 2, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant