index.tsx•1.06 kB
import { t } from 'i18next';
import { JsonViewer } from '@/components/json-viewer';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { AgentTimeline } from '@/features/agents/agent-timeline';
import { AgentResult } from '@activepieces/shared';
type AgentTestStepProps = {
agentResult?: AgentResult;
errorMessage?: string;
};
export const AgentTestStep = ({
agentResult,
errorMessage,
}: AgentTestStepProps) => {
return (
<div className="flex flex-col justify-center w-full items-start">
<Tabs defaultValue="timeline" className="w-full">
<TabsList>
<TabsTrigger value="timeline">{t('Timeline')}</TabsTrigger>
<TabsTrigger value="output">{t('Output')}</TabsTrigger>
</TabsList>
<TabsContent value="timeline">
<AgentTimeline agentResult={agentResult} />
</TabsContent>
<TabsContent value="output">
<JsonViewer json={errorMessage ?? agentResult} title={t('Output')} />
</TabsContent>
</Tabs>
</div>
);
};