import { auth } from '@/auth'
import { redirect } from 'next/navigation'
import { McpSettingsPanel } from '@/components/mcp/mcp-settings-panel'
import { listMcpKeys, getMcpServerStatus } from '@/app/actions/mcp-keys'

export default async function McpSettingsPage() {
  const session = await auth()
  if (!session?.user) redirect('/api/auth/signin')

  const [keys, serverStatus] = await Promise.all([
    listMcpKeys(),
    getMcpServerStatus(),
  ])

  return (
    <div className="space-y-8">
      <p className="text-[11px] font-bold uppercase tracking-[0.2em] text-muted-foreground">
        Gérez vos clés API et serveurs MCP connectés.
      </p>
      <McpSettingsPanel initialKeys={keys} serverStatus={serverStatus} />
    </div>
  )
}
