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">
      <div>
        <h1 className="text-2xl font-bold tracking-tight text-foreground">Paramètres MCP</h1>
        <p className="text-muted-foreground mt-1">Gérez vos clés API et serveurs MCP connectés.</p>
      </div>
      <McpSettingsPanel initialKeys={keys} serverStatus={serverStatus} />
    </div>
  )
}
