chore: display reverted in top failure modes

report/src/pages/LoadTestDetail.tsx

@@ -91,6 +91,7 @@ const SummarySection = ({ result }: { result: LoadTestResult }) => {
   const submitted = result.throughput.total_submitted;
   const confirmed = result.throughput.total_confirmed;
   const failed = result.throughput.total_failed;
+  const reverted = result.throughput.total_reverted;
   const blockRange = result.block_range;
   const hasConfirmedBlockRange =
     typeof blockRange?.first_block === "number" &&
@@ -110,6 +111,13 @@ const SummarySection = ({ result }: { result: LoadTestResult }) => {
           hint={formatPercent(confirmed, submitted) + " of submitted"}
         />
         <Stat label="Failed" value={failed.toLocaleString()} />
+        {reverted > 0 && (
+          <Stat
+            label="Reverted"
+            value={reverted.toLocaleString()}
+            hint={formatPercent(reverted, confirmed) + " of confirmed"}
+          />
+        )}
         <Stat label="Avg TPS" value={formatTps(result.throughput.tps)} />
         <Stat
           label="Avg gas/s"
@@ -231,25 +239,37 @@ const LoadTestDetail = () => {
             </StatCard>
 
             <StatCard title="Top failure reasons">
-              {result.top_failure_reasons.length === 0 ? (
-                <div className="text-sm text-slate-500">
-                  No failures recorded.
-                </div>
-              ) : (
-                <ul className="text-sm text-slate-700 divide-y divide-slate-100">
-                  {result.top_failure_reasons.map(([reason, count]) => (
-                    <li
-                      key={reason}
-                      className="py-2 flex justify-between gap-x-4"
-                    >
-                      <span>{reason}</span>
-                      <span className="font-mono">
-                        {count.toLocaleString()}
-                      </span>
-                    </li>
-                  ))}
-                </ul>
-              )}
+              {(() => {
+                const reverted = result.throughput.total_reverted;
+                const reasons: [string, number][] = [
+                  ...(reverted > 0
+                    ? [["reverted", reverted] as [string, number]]
+                    : []),
+                  ...result.top_failure_reasons,
+                ];
+                if (reasons.length === 0) {
+                  return (
+                    <div className="text-sm text-slate-500">
+                      No failures recorded.
+                    </div>
+                  );
+                }
+                return (
+                  <ul className="text-sm text-slate-700 divide-y divide-slate-100">
+                    {reasons.map(([reason, count]) => (
+                      <li
+                        key={reason}
+                        className="py-2 flex justify-between gap-x-4"
+                      >
+                        <span>{reason}</span>
+                        <span className="font-mono">
+                          {count.toLocaleString()}
+                        </span>
+                      </li>
+                    ))}
+                  </ul>
+                );
+              })()}
             </StatCard>
           </>
         )}

report/src/types.ts

@@ -151,6 +151,7 @@ export interface ThroughputStats {
   total_submitted: number;
   total_confirmed: number;
   total_failed: number;
+  total_reverted: number;
   tps: number;
   gps: number;
   duration: RustDuration;