import { auth } from '@/auth'
import { redirect } from 'next/navigation'
import { AISettingsPanel } from '@/components/ai/ai-settings-panel'
import { ByokSettingsPanel } from '@/components/ai/byok-settings-panel'
import { getAISettings } from '@/app/actions/ai-settings'
import { AISettingsHeader } from './ai-settings-header'

export default async function AISettingsPage() {
  const session = await auth()

  if (!session?.user) {
    redirect('/api/auth/signin')
  }

  const settings = await getAISettings()

  return (
    <div className="space-y-6">
      <AISettingsHeader />
      <AISettingsPanel initialSettings={settings} />
      <ByokSettingsPanel />
    </div>
  )
}
