UI Lab

Inspector

Timeline, artifacts, and approvals panels for thread inspection.

Agent & chat · fixture-only

Turn timeline audit

AgentInspectorTimelinePanel lists per-turn tokens, cost, duration, and tool count.

Workshop: Inspector timeline tab in chat right rail.

Fixture data only — behaviour matches production chrome

Artifacts + approvals tabs

AgentInspectorArtifactsPanel and AgentInspectorApprovalsPanel mirror transcript outputs and pending gates.

Avoid: Mixing approval cards into the main transcript instead of the inspector.

Fixture data only — behaviour matches production chrome

Timeline

Per-turn tokens, cost, duration, and tool count for thread audit.

Turns

2

Model

claude-sonnet-4-5

Tokens

1840 in / 320 out

Cost

$0.0042

  1. Turn 1

    Run the weekly customer data-quality review.

    4.2s
    Model: claude-sonnet-4-5920 in / 160 outCost: $0.00211 tool

  2. Turn 2

    Approve the Globex duplicate deletion?

    1.8s
    Model: claude-sonnet-4-5920 in / 160 outCost: $0.0021

Artifacts

Generated outputs from tool calls in this thread.

lead export

ui://lead-export/demo

id,name,status
1,Acme Corp,active

Approvals

Pending and resolved HITL gates for this thread.

customer.delete

PENDINGHIGH

Delete duplicate Globex customer record

View details →

Tab shell

AgentInspectorPanel composes timeline, artifacts, and approvals tabs.

No turns yet

Send a message to start the timeline.

Standalone cards

ApprovalCard and ArtifactPanel outside panel chrome — reuse in lists and transcript.

customer.delete

PENDINGHIGH

Delete duplicate Globex customer record

View details →

lead export

Generated by search_leads

id,name,status\n1,Acme Corp,active