Bug: Embedding traces incorrectly shown with chat UI in trace drawer

[mmabrouk]

Description

Embedding traces are being rendered with the chat UI (chat bubbles/messages) in the trace drawer, which is incorrect. Embeddings are not conversational and should be displayed differently.

Expected Behavior

Embedding traces should show a raw data view — displaying the embedding input and output as raw data, not as chat messages.

Actual Behavior

Embedding traces display with chat bubbles/messages UI, which is confusing and inappropriate for embedding data.

Severity

Low — confusing but data is still visible

Steps to Reproduce

1. Make an embedding API call that gets traced
2. Open the trace in observability
3. Open the trace drawer
4. Embedding is shown with chat UI instead of raw data view

[linear]

AGE-3611

[dosubot]

The root cause is that the OverviewTabItem component decides to render chat UI based only on the data structure (e.g., if inputs.prompt or outputs.completion are arrays of objects with a 'role' property), not on the trace node type. This means embedding traces that happen to have similar data structures are incorrectly shown with chat bubbles.

To fix this, update OverviewTabItem to check if activeTrace.node.type === 'chat' before rendering chat UI. For all other types—including 'embedding'—always render the inputs and outputs as raw data, regardless of their structure. The node type is already available in the component, so this change is straightforward and aligns with Agenta's intended UI behavior for different span kinds (docs).

This approach will ensure embedding traces are always shown as raw data, while chat traces keep their specialized formatting.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}