User Interface Overview

Main Workspace

The workspace is divided into four primary regions designed for minimal context‑switching:

1. Top Bar – project tabs, global search, and live render status.
2. Left Sidebar – Layers / Node Graph toggle.
3. Central Canvas – live preview with zoom, guides, and onion‑skin support.
4. Right Sidebar – context panel housing properties, history, and AI filter options.

Top Bar Details

• Project Tabs: Multi‑document interface—drag tabs to split‑view.
• Quick Search (Ctrl/⌘+P): fuzzy‑find commands, files, and help topics.
• Render Badge: shows progress, GPU usage, and cancel button.

Layers vs. Node Graph

Toggle with Tab. The Layer panel feels familiar to Photoshop users, while the Node Graph visualizes dependencies for procedural workflows.

Layer Panel Features

• Drag‑n‑drop reorder, group, color‑tag.
• Visibility & solo toggles.
• Non‑destructive masks and adjustment layers.

Node Graph Features

• Right‑click to add nodes; double‑click a connection to insert.
• Auto‑layout for messy graphs (L).
• Advanced noodles: Bézier routing and color‑coded data types.

Context Panel

This panel adapts to your selection, surfacing only relevant controls:

• Layer Selected → Opacity, blend mode, mask tools.
• Node Selected → Parameter sliders, preview toggle.
• Nothing Selected → Canvas settings and global prefs.

Status Bar

Located at the very bottom, the Status Bar shows tooltips, GPU stats, and snapshot history breadcrumbs.