Sidebar Navigation

The sidebar is the primary navigation element in Agent HQ. It organizes your workspace into an easy-to-browse hierarchy.

Structure

[Logo] Agent HQ
                          [+] ← New project button
PROJECTS                      ← Section header
  ▾ my-app                    ← Expandable project
    💬 Fix auth bug            ← Conversation (indented)
    💬 Add dark mode
  ▸ api-service               ← Collapsed project
───────────────────────
⚙ Settings  👤 User           ← Footer controls

Projects section

Each project appears as an expandable item. Click the arrow to expand and see its conversations nested underneath. Click the project name to set it as the active project and update the dashboard.

Project tree

• Expand/collapse — click the arrow next to a project name
• Select project — click the project name to make it active
• Select conversation — click a conversation to open it in the chat panel
• Edit project — hover over a project and click the pencil icon

Footer

The sidebar footer contains:

• Settings — opens workspace settings
• User profile — shows your avatar and name, with a logout option
• Theme button — cycles between light, dark, and system themes

Collapsing the sidebar

Press [ or click the collapse button to hide the sidebar and maximize your workspace area. Press [ again to restore it.

On mobile and tablet, the sidebar opens as an overlay and closes when you select an item or tap outside.

Responsive behavior

Screen size	Sidebar behavior
Desktop	Fixed, always visible (collapsible)
Tablet	Overlay, triggered by menu button
Mobile	Overlay, triggered by menu button