Zoom Mode
Preview notes inline by clicking any node in the graph. View frontmatter and content without leaving the visualization.
Zoom preview showing frontmatter and content
Entering & Exiting
Enter: Click any node
Switch focus: Click another node while in zoom mode
Exit: Click the focused node again, or click outside the graph
Focus indicator: Focused node has a thick blue border (3px, #2563eb)
Preview Panel
The preview panel appears at the bottom with two sections:
Frontmatter Section
- Property key-value pairs
- Clickable wiki links
- Arrays as bulleted lists
- Respects property display settings
- Height: Zoom Preview Frontmatter Height (50-300px, default 90px)
Content Section
- Rendered markdown
- Clickable links
- Scrollable
- Height: Zoom Preview Height (120-700px, default 280px)
Toggling Sections
Eye icons in header toggle visibility:
- Left icon: Frontmatter
- Right icon: Content
Commands:
- "Toggle Focus Content (Zoom Preview)"
- "Toggle Focus Frontmatter (Zoom Preview)"
Default visibility: Configure in settings
Tip: Assign hotkeys for quick toggling
Navigation
Clicking
Wiki links: Navigate to linked node, stay in zoom mode
Other nodes: Switch focus instantly
Edges: Focus on target node
External links: Open in browser
Keyboard
Arrow keys:
- ⬆️ Up: Navigate to parent
- ⬇️ Down: Navigate to child
- ⬅️ Left: Navigate to left node (spatial)
- ➡️ Right: Navigate to right node (spatial)
Tree navigation (hierarchical mode only):
- ⏎ Enter: Next tree root (wraps around)
- ⇧ Shift+Enter: Previous tree root (wraps around)
Quick return to source:
- Center on Source Node command: Returns focus to the original source file in zoom mode
- Assign a hotkey for quick access
Next Steps
- Tooltips — Quick hover-based previews (alternative to zoom)
- Context Menus — Right-click actions
- Graph Views — View modes and navigation
- Configuration — Zoom height, default visibility settings
- Mobile Support — Touch-optimized zoom behavior
- Hotkeys — Keyboard shortcuts for zoom commands