import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; import { ConfigurableTable } from '@/components/ui/configurable-table'; import { PaginationLinks } from '@/components/ui/pagination-links'; import { AdminLayout } from '@/layouts/admin-layout'; import type { PaginatedData } from '@/types'; type Option = { value: string; label: string; }; type AISuggestionRow = { id: number; title: string | null; request_type: string; request_type_label: string; status: string; status_label: string; subject_type_label: string | null; subject_label: string | null; model: string | null; user: string | null; created_at: string | null; reviewed_at: string | null; }; type AIContentIndexProps = { suggestions: PaginatedData; filters: { search: string; request_type: string; status: string; }; requestTypeOptions: Option[]; statusOptions: Option[]; }; export default function AIContentIndex({ suggestions, filters, requestTypeOptions, statusOptions, }: AIContentIndexProps) { const [search, setSearch] = useState(filters.search || ''); const [requestType, setRequestType] = useState(filters.request_type || ''); const [status, setStatus] = useState(filters.status || ''); const submitFilters = (event: React.FormEvent) => { event.preventDefault(); router.get( '/admin/ai-content', buildParams({ search, request_type: requestType, status }), { preserveState: true, preserveScroll: true, replace: true, }, ); }; const deleteSuggestion = (id: number) => { if (!window.confirm('Delete this AI content suggestion?')) { return; } router.delete(`/admin/ai-content/${id}`); }; return (

AI Content

Generate reviewable drafts, product descriptions, SEO suggestions, and FAQs.

Generate Suggestion
AI output is never published or applied automatically. Review suggestions here, then explicitly apply supported fields to the linked product or article when the content is accurate.
setSearch(event.target.value)} placeholder="Search title or prompt" className="w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-[#0a1530] outline-none focus:border-[#0b7285] dark:border-[#4a3a78] dark:bg-[#160f2d] dark:text-[#efe8ff] dark:focus:border-[#a78bfa]" />
{suggestions.data.map((suggestion) => (

{suggestion.title || 'Untitled suggestion'}

{suggestion.request_type_label}

Status: {suggestion.status_label}

Subject: {suggestion.subject_label || '-'}

Model: {suggestion.model || '-'}

Created: {suggestion.created_at || '-'}

))}
{suggestions.data.map((suggestion) => ( ))}
Suggestion Type Status Subject Model Actions

{suggestion.title || 'Untitled suggestion'}

By {suggestion.user || 'Unknown'} on{' '} {suggestion.created_at || '-'}

{suggestion.request_type_label}

{suggestion.subject_label || '-'}

{suggestion.subject_type_label ? (

{suggestion.subject_type_label}

) : null} 		{suggestion.model || '-'}

Showing {suggestions.from || 0} to {suggestions.to || 0}{' '} of {suggestions.total} suggestions

); } function Actions({ id, onDelete, }: { id: number; onDelete: (id: number) => void; }) { return (
Review
); } function StatusBadge({ status, label }: { status: string; label: string }) { const classes = status === 'reviewed' ? 'border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-400/40 dark:bg-emerald-400/10 dark:text-emerald-200' : status === 'applied' ? 'border-sky-200 bg-sky-50 text-sky-700 dark:border-sky-400/40 dark:bg-sky-400/10 dark:text-sky-200' : status === 'archived' ? 'border-slate-200 bg-slate-50 text-slate-600 dark:border-slate-400/40 dark:bg-slate-400/10 dark:text-slate-200' : 'border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-400/40 dark:bg-amber-400/10 dark:text-amber-200'; return ( {label} ); } function buildParams(filters: { search: string; request_type: string; status: string; }) { const params: Record = {}; if (filters.search !== '') { params.search = filters.search; } if (filters.request_type !== '') { params.request_type = filters.request_type; } if (filters.status !== '') { params.status = filters.status; } return params; }