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-6">
      <McpSettingsPanel initialKeys={keys} serverStatus={serverStatus} />
    </div>
  )
}