diff --git a/web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx b/web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx
index c44959fbfb..1f42807aa9 100644
--- a/web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx
+++ b/web/packages/studio/src/routes/agents/AgentDetailRoute/index.test.tsx
@@ -2,7 +2,7 @@
// SPDX-License-Identifier: Apache-2.0
vi.hoisted(() => {
- vi.stubEnv('VITE_FF_MONITOR_ENABLED', 'true');
+ vi.stubEnv('VITE_FF_INTAKE_ENABLED', 'true');
});
import { ROUTES } from '@studio/constants/routes';
@@ -18,7 +18,10 @@ const workspace = workspace1.workspace;
const renderDetail = () =>
renderRoute(undefined, {
history: getAgentDetailRoute(workspace, agentName),
- routes: [{ path: ROUTES.workspace.agentDetail, element: }],
+ routes: [
+ { path: ROUTES.workspace.agentDetail, element: },
+ { path: ROUTES.workspace.intakeTraces, element:
intake-traces-page
},
+ ],
});
describe('AgentDetailRoute', () => {
@@ -42,6 +45,15 @@ describe('AgentDetailRoute', () => {
expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
});
+ it('navigates to intake traces when Open traces is clicked', async () => {
+ const user = userEvent.setup();
+ renderDetail();
+
+ await user.click(await screen.findByRole('button', { name: 'Open traces' }));
+
+ expect(await screen.findByText('intake-traces-page')).toBeInTheDocument();
+ });
+
it('switches to the chat tab', async () => {
const user = userEvent.setup();
renderDetail();
diff --git a/web/packages/studio/src/routes/agents/AgentDetailRoute/index.tsx b/web/packages/studio/src/routes/agents/AgentDetailRoute/index.tsx
index 9c4ab8ca64..dbdc88b0d1 100644
--- a/web/packages/studio/src/routes/agents/AgentDetailRoute/index.tsx
+++ b/web/packages/studio/src/routes/agents/AgentDetailRoute/index.tsx
@@ -18,7 +18,7 @@ import {
} from '@nvidia/foundations-react-core';
import { getAgentModelNames } from '@studio/components/dataViews/AgentsDataView/utils';
import { SubmitEvaluationModal } from '@studio/components/evaluation/SubmitEvaluationModal';
-import { MONITOR_ENABLED } from '@studio/constants/environment';
+import { INTAKE_ENABLED } from '@studio/constants/environment';
import { ROUTE_PARAMS } from '@studio/constants/routes';
import { useWorkspaceFromPath } from '@studio/hooks/useWorkspaceFromPath';
import { useBreadcrumbs } from '@studio/providers/breadcrumbs/useBreadcrumbs';
@@ -35,8 +35,8 @@ import {
clearAgentWalkthroughPending,
isAgentWalkthroughPending,
} from '@studio/routes/agents/AgentDetailRoute/walkthroughStorage';
-import { getAgentMonitorRoute, getAgentsListRoute } from '@studio/routes/utils';
-import { Activity, ClipboardCheck, Dot, Rocket } from 'lucide-react';
+import { getAgentsListRoute, getIntakeTracesRoute } from '@studio/routes/utils';
+import { ClipboardCheck, Dot, ListTree, Rocket } from 'lucide-react';
import { type FC, useEffect, useRef, useState } from 'react';
import { useNavigate, useParams, useSearchParams } from 'react-router';
@@ -164,9 +164,9 @@ export const AgentDetailRoute: FC = () => {
}
slotActions={
- {MONITOR_ENABLED && (
-