@@ -3405,6 +3405,7 @@ def post(self, request, run_id):
     "severity", "rationale", "evidence", "judge_rationale", "judgment", "scenario_name",
     "scenario_description", "expected_behavior", "file_uri", "_rep_index", "_language", "error",
     "trace_ids",
+    "trace_evidence",
     "agentic_evaluation",
     *(f"{r}_{d}_tokens" for r in _REP_TOKEN_ROLES for d in ("input", "output")),
 }
@@ -3555,6 +3556,20 @@ def _as_text_list(value) -> list[str]:
 }
 
 
+def _span_label(sid: str) -> str:
+    """Short display label for a synthetic conversation span id.
+
+    Display only: the id itself stays the link anchor, so these links keep working.
+    """
+    if sid.startswith("conv-tool-result-"):
+        return f"tool-result-{sid.rsplit('-', 1)[-1]}"
+    if sid.startswith("conv-tool-"):
+        return f"tool-{sid.rsplit('-', 1)[-1]}"
+    if sid.startswith("conv-response-"):
+        return "response"
+    return sid
+
+
 def _agentic_span_view(span: dict) -> dict | None:
     """One evidence span as a timeline row (chronological ordering key included)."""
     if not isinstance(span, dict) or not span.get("span_id"):
@@ -3572,6 +3587,7 @@ def _agentic_span_view(span: dict) -> dict | None:
     start = span.get("start_time")
     return {
         "span_id": str(span["span_id"]),
+        "label": _span_label(str(span["span_id"])),
         "kind": span.get("kind") or "",
         "icon": icon,
         "tone": tone,
@@ -4101,6 +4117,13 @@ def _token_count(value: object) -> int:
     )
     grade = _judge_grade(rep.get("judgment"))
     agentic = rep.get("agentic_evaluation") if isinstance(rep.get("agentic_evaluation"), dict) else None
+    if agentic and isinstance(agentic.get("checks"), list):
+        # Each check's evidence ids come with display labels; the ids stay the link anchors.
+        agentic = {**agentic, "checks": [
+            {**c, "evidence_spans": [{"id": str(sid), "label": _span_label(str(sid))} for sid in (c.get("evidence_span_ids") or [])]}
+            if isinstance(c, dict) else c
+            for c in agentic["checks"]
+        ]}
     timeline = _agentic_timeline_view(rep)
     # Finding cards and judge dimensions cite span ids; resolve each to its
     # unique DOM anchor so a jump link lands on the correct row even when span
@@ -4109,16 +4132,6 @@ def _token_count(value: object) -> int:
     judge = _agentic_judge_view(agentic or {})
     anchor_for = timeline["anchor_for"] if timeline else {}
 
-    def _span_label(sid: str) -> str:
-        """Human-friendly label for a synthetic span id."""
-        if sid.startswith("conv-tool-"):
-            # Look up the tool name from the timeline rows
-            row = next((r for r in (timeline or {}).get("rows", []) if r.get("span_id") == sid), None)
-            return (row or {}).get("tool_name") or f"Tool {sid.rsplit('-', 1)[-1]}"
-        if sid.startswith("conv-response-"):
-            return "Response"
-        return sid
-
     for card in findings:
         card["spans"] = [
             {"span_id": sid, "label": _span_label(sid), "anchor": anchor_for.get(sid, sid)}
 
@@ -26,7 +26,7 @@ <h3 class="text-sm font-semibold text-violet-300">Trajectory timeline</h3>
       </div>
       <details class="agentic-tl-card min-w-0 flex-1 rounded-lg border border-gray-800/70 bg-surface-overlay/40 group-open:border-violet-800/50">
         <summary class="cursor-pointer select-none flex flex-wrap items-center gap-x-2 gap-y-1 px-3 py-2">
-          <span class="shrink-0 px-1.5 py-0.5 rounded bg-surface-overlay/60 border border-gray-800 text-[10px] uppercase tracking-wide {{ s.tone }}" title="{{ s.kind }}">{{ s.kind|default:"STEP" }}</span>
+          <span class="shrink-0 px-1.5 py-0.5 rounded bg-surface-overlay/60 border border-gray-800 text-[10px] uppercase tracking-wide {{ s.tone }}" title="{{ s.kind }}">{{ s.label|default:s.kind|default:"STEP" }}</span>
           <span class="min-w-0 truncate text-sm text-gray-200" title="{{ s.name }}">{{ s.name }}</span>
           {% if s.tool_name %}<span class="min-w-0 truncate text-xs text-gray-500" title="{{ s.tool_name }}">· {{ s.tool_name }}</span>{% endif %}
           {% if s.kb_sources %}
 
@@ -56,7 +56,7 @@ <h4 class="text-xs font-semibold text-gray-400 uppercase tracking-wide">Determin
       <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2.5">
         {% for f in rep.agentic_findings %}
         <details class="agentic-finding-card min-w-0 rounded-lg border px-3 py-2.5 {% if f.status == 'FAIL' or f.status == 'ERROR' %}border-red-900/50 bg-red-950/20{% elif f.status == 'INCONCLUSIVE' %}border-amber-900/50 bg-amber-950/10{% else %}border-gray-800 bg-surface-overlay/30{% endif %}" data-severity="{{ f.severity }}" data-status="{{ f.status }}">
-          <summary class="cursor-pointer select-none list-none">
+          <summary class="cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden">
             <div class="flex items-center gap-2 min-w-0">
               <span class="shrink-0 px-1.5 py-0.5 rounded text-[10px] font-semibold {% if f.status == 'PASS' %}bg-emerald-900/40 text-emerald-300{% elif f.status == 'INCONCLUSIVE' %}bg-amber-900/40 text-amber-300{% else %}bg-red-900/40 text-red-300{% endif %}">{{ f.status }}</span>
               {% if f.severity %}<span class="shrink-0 px-1.5 py-0.5 rounded text-[10px] uppercase tracking-wide {% if f.severity == 'critical' %}bg-red-950 text-red-300{% elif f.severity == 'high' %}bg-orange-950 text-orange-300{% elif f.severity == 'medium' %}bg-amber-950 text-amber-300{% else %}bg-gray-800 text-gray-400{% endif %}">{{ f.severity }}</span>{% endif %}
@@ -91,13 +91,17 @@ <h4 class="text-xs font-semibold text-gray-400 uppercase tracking-wide">Determin
     {% endif %}
     <div class="space-y-1.5">
       {% for check in rep.agentic.checks %}
+      {% if check.expected or check.observed or check.evidence_span_ids %}
       <details class="rounded bg-surface-overlay/50 px-3 py-2">
-        <summary class="cursor-pointer text-xs text-gray-300"><span class="mr-2 {% if check.status == 'PASS' %}text-emerald-400{% elif check.status == 'INCONCLUSIVE' %}text-amber-400{% else %}text-red-400{% endif %}">{{ check.status }}</span>{{ check.id }} — {{ check.summary }}</summary>
+        <summary class="cursor-pointer text-xs text-gray-300">        <span class="mr-2 {% if check.status == 'PASS' %}text-emerald-400{% elif check.status == 'INCONCLUSIVE' %}text-amber-400{% else %}text-red-400{% endif %}">{{ check.status }}</span>{{ check.id }} — {{ check.summary }}</summary>
         {% if check.expected or check.observed %}<div class="mt-2 text-[11px] text-gray-500">Expected: {{ check.expected|default:'—' }} · Observed: {{ check.observed|default:'—' }}</div>{% endif %}
         {% if check.evidence_span_ids %}<div class="mt-1 text-[11px] text-gray-500">Evidence spans:
-          {% for span_id in check.evidence_span_ids %}<a class="text-violet-300 hover:text-violet-200 underline" href="#trace-span-{{ rep.index }}-{{ span_id }}">{{ span_id }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
+          {% for sp in check.evidence_spans %}<a class="text-violet-300 hover:text-violet-200 underline" href="#trace-span-{{ rep.index }}-{{ sp.id }}">{{ sp.label }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
         </div>{% endif %}
       </details>
+      {% else %}
+      <div class="rounded bg-surface-overlay/50 px-3 py-2 text-xs text-gray-300">        <span class="mr-2 {% if check.status == 'PASS' %}text-emerald-400{% elif check.status == 'INCONCLUSIVE' %}text-amber-400{% else %}text-red-400{% endif %}">{{ check.status }}</span>{{ check.id }} — {{ check.summary }}</div>
+      {% endif %}
       {% endfor %}
 
     {% if rep.agentic_judge %}
@@ -211,78 +215,6 @@ <h3 class="text-sm font-semibold text-gray-300 mb-2">Judge rationale</h3>
   </div>
   {% endif %}
 
-  {% if rep.trace %}
-  <details class="bg-surface-raised rounded-xl border border-violet-900/40 p-4 group">
-    <summary class="flex cursor-pointer select-none flex-wrap items-center gap-3">
-      <h3 class="text-sm font-semibold text-violet-300">Target trace</h3>
-      <span class="text-xs text-gray-500">{{ rep.trace.spans|length }} span{{ rep.trace.spans|length|pluralize }} exported under {{ rep.trace.trace_ids|length }} trace{{ rep.trace.trace_ids|length|pluralize }}</span>
-      <span class="text-[10px] text-gray-600 group-open:hidden">click to expand</span>
-    </summary>
-    <div class="mt-3">
-    {% if rep.trace.spans %}
-    {% if rep.trace.trace_ids %}
-    <div class="flex flex-wrap gap-1.5 mb-3">
-      {% for tid in rep.trace.trace_ids %}
-      <code class="px-1.5 py-0.5 rounded bg-surface-overlay/70 border border-gray-800 text-[11px] text-gray-300" title="{{ tid }}">{{ tid|slice:":12" }}…</code>
-      {% endfor %}
-    </div>
-    {% endif %}
-    <ul class="space-y-1.5">
-      {% for s in rep.trace.spans %}
-      <li class="scroll-mt-4">
-        <details class="rounded border border-gray-800/70 bg-surface-overlay/40">
-          <summary id="trace-span-{{ rep.index }}-{{ s.span_id }}" class="flex cursor-pointer select-none items-center gap-2 px-2 py-1.5 text-sm">
-            <span class="shrink-0 px-1.5 py-0.5 rounded bg-surface-overlay/60 border border-gray-800 text-[10px] uppercase tracking-wide {% if s.kind == 'LLM' %}text-sky-300{% elif s.kind == 'RETRIEVER' %}text-emerald-300{% elif s.kind == 'TOOL' %}text-amber-300{% elif s.kind == 'AGENT' %}text-fuchsia-300{% elif s.kind == 'GUARDRAIL' %}text-fuchsia-300{% elif s.kind == 'EVALUATOR' %}text-fuchsia-300{% elif s.kind == 'SPAN_KIND_SERVER' %}text-violet-300{% elif s.kind == 'SPAN_KIND_CLIENT' %}text-cyan-300{% elif s.kind == 'SPAN_KIND_INTERNAL' %}text-gray-400{% elif s.kind == 'CHAIN' %}text-gray-400{% else %}text-gray-300{% endif %}" title="{{ s.kind }}">{{ s.kind }}</span>
-            <span class="text-gray-200 truncate" title="{{ s.name }}">{{ s.name }}</span>
-            {% if s.attributes.tool_name %}<span class="text-gray-500 text-xs truncate" title="{{ s.attributes.tool_name }}">· {{ s.attributes.tool_name }}</span>{% endif %}
-            <span class="shrink-0 ml-auto flex items-center gap-2 text-[11px] text-gray-500 tabular-nums">
-              {% if s.offset_ms is not None %}<span title="ms after the first span in this trace">+{{ s.offset_ms }} ms</span>{% endif %}
-              {% if s.dur_ms > 0 %}<span>{{ s.dur_ms }} ms</span>{% endif %}
-            </span>
-          </summary>
-          {% if s.content_blocks or s.attributes %}
-          <div class="space-y-2 border-t border-gray-800/70 px-3 py-2">
-            {% for label, value in s.content_blocks %}
-            <div>
-              <p class="mb-1 text-[10px] uppercase tracking-wide text-gray-500">{{ label }}</p>
-              <pre class="max-h-56 overflow-auto whitespace-pre-wrap break-words rounded bg-surface p-2 text-[11px] text-gray-300">{{ value }}</pre>
-            </div>
-            {% endfor %}
-            <details>
-              <summary class="cursor-pointer select-none text-[10px] uppercase tracking-wide text-gray-500 hover:text-gray-300">All attributes ({{ s.attributes|length }})</summary>
-              <pre class="mt-1 max-h-64 overflow-auto rounded bg-surface p-2 text-[11px] text-gray-400">{{ s.attributes|jsonify }}</pre>
-            </details>
-          </div>
-          {% endif %}
-        </details>
-      </li>
-      {% endfor %}
-    </ul>
-    {% if rep.trace.hidden_spans %}
-    <p class="mt-2 text-xs text-gray-500">+ {{ rep.trace.hidden_spans }} more span{{ rep.trace.hidden_spans|pluralize }} (shorter / beyond preview).</p>
-    {% endif %}
-    <p class="mt-2 text-[11px] text-gray-600">Click a span for its tool arguments / results and raw attributes. Evidence links from the checks above jump to their spans.</p>
-    <script>
-    // Evidence-link clicks expand the target span's detail (idempotent: the
-    // panel is included once per repetition on the same page).
-    (function() {
-      if (window.__traceSpanExpandBound) return;
-      window.__traceSpanExpandBound = true;
-      document.addEventListener('click', function(e) {
-        var a = e.target.closest ? e.target.closest('a[href^="#trace-span-"]') : null;
-        if (!a) return;
-        var el = document.getElementById(a.getAttribute('href').slice(1));
-        var d = el && el.closest ? el.closest('details') : null;
-        if (d) d.open = true;
-      });
-    })();
-    </script>
-    {% else %}
-    <p class="text-xs text-gray-500">The target exported no spans under this rep's trace{{ rep.trace.trace_ids|length|default:0|pluralize }} (tracing was on; the target's OTel may not be wired for this deployment).</p>
-    {% endif %}
-    </div>
-  </details>
-  {% endif %}
 
   {% include "partials/agentic_timeline.html" %}