The Sidebar is the primary navigation element in Seed. It provides a persistent, context-aware interface for accessing core app functionality, user accounts, and favorite sites. Designed for clarity and speed, the Sidebar enables users to move seamlessly between creation, navigation, and collaboration.

Layout

The Sidebar is vertically divided into the following regions:

Primary Action

Create Document
A prominent button at the top, always visible. Use bold colors and accessible text contrast. It opens a new document under the active Site.

Navigation Shortcuts

Library, Contacts, and Drafts
Icon + label entries for structured access to personal content. These entries are static and should never change position.

Favorites

A short, user-curated list of most-used Sites or contacts.
Supports drag-and-drop reordering. Clicking navigates directly to the root of that Site.

Accounts

Represents all Sites the user has created.
Each entry includes:

Avatar (with fallback initials)

Site name (ellipsis if truncated)

Optional verification indicator or active-state dot

Clicking a Site activates its context and loads its content.

A + icon lets users join or create new Sites.

The Account should be collapsable and the app must remind the state until the user decides to expand it.

Status Footer

Includes:

Sync Status icon (connected/disconnected)

Local instance info (e.g. Seed 0.0.0.local)

Build version