Spaces:
Running
Running
File size: 2,401 Bytes
c2ea5ed |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
import React, { useState } from "react";
import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { EntityImportanceMatrix } from "../visualizations/EntityImportanceMatrix";
import { RelationFlowAnalysis } from "../visualizations/RelationFlowAnalysis";
import { Users, GitBranch } from "lucide-react";
interface EntityRelationAnalysisModalProps {
open: boolean;
onOpenChange: (open: boolean) => void;
defaultTab?: "entities" | "relations";
}
export function EntityRelationAnalysisModal({
open,
onOpenChange,
defaultTab = "entities",
}: EntityRelationAnalysisModalProps) {
const [activeTab, setActiveTab] = useState(defaultTab);
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-6xl max-h-[80vh] overflow-hidden">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
{activeTab === "entities" ? (
<>
<Users className="h-5 w-5" />
Entity & Relation Analysis
</>
) : (
<>
<GitBranch className="h-5 w-5" />
Entity & Relation Analysis
</>
)}
</DialogTitle>
</DialogHeader>
<Tabs
value={activeTab}
onValueChange={(value) =>
setActiveTab(value as "entities" | "relations")
}
className="w-full h-full"
>
<TabsList className="grid w-full grid-cols-2">
<TabsTrigger value="entities" className="flex items-center gap-2">
<Users className="h-4 w-4" />
Entity Analysis
</TabsTrigger>
<TabsTrigger value="relations" className="flex items-center gap-2">
<GitBranch className="h-4 w-4" />
Relation Analysis
</TabsTrigger>
</TabsList>
<TabsContent value="entities" className="mt-4 h-full overflow-y-auto">
<EntityImportanceMatrix />
</TabsContent>
<TabsContent
value="relations"
className="mt-4 h-full overflow-y-auto"
>
<RelationFlowAnalysis />
</TabsContent>
</Tabs>
</DialogContent>
</Dialog>
);
}
|