import { Head } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { MessageSquare, Bot, TrendingUp, Clock } from 'lucide-react'; import { dashboard } from '@/routes'; import { type BreadcrumbItem } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Home', href: dashboard().url, }, { title: 'SMS', href: '/sms', }, { title: 'Analytics', }, ]; interface Props { stats: { total_conversations: number; total_messages: number; active_conversations: number; ai_response_rate: number; }; } export default function SmsAnalytics({ stats }: Props) { return (

SMS Analytics

Track SMS performance and AI agent metrics

Total Conversations
{stats.total_conversations}

All time

 Total Messages
{stats.total_messages}

Sent & received

 Active Conversations
{stats.active_conversations}

Currently active

 AI Responses
{stats.ai_response_rate}

Generated by AI
Performance Metrics Detailed analytics coming soon

More detailed analytics will be available here
); }