Gradient Team view: a product's AI agents as live gradient cards

A new "Team" page (route /team, sidebar entry) showing a product and its AI agents as
gradient cards: a hero card with the product's shared identity summary + team/agent
counts, then one gradient card per AI agent (role-themed gradient, monogram, role/team,
autonomy, skills) with live run status via useAgentActivity. Gradients are a deliberate,
scoped exception to the app's flat house style, used only on this showcase view.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

client/src/components/AppShell.tsx

@@ -14,6 +14,7 @@ import {
   Network,
   Package,
   ShieldCheck,
+  Sparkles,
   Users,
 } from 'lucide-react'
 import { Button } from '@/components/ui/button'
@@ -42,6 +43,7 @@ export function AppShell({ children }: { children: ReactNode }) {
 
         <nav className="flex flex-1 flex-col gap-1 p-3">
           <NavItem icon={LayoutDashboard} label="Board" to="/" />
+          <NavItem icon={Sparkles} label="Team" to="/team" />
           <NavItem icon={Inbox} label="Cartable" to="/cartable" />
           <NavItem icon={ShieldCheck} label="Review inbox" to="/reviews" />
           <NavItem icon={Bot} label="AI seats" to="/seats" />