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 && ( - )}