Action Bar

The Floating Action Bar is a draggable toolbar that provides quick access to common actions. It appears on the left side of the canvas by default.

Positioning

• Drag the handle to reposition
• Position persists across sessions
• Stays visible at all zoom levels

Auto Layout Toggle

Shortcut: Alt/Option+A

When enabled:

• Last-used layout algorithm applies automatically
• Triggers when nodes are added, deleted, or resized
• Great for dynamic exploration

Note: All layout algorithms are available to all users. Pro users get advanced configuration options for the Hybrid layout.

Performance Monitor

Shows a dropdown with:

Performance Details

• Current FPS with color-coded status (green/yellow/red)
• Average, min/max FPS statistics
• Canvas stats: node count, edge count, handle count

Live Zoom Panel

Toggle individual elements during zoom:

• Folder Names
• File Names
• Folder Outlines
• Folder Backgrounds
• Node Borders
• Selected Outlines
• Edge Thickness

Throttle Slider: 0-200ms update frequency

Toggle Features Panel

• Bezier Edges (vs straight)
• Handles Inline (vs stacked)
• Show Unconnected exports
• Edge Arrows

Fit View Button

Shortcut: Shift+F

Behavior:

• Appears with pulsing animation when files are off-screen
• Adjusts zoom and pan to show all nodes
• Fits to selection if nodes are selected

Changed Files Button

Shortcut: Shift+O

Badge shows:

• X/Y format: X not on canvas / Y total changed
• Only appears when changes exist

Click: Adds all changed files not yet on canvas

References Button

Tooltip: "Open files that import this file"

Actions:

Badge shows:

• Reference count
• Or X/Y (open/total) format
• Loading spinner during fetch

Multi-select mode:

• Opens panel with file list
• Limit control to cap refs per file

Imports Button

Tooltip: "Open imports from N selected files"

Actions:

Badge shows:

• Import count
• Or X/Y (open/total) format

Dropdown features:

• Lists all imports
• Highlights already-open imports
• Click to open individual files

Folder Files (Shallow)

Tooltip: "Get more context around your selection"

Behavior:

• Shows sibling file count badge
• Opens files from the same folder as selection
• Helps explore immediate context

Disabled when:

• No selection
• No sibling files available

Folder Files (Recursive)

Tooltip: "Explore the full module context"

Behavior:

• Shows total file count badge
• Opens entire folder tree contents
• Respects ignore patterns

Use for:

• Loading entire modules
• Exploring package structure
• Complete context gathering

Highlight Symbols

Tooltip: "Highlight all N top-level symbols from X selected files"

Behavior:

• Collects symbols from selected files
• Highlights with staggered animation (200ms delay)
• Sets files to Changes view mode first

Badge shows: Total symbol count

Tips:

• Cmd/Ctrl+Click on individual symbols to highlight one at a time
• Warning appears if files lack symbol data

Open Files Button

Tooltip: "Open N files in VS Code"

Actions:

Badge shows: Selected file count

The action bar uses visual dividers to group related buttons:

When Action Bar Shows

• Always visible when canvas is open
• Floats above the canvas content
• Maintains position during pan/zoom

Button States

Conditional Buttons

Some buttons only appear when relevant:

• Fit View: Pulses when nodes are off-screen
• Changed Files: Only shows with uncommitted changes
• Selection buttons: Only active with selection

• Drag to reposition: Place the bar where it works best for you
• Use Alt + Click: Get lists before committing to opening files
• Watch the badges: Counts tell you what to expect
• Combine with shortcuts: References + Shift+F fits new files to view

• Toolbar - Main toolbar sections
• Keyboard Shortcuts - All shortcuts
• Visualizing Connections - Understanding edges