Skip to content

[!WARNING] DEPRECATED: This standard has been superseded by ADR-001 and STD-UX-002. The "Relay Protocol" (Side Rail) caused significant layout defects and consumes valuable horizontal space. The platform has moved to Top Global Navigation.

STD-UX-001: Navigation Hierarchy & Transitions

Context: The "Dual Sidebar Problem". When deep-diving into a complex Workbench (e.g., Finance, Code Editor), the Global Sidebar competes for space and attention.

1. The Hierarchy

  1. Level 1: The Orbit (Global Sidebar)
    • Contains: Home, Search, Global Domains (Admin, Settings).
    • State: Expanded by default on "Hub" pages (Dashboard, Landing).
  2. Level 2: The Workstation (Local Workbench)
    • Contains: Context-specific tools (e.g., Ledger Filters, File Tree).
    • State: Only exists within a specific Domain.

2. The Relay Protocol

"When the Workstation opens, the Orbit retreats."

  • [MUST] Auto-Collapse: Entering a Workbench (Level 2) MUST automatically trigger the Global Sidebar (Level 1) to collapse into "Micro-Rail" mode (Icons Only).
  • [MUST] Context Anchoring: The Global Sidebar MUST NEVER disappear completely. It remains as a visual anchor (Rail) to allow quick exit/switching.
  • [MUST] The Hand-off: The transition should feel like a "Relay Hand-off". As Level 1 shrinks, Level 2 slides in to fill the vacuum.
  • [SHOULD] Restore on Exit: When leaving the Workbench for a Hub page, Level 1 SHOULD restore to its previous state (Expanded).

3. Visual Harmony (The Blended Rail)

  • [MUST] Consistent Material: Both sidebars must share the same "Blended Glass" material (bg-slate-900/80 backdrop-blur-xl).
  • [MUST] Transition Physics: Width changes must use transition-all duration-300 ease-in-out to match.

Version History

Version Date Author Change
0.1.0 2026-01-26 Antigravity Initial Audit & Metadata Injection