import { Head, Link, router } from '@inertiajs/react'; import { BriefcaseBusiness } 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 adminWorkspacesIndex, show as adminWorkspaceShow, } from '@/routes/admin/workspaces'; type Workspace = { id: string; name: string; slug: string; plan: { name: string; slug: string } | null; owner: { id: number; name: string; email: string } | null; agents_count: number; members_count: number; created_at: string | null; }; type Props = { workspaces: Workspace[]; pagination: PaginationMeta; filters: { q: string }; }; const WORKSPACES_ONLY = ['workspaces', 'pagination', 'filters']; export default function AdminWorkspaces({ workspaces, pagination, filters, }: Props) { const { t } = useT(); const selection = useBulkSelection(); const pageIds = workspaces.map((w) => w.id); return ( {t('All workspaces')} {t(':count workspaces', { count: pagination.total.toLocaleString(), })}
{workspaces.length === 0 ? ( ) : ( workspaces.map((workspace) => ( )) )}
{ if (el) { el.indeterminate = !selection.allOnPageSelected( pageIds, ) && selection.someOnPageSelected( pageIds, ); } }} onChange={() => selection.togglePage(pageIds) } className="size-3.5 cursor-pointer rounded border-input" /> {t('Workspace')} {t('Owner')} {t('Plan')} {t('Footprint')} {t('Created')}

{t('No matching workspaces')}

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

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

{workspace.slug}

{workspace.owner ? (

{workspace.owner.name}

{workspace.owner.email}

) : ( — )} 		{workspace.plan?.name ?? t('No plan')}

{workspace.agents_count === 1 ? t(':count agent', { count: workspace.agents_count.toLocaleString(), }) : t(':count agents', { count: workspace.agents_count.toLocaleString(), })}

{workspace.members_count === 1 ? t(':count member', { count: workspace.members_count.toLocaleString(), }) : t(':count members', { count: workspace.members_count.toLocaleString(), })}

{relativeTime( workspace.created_at, '—', )}
); }