import { Head, Link, router, useForm } from '@inertiajs/react'; import { Bot, CheckCircle2, Library, MessageSquare, Pencil, Trash2, } from 'lucide-react'; import { useState } from 'react'; import { AdminSurface, AdminSurfaceBar } from '@/components/admin-surface'; import { BulkActionsBar, BulkDeleteButton } from '@/components/bulk-actions-bar'; import { useConfirm } from '@/components/confirm-dialog-provider'; import { TablePagination } from '@/components/table-pagination'; import type { PaginationMeta } from '@/components/table-pagination'; import { TableSearch } from '@/components/table-search'; import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; 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 adminAgentsIndex } from '@/routes/admin/agents'; import { show as adminWorkspaceShow } from '@/routes/admin/workspaces'; type AgentRow = { id: string; name: string; is_published: boolean; language_default: string; workspace: { id: string; name: string } | null; sources_count: number; conversations_count: number; updated_at: string | null; }; type Props = { agents: AgentRow[]; pagination: PaginationMeta; filters: { q: string }; }; const AGENTS_ONLY = ['agents', 'pagination', 'filters']; function PublishBadge({ published }: { published: boolean }) { const { t } = useT(); if (published) { return ( {t('Published')} ); } return ( {t('Draft')} ); } export default function AdminAgents({ agents, pagination, filters }: Props) { const { t } = useT(); const [editing, setEditing] = useState(null); const confirm = useConfirm(); const selection = useBulkSelection(); const pageIds = agents.map((a) => a.id); const onDelete = async (agent: AgentRow) => { const ok = await confirm({ title: t('Delete agent?'), message: t( 'Permanently delete ":name" from :workspace? This removes the agent, its knowledge sources, conversations, and captured leads. Cannot be undone.', { name: agent.name, workspace: agent.workspace?.name ?? t('its workspace'), }, ), confirmLabel: t('Delete'), danger: true, }); if (!ok) { return; } router.delete(`/admin/agents/${agent.id}`, { preserveScroll: true, }); }; return ( {t('All agents')} {t(':count agents', { count: pagination.total.toLocaleString(), })}

{agents.length === 0 ? ( ) : ( agents.map((agent) => ( )) )}

{ if (el) { el.indeterminate = !selection.allOnPageSelected( pageIds, ) && selection.someOnPageSelected( pageIds, ); } }} onChange={() => selection.togglePage(pageIds) } className="size-3.5 cursor-pointer rounded border-input" />	{t('Agent')}	{t('Workspace')}	{t('Status')}	{t('Reach')}	{t('Updated')}	{t('Actions')}
{t('No matching agents')} {t( 'No agents match the current admin search.', )}
{ const nativeEvent = ( e as unknown as { nativeEvent: MouseEvent; } ).nativeEvent; selection.toggle(agent.id, { shiftKey: nativeEvent?.shiftKey ?? false, pageIds, }); }} onClick={(e) => e.stopPropagation() } className="size-3.5 cursor-pointer rounded border-input" />	{agent.name} {agent.language_default}	{agent.workspace ? ( {agent.workspace.name} ) : ( — )}		{agent.sources_count === 1 ? t(':count source', { count: agent.sources_count.toLocaleString(), }) : t(':count sources', { count: agent.sources_count.toLocaleString(), })} {agent.conversations_count === 1 ? t( ':count conversation', { count: agent.conversations_count.toLocaleString(), }, ) : t( ':count conversations', { count: agent.conversations_count.toLocaleString(), }, )}	{relativeTime( agent.updated_at, '—', )}

{editing !== null && ( setEditing(null)} /> )} { router.post( '/admin/agents/bulk-destroy', { ids: Array.from(selection.selected) }, { preserveScroll: true, onSuccess: () => selection.clear(), }, ); }} /> ); } function EditAgentDialog({ agent, onClose, }: { agent: AgentRow; onClose: () => void; }) { const { t } = useT(); const form = useForm({ name: agent.name, is_published: agent.is_published, }); return ( ); }