refactor(ux): consolidate BMAD skills, update design system, and clean up Prisma generated client

keep-notes/app/(main)/agents/agents-page-client.tsx

@@ -46,6 +46,7 @@ interface AgentItem {
   tools?: string | null
   maxSteps?: number
   notifyEmail?: boolean
+  includeImages?: boolean
   _count: { actions: number }
   actions: { id: string; status: string; createdAt: string | Date }[]
   notebook?: { id: string; name: string; icon?: string | null } | null
@@ -118,6 +119,7 @@ export function AgentsPageClient({
       tools: formData.get('tools') ? JSON.parse(formData.get('tools') as string) : undefined,
       maxSteps: formData.get('maxSteps') ? Number(formData.get('maxSteps')) : undefined,
       notifyEmail: formData.get('notifyEmail') === 'true',
+      includeImages: formData.get('includeImages') === 'true',
     }
 
     if (editingAgent) {

keep-notes/app/(main)/agents/page.tsx

@@ -0,0 +1,33 @@
+import { auth } from '@/auth'
+import { redirect } from 'next/navigation'
+import { prisma } from '@/lib/prisma'
+import { getAgents } from '@/app/actions/agent-actions'
+import { AgentsPageClient } from './agents-page-client'
+
+export default async function AgentsPage() {
+  const session = await auth()
+  if (!session?.user?.id) redirect('/login')
+
+  const userId = session.user.id
+
+  const [agents, notebooks] = await Promise.all([
+    getAgents(),
+    prisma.notebook.findMany({
+      where: { userId },
+      orderBy: { order: 'asc' }
+    })
+  ])
+
+  return (
+    <div className="flex-1 flex flex-col h-full bg-slate-50/50">
+      <div className="flex-1 p-8 overflow-y-auto">
+        <div className="max-w-6xl mx-auto">
+          <AgentsPageClient
+            agents={agents}
+            notebooks={notebooks}
+          />
+        </div>
+      </div>
+    </div>
+  )
+}