import { ArrowLeft, FileText } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Button } from '@/Components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatDateTime, formatNumber } from '@/lib/format'; interface ContentBriefDetail { id: number; site_id: number; site_name: string | null; site_domain: string | null; user_id: number; user_name: string | null; user_email: string | null; target_keyword: string | null; status: string; model_used: string | null; prompt_tokens: number | null; completion_tokens: number | null; generation_error: string | null; h1_recommendation: string | null; h2_structure: string[] | null; key_entities: string[] | null; target_word_count_min: number | null; target_word_count_max: number | null; internal_links: string[] | null; audience_context: string | null; competitive_notes: string | null; custom_instructions: string | null; generated_at: string | null; edited_at: string | null; created_at: string; } interface Props { brief: ContentBriefDetail; } const statusVariant = (status: string): 'default' | 'secondary' | 'destructive' | 'outline' => { if (status === 'completed') return 'default'; if (status === 'failed') return 'destructive'; return 'secondary'; }; export default function AdminContentBriefShow({ brief }: Props) { const totalTokens = (brief.prompt_tokens ?? 0) + (brief.completion_tokens ?? 0); return (
Admin Content Briefs #{brief.id}

{brief.target_keyword ?? `Brief #${brief.id}`}

{brief.status}
Details

Site

{brief.site_name ?? '—'} {brief.site_domain && (

{brief.site_domain}

)}

User

{brief.user_name ?? '—'} {brief.user_email && (

{brief.user_email}

)}

Model

{brief.model_used ?? '—'}

{totalTokens > 0 && (

Tokens Used

{formatNumber(totalTokens)}

{formatNumber(brief.prompt_tokens ?? 0)} prompt + {formatNumber(brief.completion_tokens ?? 0)} completion

)}

Created

{formatDateTime(brief.created_at)}

{brief.generated_at && (

Generated

{formatDateTime(brief.generated_at)}

)} {brief.edited_at && (

Edited

{formatDateTime(brief.edited_at)}

)} {brief.target_word_count_min != null && (

Target Word Count

{formatNumber(brief.target_word_count_min)}–{formatNumber(brief.target_word_count_max ?? 0)} words

)}
{brief.generation_error && ( Generation Error 
                    {brief.generation_error}
)} {brief.h1_recommendation && ( H1 Recommendation

{brief.h1_recommendation}

 )} {brief.h2_structure && brief.h2_structure.length > 0 && ( H2 Structure
    {brief.h2_structure.map((h2, i) => (
  1. {h2}
    2. ))}
)} {brief.key_entities && brief.key_entities.length > 0 && ( Key Entities
{brief.key_entities.map((entity, i) => ( {entity} ))}
)} {brief.audience_context && ( Audience Context

{brief.audience_context}

 )} {brief.competitive_notes && ( Competitive Notes

{brief.competitive_notes}

 )}
); }