Move to threads based system.

apps/next/src/app/(app)/settings/ai-providers/page.tsx

@@ -0,0 +1,16 @@
+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;

apps/next/src/app/(app)/settings/ai/page.tsx

@@ -1,16 +1,5 @@
-import { OpenAiStatusPanel } from '@/components/integrations/openai-status-panel';
+import { redirect } from 'next/navigation';
 
-const AiSettingsPage = () => (
-  <section className='max-w-3xl space-y-4'>
-    <div>
-      <h2 className='text-xl font-semibold'>AI</h2>
-      <p className='text-muted-foreground mt-1 text-sm'>
-        Configure the OpenAI key, review model, and thinking level used for
-        compatibility reviews.
-      </p>
-    </div>
-    <OpenAiStatusPanel />
-  </section>
-);
+const AiSettingsPage = () => redirect('/settings/ai-providers');
 
 export default AiSettingsPage;

apps/next/src/app/(app)/settings/layout.tsx

@@ -10,7 +10,7 @@ import { cn } from '@spoon/ui';
 const settingsItems = [
   { href: '/settings/profile', label: 'Profile', icon: User },
   { href: '/settings/integrations', label: 'Integrations', icon: Github },
-  { href: '/settings/ai', label: 'AI', icon: Brain },
+  { href: '/settings/ai-providers', label: 'AI providers', icon: Brain },
   { href: '/settings/security', label: 'Security', icon: Shield },
 ];