for website). Tooltips on hover show label + shortcut. SVGs are inline in src/canvas/icons.tsx, using currentColor so
they inherit the text color.
Embed website — new WebCard kind:
- Click the globe → prompt() for URL (auto-prepends https:// if missing).
- Card layout: header (title or hostname) → URL bar (monospace, Enter to navigate, Esc to cancel) → iframe sandboxed
with allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox.
- Right-click the header to rename. Sites with X-Frame-Options: DENY won't render — that's the iframe-route caveat I
mentioned; we can upgrade to a real Tauri Webview later if too many sites are blocked.
Shortcuts — all gated on !isInEditable(activeElement) so they don't fire while typing in CodeMirror, an input, or
xterm:
- Ctrl/Cmd+D — duplicate the top-z card (terminals get a fresh shell, same position+28px, same title)
- Ctrl/Cmd+N — new note
- Ctrl/Cmd+T — new terminal
- Delete / Backspace — close the top-z card
"Top-z card" = the one most recently clicked or just created, which matches the "click to focus" model we already
have. To duplicate a terminal: click its header to focus, then Ctrl+D — xterm itself doesn't get the keystroke because
the header isn't an editable target.