saridsa2 4c6cae9d65 feat: build all data pages — worklist table, call history, patients, dashboard, reports
Worklist (call-desk):
- Upgrade to Untitled UI Table with columns: Priority, Patient, Phone, Type, SLA, Actions
- Filter tabs: All Tasks / Missed Calls / Callbacks / Follow-ups with counts
- Search by name or phone
- SLA timer color-coded: green <15m, amber <30m, red >30m

Call History:
- Full table: Type (direction icon), Patient (matched from leads), Phone, Duration, Outcome, Agent, Recording (play/pause), Time
- Search + All/Inbound/Outbound/Missed filter
- Recording playback via native <audio>

Patients:
- New page with table: Patient (avatar+name+age), Contact, Type, Gender, Status, Actions
- Search + status filter
- Call + View Details actions
- Added patients to DataProvider + transforms + queries
- Route /patients added, sidebar nav updated for cc-agent + executive

Supervisor Dashboard:
- KPI cards: Total Calls, Inbound, Outbound, Missed
- Performance metrics: Avg Response Time, Callback Time, Conversion %
- Agent performance table with per-agent stats
- Missed Call Queue
- AI Assistant section
- Day/Week/Month filter

Reports:
- ECharts bar chart: Call Volume Trend (7-day, Inbound vs Outbound)
- ECharts donut chart: Call Outcomes (Booked, Follow-up, Info, Missed)
- KPI cards with trend indicators (+/-%)
- Route /reports, sidebar Analytics → /reports

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-19 12:26:13 +05:30

Untitled UI starter kit for Vite

This is an official Untitled UI starter kit for Vite. Kickstart your Untitled UI project with Vite in seconds.

Untitled UI React

Untitled UI React is the worlds largest collection of open-source React UI components. Everything you need to design and develop modern, beautiful interfaces—fast.

Built with React 19.1, Tailwind CSS v4.1, TypeScript 5.8, and React Aria, Untitled UI React components deliver modern performance, type safety, and maintainability.

Learn moreDocumentationFigmaFAQs

Getting started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:5173 with your browser to see the result.

You can start editing the app by modifying the components in src/ folder. The page auto-updates as you edit the file.

Resources

Untitled UI React is built on top of Untitled UI Figma, the world's largest and most popular Figma UI kit and design system. Explore more:

Untitled UI Figma: The world's largest Figma UI kit and design system.
Untitled UI Icons: A clean, consistent, and neutral icon library crafted specifically for modern UI design.
Untitled UI file icons: Free file format icons, designed specifically for modern web and UI design.
Untitled UI flag icons: Free country flag icons, designed specifically for modern web and UI design.
Untitled UI avatars: Free placeholder user avatars and profile pictures to use in your projects.
Untitled UI logos: Free fictional company logos to use in your projects.

License

Untitled UI React open-source components are licensed under the MIT license, which means you can use them for free in unlimited commercial projects.

Note

This license applies only to the starter kit and to the components included in this open-source repository. Untitled UI React PRO includes hundreds more advanced UI components and page examples and is subject to a separate license agreement.

Untitled UI license agreement →

Frequently asked questions →

Description
No description provided
Readme 3.4 MiB
Languages
TypeScript 96.1%
CSS 3.8%