feat(frontend): team-browsing GUI with pod view

Replace the single join form with a richer UI: team cards (members as
avatars, repo, description), a member picker, and a post-join PodView showing
pod members (you highlighted) plus a PodMan panel with a slot for live
intervention cards. Adds Avatar/TeamCard/PodView components.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Kartikeya
2026-06-27 15:17:07 -07:00
parent fc3752bbe9
commit e26961d526
5 changed files with 223 additions and 60 deletions
+8
View File
@@ -6,6 +6,7 @@ export interface DemoTeam {
id: string;
name: string;
repo: string;
description: string;
members: string[];
}
@@ -14,18 +15,25 @@ export const TEAMS: DemoTeam[] = [
id: 'demo-pod',
name: 'Demo Pod',
repo: 'karti-ai/podman',
description: 'The full crew — used for the live demo.',
members: ['Karti', 'Yahya', 'Ramis', 'Zander', 'Shakthi'],
},
{
id: 'frontend-squad',
name: 'Frontend Squad',
repo: 'karti-ai/podman',
description: 'PWA, capture, and PodMan card UI.',
members: ['Karti', 'Zander'],
},
{
id: 'backend-squad',
name: 'Backend Squad',
repo: 'karti-ai/podman',
description: 'LiveKit agent, vision, collision detector.',
members: ['Yahya', 'Ramis'],
},
];
export function teamById(id: string): DemoTeam {
return TEAMS.find((t) => t.id === id) ?? TEAMS[0]!;
}