feat: 3-role auth, role-based routing, role-specific sidebar navigation

Add cc-agent role alongside executive and admin. Login page now has 3 tabs
(Marketing Executive, Call Center, Admin). RoleRouter renders the appropriate
home page per role. Sidebar shows completely different nav items per role with
role subtitle. Placeholder pages added for Team Dashboard, Call Desk, Call
History, and Follow-ups.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-16 18:24:25 +05:30
parent 530dfa1aa4
commit 26c352e2cc
9 changed files with 208 additions and 48 deletions

View File

@@ -0,0 +1,15 @@
import { TopBar } from '@/components/layout/top-bar';
export const TeamDashboardPage = () => {
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>
</div>
</div>
</div>
);
};