import { Head, usePage } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { TrendingUp, TrendingDown, Database, Sparkles } from 'lucide-react'; // Phase 2.5 Home. Figures shown are illustrative placeholders until the metric // layer (Phase 4) feeds real values; the layout is the real shell. export default function Dashboard() { const page = usePage().props as unknown as { auth?: { user?: { name?: string } }; organization?: { current?: { name?: string } }; }; const name = page.auth?.user?.name ?? 'there'; const org = page.organization?.current?.name; const hour = new Date().getHours(); const greeting = hour < 12 ? 'Good morning' : hour < 18 ? 'Good afternoon' : 'Good evening'; return (

{greeting}, {name}

{org ? `Here's what's happening across ${org}.` : "Here's your overview."}

Connect a data source to start seeing live metrics. Open Data Manager

AI Analyst

Once your data is connected, ask questions in plain language and get answers with figures, date ranges, and sources.

Open AI Analyst
); } function Kpi({ label, value, trend }: { label: string; value: string; trend: number | null }) { return (

{label}

{value} {trend !== null && ( = 0 ? 'text-emerald-600' : 'text-destructive'}`}> {trend >= 0 ? : } {Math.abs(trend)}% )}
); }