feat: build Admin Team Dashboard with scoreboard, funnel, SLA, ROI, and integration health

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-16 18:28:00 +05:30
parent 26c352e2cc
commit e9ac6e598a
6 changed files with 533 additions and 5 deletions

View File

@@ -1,14 +1,29 @@
import { TopBar } from '@/components/layout/top-bar';
import { TeamScoreboard } from '@/components/admin/team-scoreboard';
import { CampaignRoiCards } from '@/components/admin/campaign-roi-cards';
import { LeadFunnel } from '@/components/admin/lead-funnel';
import { SlaMetrics } from '@/components/admin/sla-metrics';
import { IntegrationHealth } from '@/components/admin/integration-health';
import { useLeads } from '@/hooks/use-leads';
import { useCampaigns } from '@/hooks/use-campaigns';
import { useData } from '@/providers/data-provider';
export const TeamDashboardPage = () => {
const { leads } = useLeads();
const { campaigns } = useCampaigns();
const { calls, agents, ingestionSources } = useData();
return (
<div className="flex flex-1 flex-col">
<TopBar title="Team Dashboard" subtitle="Team performance overview" />
<div className="flex flex-1 items-center justify-center p-7">
<div className="flex flex-col items-center gap-2 text-center">
<h2 className="text-display-xs font-bold text-primary">Team Dashboard</h2>
<p className="text-sm text-tertiary">Coming soon team performance metrics and management tools.</p>
<TopBar title="Team Dashboard" subtitle="Ramaiah Memorial Hospital \u00b7 This Week" />
<div className="flex-1 overflow-y-auto p-7 space-y-6">
<TeamScoreboard leads={leads} calls={calls} agents={agents} />
<div className="grid grid-cols-1 gap-6 xl:grid-cols-2">
<LeadFunnel leads={leads} />
<SlaMetrics leads={leads} />
</div>
<CampaignRoiCards campaigns={campaigns} />
<IntegrationHealth sources={ingestionSources} />
</div>
</div>
);