import { Head, Link, router } from '@inertiajs/react'; import { Globe, MessageSquare } from 'lucide-react'; import { AdminSurface, AdminSurfaceBar } from '@/components/admin-surface'; import { BulkActionsBar, BulkDeleteButton } from '@/components/bulk-actions-bar'; import { TablePagination } from '@/components/table-pagination'; import type { PaginationMeta } from '@/components/table-pagination'; import { TableSearch } from '@/components/table-search'; import { useBulkSelection } from '@/hooks/use-bulk-selection'; import AdminLayout from '@/layouts/admin-layout'; import { useT } from '@/lib/i18n'; import { relativeTime } from '@/lib/relative-time'; import { dashboard as adminDashboard } from '@/routes/admin'; import { index as adminConversationsIndex } from '@/routes/admin/conversations'; import { show as adminWorkspaceShow } from '@/routes/admin/workspaces'; type Row = { 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; message_count: number; started_at: string | null; }; const CONVERSATIONS_ONLY = ['conversations', 'pagination', 'filters']; export default function AdminConversations({ conversations, pagination, filters, }: { conversations: Row[]; pagination: PaginationMeta; filters: { q: string }; }) { const { t } = useT(); const selection = useBulkSelection(); const pageIds = conversations.map((c) => c.id); return ( {t('Recent conversations')} {t(':count records', { count: pagination.total.toLocaleString(), })}
{conversations.length === 0 ? ( ) : ( conversations.map((conversation) => ( )) )}
{ if (el) { el.indeterminate = !selection.allOnPageSelected( pageIds, ) && selection.someOnPageSelected( pageIds, ); } }} onChange={() => selection.togglePage(pageIds) } className="size-3.5 cursor-pointer rounded border-input" /> {t('Page')} {t('Workspace')} {t('Agent')} {t('Context')} {t('Started')}

{t('No matching conversations')}

{t( 'No conversations match the current admin search.', )}

{ const nativeEvent = ( e as unknown as { nativeEvent: MouseEvent; } ).nativeEvent; selection.toggle( conversation.id, { shiftKey: nativeEvent?.shiftKey ?? false, pageIds, }, ); }} onClick={(e) => e.stopPropagation() } className="size-3.5 cursor-pointer rounded border-input" />

{conversation.is_playground ? t( 'Playground session', ) : (conversation.page_url ?? t( 'Unknown page', ))}

{conversation.lang?.toUpperCase() ?? t('No locale')}

{conversation.workspace ? ( { conversation.workspace .name } ) : ( โ€” )} {conversation.agent?.name ?? 'โ€”'}

{conversation.message_count === 1 ? t(':count message', { count: conversation.message_count.toLocaleString(), }) : t(':count messages', { count: conversation.message_count.toLocaleString(), })}

{conversation.is_lead ? t('Converted to lead') : t('No lead captured')}

{relativeTime( conversation.started_at, 'โ€”', )}
{ router.post( '/admin/conversations/bulk-destroy', { ids: Array.from(selection.selected) }, { preserveScroll: true, onSuccess: () => selection.clear(), }, ); }} /> ); }