AgentGraph / frontend /src /lib /welcomeGuideConfig.ts
wu981526092's picture
🚀 Deploy AgentGraph: Complete agent monitoring and knowledge graph system
c2ea5ed
import { WelcomeGuideConfig } from "@/types";
export const welcomeGuideConfig: WelcomeGuideConfig = {
title: "Welcome to AgentGraph",
subtitle: "Your comprehensive AI agent trace analysis platform",
sections: [
{
id: "overview",
title: "Platform Overview",
icon: "Info",
content:
"AgentGraph is a powerful platform designed to help you analyze AI agent behavior, build knowledge graphs, and perform comprehensive causal analysis. Transform your raw agent traces into actionable insights and visualizations.",
},
{
id: "agentgraph-impact",
title: "AgentGraph Impact",
icon: "Star",
content:
"See how AgentGraph transforms complex nested agent conversations into clear visual insights with real examples from your system.",
},
{
id: "getting-started",
title: "Getting Started",
icon: "PlayCircle",
content:
"Follow these simple steps to start analyzing your AI agent traces:",
steps: [
{
number: 1,
title: "Upload Your Trace",
description:
"Click the 'Upload Trace' button and select your trace file. We support JSON, TXT, and LOG formats.",
tips: [
"Ensure your trace file contains structured agent conversation data",
"Larger files may take longer to process",
"You can upload multiple traces for comparison",
],
},
{
number: 2,
title: "Generate Agent Graph",
description:
"Once uploaded, generate an agent graph to visualize relationships and patterns in your trace data.",
tips: [
"Choose the appropriate chunking strategy for your data type",
"Agent semantic chunking works best for conversation traces",
"Processing time depends on trace complexity",
],
},
{
number: 3,
title: "Analyze & Explore",
description:
"Explore your generated knowledge graphs, examine entity relationships, and discover insights.",
tips: [
"Use the search function to find specific entities",
"Click on nodes to view detailed information",
"Drag nodes to reorganize the visualization",
],
},
{
number: 4,
title: "Run Pipeline Analysis",
description:
"Execute advanced analysis including perturbation testing and causal analysis for deeper insights.",
tips: [
"Pipeline stages can be run individually or together",
"Monitor progress in the pipeline dashboard",
"Results are saved for future reference",
],
},
],
},
{
id: "features",
title: "Key Features",
icon: "Star",
content: "Discover what makes AgentGraph powerful for AI agent analysis:",
steps: [
{
number: 1,
title: "Trace Processing",
description:
"Advanced text processing and semantic chunking to extract meaningful patterns from your agent traces.",
},
{
number: 2,
title: "Knowledge Graph Generation",
description:
"Automatically build interactive knowledge graphs showing entity relationships and dependencies.",
},
{
number: 3,
title: "Visual Analytics",
description:
"Interactive visualizations with zoom, pan, search, and filtering capabilities.",
},
{
number: 4,
title: "Pipeline Processing",
description:
"Comprehensive analysis pipeline including perturbation testing and causal analysis.",
},
{
number: 5,
title: "Export & Share",
description:
"Export your analysis results and visualizations for reports and presentations.",
},
],
},
{
id: "best-practices",
title: "Best Practices",
icon: "CheckCircle",
content: "Get the most out of AgentGraph with these recommendations:",
steps: [
{
number: 1,
title: "Trace Quality",
description:
"Ensure your traces contain structured conversation data for best results.",
tips: [
"Include both user inputs and agent responses",
"Maintain consistent formatting throughout the trace",
"Remove any sensitive information before uploading",
],
},
{
number: 2,
title: "File Preparation",
description: "Optimize your trace files for processing efficiency.",
tips: [
"Keep individual files under 50MB for faster processing",
"Use descriptive filenames for easy identification",
"Consider splitting very large traces into segments",
],
},
{
number: 3,
title: "Analysis Strategy",
description:
"Approach your analysis systematically for better insights.",
tips: [
"Start with overview graphs before diving into details",
"Compare multiple traces to identify patterns",
"Use pipeline analysis for comprehensive evaluation",
],
},
],
},
{
id: "troubleshooting",
title: "Common Issues & Solutions",
icon: "AlertCircle",
content: "Quick solutions to common problems:",
steps: [
{
number: 1,
title: "Upload Issues",
description:
"If your trace upload fails, check file format and size limits.",
tips: [
"Supported formats: JSON, TXT, LOG",
"Maximum file size: 50MB",
"Ensure file is not corrupted",
],
},
{
number: 2,
title: "Processing Delays",
description: "Large or complex traces may take time to process.",
tips: [
"Monitor progress in the Recent Activity section",
"Complex traces with many entities take longer",
"You can continue using the platform while processing",
],
},
{
number: 3,
title: "Visualization Performance",
description: "Large graphs may affect browser performance.",
tips: [
"Use search to focus on specific entities",
"Consider chunking large traces differently",
"Close other browser tabs to free memory",
],
},
],
},
],
};