Spaces:
Running
Running
File size: 3,878 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 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 |
import React from "react";
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Upload, FileText, GitBranch, Shield } from "lucide-react";
export function WelcomeView() {
return (
<div className="flex-1 p-8">
<div className="max-w-4xl mx-auto space-y-8">
{/* Header */}
<div className="text-center space-y-4">
<h1 className="text-4xl font-bold tracking-tight">
Welcome to AI Pipeline Explorer
</h1>
<p className="text-xl text-muted-foreground max-w-2xl mx-auto">
Analyze AI agent traces, build knowledge graphs, and perform causal
analysis with our comprehensive pipeline processing system.
</p>
</div>
{/* Quick Start */}
<Card>
<CardHeader>
<CardTitle>Quick Start</CardTitle>
<CardDescription>
Get started by uploading a trace file to begin analysis
</CardDescription>
</CardHeader>
<CardContent>
<div className="flex items-center gap-4">
<Button size="lg" className="gap-2">
<Upload className="h-4 w-4" />
Upload Your First Trace
</Button>
<span className="text-sm text-muted-foreground">
Supports JSON, TXT, and LOG files
</span>
</div>
</CardContent>
</Card>
{/* Features */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<FileText className="h-5 w-5 text-primary" />
Trace Analysis
</CardTitle>
</CardHeader>
<CardContent>
<p className="text-sm text-muted-foreground">
Upload and analyze AI agent execution traces to understand
behavior patterns and decision-making processes.
</p>
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<GitBranch className="h-5 w-5 text-primary" />
Agent Graphs
</CardTitle>
</CardHeader>
<CardContent>
<p className="text-sm text-muted-foreground">
Automatically generate agent graphs from trace data to visualize
relationships and dependencies.
</p>
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<Shield className="h-5 w-5 text-primary" />
Pipeline Processing
</CardTitle>
</CardHeader>
<CardContent>
<p className="text-sm text-muted-foreground">
Run comprehensive analysis pipelines including perturbation
testing and causal analysis.
</p>
</CardContent>
</Card>
</div>
{/* Recent Activity */}
<Card>
<CardHeader>
<CardTitle>Recent Activity</CardTitle>
<CardDescription>
Your recent traces and analysis results
</CardDescription>
</CardHeader>
<CardContent>
<div className="text-center py-8">
<FileText className="h-12 w-12 mx-auto mb-4 text-muted-foreground" />
<p className="text-muted-foreground">
No recent activity. Upload a trace to get started.
</p>
</div>
</CardContent>
</Card>
</div>
</div>
);
}
|