Getting Started
Prerequisites
Section titled “Prerequisites”- Node.js 18+
- npm
Running the Prototype
Section titled “Running the Prototype”- Clone the repository
- Install dependencies:
Terminal window npm install - Start the dev server:
Terminal window npm run dev - Open the URL shown in terminal (typically
http://localhost:5174)
Navigating the Prototype
Section titled “Navigating the Prototype”The prototype includes an admin portal with two main sections:
| Section | URL | Purpose |
|---|---|---|
| Triage | /admin/triage | Process incoming emails — assign team, person, case |
| Communications | /admin/communications | Work through assigned conversations — reply, complete, track |
Role Switcher
Section titled “Role Switcher”A role picker in the top header lets you switch between staff perspectives:
- Management — sees all conversations across all teams
- Christine — Escalations team member
- Amy — Team Amy member
- Zane — Team Zane member
- Other team members with varying assignments
Switching roles changes which conversations appear in “My Inbox” and what’s visible in the team dashboard.
Component Library
Section titled “Component Library”The prototype includes a full component library viewable at:
| Page | URL | Contents |
|---|---|---|
| Foundation | /ui/foundation | Colors, spacing, typography, radius, icons |
| Tokens | /ui/tokens | Design token documentation |
| Components | /ui/components | Live examples of every component with variants |
These pages serve as the source of truth for the design system.