Components

Components

The frontend uses a component-based architecture with Radix UI primitives.

UI Components

Built on Radix UI:

• Buttons, Cards, Dialogs
• Forms, Inputs, Selects
• Tables, Tabs, Accordions
• And more…

Feature Components

• dashboard-content.tsx - Dashboard main content
• agents-content.tsx - Agents management
• matches-content.tsx - Matches management
• settings-content.tsx - Settings page
• transcript-content.tsx - Transcript viewer
• nav-header.tsx - Navigation header
• theme-provider.tsx - Theme management

Component Structure

All components follow React best practices:

• TypeScript for type safety
• Props interfaces
• Reusable patterns

Next Steps

• Pages - Page components
• API Client - API integration