import { PageShell, PageHeader } from '@/components/page-shell'
import { BackButton } from '@/components/back-button'
import { getLatestSearchSession } from '@/lib/ai-search-session'
import { loadResultItems } from './actions'
import { AISearchForm } from './ai-search-form'

export const dynamic = 'force-dynamic'

export default async function AISearchPage() {
  const latest = await getLatestSearchSession()
  const initialResults =
    latest?.status === 'SUCCEEDED' && latest.resultItemIds.length > 0
      ? await loadResultItems(latest.resultItemIds)
      : []

  return (
    <PageShell>
      <div className="pt-2">
        <PageHeader title="AI Search" back={<BackButton fallbackHref="/" />} />
        <AISearchForm initialSession={latest} initialResults={initialResults} />
      </div>
    </PageShell>
  )
}