import { PageMeta } from '@/components/common/PageMeta' import { useAuthStore } from '@/store/authStore' import { StartSessionInput } from '@/components/dashboard/StartSessionInput' import { PendingEscalations } from '@/components/dashboard/PendingEscalations' import { ActiveFlowPilotSessions } from '@/components/dashboard/ActiveFlowPilotSessions' import { PerformanceCards } from '@/components/dashboard/PerformanceCards' import { KnowledgeBaseCards } from '@/components/dashboard/KnowledgeBaseCards' import { TeamSummary } from '@/components/dashboard/TeamSummary' function SectionLabel({ children, action }: { children: React.ReactNode; action?: React.ReactNode }) { return (
{children}
{action &&
{action}
}
) } export function QuickStartPage() { const user = useAuthStore((s) => s.user) const now = new Date() const greeting = now.getHours() < 12 ? 'morning' : now.getHours() < 18 ? 'afternoon' : 'evening' const dayOfWeek = now.toLocaleDateString('en-US', { weekday: 'long' }) const formattedDate = now.toLocaleDateString('en-US', { month: 'long', day: 'numeric' }) const firstName = user?.name?.split(' ')[0] || 'there' return (
{/* Hero: Greeting */}

{dayOfWeek}, {formattedDate}

Good {greeting}, {firstName}.

{/* Chat-style input */} {/* Pending Escalations (auto-hides if none) */}
{/* Active Sessions (auto-hides if none) */}
{/* Dashboard — always visible */}
Dashboard
) } export default QuickStartPage