import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, MessageSquare } from 'lucide-react'; import { AdminSurface, AdminSurfaceBar } from '@/components/admin-surface'; import { Badge } from '@/components/ui/badge'; import { Card } from '@/components/ui/card'; import AdminLayout from '@/layouts/admin-layout'; import { useT } from '@/lib/i18n'; type Message = { id: string; role: 'user' | 'assistant' | 'system' | string; content: string | null; created_at: string | null; }; type Conversation = { id: string; agent: { id: string; name: string } | null; workspace: { id: string; name: string } | null; page_url: string | null; lang: string | null; is_lead: boolean; is_playground: boolean; started_at: string | null; messages: Message[]; }; type Props = { conversation: Conversation }; const ROLE_STYLES: Record = { user: 'border-sky-200 bg-sky-50 text-sky-700 dark:border-sky-500/30 dark:bg-sky-500/10 dark:text-sky-300', assistant: 'border-violet-200 bg-violet-50 text-violet-700 dark:border-violet-500/30 dark:bg-violet-500/10 dark:text-violet-300', system: 'border-border bg-muted text-muted-foreground', }; export default function AdminConversationShow({ conversation }: Props) { const { t } = useT(); return ( {t('Back to conversations')}

{conversation.agent?.name ?? t('Conversation')}

{conversation.is_playground && ( {t('Playground')} )} {conversation.is_lead && ( {t('Lead captured')} )}

{conversation.page_url && (

{conversation.page_url}

)}

{conversation.messages.length === 0 ? (

{t( 'No persisted messages for this conversation (e.g. playground runs intentionally skip the messages table).', )}

) : ( conversation.messages.map((m) => (

{m.role} {m.created_at && ( {new Date( m.created_at, ).toLocaleString()} )}

{m.content ?? ''}

)) )}

{t('Workspace')}

{conversation.workspace?.name ?? '—'}

{t('Agent')}

{conversation.agent?.name ?? '—'}

{t('Started')}

{conversation.started_at ? new Date( conversation.started_at, ).toLocaleString() : '—'}

{t('Language')}

{conversation.lang ?? '—'}

); }