Skip to content

feat(studio): Dedicated Agent Details Page#806

Open
steramae-nvidia wants to merge 2 commits into
mainfrom
steramae/agent-details-page
Open

feat(studio): Dedicated Agent Details Page#806
steramae-nvidia wants to merge 2 commits into
mainfrom
steramae/agent-details-page

Conversation

@steramae-nvidia

@steramae-nvidia steramae-nvidia commented Jul 21, 2026

Copy link
Copy Markdown
Contributor
Screenshot 2026-07-20 at 7 21 34 PM

Signed-off-by: Sean Teramae steramae@nvidia.com

Summary by CodeRabbit

Summary by CodeRabbit

  • New Features

    • Added an agent details page with tabs for Overview, Evaluations, Deployments, Configuration, Traces, Improvements, and Chat.
    • Included deployments viewing with status, logs, chat, and delete actions, plus evaluation history with “Run evaluation”.
    • Added read-only configuration metadata display and improved tab empty states.
    • Updated agent navigation so the agent list links directly to the agent details page.
  • Style

    • Improved spacing/alignment in the deployment logs panel.
  • Tests

    • Added UI tests covering agent details tab selection and chat rendering.

Signed-off-by: Sean Teramae <steramae@nvidia.com>
@steramae-nvidia

Copy link
Copy Markdown
Contributor Author

This change is part of the following stack:

Change managed by git-spice.

@steramae-nvidia
steramae-nvidia requested review from a team as code owners July 21, 2026 02:34
@github-actions github-actions Bot added the feat label Jul 21, 2026
@coderabbitai

coderabbitai Bot commented Jul 21, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Enterprise

Run ID: 1d573432-4949-4b04-91ae-5fab78020e88

📥 Commits

Reviewing files that changed from the base of the PR and between 59f8701 and 294afec.

📒 Files selected for processing (2)
  • web/packages/studio/src/routes/WorkspaceLayout/WorkspaceSideNav.tsx
  • web/packages/studio/src/routes/groups/agentRoutes.tsx
🚧 Files skipped from review as they are similar to previous changes (1)
  • web/packages/studio/src/routes/groups/agentRoutes.tsx

📝 Walkthrough

Walkthrough

Changes

Agent detail experience

Layer / File(s) Summary
Route and navigation wiring
web/packages/studio/src/routes/agents/AgentsListRoute/index.tsx, web/packages/studio/src/routes/groups/agentRoutes.tsx, web/packages/studio/src/routes/WorkspaceLayout/WorkspaceSideNav.tsx
Agent rows now navigate to a dedicated, lazily loaded detail route, while feature-gated agent navigation is provided by the route module.
Detail tab components
web/packages/studio/src/routes/agents/AgentDetailRoute/overview/DetailPanel.tsx, web/packages/studio/src/routes/agents/AgentDetailRoute/{ConfigurationTab,EvaluationsTab,DeploymentsTab,TabPlaceholder}.tsx, web/packages/studio/src/components/sidePanels/.../DeploymentLogsView.tsx
Adds reusable panels, placeholders, configuration and evaluation views, deployment actions and logs, plus updated deployment log spacing.
Detail page orchestration
web/packages/studio/src/routes/agents/AgentDetailRoute/index.tsx
Adds URL-synchronized tabs, agent data wiring, status display, header actions, tab content, chat switching, and evaluation/deployment modals.
Route rendering validation
web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx
Tests the default detail page and switching to the Chat tab.

Sequence Diagram(s)

sequenceDiagram
  participant AgentsListRoute
  participant AgentDetailRoute
  participant useAgentPanel
  participant DeploymentsTab
  participant ChatPlayground
  AgentsListRoute->>AgentDetailRoute: navigate to agent details
  AgentDetailRoute->>useAgentPanel: load agent data
  useAgentPanel-->>AgentDetailRoute: return agent, deployments, evaluations
  AgentDetailRoute->>DeploymentsTab: render deployment data and callbacks
  AgentDetailRoute->>ChatPlayground: render selected chat tab
Loading

Possibly related PRs

Suggested reviewers: marcusds, shanaiabuggy

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly summarizes the main change: adding a dedicated Agent Details Page in Studio.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch steramae/agent-details-page

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🧹 Nitpick comments (3)
web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx (3)

4-10: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Group external imports before internal imports.

Move @testing-library/user-event above the @studio/* imports.

As per coding guidelines, follow “Group imports: external libraries, internal modules, relative imports in TypeScript.”

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx` around
lines 4 - 10, Reorder the imports in the AgentDetailRoute test so the external
`@testing-library/user-event` import appears before all internal `@studio/`*
imports, while preserving the existing import statements.

Source: Coding guidelines


36-43: 🎯 Functional Correctness | 🔵 Trivial | ⚡ Quick win

Verify Chat updates the URL.

This only checks aria-selected; a regression in the route’s search-parameter synchronization would pass. Assert the memory router’s location contains the expected tab search parameter after clicking Chat.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx` around
lines 36 - 43, Update the “switches to the chat tab” test to also inspect the
memory router location after clicking the Chat tab, asserting that the URL
search parameters contain the expected Chat tab value while preserving the
existing aria-selected and textbox assertions.

21-33: 🎯 Functional Correctness | 🔵 Trivial | ⚡ Quick win

Assert the default tab’s content.

The test verifies that Overview is selected but not that its panel renders. Add a stable assertion for the Overview content, such as Overview is coming soon.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx` around
lines 21 - 33, Add an assertion in the “renders the agent as a full page with
tabs and header actions” test that verifies the selected Overview panel content,
using the stable text “Overview is coming soon” while preserving the existing
tab and header-action assertions.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Nitpick comments:
In `@web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx`:
- Around line 4-10: Reorder the imports in the AgentDetailRoute test so the
external `@testing-library/user-event` import appears before all internal
`@studio/`* imports, while preserving the existing import statements.
- Around line 36-43: Update the “switches to the chat tab” test to also inspect
the memory router location after clicking the Chat tab, asserting that the URL
search parameters contain the expected Chat tab value while preserving the
existing aria-selected and textbox assertions.
- Around line 21-33: Add an assertion in the “renders the agent as a full page
with tabs and header actions” test that verifies the selected Overview panel
content, using the stable text “Overview is coming soon” while preserving the
existing tab and header-action assertions.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Enterprise

Run ID: af148d44-30c1-4122-a554-cd0a1c189b57

📥 Commits

Reviewing files that changed from the base of the PR and between 2c1a9ef and 59f8701.

📒 Files selected for processing (10)
  • web/packages/studio/src/components/sidePanels/AgentPanels/AgentPanel/DeploymentLogsView.tsx
  • web/packages/studio/src/routes/agents/AgentDetailRoute/ConfigurationTab.tsx
  • web/packages/studio/src/routes/agents/AgentDetailRoute/DeploymentsTab.tsx
  • web/packages/studio/src/routes/agents/AgentDetailRoute/EvaluationsTab.tsx
  • web/packages/studio/src/routes/agents/AgentDetailRoute/TabPlaceholder.tsx
  • web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx
  • web/packages/studio/src/routes/agents/AgentDetailRoute/index.tsx
  • web/packages/studio/src/routes/agents/AgentDetailRoute/overview/DetailPanel.tsx
  • web/packages/studio/src/routes/agents/AgentsListRoute/index.tsx
  • web/packages/studio/src/routes/groups/agentRoutes.tsx

@github-actions

Copy link
Copy Markdown
Contributor
Suite Lines Covered Line Rate Branch Rate
Unit Tests 26384/34035 77.5% 61.8%
Integration Tests 15176/32660 46.5% 18.7%

Signed-off-by: Sean Teramae <steramae@nvidia.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant