From c21a2a27872be8a9507a373c42b977d630abc931 Mon Sep 17 00:00:00 2001
From: Timidan <akinnusotutemitayodaniel@gmail.com>
Date: Thu, 23 Apr 2026 14:56:46 +0100
Subject: [PATCH] feat: add refHash support for transaction hash replay in
 SimulationResultsPage and TransactionSummary

---
 src/components/SimulationResultsPage.tsx            |  4 ++++
 src/components/TopBar.tsx                           |  9 +++++++--
 .../simulation-results/TransactionSummary.tsx       | 13 +++++++++++++
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/SimulationResultsPage.tsx b/src/components/SimulationResultsPage.tsx
index 0880d73..3072010 100644
--- a/src/components/SimulationResultsPage.tsx
+++ b/src/components/SimulationResultsPage.tsx
@@ -97,6 +97,9 @@ const SimulationResultsPage: React.FC<SimulationResultsPageProps> = (props) => {
   const statusIcon = result.success ? "\u2713" : "\u2717";
 
   const hash = id || Date.now().toString();
+  const isTxHashReplay = contractContext?.simulationOrigin === "tx-hash-replay";
+  const replayedHash = isTxHashReplay ? contractContext?.replayTxHash : undefined;
+  const refHash = replayedHash && replayedHash !== hash ? replayedHash : undefined;
   const network = contractContext?.networkName || "Ethereum";
   const blockNumber = result.blockNumber ? String(result.blockNumber) : "\u2014";
 
@@ -139,6 +142,7 @@ const SimulationResultsPage: React.FC<SimulationResultsPageProps> = (props) => {
 
           <TransactionSummary
             hash={hash}
+            refHash={refHash}
             network={network}
             statusColor={statusColor}
             statusIcon={statusIcon}
diff --git a/src/components/TopBar.tsx b/src/components/TopBar.tsx
index 8629794..4218abd 100644
--- a/src/components/TopBar.tsx
+++ b/src/components/TopBar.tsx
@@ -1,4 +1,5 @@
 import React, { Suspense, useState, useEffect } from "react";
+import { Link } from "react-router-dom";
 import {
   GearSix as SettingsIcon,
   HardDrive,
@@ -61,7 +62,11 @@ const TopBar: React.FC<TopBarProps> = ({
         className,
       )}
     >
-      <div className="flex shrink-0 items-center gap-2.5">
+      <Link
+        to="/"
+        aria-label="HexKit home"
+        className="flex shrink-0 items-center gap-2.5 rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
+      >
         <svg
           viewBox="0 0 100 100"
           fill="none"
@@ -165,7 +170,7 @@ const TopBar: React.FC<TopBarProps> = ({
         >
           HEXKIT
         </span>
-      </div>
+      </Link>
 
       <div className="pointer-events-none absolute inset-0 hidden md:flex items-center justify-center px-2">
         <UniversalSearchBar
diff --git a/src/components/simulation-results/TransactionSummary.tsx b/src/components/simulation-results/TransactionSummary.tsx
index 18bb144..83ac824 100644
--- a/src/components/simulation-results/TransactionSummary.tsx
+++ b/src/components/simulation-results/TransactionSummary.tsx
@@ -8,6 +8,8 @@ import { useNativeTokenPrice } from "../../hooks/useNativeTokenPrice";
 
 interface TransactionSummaryProps {
   hash: string;
+  /** Original on-chain transaction hash when this simulation is a tx-hash replay. */
+  refHash?: string;
   network: string;
   statusColor: string;
   statusIcon: string;
@@ -34,6 +36,7 @@ interface TransactionSummaryProps {
 
 export const TransactionSummary: React.FC<TransactionSummaryProps> = ({
   hash,
+  refHash,
   network,
   statusColor,
   statusIcon,
@@ -121,6 +124,16 @@ export const TransactionSummary: React.FC<TransactionSummaryProps> = ({
             </div>
           </div>
 
+          {refHash && (
+            <div className="sim-summary-row">
+              <span className="sim-summary-label">Ref Hash</span>
+              <div className="sim-summary-value">
+                <span className="sim-summary-mono">{refHash}</span>
+                <CopyButton value={refHash} className="sim-copy-btn" iconSize={12} />
+              </div>
+            </div>
+          )}
+
           <div className="sim-summary-row">
             <span className="sim-summary-label">Network</span>
             <span className="sim-summary-value">