Toolbar

Toggle Toolbar

Press Cmd/Ctrl+S to expand or collapse the toolbar.

Opening Sections

• Click a section header to expand it
• Use number shortcuts (1-8) for quick access
• Only one section open at a time in collapsed mode

Resizing

Drag the left edge of the expanded toolbar to resize its width.

Control what's visible on the canvas.

Show Folders (L)

Toggle folder grouping visualization.

Sub-settings:

• Backgrounds (G) - Show folder background fills when zoomed out
• Names (N) - Show folder name labels

Show Symbols (S)

Toggle symbol overlays on file nodes.

Sub-settings:

• Comments - Include comment symbols
• Exports - Show export markers
• Nested single line - Display single-line nested symbols
• Highlighted labels - Show symbol names when highlighted

Zoom Levels (V)

Show viewport details and zoom controls.

Provider Status

Indicator showing VS Code symbol provider status.

Configure how edges appear and behave.

Edge Visibility

• Toggle opacity (E) - Cycle depth-based opacity / off
• Full opacity (Shift+E) - Set all edges to full visibility

Edge Styles

Cycle with B or Shift+B:

• Bezier - Curved, smooth lines
• Straight - Direct point-to-point lines
• Stepped - Right-angle, diagram-style lines

Gradients

Configure distance-based color gradients on edges.

Arrows

Toggle directional arrows on dependency edges.

Connection Behaviors

• Show unconnected exports - Display export handles without connections
• Handles inline - Position handles aligned with code vs stacked

Arrange files automatically with layout algorithms.

Algorithms

Auto Layout (Alt/Option+A)

Automatically apply layouts when nodes change.

Auto Fit (Alt/Option+F)

Automatically fit view after layout changes.

Layout Configuration

Each algorithm has specific settings:

• Spacing (horizontal/vertical)
• Alignment (left/center/right)
• Direction (flow orientation)
• Algorithm-specific options

Reset to Defaults

Each algorithm section has a reset button.

Quick actions for file management.

Action Buttons

Folder Open Controls

Open sibling files (shallow) or entire folder trees (recursive).

Toggle Controls

Configure git diff visualization.

View Modes

Toggle with D, cycle with Shift+D.

Collapse Unchanged (C)

Hide unchanged sections, show only modifications.

Context Lines

Configure how many unchanged lines appear around changes.

Character Diff

Enable/disable character-level change highlighting.

Apply custom styles based on regex patterns.

How It Works

1. Define regex patterns to match file paths, names, or content
2. Assign colors and styles to matching items
3. Files, edges, and folders update to reflect styling

Profile Management

• Create named styling profiles
• Switch between profiles
• Rename or delete profiles

Pattern Groups

Add multiple patterns per profile, each with:

• Regex pattern
• Color selection
• Target (files, edges, folders)

Color Picker

Select from:

• Preset colors
• Custom color input
• Multiple color modes (HSL, RGB, hex)

Save and restore canvas layouts.

Saving Configurations

1. Arrange your canvas as desired
2. Open Canvas Configurations section
3. Click "Save Current" or similar
4. Name your configuration

Loading Configurations

1. Open Canvas Configurations
2. Select a saved configuration
3. Canvas restores to that layout

What's Saved

• File positions on canvas
• Which files are open
• Zoom level and viewport position

Use Cases

• Save layouts for different features
• Quickly switch between visualizations
• Share team-standard views

Management

• Rename configurations
• Reorder the list
• Delete unused configurations

View detailed information about selected tokens.

Accessing

• Press T or 8 to toggle
• Click on a symbol in any file node

Token Information

Clear Selection

Press Shift+C to clear the token selection.

Located at the bottom of the toolbar:

Account Button

Shows your profile picture when signed in. Access:

• Subscription status
• Sign in/out
• Manage subscription

• Action Bar - Floating action bar
• Keyboard Shortcuts - All shortcuts
• Settings - All settings