-
Notifications
You must be signed in to change notification settings - Fork 0
Phase 3: UI/UX Reorganization - Transform to AI Agent Observability Platform #48
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from all commits
Commits
Show all changes
6 commits
Select commit
Hold shift + click to select a range
5da5ca8
Initial plan
Copilot b43549e
Phase 3 Step 1: Update navigation and landing page to prioritize agen…
Copilot a9ba32e
Phase 3 Step 2: Rename "Devlogs" to "Work Items" in UI labels
Copilot cee6780
Phase 3 Step 3: Reorganize components structure to reflect agent obse…
Copilot 03fa78e
Phase 3 Complete: UI/UX reorganization to prioritize agent observability
Copilot a095adb
Update documentation with Phase 3 completion status and suggest next …
Copilot File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,104 @@ | ||
| /** | ||
| * Main Agent Observability Dashboard | ||
| * | ||
| * Primary landing page showing real-time agent activity across all projects | ||
| */ | ||
|
|
||
| import { Suspense } from 'react'; | ||
| import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; | ||
| import { Skeleton } from '@/components/ui/skeleton'; | ||
| import { Activity, Zap, Clock, TrendingUp } from 'lucide-react'; | ||
|
|
||
| export default function DashboardPage() { | ||
| return ( | ||
| <div className="container mx-auto py-6 space-y-6"> | ||
| {/* Header */} | ||
| <div className="flex items-center justify-between"> | ||
| <div> | ||
| <h1 className="text-3xl font-bold tracking-tight">Agent Activity Dashboard</h1> | ||
| <p className="text-muted-foreground mt-2"> | ||
| Monitor AI coding agents in real-time across all your projects | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| {/* Overview Stats */} | ||
| <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4"> | ||
| <Card> | ||
| <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> | ||
| <CardTitle className="text-sm font-medium">Active Sessions</CardTitle> | ||
| <Activity className="h-4 w-4 text-muted-foreground" /> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <div className="text-2xl font-bold">0</div> | ||
| <p className="text-xs text-muted-foreground">No active agent sessions</p> | ||
| </CardContent> | ||
| </Card> | ||
|
|
||
| <Card> | ||
| <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> | ||
| <CardTitle className="text-sm font-medium">Total Events Today</CardTitle> | ||
| <Zap className="h-4 w-4 text-muted-foreground" /> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <div className="text-2xl font-bold">0</div> | ||
| <p className="text-xs text-muted-foreground">Agent events logged</p> | ||
| </CardContent> | ||
| </Card> | ||
|
|
||
| <Card> | ||
| <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> | ||
| <CardTitle className="text-sm font-medium">Avg Session Duration</CardTitle> | ||
| <Clock className="h-4 w-4 text-muted-foreground" /> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <div className="text-2xl font-bold">-</div> | ||
| <p className="text-xs text-muted-foreground">No sessions yet</p> | ||
| </CardContent> | ||
| </Card> | ||
|
|
||
| <Card> | ||
| <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> | ||
| <CardTitle className="text-sm font-medium">Events Per Minute</CardTitle> | ||
| <TrendingUp className="h-4 w-4 text-muted-foreground" /> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <div className="text-2xl font-bold">0</div> | ||
| <p className="text-xs text-muted-foreground">Current rate</p> | ||
| </CardContent> | ||
| </Card> | ||
| </div> | ||
|
|
||
| {/* Recent Activity */} | ||
| <Card> | ||
| <CardHeader> | ||
| <CardTitle>Recent Agent Activity</CardTitle> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <div className="flex flex-col items-center justify-center py-12 text-center"> | ||
| <div className="text-muted-foreground mb-4 text-4xl">🤖</div> | ||
| <h3 className="text-lg font-semibold mb-2">No Agent Activity Yet</h3> | ||
| <p className="text-sm text-muted-foreground max-w-md"> | ||
| Start monitoring your AI coding agents by configuring collectors and starting agent sessions. | ||
| Visit the Settings page to set up your first collector. | ||
| </p> | ||
| </div> | ||
| </CardContent> | ||
| </Card> | ||
|
|
||
| {/* Active Sessions */} | ||
| <Card> | ||
| <CardHeader> | ||
| <CardTitle>Live Agent Sessions</CardTitle> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <Suspense fallback={<Skeleton className="h-32 w-full" />}> | ||
| <div className="text-sm text-muted-foreground text-center py-8"> | ||
| No active sessions | ||
| </div> | ||
| </Suspense> | ||
| </CardContent> | ||
| </Card> | ||
| </div> | ||
| ); | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| /** | ||
| * Global Agent Sessions Page | ||
| * | ||
| * Displays all AI agent sessions across all projects with filtering and search | ||
| */ | ||
|
|
||
| import { Suspense } from 'react'; | ||
| import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; | ||
| import { Skeleton } from '@/components/ui/skeleton'; | ||
|
|
||
| export default function SessionsPage() { | ||
| return ( | ||
| <div className="container mx-auto py-6 space-y-6"> | ||
| {/* Header */} | ||
| <div className="flex items-center justify-between"> | ||
| <div> | ||
| <h1 className="text-3xl font-bold tracking-tight">Agent Sessions</h1> | ||
| <p className="text-muted-foreground mt-2"> | ||
| View and manage AI coding agent sessions across all projects | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| {/* Active Sessions */} | ||
| <Card> | ||
| <CardHeader> | ||
| <CardTitle>Active Sessions</CardTitle> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <Suspense fallback={<Skeleton className="h-32 w-full" />}> | ||
| <div className="flex flex-col items-center justify-center py-12 text-center"> | ||
| <div className="text-muted-foreground mb-4 text-4xl">⚡</div> | ||
| <h3 className="text-lg font-semibold mb-2">No Active Sessions</h3> | ||
| <p className="text-sm text-muted-foreground max-w-md"> | ||
| No agents are currently running. Start a coding session with your AI agent to see it here. | ||
| </p> | ||
| </div> | ||
| </Suspense> | ||
| </CardContent> | ||
| </Card> | ||
|
|
||
| {/* Recent Sessions */} | ||
| <Card> | ||
| <CardHeader> | ||
| <CardTitle>Recent Sessions</CardTitle> | ||
| </CardHeader> | ||
| <CardContent> | ||
| <Suspense fallback={<Skeleton className="h-96 w-full" />}> | ||
| <div className="flex flex-col items-center justify-center py-12 text-center"> | ||
| <div className="text-muted-foreground mb-4 text-4xl">📊</div> | ||
| <h3 className="text-lg font-semibold mb-2">No Session History</h3> | ||
| <p className="text-sm text-muted-foreground max-w-md"> | ||
| Once you start using AI coding agents, their sessions will appear here for review and analysis. | ||
| </p> | ||
| </div> | ||
| </Suspense> | ||
| </CardContent> | ||
| </Card> | ||
| </div> | ||
| ); | ||
| } |
File renamed without changes.
3 changes: 3 additions & 0 deletions
3
apps/web/components/agent-observability/agent-sessions/index.ts
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| export { SessionList } from './session-list'; | ||
| export { SessionCard } from './session-card'; | ||
| export { ActiveSessionsPanel } from './active-sessions-panel'; |
File renamed without changes.
File renamed without changes.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
File renamed without changes.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
File renamed without changes.
File renamed without changes.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[nitpick] Missing newline between function closing brace and comment. Add a blank line before the comment for better readability.