Files
infra-observability/k8s/grafana/dashboards/obs-distributed-traces.json
T
Stéphane Tailland e8b600d203 Rebuild the trace dashboard around the trace itself
Three things were wrong with it, two of them mine.

Clicking a trace id emptied the trace list. The data link passed
var-traceFilter=${traceFilter:queryparam}, but that formatter already
emits "var-name=value" — prefixing it again wrote the literal string
"var-traceFilter={kind=server} | count() > 2" into the variable, which is
not valid TraceQL, so the panel errored. The link now sets only
var-traceId.

The spans were split across two tables, HTTP hops and Kong plugins. They
are one tree, and splitting them made the order unreadable. Replaced by
Grafana's own trace view: the full waterfall, every span nested in order
across LibreChat, Keycloak, the gateways and the backend, with span
attributes on click and the built-in jump to that span's logs.

And the dashboard never showed the identity side, which is most of the
point of following a request through this stack. Keycloak's event log
carries it: the token exchanges with the audience minted, the requesting
client, the end user, the grant type and the scopes. Parsed into columns
with one independent regexp per field — chaining json into line_format
into another parser has already cost a 60s timeout here, and each event
type carries a different subset of the keys, so an all-or-nothing parse
silently drops rows. The escaping is not incidental: the line is JSON, so
the message reads type=\"...\" and the pattern has to match the
backslash.

That panel is scoped to the time range rather than to the selected trace,
on purpose. Kong's openid-connect plugin calls Keycloak without
propagating the trace, so its token exchanges carry their own trace id
and scoping them to the transaction would show nothing. LibreChat's own
calls to Keycloak do propagate and do appear under the transaction —
verified both ways.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-27 12:30:20 +02:00

321 lines
9.1 KiB
JSON

{
"uid": "obs-distributed-traces",
"title": "Distributed Traces",
"description": "Follow one transaction end to end: pick it, read every span in order, see which tokens were issued, and read what was exchanged at each hop.",
"tags": [
"observability",
"tracing",
"tempo"
],
"timezone": "browser",
"schemaVersion": 39,
"version": 1,
"refresh": "",
"time": {
"from": "now-1h",
"to": "now"
},
"editable": true,
"graphTooltip": 0,
"templating": {
"list": [
{
"name": "traceFilter",
"label": "Show",
"type": "custom",
"query": "Transactions — 3+ services : {kind=server} | count() > 2,2+ services : {kind=server} | count() > 1,Everything (noisy) : {}",
"options": [
{
"text": "Transactions — 3+ services",
"value": "{kind=server} | count() > 2",
"selected": true
},
{
"text": "2+ services",
"value": "{kind=server} | count() > 1",
"selected": false
},
{
"text": "Everything (noisy)",
"value": "{}",
"selected": false
}
],
"current": {
"text": "Transactions — 3+ services",
"value": "{kind=server} | count() > 2"
},
"includeAll": false,
"multi": false,
"description": "Which traces are worth listing."
},
{
"name": "traceId",
"label": "Trace ID",
"type": "textbox",
"query": "",
"current": {
"text": "",
"value": ""
},
"description": "Set by clicking a Trace ID above, or paste one."
}
]
},
"panels": [
{
"type": "row",
"title": "1 — Pick a transaction",
"gridPos": {
"h": 1,
"w": 24,
"x": 0,
"y": 0
},
"collapsed": false,
"panels": []
},
{
"type": "table",
"title": "Transactions",
"description": "Traces where at least three services received an HTTP request — a real end-to-end flow rather than a token call or a health probe. Filtering by service name does not achieve this: Keycloak and the gateways are services too.\n\nClick a Trace ID to load it below.",
"datasource": {
"type": "tempo",
"uid": "tempo"
},
"gridPos": {
"h": 8,
"w": 24,
"x": 0,
"y": 1
},
"targets": [
{
"refId": "A",
"datasource": {
"type": "tempo",
"uid": "tempo"
},
"queryType": "traceql",
"query": "$traceFilter",
"tableType": "traces",
"limit": 50
}
],
"fieldConfig": {
"defaults": {
"custom": {
"align": "auto",
"filterable": true
}
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "traceID"
},
"properties": [
{
"id": "links",
"value": [
{
"title": "Open this trace below",
"url": "d/obs-distributed-traces/distributed-traces?${__url_time_range}&var-traceId=${__value.raw}"
}
]
}
]
}
]
},
"options": {
"showHeader": true,
"sortBy": [
{
"displayName": "Start time",
"desc": true
}
]
}
},
{
"type": "row",
"title": "2 — Every span of the trace, in order",
"gridPos": {
"h": 1,
"w": 24,
"x": 0,
"y": 9
},
"collapsed": false,
"panels": []
},
{
"type": "traces",
"title": "Trace $traceId",
"description": "Grafana's own trace view: the full waterfall, every span nested in order, across LibreChat, Keycloak, the Kong gateways and the backend — no split between HTTP hops and plugins, they are one tree.\n\nClick a span to expand its attributes: method, route, status, durations, and whatever the instrumentation attached. From a span, 'Logs for this span' jumps to Loki.",
"datasource": {
"type": "tempo",
"uid": "tempo"
},
"gridPos": {
"h": 22,
"w": 24,
"x": 0,
"y": 10
},
"targets": [
{
"refId": "A",
"datasource": {
"type": "tempo",
"uid": "tempo"
},
"queryType": "traceql",
"query": "$traceId",
"limit": 300
}
]
},
{
"type": "row",
"title": "3 — Identity: what was issued, to whom, for what",
"gridPos": {
"h": 1,
"w": 24,
"x": 0,
"y": 32
},
"collapsed": false,
"panels": []
},
{
"type": "table",
"title": "Keycloak identity events",
"description": "Parsed from Keycloak's own event log: the token exchanges, logins and code-to-token swaps, with the audience minted, the requesting client, the end user and the grant type. This is where the OIDC substance lives — the Authorization header itself is REDACTED in the Kong audit records, so claims cannot be read from there.\n\nScoped to the dashboard TIME RANGE, not to the selected trace, and deliberately: Kong's openid-connect plugin calls Keycloak without propagating the trace, so those token exchanges carry their own trace id. Scoping them to the transaction would show nothing. LibreChat's own calls to Keycloak DO propagate and do appear under the transaction's trace.",
"datasource": {
"type": "loki",
"uid": "loki"
},
"gridPos": {
"h": 11,
"w": 24,
"x": 0,
"y": 33
},
"targets": [
{
"refId": "A",
"datasource": {
"type": "loki",
"uid": "loki"
},
"editorMode": "code",
"queryType": "range",
"expr": "{job=\"keycloak/keycloak\"} |= \"org.keycloak.events\" | regexp `type=\\\\\"(?P<event>[^\\\\\"]*)\\\\\"` | regexp `clientId=\\\\\"(?P<client>[^\\\\\"]*)\\\\\"` | regexp `audience=\\\\\"(?P<audience>[^\\\\\"]*)\\\\\"` | regexp `username=\\\\\"(?P<user>[^\\\\\"]*)\\\\\"` | regexp `grant_type=\\\\\"(?P<grant>[^\\\\\"]*)\\\\\"` | regexp `scope=\\\\\"(?P<scope>[^\\\\\"]*)\\\\\"`"
}
],
"transformations": [
{
"id": "extractFields",
"options": {
"source": "labels",
"replace": false
}
},
{
"id": "organize",
"options": {
"excludeByName": {
"labels": true,
"Line": true,
"tsNs": true,
"id": true,
"Time": false
},
"indexByName": {
"Time": 0,
"event": 1,
"client": 2,
"audience": 3,
"user": 4,
"grant": 5,
"scope": 6
},
"renameByName": {
"event": "Event",
"client": "Client",
"audience": "Audience",
"user": "User",
"grant": "Grant type",
"scope": "Scopes"
}
}
}
],
"fieldConfig": {
"defaults": {
"custom": {
"align": "auto",
"filterable": true
}
},
"overrides": []
},
"options": {
"showHeader": true,
"sortBy": [
{
"displayName": "Time",
"desc": true
}
]
}
},
{
"type": "row",
"title": "4 — What was actually exchanged",
"gridPos": {
"h": 1,
"w": 24,
"x": 0,
"y": 44
},
"collapsed": false,
"panels": []
},
{
"type": "logs",
"title": "Logs of trace $traceId",
"description": "Every log line carrying this trace id. The Kong audit records are the substance: request headers, response status, per-stage latencies, and on the domain gateways request_body and response_body — so the MCP tools/call payload and its result are readable in full. Expand a line to read it as fields.\n\nOne gap, and it is a capture gap rather than a display one: the llm gateway has no body capture, so LLM prompts and completions are not recorded.",
"datasource": {
"type": "loki",
"uid": "loki"
},
"gridPos": {
"h": 14,
"w": 24,
"x": 0,
"y": 45
},
"targets": [
{
"refId": "A",
"datasource": {
"type": "loki",
"uid": "loki"
},
"expr": "{job=~\"kong-audit|classic-models/classic-models-api|librechat/librechat|keycloak/keycloak\"} |= \"$traceId\""
}
],
"options": {
"showTime": true,
"wrapLogMessage": true,
"sortOrder": "Ascending",
"enableLogDetails": true,
"prettifyLogMessage": true
}
}
]
}