Studio: fix table overflow, agent filtering, and blank detail page

t-459·WorkTask·
·
·
Created1 month ago·Updated1 month ago

Description

Edit

Studio UI bugs found after redesign:

1. Tables overflow on mobile

  • "Running Agents" table overflows horizontally
  • Task table also overflows
  • Need responsive table design (horizontal scroll, or card layout on mobile)

2. "Running Agents" shows terminated agents

  • Section labeled "Running Agents" but displays completed/failed agents too
  • Should filter to only running, or rename section to "Recent Agents"
  • Same issue as t-457 (agentd top) - need consistent filtering

3. Run ID links lead to blank page

  • Clicking on a run ID in the agents table goes to blank page
  • Likely missing route handler or template for agent detail view
  • Should show: run details, status, cost, duration, log tail

Fix approach

  • Tables: use overflow-x: auto wrapper, or switch to card layout on mobile
  • Filtering: add status filter, default to running
  • Detail page: implement agent detail view route + template

Timeline (4)

🔄[human]Open → InProgress1 month ago
💬[human]1 month ago

Fixed all three issues in Studio UI:

✅ 1. Tables overflow on mobile

  • Wrapped tables in with
  • Added mobile-responsive CSS for horizontal scrolling

✅ 2. Running Agents filter

  • Changed title from 'Running Agents' to 'Agent Monitoring'
  • Added status filter dropdown (Running Only / All Agents)
  • Modified to filter to running agents by default
  • Keeps terminated agents from showing in 'Running Agents' section

✅ 3. Agent detail page

  • Added route and handler
  • Created function with full agent details
  • Shows status, iterations, cost, duration, and log tail
  • Added responsive card layout with proper mobile support
  • Links from agent table now work correctly

All fixes tested and working on local instance. Mobile table scrolling, filter controls, and detail pages all functional.

🔄[human]InProgress → Done1 month ago