From e73eb5f62a2a22e05d13ac85a52af418bca33970 Mon Sep 17 00:00:00 2001
From: Niran Babalola <niran.babalola@coinbase.com>
Date: Wed, 18 Feb 2026 15:15:04 -0600
Subject: [PATCH 1/2] Display state root time in bundle detail UI

- Add stateRootTimeUs to MeterBundleResponse interface
- Replace manual execution time sum with totalExecutionTimeUs
- Show total time (execution + state root) with breakdown
---
 src/app/bundles/[uuid]/page.tsx | 10 ++++++++--
 src/lib/s3.ts                   |  1 +
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/bundles/[uuid]/page.tsx b/src/app/bundles/[uuid]/page.tsx
index 0212106..e38bf7e 100644
--- a/src/app/bundles/[uuid]/page.tsx
+++ b/src/app/bundles/[uuid]/page.tsx
@@ -299,6 +299,8 @@ function TransactionDetails({
 }
 
 function SimulationCard({ meter }: { meter: MeterBundleResponse }) {
+  const totalTimeUs = meter.totalExecutionTimeUs + meter.stateRootTimeUs;
+
   return (
     <Card>
       <div className="p-5">
@@ -310,9 +312,13 @@ function SimulationCard({ meter }: { meter: MeterBundleResponse }) {
             </div>
           </div>
           <div>
-            <div className="text-xs text-gray-500 mb-1">Execution Time</div>
+            <div className="text-xs text-gray-500 mb-1">Total Time</div>
             <div className="text-xl font-semibold text-gray-900">
-              {meter.results.reduce((sum, r) => sum + r.executionTimeUs, 0)}μs
+              {totalTimeUs.toLocaleString()}μs
+            </div>
+            <div className="text-xs text-gray-500 mt-1 space-x-3">
+              <span>Execution {meter.totalExecutionTimeUs.toLocaleString()}μs</span>
+              <span>State Root {meter.stateRootTimeUs.toLocaleString()}μs</span>
             </div>
           </div>
           <div>
diff --git a/src/lib/s3.ts b/src/lib/s3.ts
index 0d0cde7..32281e3 100644
--- a/src/lib/s3.ts
+++ b/src/lib/s3.ts
@@ -127,6 +127,7 @@ export interface MeterBundleResponse {
   stateBlockNumber: number;
   totalGasUsed: number;
   totalExecutionTimeUs: number;
+  stateRootTimeUs: number;
 }
 
 export interface BundleData {

From 480f22e29e779668854d37669a9db64e889dd260 Mon Sep 17 00:00:00 2001
From: Niran Babalola <niran.babalola@coinbase.com>
Date: Wed, 18 Feb 2026 15:32:53 -0600
Subject: [PATCH 2/2] Fix biome formatting

---
 src/app/bundles/[uuid]/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/bundles/[uuid]/page.tsx b/src/app/bundles/[uuid]/page.tsx
index e38bf7e..5d56c5b 100644
--- a/src/app/bundles/[uuid]/page.tsx
+++ b/src/app/bundles/[uuid]/page.tsx
@@ -317,7 +317,9 @@ function SimulationCard({ meter }: { meter: MeterBundleResponse }) {
               {totalTimeUs.toLocaleString()}μs
             </div>
             <div className="text-xs text-gray-500 mt-1 space-x-3">
-              <span>Execution {meter.totalExecutionTimeUs.toLocaleString()}μs</span>
+              <span>
+                Execution {meter.totalExecutionTimeUs.toLocaleString()}μs
+              </span>
               <span>State Root {meter.stateRootTimeUs.toLocaleString()}μs</span>
             </div>
           </div>