From 2b14e622c5dcb467c273e02b913a9711243caf71 Mon Sep 17 00:00:00 2001
From: PJ <ipriyanshujain@gmail.com>
Date: Fri, 5 Jun 2026 22:41:54 +0530
Subject: [PATCH] feat(replay-ui): wire witnesses and step jump into violation
 panels

---
 replay-ui/src/routes/RunDetail.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/replay-ui/src/routes/RunDetail.tsx b/replay-ui/src/routes/RunDetail.tsx
index 8063816..eab5ca9 100644
--- a/replay-ui/src/routes/RunDetail.tsx
+++ b/replay-ui/src/routes/RunDetail.tsx
@@ -126,6 +126,8 @@ export default function RunDetail() {
   const violationsAfter = nextStep?.violations ?? violationsBefore;
   const residualsBefore = currentStep?.residuals;
   const residualsAfter = nextStep?.residuals ?? residualsBefore;
+  const witnessesBefore = currentStep?.witnesses;
+  const witnessesAfter = nextStep?.witnesses ?? witnessesBefore;
   const exceptionsForStep = currentStep?.exceptions;
 
   const beforeTabs: TabDefinition[] = [
@@ -157,8 +159,10 @@ export default function RunDetail() {
           propertyNames={history?.names ?? []}
           violations={violationsBefore}
           residuals={residualsBefore}
+          witnesses={witnessesBefore}
           onJumpToFirstViolation={jumpToFirstViolation}
           hasFirstViolation={history?.firstViolationStep !== undefined}
+          onJumpToStep={goTo}
         />
       ),
     },
@@ -176,8 +180,10 @@ export default function RunDetail() {
           propertyNames={history?.names ?? []}
           violations={violationsBefore}
           residuals={residualsBefore}
+          witnesses={witnessesBefore}
           onJumpToFirstViolation={jumpToFirstViolation}
           hasFirstViolation={history?.firstViolationStep !== undefined}
+          onJumpToStep={goTo}
           violationsOnly
         />
       ),
@@ -213,8 +219,10 @@ export default function RunDetail() {
           propertyNames={history?.names ?? []}
           violations={violationsAfter}
           residuals={residualsAfter}
+          witnesses={witnessesAfter}
           onJumpToFirstViolation={jumpToFirstViolation}
           hasFirstViolation={history?.firstViolationStep !== undefined}
+          onJumpToStep={goTo}
         />
       ),
     },
@@ -232,8 +240,10 @@ export default function RunDetail() {
           propertyNames={history?.names ?? []}
           violations={violationsAfter}
           residuals={residualsAfter}
+          witnesses={witnessesAfter}
           onJumpToFirstViolation={jumpToFirstViolation}
           hasFirstViolation={history?.firstViolationStep !== undefined}
+          onJumpToStep={goTo}
           violationsOnly
         />
       ),