Claude sub-agents, PRD, MCP improvements (#359)

1. Added Claude Code sub-agents
2. Added PRD tool to MCP Server
3. Added MCP Server UI to Dev Tools
4. Improved MCP Server Database Tool
5. Updated dependencies

apps/dev-tool/app/mcp-server/page.tsx

@@ -0,0 +1,106 @@
+import Link from 'next/link';
+
+import { withI18n } from '@/lib/i18n/with-i18n';
+import { DatabaseIcon, FileTextIcon, ServerIcon } from 'lucide-react';
+
+import { Button } from '@kit/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
+import { Page, PageBody, PageHeader } from '@kit/ui/page';
+
+export const metadata = {
+  title: 'MCP Server',
+  description:
+    'MCP Server development interface for database exploration and PRD management',
+};
+
+function McpServerPage() {
+  return (
+    <Page style={'custom'}>
+      <div className={'flex h-screen flex-col overflow-hidden'}>
+        <PageHeader
+          displaySidebarTrigger={false}
+          title={'MCP Server'}
+          description={
+            'Access MCP Server tools for database exploration and PRD management.'
+          }
+        />
+
+        <PageBody className={'overflow-hidden'}>
+          <div className={'flex h-full flex-1 flex-col p-6'}>
+            <div className="space-y-6">
+              {/* Welcome Section */}
+              <div className="text-center">
+                <ServerIcon className="text-muted-foreground mx-auto mb-4 h-16 w-16" />
+                <h2 className="mb-2 text-2xl font-bold">
+                  Welcome to MCP Server Tools
+                </h2>
+                <p className="text-muted-foreground mx-auto max-w-2xl">
+                  Choose from the tools below to explore your database schema or
+                  manage your Product Requirements Documents. Use the sidebar
+                  navigation for quick access to specific tools.
+                </p>
+              </div>
+
+              {/* Tool Cards */}
+              <div className="mx-auto grid max-w-4xl gap-6 md:grid-cols-2">
+                <Card className="cursor-pointer transition-shadow hover:shadow-md">
+                  <CardHeader>
+                    <CardTitle className="flex items-center gap-3">
+                      <DatabaseIcon className="h-6 w-6" />
+                      Database Tools
+                    </CardTitle>
+                  </CardHeader>
+                  <CardContent className="space-y-4">
+                    <p className="text-muted-foreground">
+                      Explore database schemas, tables, functions, and enums
+                      through an intuitive interface.
+                    </p>
+                    <ul className="text-muted-foreground space-y-1 text-sm">
+                      <li>• Browse database schemas and their structure</li>
+                      <li>• Explore tables with columns and relationships</li>
+                      <li>
+                        • Discover database functions and their parameters
+                      </li>
+                      <li>• View enum types and their values</li>
+                    </ul>
+                    <Button asChild className="w-full">
+                      <Link href="/mcp-server/database">
+                        Open Database Tools
+                      </Link>
+                    </Button>
+                  </CardContent>
+                </Card>
+
+                <Card className="cursor-pointer transition-shadow hover:shadow-md">
+                  <CardHeader>
+                    <CardTitle className="flex items-center gap-3">
+                      <FileTextIcon className="h-6 w-6" />
+                      PRD Manager
+                    </CardTitle>
+                  </CardHeader>
+                  <CardContent className="space-y-4">
+                    <p className="text-muted-foreground">
+                      Create and manage Product Requirements Documents with user
+                      stories and progress tracking.
+                    </p>
+                    <ul className="text-muted-foreground space-y-1 text-sm">
+                      <li>• Create and edit PRDs with structured templates</li>
+                      <li>• Manage user stories with priority tracking</li>
+                      <li>• Track progress and project status</li>
+                      <li>• Export PRDs to markdown format</li>
+                    </ul>
+                    <Button asChild className="w-full">
+                      <Link href="/mcp-server/prd">Open PRD Manager</Link>
+                    </Button>
+                  </CardContent>
+                </Card>
+              </div>
+            </div>
+          </div>
+        </PageBody>
+      </div>
+    </Page>
+  );
+}
+
+export default withI18n(McpServerPage);