Navigation Reference

Zdrovia uses a persistent left sidebar for navigation. This page provides a complete reference of all routes, sections, and their purposes.

The sidebar is divided into two main groups.

These are the tools used most frequently during day-to-day clinical work.

Sidebar Item	Route	Description
Patients	`/dashboard/patients`	Browse, search, and manage all patient records
Schedule	`/dashboard/schedule`	Calendar view of all appointments
Inventory	`/dashboard/inventory`	Manage products, stock levels, and dispensing
Invoices	`/dashboard/invoices`	Billing, payments, and outstanding balances
Analytics	`/dashboard/analytics`	Clinic statistics and revenue reports

Configuration (Documents & Settings)

These items are for setting up and configuring clinic-wide resources.

Sidebar Item	Route	Description
Rooms	`/dashboard/rooms`	Treatment room definitions and calendar colors
Services	`/dashboard/services`	Service/procedure catalog with durations and prices
Files	`/dashboard/files`	Clinic-wide media library
Chart Templates	`/dashboard/charts`	Reusable clinical note templates
Treatments	`/dashboard/treatments`	Treatment pathway templates
Forms	`/dashboard/forms`	Custom form builder and form library
Organization	`/dashboard/organization`	Clinic settings, team members, default forms

Account

Item	Description
Account Settings	Personal profile, password, preferences
Help	Documentation and support resources
Sign Out	End the current session

Full Route Reference

Patient Routes

Route	Page	Description
`/dashboard/patients`	Patient List	Search, filter, and manage all patients
`/dashboard/patient/:id`	Patient Profile	Full patient details, treatments, invoices, forms, files

Treatment Routes

Route	Page	Description
`/dashboard/treatments`	Treatment Templates	Clinic-wide treatment template library
`/dashboard/treatment/:id`	Patient Treatment	Clinical workspace: charts, visits, forms, files

Chart Routes

Route	Page	Description
`/dashboard/chart`	Chart Templates	List of all chart/note templates
`/dashboard/chart/:id`	Template Editor	Rich text editor for a specific template

Form Routes

Route	Page	Description
`/dashboard/forms`	Forms Library	List of all custom forms
`/dashboard/forms/:id`	Form Editor	Drag-and-drop form builder for a specific form

Schedule Routes

Route	Page	Description
`/dashboard/schedule`	Calendar	Week and month view of all appointments

Inventory Routes

Route	Page	Description
`/dashboard/inventory`	Inventory	Product list, stock levels, reorder management

Invoice Routes

Route	Page	Description
`/dashboard/invoices`	Invoice List	All invoices with filtering, search, and metrics
`/dashboard/invoice/:id`	Invoice Detail	Full invoice view, line items, status management

Configuration Routes

Route	Page	Description
`/dashboard/rooms`	Rooms	Treatment room management
`/dashboard/services`	Services	Service catalog management
`/dashboard/organization`	Organization	Clinic settings, team, default forms

Patient Portal Routes

Route	Description
`/fill`	Patient-facing form filling interface (queue-based)
`/portal`	Patient portal login and access

Right Panel Tab Reference

Several pages use a tabbed right panel. Here’s what each tab contains:

Patient Profile Right Panel

Tab	Contents
Invoices	This patient’s billing history; create invoice button
Forms	Default clinic forms with completion status
Files	Files attached to this patient overall

Treatment Page Right Panel

Tab	Contents	Context
Intake	Treatment-level forms (required once)	Always visible
Visit	Visit forms, stock usage, telehealth, visit files	Requires a visit selected
Files	Files attached to this treatment	Always visible

Keyboard Shortcuts

Action	Shortcut
Toggle sidebar	Click hamburger menu icon
Expand chart editor	Click expand icon in chart panel header
Save chart	Cmd/Ctrl + S (in chart editor)

Page Layout Patterns

List Pages (Patients, Invoices, Inventory, etc.)

┌────────────────────────────────────────────┐
│  Page Title + Primary Action Button        │
├────────────────────────────────────────────┤
│  Search Bar | Filters | Sort               │
├────────────────────────────────────────────┤
│  Summary Metrics / Stats (where available) │
├────────────────────────────────────────────┤
│  Item List / Table / Cards                 │
│  (row actions: edit, delete, etc.)         │
└────────────────────────────────────────────┘

Detail Pages (Patient Profile, Treatment Page)

┌─────────────────────────────────────────────────────┐
│              Page Header / Entity Details           │
├─────────────────────────────────┬───────────────────┤
│                                 │                   │
│  Main Content Area              │  Right Panel      │
│  (treatments list, chart)       │  (tabbed)         │
│                                 │                   │
└─────────────────────────────────┴───────────────────┘

Editor Pages (Form Builder, Chart Template Editor)

┌─────────────────────────────────────────────────────┐
│  Editor Header (name, save, actions)                │
├──────────────┬──────────────────────────────────────┤
│              │                                      │
│  Component   │  Canvas / Editor Area                │
│  Palette     │  (drag-drop or rich text)            │
│              │                                      │
└──────────────┴──────────────────────────────────────┘

Common UI Elements

Status Badges

Badge	Color	Meaning
`Complete`	Green	Form has been submitted
`Incomplete`	Gray/Red	Form has not been submitted
`Updated`	Blue	Form has a newer revision
`DRAFT`	Gray	Invoice not sent
`SENT`	Blue	Invoice sent, awaiting payment
`PAID`	Green	Invoice paid
`OVERDUE`	Red	Invoice past due date
`In-Person`	Default	Standard clinic appointment
`Telehealth`	Blue/Video	Remote video appointment

Action Menus

Most list items and cards have a three-dot (⋯) context menu with actions relevant to that item (edit, delete, view submissions, etc.).

Confirmation Dialogs

Destructive actions (delete patient, delete treatment, delete file) always show a confirmation dialog before executing. Confirm the action to proceed, or cancel to go back.

Empty States

When a section has no data yet (no patients, no visits, no forms), an empty state illustration is shown with a primary action button to get started.