Phase 4.3 -- Agent Profiles & Detail Pages

Parent: #762 | Wave 2

Context

Key differentiator. Every agent has a profile that reads like a team member bio -- career arc, task history, performance narrative. Not a config form. Prose alongside metrics.

Scope

Agent Profiles (list page)

• Agent grid with consistent AgentCard component
• Filtering: by department, level, status
• Search by name/role
• Sort by performance, cost, activity

Agent Detail (single agent page)

• Identity section: avatar, name, role, department, level, status (with pulse), autonomy level badge
• Performance metrics: 2x2 grid (tasks completed, avg completion time, success rate, cost per task) with sparklines
• Tool badges: list of available tools
• Career timeline: vertical timeline with colored dots (hire, promotion, milestone events)
• Task history: Gantt-style horizontal bars (type-colored, pulse on current task, duration labels)
• Activity log: chronological list of recent actions with type icons, descriptions, timestamps

Prose elements

• Performance described in sentences alongside numbers ("Completing tasks 15% faster than department average")
• Status described as narrative ("Currently working on Q2 Competitor Analysis, delegated by CEO 2 hours ago")

Design reference

• Prototype: mockups/direction-cd/src/pages/AgentProfile.tsx
• Ambient elements from: mockups/direction-db/src/pages/AgentProfile.tsx

Data requirements

• GET /agents (list, paginated)
• GET /agents/{name} (detail)
• GET /agents/{name}/performance (feat: agent performance metrics and activity timeline endpoints #772)
• GET /agents/{name}/activity (feat: agent performance metrics and activity timeline endpoints #772)
• GET /agents/{name}/history (feat: agent performance metrics and activity timeline endpoints #772)

Deliverables

• Agent profiles list with filtering/search/sort
• Agent detail page with all sections
• Prose-alongside-metrics pattern implemented
• Career timeline component
• Gantt task history component
• Unit tests for filtering, data transformations
• Storybook stories for key sub-components

Blocked by

• feat: interaction components and animation patterns #776 (interaction components)
• feat: agent performance metrics and activity timeline endpoints #772 (agent performance/activity endpoints)