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
This commit is contained in:
Giancarlo Buomprisco
2025-09-25 12:03:53 +08:00
committed by GitHub
parent 02e2502dcc
commit 2b8572baaa
62 changed files with 5661 additions and 1231 deletions

View File

@@ -0,0 +1,53 @@
'use client';
import { DatabaseIcon, FileTextIcon } from 'lucide-react';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@kit/ui/tabs';
interface McpServerTabsProps {
prdManagerContent: React.ReactNode;
databaseToolsContent?: React.ReactNode;
}
export function McpServerTabs({
prdManagerContent,
databaseToolsContent,
}: McpServerTabsProps) {
return (
<div className="h-full">
<Tabs defaultValue="database-tools" className="flex h-full flex-col">
<TabsList className="grid w-full grid-cols-2">
<TabsTrigger
value="database-tools"
className="flex items-center gap-2"
>
<DatabaseIcon className="h-4 w-4" />
Database Tools
</TabsTrigger>
<TabsTrigger value="prd-manager" className="flex items-center gap-2">
<FileTextIcon className="h-4 w-4" />
PRD Manager
</TabsTrigger>
</TabsList>
<TabsContent value="database-tools" className="flex-1 space-y-4">
{databaseToolsContent || (
<div className="flex h-full items-center justify-center">
<div className="text-center">
<DatabaseIcon className="text-muted-foreground mx-auto h-12 w-12" />
<h3 className="mt-4 text-lg font-semibold">Database Tools</h3>
<p className="text-muted-foreground">
Explore database schemas, tables, functions, and enums
</p>
</div>
</div>
)}
</TabsContent>
<TabsContent value="prd-manager" className="flex-1 space-y-4">
{prdManagerContent}
</TabsContent>
</Tabs>
</div>
);
}