import { FileText } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; 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, CardHeader, CardTitle } from '@/Components/ui/card'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatDate, formatNumber } from '@/lib/format'; import { sanitizeHtml } from '@/lib/sanitize'; interface AiDraftDetail { id: number; site_id: number | null; site_name: string | null; site_domain: string | null; ai_job_id: number | null; recommendation_id: number | null; recommendation_action_type: string | null; recommendation_page_url: string | null; recommendation_lifecycle_status: string | null; model_used: string | null; prompt_tokens: number | null; completion_tokens: number | null; status: string | null; publish_status: string | null; content: string | null; created_at: string; } interface Props { draft: AiDraftDetail; } export default function AiDraftsShow({ draft }: Props) { const totalTokens = (draft.prompt_tokens ?? 0) + (draft.completion_tokens ?? 0); return (
Admin AI Drafts Draft #{draft.id}
Details

Site

{draft.site_id ? ( {draft.site_name ?? '—'} ) : ( — )} {draft.site_domain && (

{draft.site_domain}

)}

Status

{draft.status ?? '—'}
{draft.publish_status && (

Publish Status

{draft.publish_status}
)}

Model

{draft.model_used ?? '—'}

 Token Usage
Prompt {formatNumber(draft.prompt_tokens ?? 0)}
Completion {formatNumber(draft.completion_tokens ?? 0)}
Total {formatNumber(totalTokens)}
{draft.recommendation_id && ( Source Recommendation

Action Type

{draft.recommendation_action_type?.replace(/_/g, ' ') ?? '—'}

{draft.recommendation_page_url && (

Page URL

{draft.recommendation_page_url}

)} {draft.recommendation_lifecycle_status && (

Lifecycle Status

{draft.recommendation_lifecycle_status}
)} View recommendation → )}
Generated Content
{draft.content ? (
) : (

No content available.

)}
); }