import { AiProviderProfilesPanel } from '@/components/integrations/ai-provider-profiles-panel';

const AiProvidersPage = () => (
  <section className='max-w-5xl space-y-4'>
    <div>
      <h2 className='text-xl font-semibold'>AI providers</h2>
      <p className='text-muted-foreground mt-1 text-sm'>
        Configure encrypted API-key profiles and OpenCode auth profiles for
        agent workspaces.
      </p>
    </div>
    <AiProviderProfilesPanel />
  </section>
);

export default AiProvidersPage;
