[AGENT-2139] Agent detail view — config, permissions, instance history, action log timeline

[dnviti]

Code: AGENT-2139
Priority: MEDIUM
Section: Orchestration — Agent Orchestration Gateway (Phase 4: GUI)
Dependencies: AGENT-2127

Description

Create the agent detail view that shows comprehensive information about an agent definition: its configuration (with LLM provider details), permission matrix, instance history, scheduled runs, and aggregated action log. The view is rendered as a tabbed panel inside the agent list dialog.

Technical Details

Client — Agent Detail View (client/src/components/Agents/AgentDetailView.tsx)

• Rendered inside AgentListDialog when an agent is selected (replace list with detail, back button to return)
• Header: agent name, status chip, edit/delete/start buttons
• Tabbed content (MUI Tabs):

Tab 1 — Configuration:

• Card: Identity (name, description, created by, created at)
• Card: LLM Provider
  • Resolved source indicator (agent/tenant/platform)
  • Provider, host (if custom), model
  • API key: sk-...XXXX or "Using platform default"
  • Test Connection button with result indicator
• Card: Behavior
  • System prompt (collapsible, shows first 3 lines)
  • Enabled tools (chips)
  • Constraints (token budget, max duration, require approval)

Tab 2 — Permissions:

• Table: Connection Name | Type | Read | Write | Execute | SFTP | Read-Only | Max Duration
• Expandable rows: allowed/denied commands, allowed paths
• Edit button opens permission editor (reuse from creation wizard Step 4)

Tab 3 — Instances:

• Table: Instance ID (short) | Task | Status (chip) | Started | Duration | Tokens | Actions
• Status chips color-coded: RUNNING=blue, COMPLETED=green, FAILED=red, PAUSED=yellow, STOPPED=gray
• Row click opens Live Instance Viewer (for RUNNING/PAUSED) or historical action log (for terminal states)
• Pagination, status filter

Tab 4 — Schedules:

• Table: Cron Expression | Human-Readable | Enabled | Last Run | Next Run | Actions
• Actions: Toggle, Edit, Delete, Run Now
• Add Schedule button

Tab 5 — Action Log:

• Aggregated log across all instances for this agent
• Timeline view: action type icon, timestamp, input summary, status chip, duration
• Filters: action type, status, date range, instance
• Expandable: full input/output

Client — API Extensions

• Add to agent.api.ts:
  • getAgentInstances(agentId, filters?) → AgentInstance[]
  • getAgentSchedules(agentId) → AgentSchedule[]
  • getAgentActionLog(agentId, filters?) → AgentActionLog[]

Files Involved

• CREATE client/src/components/Agents/AgentDetailView.tsx — Main detail view with tabs
• CREATE client/src/components/Agents/tabs/ConfigurationTab.tsx — Config display
• CREATE client/src/components/Agents/tabs/PermissionsTab.tsx — Permission matrix
• CREATE client/src/components/Agents/tabs/InstancesTab.tsx — Instance history
• CREATE client/src/components/Agents/tabs/SchedulesTab.tsx — Schedule management
• CREATE client/src/components/Agents/tabs/ActionLogTab.tsx — Aggregated action log
• MODIFY client/src/api/agent.api.ts — Add instance, schedule, action log endpoints
• MODIFY client/src/components/Agents/AgentListDialog.tsx — Navigate to detail view on row click

Reference: Agent Orchestration Gateway — Phase 4.3