@inkeep/agents-manage-ui 0.19.5 → 0.19.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-manage-ui",
-  "version": "0.19.5",
+  "version": "0.19.7",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "index.js",
   "types": "index.d.ts",
@@ -85,9 +85,9 @@
     "use-stick-to-bottom": "^1.1.1",
     "zod": "^4.1.11",
     "zustand": "^5.0.7",
-    "@inkeep/agents-core": "^0.19.5",
-    "@inkeep/agents-manage-api": "^0.19.5",
-    "@inkeep/agents-run-api": "^0.19.5"
+    "@inkeep/agents-core": "^0.19.7",
+    "@inkeep/agents-manage-api": "^0.19.7",
+    "@inkeep/agents-run-api": "^0.19.7"
   },
   "devDependencies": {
     "@vitest/web-worker": "3.1.4",

package/src/app/api/signoz/conversations/[conversationId]/route.ts

@@ -646,6 +646,69 @@ function buildConversationListPayload(
           ]
         ),
 
+        // AI streaming object
+        aiStreamingObject: listQuery(
+          QUERY_EXPRESSIONS.AI_STREAMING_OBJECT,
+          [
+            {
+              key: {
+                key: SPAN_KEYS.AI_OPERATION_ID,
+                ...QUERY_FIELD_CONFIGS.STRING_TAG_COLUMN,
+              },
+              op: OPERATORS.EQUALS,
+              value: AI_OPERATIONS.STREAM_OBJECT,
+            },
+          ],
+          [
+            {
+              key: SPAN_KEYS.SPAN_ID,
+              ...QUERY_FIELD_CONFIGS.STRING_TAG_COLUMN,
+            },
+            {
+              key: SPAN_KEYS.TRACE_ID,
+              ...QUERY_FIELD_CONFIGS.STRING_TAG_COLUMN,
+            },
+            {
+              key: SPAN_KEYS.TIMESTAMP,
+              ...QUERY_FIELD_CONFIGS.INT64_TAG_COLUMN,
+            },
+            {
+              key: SPAN_KEYS.HAS_ERROR,
+              ...QUERY_FIELD_CONFIGS.BOOL_TAG_COLUMN,
+            },
+            {
+              key: SPAN_KEYS.DURATION_NANO,
+              ...QUERY_FIELD_CONFIGS.FLOAT64_TAG_COLUMN,
+            },
+            { key: SPAN_KEYS.SUB_AGENT_ID, ...QUERY_FIELD_CONFIGS.STRING_TAG },
+            { key: SPAN_KEYS.SUB_AGENT_NAME, ...QUERY_FIELD_CONFIGS.STRING_TAG },
+            {
+              key: SPAN_KEYS.AI_RESPONSE_OBJECT,
+              ...QUERY_FIELD_CONFIGS.STRING_TAG,
+            },
+            {
+              key: SPAN_KEYS.AI_MODEL_ID,
+              ...QUERY_FIELD_CONFIGS.STRING_TAG,
+            },
+            {
+              key: SPAN_KEYS.AI_MODEL_PROVIDER,
+              ...QUERY_FIELD_CONFIGS.STRING_TAG,
+            },
+            {
+              key: SPAN_KEYS.AI_OPERATION_ID,
+              ...QUERY_FIELD_CONFIGS.STRING_TAG,
+            },
+            {
+              key: SPAN_KEYS.GEN_AI_USAGE_INPUT_TOKENS,
+              ...QUERY_FIELD_CONFIGS.INT64_TAG,
+            },
+            {
+              key: SPAN_KEYS.GEN_AI_USAGE_OUTPUT_TOKENS,
+              ...QUERY_FIELD_CONFIGS.INT64_TAG,
+            },
+          ]
+        ),
+
         // context fetchers
         contextFetchers: listQuery(
           QUERY_EXPRESSIONS.CONTEXT_FETCHERS,
@@ -745,7 +808,7 @@ function buildConversationListPayload(
               ...QUERY_FIELD_CONFIGS.STRING_TAG,
             },
             {
-              key: SPAN_KEYS.ARTIFACT_AGENT_ID,
+              key: SPAN_KEYS.ARTIFACT_SUB_AGENT_ID,
               ...QUERY_FIELD_CONFIGS.STRING_TAG,
             },
             {
@@ -801,6 +864,7 @@ export async function GET(
     const aiAssistantSpans = parseList(resp, QUERY_EXPRESSIONS.AI_ASSISTANT_MESSAGES);
     const aiGenerationSpans = parseList(resp, QUERY_EXPRESSIONS.AI_GENERATIONS);
     const aiStreamingSpans = parseList(resp, QUERY_EXPRESSIONS.AI_STREAMING_TEXT);
+    const aiStreamingObjectSpans = parseList(resp, QUERY_EXPRESSIONS.AI_STREAMING_OBJECT);
     const contextFetcherSpans = parseList(resp, QUERY_EXPRESSIONS.CONTEXT_FETCHERS);
     const durationSpans = parseList(resp, QUERY_EXPRESSIONS.DURATION_SPANS);
     const artifactProcessingSpans = parseList(resp, QUERY_EXPRESSIONS.ARTIFACT_PROCESSING);
@@ -851,6 +915,7 @@ export async function GET(
         | 'user_message'
         | 'ai_assistant_message'
         | 'ai_model_streamed_text'
+        | 'ai_model_streamed_object'
         | 'artifact_processing';
       name: string;
       description: string;
@@ -883,14 +948,18 @@ export async function GET(
       toolCallResult?: string;
       aiTelemetryFunctionId?: string;
       // delegation/transfer
-      delegationFromAgentId?: string;
-      delegationToAgentId?: string;
-      transferFromAgentId?: string;
-      transferToAgentId?: string;
-      // streaming
+      delegationFromSubAgentId?: string;
+      delegationToSubAgentId?: string;
+      transferFromSubAgentId?: string;
+      transferToSubAgentId?: string;
+      // streaming text
       aiStreamTextContent?: string;
       aiStreamTextModel?: string;
       aiStreamTextOperationId?: string;
+      // streaming object
+      aiStreamObjectContent?: string;
+      aiStreamObjectModel?: string;
+      aiStreamObjectOperationId?: string;
       // ai generation specifics
       aiResponseToolCalls?: string;
       aiPromptMessages?: string;
@@ -900,7 +969,7 @@ export async function GET(
       artifactName?: string;
       artifactDescription?: string;
       artifactData?: string;
-      artifactAgentId?: string;
+      artifactSubAgentId?: string;
       artifactToolCallId?: string;
       hasError?: boolean;
       otelStatusCode?: string;
@@ -923,10 +992,10 @@ export async function GET(
       const toolType = getString(span, SPAN_KEYS.AI_TOOL_TYPE, '');
       const toolPurpose = getString(span, SPAN_KEYS.TOOL_PURPOSE, '');
       const aiTelemetryFunctionId = getString(span, SPAN_KEYS.AI_TELEMETRY_FUNCTION_ID, '');
-      const delegationFromAgentId = getString(span, SPAN_KEYS.DELEGATION_FROM_SUB_AGENT_ID, '');
-      const delegationToAgentId = getString(span, SPAN_KEYS.DELEGATION_TO_SUB_AGENT_ID, '');
-      const transferFromAgentId = getString(span, SPAN_KEYS.TRANSFER_FROM_SUB_AGENT_ID, '');
-      const transferToAgentId = getString(span, SPAN_KEYS.TRANSFER_TO_SUB_AGENT_ID, '');
+      const delegationFromSubAgentId = getString(span, SPAN_KEYS.DELEGATION_FROM_SUB_AGENT_ID, '');
+      const delegationToSubAgentId = getString(span, SPAN_KEYS.DELEGATION_TO_SUB_AGENT_ID, '');
+      const transferFromSubAgentId = getString(span, SPAN_KEYS.TRANSFER_FROM_SUB_AGENT_ID, '');
+      const transferToSubAgentId = getString(span, SPAN_KEYS.TRANSFER_TO_SUB_AGENT_ID, '');
 
       // Extract tool call args and result for ALL tool calls
       const toolCallArgs = getString(span, SPAN_KEYS.AI_TOOL_CALL_ARGS, '');
@@ -949,10 +1018,10 @@ export async function GET(
         toolType: toolType || undefined,
         toolPurpose: toolPurpose || undefined,
         aiTelemetryFunctionId: aiTelemetryFunctionId || undefined,
-        delegationFromAgentId: delegationFromAgentId || undefined,
-        delegationToAgentId: delegationToAgentId || undefined,
-        transferFromAgentId: transferFromAgentId || undefined,
-        transferToAgentId: transferToAgentId || undefined,
+        delegationFromSubAgentId: delegationFromSubAgentId || undefined,
+        delegationToSubAgentId: delegationToSubAgentId || undefined,
+        transferFromSubAgentId: transferFromSubAgentId || undefined,
+        transferToSubAgentId: transferToSubAgentId || undefined,
         toolCallArgs: toolCallArgs || undefined,
         toolCallResult: toolCallResult || undefined,
       });
@@ -1137,6 +1206,30 @@ export async function GET(
       });
     }
 
+    // ai streaming object
+    for (const span of aiStreamingObjectSpans) {
+      const hasError = getField(span, SPAN_KEYS.HAS_ERROR) === true;
+      const durMs = getNumber(span, SPAN_KEYS.DURATION_NANO) / 1e6;
+      activities.push({
+        id: getString(span, SPAN_KEYS.SPAN_ID, ''),
+        type: ACTIVITY_TYPES.AI_MODEL_STREAMED_OBJECT,
+        name: ACTIVITY_NAMES.AI_STREAMING_OBJECT,
+        description: 'AI model streaming object response',
+        timestamp: span.timestamp,
+        status: hasError ? ACTIVITY_STATUS.ERROR : ACTIVITY_STATUS.SUCCESS,
+        subAgentId: getString(span, SPAN_KEYS.SUB_AGENT_ID, '') || undefined,
+        subAgentName: getString(span, SPAN_KEYS.SUB_AGENT_NAME, ACTIVITY_NAMES.UNKNOWN_AGENT),
+        result: hasError
+          ? 'AI streaming object failed'
+          : `AI object streamed successfully (${durMs.toFixed(2)}ms)`,
+        aiStreamObjectContent: getString(span, SPAN_KEYS.AI_RESPONSE_OBJECT, ''),
+        aiStreamObjectModel: getString(span, SPAN_KEYS.AI_MODEL_ID, 'Unknown Model'),
+        aiStreamObjectOperationId: getString(span, SPAN_KEYS.AI_OPERATION_ID, '') || undefined,
+        inputTokens: getNumber(span, SPAN_KEYS.GEN_AI_USAGE_INPUT_TOKENS, 0),
+        outputTokens: getNumber(span, SPAN_KEYS.GEN_AI_USAGE_OUTPUT_TOKENS, 0),
+      });
+    }
+
     // context fetchers
     for (const span of contextFetcherSpans) {
       const hasError = getField(span, SPAN_KEYS.HAS_ERROR) === true;
@@ -1169,7 +1262,7 @@ export async function GET(
         description: 'Artifact processed',
         timestamp: span.timestamp,
         status: hasError ? ACTIVITY_STATUS.ERROR : ACTIVITY_STATUS.SUCCESS,
-        subAgentName: getString(span, SPAN_KEYS.ARTIFACT_AGENT_ID, '') || 'Unknown Agent',
+        subAgentName: getString(span, SPAN_KEYS.ARTIFACT_SUB_AGENT_ID, '') || 'Unknown Agent',
         result: hasError
           ? 'Artifact processing failed'
           : 'Artifact processed successfully',
@@ -1178,7 +1271,7 @@ export async function GET(
         artifactName: artifactName || undefined,
         artifactDescription: artifactDescription || undefined,
         artifactData: getString(span, SPAN_KEYS.ARTIFACT_DATA, '') || undefined,
-        artifactAgentId: getString(span, SPAN_KEYS.ARTIFACT_AGENT_ID, '') || undefined,
+        artifactSubAgentId: getString(span, SPAN_KEYS.ARTIFACT_SUB_AGENT_ID, '') || undefined,
         artifactToolCallId: getString(span, SPAN_KEYS.ARTIFACT_TOOL_CALL_ID, '') || undefined,
       });
     }
@@ -1199,7 +1292,8 @@ export async function GET(
         (a) =>
           a.type === ACTIVITY_TYPES.AI_ASSISTANT_MESSAGE ||
           a.type === ACTIVITY_TYPES.AI_GENERATION ||
-          a.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT
+          a.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT ||
+          a.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_OBJECT
       );
     const conversationStartTime = firstUser
       ? new Date(firstUser.timestamp).getTime()
@@ -1218,14 +1312,16 @@ export async function GET(
     for (const activity of activities) {
       if (
         (activity.type === ACTIVITY_TYPES.AI_GENERATION ||
-          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT) &&
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT ||
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_OBJECT) &&
         typeof activity.inputTokens === 'number'
       ) {
         totalInputTokens += activity.inputTokens;
       }
       if (
         (activity.type === ACTIVITY_TYPES.AI_GENERATION ||
-          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT) &&
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT ||
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_OBJECT) &&
         typeof activity.outputTokens === 'number'
       ) {
         totalOutputTokens += activity.outputTokens;

package/src/components/traces/timeline/render-panel-content.tsx

@@ -85,7 +85,7 @@ export function renderPanelContent({
             <Info label="Model" value={<ModelBadge model={a.aiModel || 'Unknown'} />} />
             <Info label="Input tokens" value={a.inputTokens?.toLocaleString() || '0'} />
             <Info label="Output tokens" value={a.outputTokens?.toLocaleString() || '0'} />
-            <Info label="Agent" value={a.agentName || '-'} />
+            <Info label="Sub agent" value={a.subAgentName || '-'} />
             {a.aiResponseText && (
               <LabeledBlock label="Response text">
                 <Bubble className="whitespace-pre-wrap break-words max-h-96 overflow-y-auto">
@@ -176,7 +176,7 @@ export function renderPanelContent({
                 {a.aiResponseContent || 'Response content not available'}
               </Bubble>
             </LabeledBlock>
-            <Info label="Agent" value={a.agentName || 'Unknown'} />
+            <Info label="Sub agent" value={a.subAgentName || 'Unknown'} />
             <StatusBadge status={a.status} />
             <Info label="Activity timestamp" value={formatDateTime(a.timestamp)} />
           </Section>
@@ -201,11 +201,6 @@ export function renderPanelContent({
       return (
         <>
           <Section>
-            {a.contextAgentId && (
-              <LabeledBlock label="Agent id">
-                <Badge variant="code">{a.contextAgentId}</Badge>
-              </LabeledBlock>
-            )}
             {a.contextTrigger && <Info label="Trigger" value={a.contextTrigger} />}
             <StatusBadge status={a.status} />
             {a.contextStatusDescription && (
@@ -232,8 +227,8 @@ export function renderPanelContent({
       return (
         <>
           <Section>
-            <Info label="From agent" value={a.delegationFromAgentId || 'Unknown Agent'} />
-            <Info label="To agent" value={a.delegationToAgentId || 'Unknown Agent'} />
+            <Info label="From sub agent" value={a.delegationFromSubAgentId || 'Unknown Agent'} />
+            <Info label="To sub agent" value={a.delegationToSubAgentId || 'Unknown Agent'} />
             <Info
               label="Tool name"
               value={<Badge variant="code">{a.toolName || 'Unknown Tool'}</Badge>}
@@ -265,14 +260,14 @@ export function renderPanelContent({
       return (
         <>
           <Section>
-            <LabeledBlock label="From agent">
+            <LabeledBlock label="From sub agent">
               <Badge variant="code">
-                {a.transferFromAgentId || a.agentName || 'Unknown Agent'}
+                {a.transferFromSubAgentId || 'Unknown sub agent'}
               </Badge>
             </LabeledBlock>
-            <LabeledBlock label="To agent">
+            <LabeledBlock label="To sub agent">
               <Badge variant="code">
-                {a.transferToAgentId || a.toolName?.replace('transfer_to_', '') || 'Unknown target'}
+                {a.transferToSubAgentId || 'Unknown target'}
               </Badge>
             </LabeledBlock>
             <Info
@@ -318,7 +313,7 @@ export function renderPanelContent({
               </LabeledBlock>
             )}
             <Info label="Purpose" value={a.toolPurpose || 'No purpose information available'} />
-            <Info label="Agent" value={a.agentName || 'Unknown agent'} />
+            <Info label="Sub agent" value={a.subAgentName || 'Unknown sub agent'} />
             <StatusBadge status={a.status} />
             {a.toolCallArgs && (
               <JsonEditorWithCopy
@@ -400,6 +395,31 @@ export function renderPanelContent({
         </>
       );
 
+    case 'ai_model_streamed_object':
+      return (
+        <>
+          <Section>
+            <Info label="Model" value={<ModelBadge model={a.aiStreamObjectModel || 'Unknown'} />} />
+            <Info label="Input tokens" value={a.inputTokens?.toLocaleString() || '0'} />
+            <Info label="Output tokens" value={a.outputTokens?.toLocaleString() || '0'} />
+            {a.aiStreamObjectContent && (
+              <LabeledBlock label="Structured object response">
+                <JsonEditorWithCopy
+                  value={formatJsonSafely(a.aiStreamObjectContent)}
+                  title="Object content"
+                  uri="stream-object-response.json"
+                />
+              </LabeledBlock>
+            )}
+            <StatusBadge status={a.status} />
+            <Info label="Timestamp" value={formatDateTime(a.timestamp)} />
+          </Section>
+          <Divider />
+          {SignozButton}
+          {AdvancedBlock}
+        </>
+      );
+
     case 'artifact_processing':
       return (
         <>
@@ -415,8 +435,8 @@ export function renderPanelContent({
               />
             )}
             <StatusBadge status={a.status} />
-            {a.artifactAgentId && (
-              <Info label="Agent" value={a.artifactAgentId || 'Unknown Agent'} />
+            {a.artifactSubAgentId && (
+              <Info label="Sub agent" value={a.artifactSubAgentId || 'Unknown Sub Agent'} />
             )}
             {a.artifactId && (
               <Info label="Artifact ID" value={<Badge variant="code">{a.artifactId}</Badge>} />

package/src/components/traces/timeline/timeline-item.tsx

@@ -56,6 +56,7 @@ function statusIcon(
     agent_generation: { Icon: Cpu, cls: 'text-purple-500' },
     ai_assistant_message: { Icon: Sparkles, cls: 'text-primary' },
     ai_model_streamed_text: { Icon: Sparkles, cls: 'text-primary' },
+    ai_model_streamed_object: { Icon: Sparkles, cls: 'text-primary' },
     context_fetch: { Icon: Settings, cls: 'text-indigo-400' },
     context_resolution: { Icon: Database, cls: 'text-indigo-400' },
     tool_call: { Icon: Hammer, cls: 'text-muted-foreground' },
@@ -191,8 +192,8 @@ export function TimelineItem({
                   className="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
                   title={
                     isAiMessageCollapsed
-                      ? 'Expand AI streaming response'
-                      : 'Collapse AI streaming response'
+                      ? 'Expand AI streaming text'
+                      : 'Collapse AI streaming text'
                   }
                 >
                   {isAiMessageCollapsed ? (
@@ -200,7 +201,7 @@ export function TimelineItem({
                   ) : (
                     <ChevronDown className="h-3 w-3" />
                   )}
-                  AI Streaming Response
+                  AI Streaming Text
                 </button>
               )}
               {!isAiMessageCollapsed && (
@@ -209,6 +210,40 @@ export function TimelineItem({
             </div>
           )}
 
+          {/* streamed object bubble */}
+          {activity.type === 'ai_model_streamed_object' && activity.aiStreamObjectContent && (
+            <div className="space-y-2">
+              {onToggleAiMessageCollapse && (
+                <button
+                  type="button"
+                  onClick={() => onToggleAiMessageCollapse(activity.id)}
+                  className="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
+                  title={
+                    isAiMessageCollapsed
+                      ? 'Expand AI streaming object'
+                      : 'Collapse AI streaming object'
+                  }
+                >
+                  {isAiMessageCollapsed ? (
+                    <ChevronRight className="h-3 w-3" />
+                  ) : (
+                    <ChevronDown className="h-3 w-3" />
+                  )}
+                  AI Streaming Object
+                </button>
+              )}
+              {!isAiMessageCollapsed && (
+                <div className="mt-2">
+                  <JsonEditorWithCopy
+                    value={formatJsonSafely(activity.aiStreamObjectContent)}
+                    title="Structured object response"
+                    uri={`stream-object-${activity.id}.json`}
+                  />
+                </div>
+              )}
+            </div>
+          )}
+
           {/* context fetch url */}
           {activity.type === 'context_fetch' && activity.toolResult && (
             <div className="mb-1">
@@ -227,11 +262,10 @@ export function TimelineItem({
           {activity.type === ACTIVITY_TYPES.TOOL_CALL &&
             activity.toolName?.includes('delegate') && (
               <Flow
-                from={activity.delegationFromAgentId || activity.agentName || 'Unknown Agent'}
+                from={activity.delegationFromSubAgentId || 'Unknown sub agent'}
                 to={
-                  activity.delegationToAgentId ||
-                  activity.toolName?.replace('delegate_to_', '') ||
-                  'Target'
+                  activity.delegationToSubAgentId ||
+                  'Unknown sub agent'
                 }
               />
             )}
@@ -241,11 +275,10 @@ export function TimelineItem({
             (activity.toolType === TOOL_TYPES.TRANSFER ||
               activity.toolName?.includes('transfer')) && (
               <Flow
-                from={activity.transferFromAgentId || activity.agentName || 'Unknown Agent'}
+                from={activity.transferFromSubAgentId || 'Unknown sub agent'}
                 to={
-                  activity.transferToAgentId ||
-                  activity.toolName?.replace('transfer_to_', '') ||
-                  'Target'
+                  activity.transferToSubAgentId ||
+                  'Unknown sub agent'
                 }
               />
             )}
@@ -296,9 +329,9 @@ export function TimelineItem({
           )}
 
           {/* agent name for AI generation */}
-          {activity.type === ACTIVITY_TYPES.AI_GENERATION && activity.agentName && (
+          {activity.type === ACTIVITY_TYPES.AI_GENERATION && activity.subAgentName && (
             <div className="mb-1">
-              <Badge variant="code">{activity.agentName}</Badge>
+              <Badge variant="code">{activity.subAgentName}</Badge>
             </div>
           )}
 

package/src/components/traces/timeline/timeline-wrapper.tsx

@@ -43,6 +43,8 @@ function panelTitle(selected: SelectedPanel) {
       return 'Tool call details';
     case 'ai_model_streamed_text':
       return 'AI Streaming text details';
+    case 'ai_model_streamed_object':
+      return 'AI Streaming object details';
     case 'mcp_tool_error':
       return 'MCP tool error details';
     case 'artifact_processing':
@@ -190,7 +192,7 @@ export function TimelineWrapper({
         type: 'tool_call' as const,
         description: `Called ${tc.toolName} tool${tc.toolDescription ? ` - ${tc.toolDescription}` : ''}`,
         timestamp: new Date(tc.timestamp).toISOString(),
-        agentName: tc.agentName || 'AI Agent',
+        subAgentName: tc.subAgentName || 'AI Agent',
         toolResult: tc.result ?? tc.toolResult ?? 'Tool call completed',
       })) || []
     );
@@ -214,6 +216,7 @@ export function TimelineWrapper({
         (activity) =>
           activity.type === ACTIVITY_TYPES.AI_ASSISTANT_MESSAGE ||
           activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT ||
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_OBJECT ||
           (activity.hasError && activity.otelStatusDescription)
       )
       .map((activity) => activity.id);
@@ -222,7 +225,11 @@ export function TimelineWrapper({
   // Memoize stream text IDs for cleaner collapse logic
   const streamTextIds = useMemo(() => {
     return sortedActivities
-      .filter((activity) => activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT)
+      .filter(
+        (activity) =>
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT ||
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_OBJECT
+      )
       .map((activity) => activity.id);
   }, [sortedActivities]);
 
@@ -296,6 +303,7 @@ export function TimelineWrapper({
         (activity) =>
           activity.type === ACTIVITY_TYPES.AI_ASSISTANT_MESSAGE ||
           activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT ||
+          activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_OBJECT ||
           (activity.hasError && activity.otelStatusDescription)
       )
       .map((activity) => activity.id);
@@ -358,6 +366,7 @@ export function TimelineWrapper({
                   (activity) =>
                     activity.type === ACTIVITY_TYPES.AI_ASSISTANT_MESSAGE ||
                     activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_TEXT ||
+                    activity.type === ACTIVITY_TYPES.AI_MODEL_STREAMED_OBJECT ||
                     (activity.hasError && activity.otelStatusDescription)
                 ) && (
                   <div className="flex items-center gap-1">

package/src/components/traces/timeline/types.ts

@@ -21,6 +21,7 @@ export const ACTIVITY_TYPES = {
   USER_MESSAGE: 'user_message',
   AI_ASSISTANT_MESSAGE: 'ai_assistant_message',
   AI_MODEL_STREAMED_TEXT: 'ai_model_streamed_text',
+  AI_MODEL_STREAMED_OBJECT: 'ai_model_streamed_object',
   ARTIFACT_PROCESSING: 'artifact_processing',
 } as const;
 
@@ -33,7 +34,7 @@ export interface ActivityItem {
   description: string;
   timestamp: string;
   subAgentId?: string;
-  agentName?: string;
+  subAgentName?: string;
   toolName?: string;
   toolResult?: string;
   status: 'success' | 'error' | 'pending';
@@ -58,10 +59,10 @@ export interface ActivityItem {
   aiResponseContent?: string;
   aiResponseTimestamp?: string;
   messageContent?: string;
-  delegationFromAgentId?: string;
-  delegationToAgentId?: string;
-  transferFromAgentId?: string;
-  transferToAgentId?: string;
+  delegationFromSubAgentId?: string;
+  delegationToSubAgentId?: string;
+  transferFromSubAgentId?: string;
+  transferToSubAgentId?: string;
   toolType?: string;
   toolPurpose?: string;
   contextConfigId?: string;
@@ -76,6 +77,10 @@ export interface ActivityItem {
   aiStreamTextModel?: string;
   aiStreamTextProvider?: string;
   aiStreamTextOperationId?: string;
+  aiStreamObjectContent?: string;
+  aiStreamObjectModel?: string;
+  aiStreamObjectProvider?: string;
+  aiStreamObjectOperationId?: string;
   toolCallArgs?: string;
   toolCallResult?: string;
   aiResponseText?: string;
@@ -92,7 +97,7 @@ export interface ActivityItem {
   artifactName?: string;
   artifactDescription?: string;
   artifactData?: string;
-  artifactAgentId?: string;
+  artifactSubAgentId?: string;
   artifactToolCallId?: string;
 }
 

package/.next/standalone/agents-manage-ui/.next/server/chunks/2763.js

@@ -1 +0,0 @@
-exports.id=2763,exports.ids=[2763],exports.modules={437:(a,b,c)=>{"use strict";c.d(b,{A:()=>d});let d=(0,c(89892).A)("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},8636:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(60241).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/home/runner/work/agents/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/not-found.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/not-found.tsx","default")},12604:(a,b,c)=>{"use strict";c.d(b,{DataComponentForm:()=>x});var d=c(59111),e=c(6614),f=c(485),g=c(75823),h=c(68156),i=c(17130),j=c(16426),k=c(56019),l=c(2856),m=c(93622),n=c(35283),o=c(90147);let p=(0,o.createServerReference)("70fba8b5415a6a1dddfbb432919bd041d258252c11",o.callServer,void 0,o.findSourceMapURL,"updateDataComponentAction"),q=(0,o.createServerReference)("704e74fd56d27e214dac339ce6c109f93c913affca",o.callServer,void 0,o.findSourceMapURL,"createDataComponentAction");var r=c(42723);let s={id:"",name:"",description:"",props:""};var t=c(34576),u=c(80974),v=c(62503);let w=t.object({id:v.f,name:t.string().min(1,"Name is required."),description:t.string().min(1,"Description is required."),props:t.string().min(1,"Props schema is required.").transform((a,b)=>{try{let c=JSON.parse(a),d=(0,u._O)(a);if(!d.isValid){let a=d.errors[0]?.message||"Invalid JSON schema";return b.addIssue({code:t.ZodIssueCode.custom,message:a}),t.NEVER}return c}catch(a){return b.addIssue({code:t.ZodIssueCode.custom,message:(0,u.SR)(a)}),t.NEVER}}).optional()});function x({tenantId:a,projectId:b,id:c,initialData:o}){let t=(0,g.mN)({resolver:(0,e.u)(w),defaultValues:(a=>{if(!a)return s;let b={...a};return b.props&&(b.props=(0,r.S_)(b.props)),b})(o)}),{isSubmitting:u}=t.formState,v=(0,f.useRouter)();(0,n.S)({form:t,nameField:"name",idField:"id",isEditing:!!c});let x=async d=>{try{let e={...d};if(c){let c=await p(a,b,e);if(!c.success)return void h.oR.error(c.error||"Failed to update component");h.oR.success("Component updated")}else{let c=await q(a,b,e);if(!c.success)return void h.oR.error(c.error||"Failed to create component");h.oR.success("Component created"),v.push(`/${a}/projects/${b}/components`)}}catch(b){console.error("Error submitting component:",b);let a=b instanceof Error?b.message:"An unexpected error occurred";h.oR.error(a)}};return(0,d.jsx)(m.lV,{...t,children:(0,d.jsxs)("form",{onSubmit:t.handleSubmit(x),className:"space-y-8",children:[(0,d.jsx)(i.a,{control:t.control,name:"name",label:"Name",placeholder:"ListOrders",description:"This name is used to identify the component in chat widget integration. Example: components: { ListOrders: MyListOrdersComponent }",isRequired:!0}),(0,d.jsx)(i.a,{control:t.control,name:"id",label:"Id",placeholder:"my-data-component",disabled:!!c,description:c?"":"Choose a unique identifier for this component. Using an existing id will replace that component.",isRequired:!0}),(0,d.jsx)(j.K,{control:t.control,name:"description",label:"Description",placeholder:"Display a list of user orders with interactive options",className:"min-h-[80px]",isRequired:!0}),(0,d.jsx)(k.S,{control:t.control,name:"props",label:"Props (JSON schema)",placeholder:"Enter a valid JSON Schema...",isRequired:!0}),(0,d.jsx)(l.$,{type:"submit",disabled:u,children:"Save"})]})})}},14186:(a,b,c)=>{"use strict";c.r(b),c.d(b,{"40b6311e5c1b02ed503a296e3dd44e36630340b8ed":()=>d.bW,"609e7e69861ceb7ffe3a3db16da67f843b346f92d7":()=>d.Dv,"60b08383f93ce019429e7fd89d6ea1a4b9aba20f4e":()=>p,"60bea1fc0e56be2c2122a9e9a02477868a751bb96b":()=>d.gL,"60e6ff263b08769ca9429c429a7cee6d3eb39dae9c":()=>d.qf,"7014d8a654c3e9d5161c739dfe666bb3c40a24c6fd":()=>s,"704e74fd56d27e214dac339ce6c109f93c913affca":()=>q,"70a87a6a2129c99ba18313f9ae7fb089fcc597a3ef":()=>d.Tg,"70fba8b5415a6a1dddfbb432919bd041d258252c11":()=>r});var d=c(72025),e=c(29991);c(58415);var f=c(83248),g=c(8703),h=c(45796),i=c(33451);async function j(a,b){(0,h.M2)(a),(0,h.nt)(b);let c=await (0,g.J)(`tenants/${a}/projects/${b}/data-components`);return{...c,data:c.data.map(a=>({...a,props:a.props||{}}))}}async function k(a,b,c){(0,h.M2)(a),(0,h.nt)(b);let d=await (0,g.J)(`tenants/${a}/projects/${b}/data-components/${c}`);return{...d.data,props:d.data.props||{}}}async function l(a,b,c){(0,h.M2)(a),(0,h.nt)(b);let d=await (0,g.J)(`tenants/${a}/projects/${b}/data-components`,{method:"POST",body:JSON.stringify(c)});return{...d.data,props:d.data.props||{}}}async function m(a,b,c){(0,h.M2)(a),(0,h.nt)(b);let d=await (0,g.J)(`tenants/${a}/projects/${b}/data-components/${c.id}`,{method:"PUT",body:JSON.stringify(c)});return{...d.data,props:d.data.props||{}}}async function n(a,b,c){(0,h.M2)(a),(0,h.nt)(b),await (0,g.J)(`tenants/${a}/projects/${b}/data-components/${c}`,{method:"DELETE"})}(0,i.D)([j,k,l,m,n]),(0,e.A)(j,"6080b0288eecdd5cd70059498b96279638ba23dfb4",null),(0,e.A)(k,"70608d14942c353267b3e3e7feb5bec4aee51c3d8f",null),(0,e.A)(l,"70f7324db10e21ed9dc4b1c0fd2f6e4a2bc2c6c3c9",null),(0,e.A)(m,"70aefcf76392b5d2b79e0ca06c407c161f54fb7f54",null),(0,e.A)(n,"700a4c6ee72665757f475e101b9b00b2b814b258a8",null);var o=c(36608);async function p(a,b){try{let c=await j(a,b);return{success:!0,data:c.data}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function q(a,b,c){try{let d=await l(a,b,c);return(0,f.revalidatePath)(`/${a}/projects/${b}/components`),{success:!0,data:d}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function r(a,b,c){try{let d=await m(a,b,c);return(0,f.revalidatePath)(`/${a}/projects/${b}/components`),(0,f.revalidatePath)(`/${a}/projects/${b}/components/${c.id}`),{success:!0,data:d}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function s(a,b,c){try{return await n(a,b,c),(0,f.revalidatePath)(`/${a}/projects/${b}/components`),(0,f.revalidatePath)(`/${a}/projects/${b}/components/${c}`),{success:!0}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}(0,i.D)([p,q,r,s]),(0,e.A)(p,"60b08383f93ce019429e7fd89d6ea1a4b9aba20f4e",null),(0,e.A)(q,"704e74fd56d27e214dac339ce6c109f93c913affca",null),(0,e.A)(r,"70fba8b5415a6a1dddfbb432919bd041d258252c11",null),(0,e.A)(s,"7014d8a654c3e9d5161c739dfe666bb3c40a24c6fd",null)},29160:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>h,dynamic:()=>g});var d=c(72669),e=c(95460),f=c(54637);let g="force-dynamic";async function h({children:a,params:b}){let{tenantId:c,projectId:g}=await b;try{await (0,f.Sw)(c,g)}catch(a){(0,e.notFound)()}return(0,d.jsx)(d.Fragment,{children:a})}},35859:(a,b,c)=>{Promise.resolve().then(c.bind(c,8636))},37830:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>h});var d=c(59111),e=c(437),f=c(485);c(14450);var g=c(2856);function h(){let a=(0,f.useParams)(),b=(0,f.useRouter)(),c=a.tenantId,h=a.projectId;return(0,d.jsx)("div",{className:"flex min-h-[400px] flex-col items-center justify-center p-8",children:(0,d.jsxs)("div",{className:"text-center max-w-md",children:[(0,d.jsx)("div",{className:"mb-4 flex justify-center",children:(0,d.jsx)(e.A,{className:"h-12 w-12 text-muted-foreground"})}),(0,d.jsx)("h1",{className:"text-2xl font-semibold mb-2",children:"Project Not Found"}),(0,d.jsxs)("p",{className:"text-muted-foreground mb-6",children:['The project "',h,"\" does not exist or you don't have access to it."]}),(0,d.jsx)("p",{className:"text-sm text-muted-foreground mb-6",children:"Redirecting to projects list in 3 seconds..."}),(0,d.jsx)(g.$,{onClick:()=>b.push(`/${c}/projects`),variant:"default",children:"Go to Projects List"})]})})}},39878:(a,b,c)=>{"use strict";c.d(b,{$:()=>i});var d=c(59111),e=c(2856),f=c(80974),g=c(42723),h=c(67466);function i(a){return(0,d.jsxs)("div",{"data-slot":"json-editor",className:`space-y-3 relative overflow-hidden p-1 ${a.className||""}`,children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 absolute top-3 right-3 z-10",children:[!a.value?.trim()&&(0,d.jsx)(e.$,{type:"button",onClick:()=>{let b=(0,f.Qj)();a.onChange(b)},variant:"outline",size:"sm",className:"h-6 px-2 text-xs rounded-sm",children:"Template"}),(0,d.jsx)(e.$,{type:"button",onClick:()=>{let b=a.value;if(b?.trim()){let c=(0,g.IB)(b);a.onChange(c)}},variant:"outline",size:"sm",className:"h-6 px-2 text-xs rounded-sm",disabled:!a.value?.trim(),children:"Format"})]}),(0,d.jsx)(h.i,{value:a.value||"",onChange:a.onChange,placeholder:a.placeholder,disabled:a.disabled,readOnly:a.readOnly})]})}},41325:(a,b,c)=>{Promise.resolve().then(c.bind(c,12604)),Promise.resolve().then(c.bind(c,24003)),Promise.resolve().then(c.bind(c,19603)),Promise.resolve().then(c.t.bind(c,61678,23))},45622:()=>{},53261:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(60241).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/home/runner/work/agents/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/components/error.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/components/error.tsx","default")},56019:(a,b,c)=>{"use strict";c.d(b,{S:()=>g});var d=c(59111),e=c(71771),f=c(39878);function g({control:a,name:b,label:c="JSON Schema",placeholder:g,disabled:h,description:i,readOnly:j,isRequired:k=!1}){return(0,d.jsx)(e.u,{control:a,name:b,label:c,description:i,isRequired:k,children:a=>(0,d.jsx)(f.$,{placeholder:g,...a,onChange:a.onChange,readOnly:j,disabled:h})})}},62503:(a,b,c)=>{"use strict";c.d(b,{f:()=>d});let d=c(34576).string().min(1,"Id is required.").max(64,"Id must be less than 64 characters.").regex(/^[a-zA-Z0-9_-]+$/,"Id must contain only alphanumeric characters, underscores, and dashes. No spaces allowed.")},71708:(a,b,c)=>{Promise.resolve().then(c.bind(c,81331))},77709:(a,b,c)=>{Promise.resolve().then(c.bind(c,98261)),Promise.resolve().then(c.bind(c,97633)),Promise.resolve().then(c.bind(c,80248)),Promise.resolve().then(c.t.bind(c,93520,23))},80974:(a,b,c)=>{"use strict";c.d(b,{Qj:()=>k,SR:()=>l,_O:()=>j});var d=c(7352),e=c(43381);let f=d.ZU.Object({type:d.ZU.Union([d.ZU.Literal("string"),d.ZU.Literal("number"),d.ZU.Literal("integer"),d.ZU.Literal("boolean"),d.ZU.Literal("array"),d.ZU.Literal("object"),d.ZU.Literal("null")]),description:d.ZU.String({minLength:1}),format:d.ZU.Optional(d.ZU.String()),pattern:d.ZU.Optional(d.ZU.String()),minimum:d.ZU.Optional(d.ZU.Number()),maximum:d.ZU.Optional(d.ZU.Number()),minLength:d.ZU.Optional(d.ZU.Number()),maxLength:d.ZU.Optional(d.ZU.Number()),items:d.ZU.Optional(d.ZU.Any()),properties:d.ZU.Optional(d.ZU.Any()),enum:d.ZU.Optional(d.ZU.Array(d.ZU.Any())),const:d.ZU.Optional(d.ZU.Any()),default:d.ZU.Optional(d.ZU.Any())}),g=d.ZU.Object({type:d.ZU.Literal("object"),properties:d.ZU.Record(d.ZU.String(),f),required:d.ZU.Array(d.ZU.String(),{minItems:1}),additionalProperties:d.ZU.Optional(d.ZU.Boolean()),description:d.ZU.Optional(d.ZU.String())}),h=e.gv.Compile(f),i=e.gv.Compile(g);function j(a){let b=[],{parsed:c,errors:d}=function(a){let b=[],c=null;if(!a?.trim())return{parsed:null,errors:b};try{c=JSON.parse(a)}catch(a){b.push({path:"root",message:a instanceof Error?a.message:"Invalid JSON syntax",type:"syntax"})}return{parsed:c,errors:b}}(a);if(d.length>0)return{isValid:!1,errors:d,warnings:b};if(!c)return{isValid:!0,errors:[],warnings:["Empty schema provided"]};let e=[...function(a){let b=[];return a&&"object"==typeof a?!i.Check(a)&&(a.type&&"object"===a.type||b.push({path:"type",message:'Schema must have type: "object" for LLM compatibility',type:"llm_requirement"}),a.properties&&"object"==typeof a.properties||b.push({path:"properties",message:'Schema must have a "properties" object',type:"schema"}),a.required&&Array.isArray(a.required)||b.push({path:"required",message:'Schema must have a "required" array (can be empty)',type:"llm_requirement"}),a.properties&&"object"==typeof a.properties&&Object.entries(a.properties).forEach(([a,c])=>{h.Check(c)||[...h.Errors(c)].forEach(c=>{let d=c.message;"/description"===c.path?d='Each property must have a "description" for LLM compatibility':"/type"===c.path&&(d='Each property must have a valid "type"'),b.push({path:`properties.${a}${c.path}`,message:d,type:"/description"===c.path?"llm_requirement":"schema"})})})):b.push({path:"root",message:"Schema must be an object",type:"schema"}),b}(c),...function(a){let b=[];return a&&"object"==typeof a&&(a.required&&Array.isArray(a.required)&&a.properties&&a.required.forEach(c=>{a.properties[c]||b.push({path:"required",message:`Required property "${c}" must exist in properties`,type:"schema"})}),a.properties&&"object"==typeof a.properties&&Object.entries(a.properties).forEach(([a,c])=>{c.description&&"string"==typeof c.description&&0!==c.description.trim().length||b.push({path:`properties.${a}.description`,message:"Each property must have a non-empty description for LLM compatibility",type:"llm_requirement"})})),b}(c)];return{isValid:0===e.length,errors:e,warnings:b}}function k(){return JSON.stringify({type:"object",properties:{example_property:{type:"string",description:"Description of what this property represents"}},required:["example_property"]},null,2)}function l(a){if(a instanceof SyntaxError){let b=a.message.toLowerCase();return b.includes("unexpected end of json input")?"Incomplete JSON - missing closing brackets or quotes":b.includes("unexpected token")?"Invalid character in JSON - check for missing commas, quotes, or brackets":b.includes("expected property name")||b.includes("expected ':' after property name")?"Property names must be in double quotes":b.includes("duplicate keys")?"Duplicate property names are not allowed":"Invalid JSON syntax - check structure and formatting"}return"Unable to parse JSON"}},81331:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>f});var d=c(59111),e=c(43433);function f(){return(0,d.jsx)(e.A,{description:"Something went wrong."})}},85276:(a,b,c)=>{Promise.resolve().then(c.bind(c,53261))},92107:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>j});var d=c(72669),e=c(17932),f=c(96737),g=c(39885),h=c(3687),i=c(43461);function j(){return(0,d.jsx)(e.H,{breadcrumbs:[{label:"Components"}],children:(0,d.jsxs)(f.D,{children:[(0,d.jsx)(g.zY,{title:"Components",description:i.yr}),(0,d.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 md:gap-4",children:Array.from({length:6}).map((a,b)=>(0,d.jsx)(h.E,{className:"h-36 w-full rounded-lg"},`loading-skeleton-${b}`))})]})})}},92478:()=>{},96107:(a,b,c)=>{Promise.resolve().then(c.bind(c,37830))},98261:(a,b,c)=>{"use strict";c.d(b,{DataComponentForm:()=>d});let d=(0,c(60241).registerClientReference)(function(){throw Error("Attempted to call DataComponentForm() from the server but DataComponentForm is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/data-components/form/data-component-form.tsx","DataComponentForm")}};