import { Activity, TrendingDown, TrendingUp, Users, Zap } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import { AdminStatsGrid, type StatCard } from '@/Components/admin/AdminStatsGrid'; import { ChartErrorBoundary } from '@/Components/admin/ChartErrorBoundary'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatNumber } from '@/lib/format'; interface ActivationStats { total_users: number; activated_count: number; activation_rate: number; deep_activated_count: number; deep_activation_rate: number; avg_days_to_activation: number | null; } interface OnboardingFunnelStep { step: string; label: string; count: number; rate: number; } interface RetentionStats { week_1_retention: number; week_4_retention: number; month_3_retention: number; avg_analysis_streak: number; users_with_streak_4plus: number; } interface ChurnTier { tier: string; count: number; percentage: number; } interface WeeklyAnalysis { week: string; count: number; } interface Props { activation_stats: ActivationStats; onboarding_funnel: OnboardingFunnelStep[]; retention_stats: RetentionStats; churn_tiers: ChurnTier[]; weekly_analyses: WeeklyAnalysis[]; retention_thresholds: { good: number; warning: number }; } function tierBadgeVariant(tier: string): 'destructive' | 'secondary' | 'outline' | 'default' { switch (tier) { case 'critical': return 'destructive'; case 'at_risk': return 'destructive'; case 'warning': return 'secondary'; case 'healthy': return 'default'; default: return 'outline'; } } export default function LifecycleAnalytics({ activation_stats, onboarding_funnel, retention_stats, churn_tiers, weekly_analyses, retention_thresholds, }: Props) { return (
Admin Lifecycle Analytics {/* Activation Stats */} (n === 0 ? '—' : n.toFixed(1)), }, { title: 'Avg Streak', value: retention_stats.avg_analysis_streak ?? 0, icon: Activity, format: (n: number) => n.toFixed(1), description: `${retention_stats.users_with_streak_4plus} at 4+ weeks`, }, ] satisfies StatCard[] } columns="grid-cols-2 md:grid-cols-3 lg:grid-cols-5" /> {/* Onboarding Funnel + Retention Side by Side */}
{/* Onboarding Funnel */} Onboarding Funnel Step-by-step completion rates for new users Step Users Rate {onboarding_funnel.map((step) => ( {step.label} {formatNumber(step.count)} = retention_thresholds.good ? 'text-success' : step.rate >= retention_thresholds.warning ? 'text-warning' : 'text-destructive' } > {step.rate.toFixed(1)}% ))}
{/* Retention + Churn */}
Retention User retention at key time intervals

Week 1

{retention_stats.week_1_retention.toFixed(1)}%

Week 4

{retention_stats.week_4_retention.toFixed(1)}%

Month 3

{retention_stats.month_3_retention.toFixed(1)}%

Churn Risk Tiers Distribution of users by churn risk score Tier Users % {churn_tiers.map((tier) => ( {tier.tier.replace('_', ' ')} {formatNumber(tier.count)} {tier.percentage.toFixed(1)}% ))}
{/* Weekly Analysis Activity */} Weekly Analysis Activity Number of completed analyses per week (last 12 weeks) {weekly_analyses.length === 0 ? (

No analysis data available.

) : ( Week Completed Analyses {weekly_analyses.map((row) => ( {row.week} {formatNumber(row.count)} ))}
)}
); }