CallPage (page.tsx)

Displays detailed view of a single call attempt including lead info, call status, duration, and outcome in a Next.js page component.

import { Suspense } from "react"
import { createClient } from "@/utils/supabase/server"
import { notFound } from "next/navigation"
import { CallAttemptWithLead } from "@/lib/models/leads"
import { 
  PhoneIcon, 
  MailIcon, 
  CalendarIcon, 
  ClockIcon,
  PhoneCallIcon,
  ArrowLeftIcon,
  FileTextIcon,
  UserIcon
} from "lucide-react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { format, parseISO, formatDistanceToNow } from "date-fns"
import Link from "next/link"
import React from "react"
import { LoadingSpinner } from "@/components/ui/loading-spinner"
import { Separator } from "@/components/ui/separator"

// Helper function to format duration in mm:ss
f

... (truncated -- full source via MCP)