fix: avoid loading artifact data in trace timeline (#1820) (#3376)

* fix: avoid loading artifact data in trace timeline

* removed the inline artifact JSON viewer

* readd JsonEditorWithCopy

* remove those ok files

GitOrigin-RevId: 355e7f5de276f7f9e6dbc1e6811b592a4b681383

Co-authored-by: robert-inkeep <123133375+robert-inkeep@users.noreply.github.com>

Author: inkeep-oss-sync[bot]

.changeset/stupid-coffee-hedgehog.md

@@ -0,0 +1,5 @@
+---
+"@inkeep/agents-manage-ui": patch
+---
+
+Avoid loading artifact bodies in conversation traces

agents-manage-ui/src/app/api/traces/conversations/[conversationId]/route.ts

@@ -417,7 +417,6 @@ function buildAllSpansPayload(
     sf(SPAN_KEYS.ARTIFACT_TOOL_CALL_ID, str, attr),
     sf(SPAN_KEYS.ARTIFACT_NAME, str, attr),
     sf(SPAN_KEYS.ARTIFACT_DESCRIPTION, str, attr),
-    sf(SPAN_KEYS.ARTIFACT_DATA, str, attr),
     sf(SPAN_KEYS.ARTIFACT_IS_OVERSIZED, bool, attr),
     sf(SPAN_KEYS.ARTIFACT_RETRIEVAL_BLOCKED, bool, attr),
     sf(SPAN_KEYS.ARTIFACT_ORIGINAL_TOKEN_SIZE, int64, attr),
@@ -909,7 +908,6 @@ export async function GET(
       artifactType?: string;
       artifactName?: string;
       artifactDescription?: string;
-      artifactData?: string;
       artifactSubAgentId?: string;
       artifactToolCallId?: string;
       artifactIsOversized?: boolean;
@@ -1310,7 +1308,6 @@ export async function GET(
         artifactType: artifactType || undefined,
         artifactName: artifactName || undefined,
         artifactDescription: artifactDescription || undefined,
-        artifactData: getString(span, SPAN_KEYS.ARTIFACT_DATA, '') || undefined,
         artifactToolCallId: getString(span, SPAN_KEYS.ARTIFACT_TOOL_CALL_ID, '') || undefined,
         artifactIsOversized: isOversized || undefined,
         artifactRetrievalBlocked: retrievalBlocked || undefined,

agents-manage-ui/src/components/traces/timeline/render-panel-content.tsx

@@ -24,6 +24,7 @@ import {
 } from '@/components/traces/timeline/types';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
+import { SPAN_KEYS } from '@/constants/signoz';
 import { formatDateTime } from '@/lib/utils/format-date';
 import { formatCostUsd, resolveCacheUsage, type SpanData } from '@/lib/utils/trace-usage';
 
@@ -688,20 +689,29 @@ export function renderPanelContent({
       );
     }
 
-    case 'artifact_processing':
+    case 'artifact_processing': {
+      const artifactData =
+        typeof span?.data?.[SPAN_KEYS.ARTIFACT_DATA] === 'string'
+          ? span.data[SPAN_KEYS.ARTIFACT_DATA]
+          : undefined;
       return (
         <>
           <Section>
             {a.artifactName && <Info label="Name" value={a.artifactName} />}
             {a.artifactType && <Info label="Type" value={a.artifactType} />}
             {a.artifactDescription && <Info label="Description" value={a.artifactDescription} />}
-            {a.artifactData && (
+            {artifactData && (
               <JsonEditorWithCopy
-                value={formatJsonSafely(a.artifactData)}
+                value={formatJsonSafely(artifactData)}
                 title="Artifact data"
                 uri="artifact-data.json"
               />
             )}
+            {!artifactData && spanLoading && (
+              <div className="text-xs text-muted-foreground animate-pulse">
+                Loading artifact data…
+              </div>
+            )}
             <StatusBadge status={a.status} />
             {a.status === 'error' && a.otelStatusDescription && (
               <LabeledBlock label="Status message">
@@ -751,6 +761,7 @@ export function renderPanelContent({
           {AdvancedBlock}
         </>
       );
+    }
 
     case 'tool_approval_requested':
       return (

agents-manage-ui/src/components/traces/timeline/timeline-item.tsx

@@ -505,15 +505,6 @@ export function TimelineItem({
                       </span>
                     </div>
                   )}
-                  {activity.artifactData && (
-                    <div className="mt-2">
-                      <JsonEditorWithCopy
-                        value={formatJsonSafely(activity.artifactData)}
-                        title="Artifact data"
-                        uri={`artifact-data-${activity.id}.json`}
-                      />
-                    </div>
-                  )}
                 </div>
               </div>
             </div>

agents-manage-ui/src/components/traces/timeline/types.ts

@@ -122,7 +122,6 @@ export interface ActivityItem {
   artifactType?: string;
   artifactName?: string;
   artifactDescription?: string;
-  artifactData?: string;
   artifactSubAgentId?: string;
   artifactToolCallId?: string;
   artifactIsOversized?: boolean;