import React, { useState, useEffect } from 'react'; import { motion } from 'framer-motion'; const GrowthAnalyticsAdmin = ({ onBack }) => { const [robustness, setRobustness] = useState(null); const [bumpRate, setBumpRate] = useState(null); useEffect(() => { fetch('http://localhost:8000/api/v1/metrics/robustness') .then(res => res.json()) .then(data => setRobustness(data)) .catch(err => console.error(err)); fetch('http://localhost:8000/api/v1/metrics/bump-rate') .then(res => res.json()) .then(data => setBumpRate(data)) .catch(err => console.error(err)); }, []); return ( <> {/* BEGIN: SidebarNavigation */} {/* END: SidebarNavigation */} {/* BEGIN: MainContentArea */} {/* BEGIN: TopHeader */}
{/* Search */}
{/* Right Actions */}
{/* User Avatar Container */}
User Profile
{/* END: TopHeader */} {/* BEGIN: DashboardContent */}
{/* Page Title & Actions */}

Growth & Analytics

{/* BEGIN: KPIGrid */}
{/* KPI 1: Robustness Status */}
ML Robustness Status
{robustness ? robustness.status : "Loading"}
Active
{/* KPI 2: Jitter Suppression */}
ETA Jitter Suppression
{bumpRate ? `${bumpRate.jitter_suppression_pct}%` : "Loading"}
Gated Bumps: {bumpRate ? bumpRate.gated_smoother_bumps : "--"}
{/* KPI 3: Total Clipped Obs */}
Clipped Outliers Today
{robustness?.clipping_guard?.total_clipped_observations_today ?? "Loading"}
Via Safing Guard
{/* KPI 4: Feature Drift Max */}
Avg PSI Drift
{robustness ? (Object.values(robustness.features_drift).reduce((a, b) => a + b.psi, 0) / 3).toFixed(4) : "Loading"}
Stable
{/* END: KPIGrid */} {/* BEGIN: MainChartsSection */}
{/* User Growth Chart (2 columns wide) */}

User Growth Trends

New Signups
Churn
{/* Chart Container (Placeholder for Canvas/SVG) */}
{/* Retention Metrics (1 column wide) */}

Top Conversion Sources

{/* Source Item */}
Organic Search 45%
{/* Source Item */}
Paid Social (Q3) 28%
{/* Source Item */}
Referrals 15%
{/* END: MainChartsSection */} {/* BEGIN: CampaignTable */}

Active Marketing Campaigns

{/* Row 1 */} {/* Row 2 */} {/* Row 3 */}
Campaign Name Status Spend Conversion (CPA) ROI
Q3 Retargeting Alpha Active $12,450 $42.50 +245%
Influencer Batch #4 Active $8,200 $38.10 +180%
Cold Outreach UK Paused $3,100 $85.00 -12%
{/* END: CampaignTable */}
{/* END: DashboardContent */} {/* END: MainContentArea */} ); }; export default GrowthAnalyticsAdmin;